/* Dashboard-specific styles - loaded only on dashboard pages via <link> */

/* ============================================
   HEROUI COMPONENT DARK THEME (dashboard-only)
   ============================================ */

[role="tooltip"] {
    background: var(--color-bg-elevated) !important;
    color: var(--color-text-primary) !important;
    border: none !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important;
    border-radius: 8px !important;
}

[role="tooltip"]>div,
[role="tooltip"] [data-slot="content"] {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

[data-slot="input-wrapper"] {
    background: #252225 !important;
    border: none !important;
    transition: background-color 0.2s ease, box-shadow 0.2s ease !important;
}

[data-slot="input-wrapper"]:hover {
    background: #2a272a !important;
}

[data-slot="input-wrapper"]:focus-within,
[data-slot="input-wrapper"][data-focus="true"],
[data-slot="input-wrapper"][data-focus-visible="true"] {
    background: #2a272a !important;
    outline: none !important;
}

[data-slot="input"] {
    color: var(--color-text-primary) !important;
}

[data-slot="input"]::placeholder {
    color: var(--color-text-muted) !important;
}

[data-slot="label"] {
    color: var(--color-text-tertiary) !important;
}

[data-slot="input-wrapper"][data-focus="true"] [data-slot="label"],
[data-slot="input-wrapper"]:focus-within [data-slot="label"] {
    color: var(--color-text-secondary) !important;
}

[data-slot="inner-wrapper"],
[data-slot="innerWrapper"] {
    background: transparent !important;
}

[data-slot="trigger"] {
    background: var(--color-bg-tertiary) !important;
    border: none !important;
    transition: background-color 0.2s ease !important;
}

[data-slot="trigger"]:hover {
    background: var(--color-bg-hover) !important;
}

[data-slot="trigger"][data-focus="true"],
[data-slot="trigger"][data-open="true"] {
    background: var(--color-bg-hover) !important;
}

header [data-slot="trigger"],
button[data-slot="trigger"] {
    background: var(--color-bg-hover) !important;
}

header button[data-slot="trigger"]:hover {
    background: var(--color-bg-active) !important;
}

[data-slot="value"],
[data-slot="trigger"] [data-slot="value"] {
    color: var(--color-text-primary) !important;
}

[data-slot="value"][data-slot="placeholder"],
[data-slot="trigger"] span[class*="placeholder"] {
    color: var(--color-text-muted) !important;
}

[data-slot="selector-icon"],
[data-slot="selectorIcon"] {
    color: var(--color-text-tertiary) !important;
}

[data-slot="selector-icon"] svg,
[data-slot="selectorIcon"] svg {
    color: var(--color-text-tertiary) !important;
    fill: currentColor !important;
}

[class*="autocomplete"] [data-slot="selector-icon"],
[class*="autocomplete"] [data-slot="selectorIcon"],
[data-slot="base"][class*="autocomplete"] [data-slot="selector-icon"],
[data-slot="base"][class*="autocomplete"] [data-slot="selectorIcon"] {
    color: var(--color-text-tertiary) !important;
}

[class*="autocomplete"] [data-slot="selector-icon"] svg,
[class*="autocomplete"] [data-slot="selectorIcon"] svg,
[data-slot="base"][class*="autocomplete"] [data-slot="selector-icon"] svg,
[data-slot="base"][class*="autocomplete"] [data-slot="selectorIcon"] svg {
    color: var(--color-text-tertiary) !important;
    fill: currentColor !important;
}

[data-slot="content"],
div[class*="popover-content"],
div[class*="dropdown-content"] {
    background: #221F22 !important;
    border: none !important;
    box-shadow: var(--shadow-xl) !important;
}

[data-slot="listbox"],
div[class*="listbox"] {
    background: #221F22 !important;
    padding: 4px !important;
}

[data-slot="base"][role="option"],
li[role="option"] {
    color: var(--color-text-secondary) !important;
    background: transparent !important;
    border-radius: 8px !important;
}

[data-slot="base"][role="option"]:hover,
[data-slot="base"][role="option"][data-hover="true"],
li[role="option"]:hover,
li[role="option"][data-hover="true"] {
    background: rgba(255, 255, 255, 0.06) !important;
    color: var(--color-text-primary) !important;
}

[data-slot="base"][role="option"]:focus,
[data-slot="base"][role="option"][data-focus="true"],
li[role="option"]:focus,
li[role="option"][data-focus="true"] {
    background: rgba(255, 255, 255, 0.06) !important;
    color: var(--color-text-primary) !important;
    outline: none !important;
}

[data-slot="base"][role="option"][aria-selected="true"],
[data-slot="base"][role="option"][data-selected="true"],
li[role="option"][aria-selected="true"],
li[role="option"][data-selected="true"] {
    background: rgba(255, 255, 255, 0.04) !important;
    color: var(--color-accent-primary) !important;
}

[data-slot="selectedIcon"] {
    color: var(--color-accent-primary) !important;
}

[data-slot="base"][class*="autocomplete"] [data-slot="input-wrapper"],
div[class*="autocomplete"] [data-slot="input-wrapper"] {
    background: var(--color-bg-tertiary) !important;
    border: none !important;
}

[data-slot="base"][class*="autocomplete"] [data-slot="input-wrapper"]:focus-within {
    background: var(--color-bg-hover) !important;
    box-shadow: 0 0 0 2px rgba(226, 125, 90, 0.2) !important;
}

[data-slot="clear-button"],
[data-slot="clearButton"] {
    color: var(--color-text-tertiary) !important;
}

[data-slot="clear-button"]:hover,
[data-slot="clearButton"]:hover {
    color: var(--color-text-primary) !important;
}

textarea[data-slot="input"] {
    color: var(--color-text-primary) !important;
}

textarea[data-slot="input"]::placeholder {
    color: var(--color-text-muted) !important;
}

[data-slot="wrapper"][role="switch"] {
    background: var(--color-bg-hover) !important;
}

[data-slot="wrapper"][role="switch"][data-selected="true"] {
    background: var(--color-accent-primary) !important;
}

[data-slot="thumb"] {
    background: var(--color-text-muted) !important;
}

[data-slot="wrapper"][data-selected="true"] [data-slot="thumb"] {
    background: white !important;
}

[data-slot="base"][class*="chip"] {
    background: rgba(255, 255, 255, 0.06) !important;
    color: var(--color-text-secondary) !important;
}

[data-slot="base"][class*="chip"][class*="primary"] {
    background: rgba(226, 125, 90, 0.15) !important;
    color: var(--color-accent-tertiary) !important;
}

[data-slot="base"][class*="divider"],
hr[class*="divider"] {
    background: rgba(255, 255, 255, 0.06) !important;
}

input[type="date"] {
    color-scheme: dark !important;
    color: var(--color-text-primary) !important;
    background: var(--color-bg-secondary) !important;
    border: none !important;
    transition: background-color 0.2s ease, box-shadow 0.2s ease !important;
}

input[type="date"]:hover {
    background: var(--color-bg-tertiary) !important;
}

input[type="date"]:focus {
    background: var(--color-bg-tertiary) !important;
    box-shadow: 0 0 0 2px rgba(226, 125, 90, 0.2) !important;
    outline: none !important;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(0.7) !important;
    cursor: pointer;
}

select {
    color-scheme: dark !important;
    color: var(--color-text-primary) !important;
    background-color: #252225 !important;
    border: none !important;
    transition: background-color 0.2s ease, box-shadow 0.2s ease !important;
}

select:hover {
    background-color: #2a272a !important;
}

select option {
    background: #221F22 !important;
    color: var(--color-text-primary) !important;
    padding: 8px !important;
}

select:focus {
    outline: none !important;
    background-color: #2a272a !important;
    box-shadow: 0 0 0 2px rgba(226, 125, 90, 0.2) !important;
}

[class*="modal"] button[class*="success"],
[class*="dialog"] button[class*="success"] {
    background: rgba(34, 197, 94, 0.2) !important;
    color: white !important;
}

[class*="modal"] button[class*="success"]:hover,
[class*="dialog"] button[class*="success"]:hover {
    background: rgba(34, 197, 94, 0.3) !important;
}

[class*="modal"] button[class*="success"] span,
[class*="dialog"] button[class*="success"] span {
    color: white !important;
}

[class*="modal"] button[class*="success"] svg,
[class*="dialog"] button[class*="success"] svg {
    color: white !important;
}

button[class*="bg-success"],
button[class*="color-success"] {
    background: var(--color-accent-primary) !important;
    color: white !important;
}

button[class*="bg-success"]:hover,
button[class*="color-success"]:hover {
    background: var(--color-accent-secondary) !important;
}

/* ============================================
   DASHBOARD-SPECIFIC STYLES
   ============================================ */

/* Admin Navbar */
.admin-navbar {
    margin-top: 0.75rem;
    position: relative;
    background: var(--color-bg-tertiary) !important;
    box-shadow: var(--shadow-md);
}

.admin-navbar::before {
    display: none;
}

.panel-parent .admin-navbar {
    margin: 0;
    margin-bottom: 0.75rem;
}

/* Dashboard Cards - Override white backgrounds */
.panel-parent .bg-white {
    background: var(--color-bg-tertiary) !important;
    box-shadow: none;
}

/* Ensure table internals stay transparent */
.panel-parent tbody.bg-white,
.panel-parent table .bg-white {
    background: transparent !important;
    box-shadow: none !important;
}

/* Dashboard Sidebar */
.panel-parent section:first-child .bg-white {
    background: var(--color-bg-tertiary) !important;
    border-radius: var(--radius-lg);
}

/* Sidebar hover states */
.panel-parent .hover\:bg-default-100:hover {
    background: var(--color-bg-hover) !important;
}

.panel-parent .bg-default-200 {
    background: #454245 !important;
}

.panel-parent .bg-default-100 {
    background: #3a373a !important;
}

/* Chat list items need subtle background for separation */
.panel-parent .cursor-pointer.p-4 {
    background: var(--color-bg-elevated) !important;
    border-radius: var(--radius-md);
    margin-bottom: 0.5rem;
}

.panel-parent .cursor-pointer.p-4:hover {
    background: var(--color-bg-hover) !important;
}

/* Dashboard Text Colors */
.panel-parent .text-black,
.panel-parent .text-gray-900,
.panel-parent .text-default-900 {
    color: var(--color-text-primary) !important;
}

.panel-parent .text-gray-500,
.panel-parent .text-default-500,
.panel-parent .text-default-400 {
    color: var(--color-text-tertiary) !important;
}

/* Project Card Styles */
.panel-parent .group:hover .group-hover\:bg-default-100 {
    background: var(--color-bg-hover) !important;
}

.panel-parent .group-hover\:text-primary-600:hover {
    color: var(--color-accent-primary) !important;
}

/* Dashboard Dividers */
.panel-parent .bg-default-200 {
    background-color: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

.panel-parent .border-default-100 {
    border-color: rgba(255, 255, 255, 0.04) !important;
}

/* Position Stats Bars - Zedokai colors */
.panel-parent .bg-success-400 {
    background: linear-gradient(90deg, #a9dc76 0%, #b8e388 100%) !important;
}

.panel-parent .bg-primary-400 {
    background: linear-gradient(90deg, #78dce8 0%, #8ee3ed 100%) !important;
}

.panel-parent .bg-warning-400 {
    background: linear-gradient(90deg, #ffd866 0%, #ffe080 100%) !important;
}

.panel-parent .bg-danger-400 {
    background: linear-gradient(90deg, #ff6188 0%, #ff7a9a 100%) !important;
}

/* Chart Container */
.panel-parent .recharts-wrapper {
    background: transparent !important;
}

.panel-parent .recharts-surface {
    background: transparent !important;
}

/* Chart Tooltip */
.panel-parent .recharts-tooltip-wrapper .bg-white {
    background: var(--color-bg-elevated) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Keywords Table Styles */
.panel-parent table {
    background: transparent !important;
    border-collapse: separate;
    border-spacing: 0;
}

.panel-parent thead tr {
    background: transparent !important;
}

.panel-parent thead th {
    background: transparent !important;
    color: var(--color-text-primary) !important;
    border: none !important;
    box-shadow: none !important;
    padding: 8px 4px;
}

.panel-parent tbody tr {
    background: transparent !important;
    border: none !important;
}

.panel-parent tbody tr:nth-child(odd) td.sticky,
.panel-parent tbody tr:nth-child(odd) td[class*="sticky"] {
    background: #322F32 !important;
}

.panel-parent tbody tr:nth-child(even) td.sticky,
.panel-parent tbody tr:nth-child(even) td[class*="sticky"] {
    background: var(--color-bg-tertiary) !important;
}

.panel-parent tbody tr:hover {
    background: var(--color-bg-hover) !important;
}

.panel-parent table tr,
.panel-parent table th,
.panel-parent table td {
    border-radius: 0 !important;
}

.panel-parent tbody td {
    color: var(--color-text-secondary) !important;
    border: none !important;
    box-shadow: none !important;
}

/* Sticky columns need explicit background */
.panel-parent tr td.bg-white {
    /*background: var(--color-bg-tertiary) !important;*/
}

.panel-parent tbody tr:hover td.sticky,
.panel-parent tbody tr:hover td[class*="sticky"],
.panel-parent tbody tr:hover td.bg-white,
.panel-parent tbody tr.group:hover td.bg-white,
.panel-parent tbody tr.selected td.sticky,
.panel-parent tbody tr.selected td[class*="sticky"],
.panel-parent tbody tr.selected td.bg-white {
    background: var(--color-bg-hover) !important;
}

/* Remove all table borders and shadows */
.panel-parent table,
.panel-parent table th,
.panel-parent table td {
    border: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.panel-parent table .note-column-highlight {
    position: relative;
    overflow: hidden;
}

.panel-parent table th.note-column-highlight {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

.panel-parent thead.sticky th.note-column-highlight {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.panel-parent table thead th.visits-column-highlight {
    background: rgba(226, 125, 90, 0.08) !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

.panel-parent table tbody tr:last-child td.visits-column-highlight {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.panel-parent table tbody td.visits-column-highlight {
    background: rgba(226, 125, 90, 0.08) !important;
}

.panel-parent table .note-column-highlight::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--note-color);
    opacity: 0.04;
    pointer-events: none;
    z-index: 1;
    border-radius: inherit;
}

/* Table header separator */
.panel-parent table thead tr {
    background: transparent !important;
}

.panel-parent table thead th {
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.panel-parent table thead.sticky-thead,
.panel-parent table thead.sticky-thead tr,
.panel-parent table thead.sticky-thead th {
    background: var(--color-bg-tertiary) !important;
}

.panel-parent .no-thead-border table thead th,
.panel-parent table.no-thead-border thead th {
    border-bottom: none !important;
}

/* Remove most border utilities - use contrast instead */
.panel-parent .border-default-100,
.panel-parent .border-default-200,
.panel-parent .border-t,
.panel-parent .border {
    border: none !important;
}

/* Keep border-b for table rows that need separators */
.panel-parent tbody .border-b {
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
}

/* Remove sticky column shadows (except thead) */
.panel-parent tbody [class*="sticky"],
.panel-parent th.sticky,
.panel-parent td.sticky {
    box-shadow: none !important;
}

/* Remove table container background */
.panel-parent .overflow-x-auto {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.panel-parent .overflow-x-auto.rounded-xl {
    background: transparent !important;
}

/* Today Column Highlight */
.panel-parent th.today-column,
.panel-parent td.today-column {
    background: rgba(255, 255, 255, 0.05) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.panel-parent th.today-column {
    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

.panel-parent thead.sticky th.today-column {
    border-radius: 0 !important;
}

.panel-parent tbody tr:last-child td.today-column {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

/* Position Color System */
.panel-parent [class*="bg-gradient-to-br"][class*="from-emerald"][class*="to-green"] {
    background: rgba(50, 140, 125, 0.60) !important;
}

.panel-parent [class*="bg-gradient-to-br"][class*="from-cyan"][class*="to-teal"] {
    background: rgba(55, 135, 140, 0.58) !important;
}

.panel-parent [class*="bg-gradient-to-br"][class*="from-sky"][class*="to-blue"] {
    background: rgba(60, 120, 160, 0.55) !important;
}

.panel-parent [class*="bg-gradient-to-br"][class*="from-amber"][class*="to-yellow"] {
    background: rgba(100, 95, 130, 0.50) !important;
}

.panel-parent [class*="bg-gradient-to-br"][class*="from-orange"][class*="to-amber"] {
    background: rgba(140, 95, 125, 0.52) !important;
}

.panel-parent [class*="bg-gradient-to-br"][class*="from-orange"][class*="to-red"] {
    background: rgba(155, 85, 80, 0.55) !important;
}

.panel-parent [class*="bg-gradient-to-br"][class*="from-red"][class*="to-red"] {
    background: rgba(135, 70, 80, 0.58) !important;
}

/* Fallback patterns */
.panel-parent [class*="bg-gradient-to-br"][class*="from-green"] {
    background: rgba(50, 140, 125, 0.60) !important;
}

.panel-parent [class*="bg-gradient-to-br"][class*="from-emerald"] {
    background: rgba(50, 140, 125, 0.60) !important;
}

.panel-parent [class*="bg-gradient-to-br"][class*="from-teal"],
.panel-parent [class*="bg-gradient-to-br"][class*="from-cyan"] {
    background: rgba(55, 135, 140, 0.58) !important;
}

.panel-parent [class*="bg-gradient-to-br"][class*="from-sky"],
.panel-parent [class*="bg-gradient-to-br"][class*="from-blue"] {
    background: rgba(60, 120, 160, 0.55) !important;
}

.panel-parent [class*="bg-gradient-to-br"][class*="from-yellow"],
.panel-parent [class*="bg-gradient-to-br"][class*="from-amber"] {
    background: rgba(100, 95, 130, 0.50) !important;
}

.panel-parent [class*="bg-gradient-to-br"][class*="from-orange"] {
    background: rgba(140, 95, 125, 0.52) !important;
}

.panel-parent [class*="bg-gradient-to-br"][class*="from-red"] {
    background: rgba(135, 70, 80, 0.58) !important;
}

.panel-parent [class*="bg-gradient-to-br"][class*="from-gray"] {
    background: rgba(60, 60, 70, 0.35) !important;
}

/* Selected row highlight (when checkbox is checked) */
.panel-parent tbody tr:has(input[type="checkbox"]:checked),
.panel-parent tbody tr.selected {
    background: rgba(226, 125, 90, 0.18) !important;
}

.panel-parent tbody tr:has(input[type="checkbox"]:checked):hover,
.panel-parent tbody tr.selected:hover {
    background: rgba(226, 125, 90, 0.25) !important;
}

.panel-parent tbody tr:has(input[type="checkbox"]:checked).hover\:bg-default-100:hover,
.panel-parent tbody tr.selected.hover\:bg-default-100:hover {
    background: rgba(226, 125, 90, 0.25) !important;
}

.panel-parent tbody tr:has(input[type="checkbox"]:checked).group:hover td.group-hover\:bg-default-100,
.panel-parent tbody tr.selected.group:hover td.group-hover\:bg-default-100 {
    background: rgba(226, 125, 90, 0.25) !important;
}

.panel-parent tbody tr:has(input[type="checkbox"]:checked) td.sticky,
.panel-parent tbody tr:has(input[type="checkbox"]:checked) td[class*="sticky"],
.panel-parent tbody tr:has(input[type="checkbox"]:checked) td.group-hover\:bg-default-100,
.panel-parent tbody tr.selected td.sticky,
.panel-parent tbody tr.selected td[class*="sticky"],
.panel-parent tbody tr.selected td.group-hover\:bg-default-100 {
    background: #443433 !important;
}

.panel-parent tbody tr:has(input[type="checkbox"]:checked):hover td.sticky,
.panel-parent tbody tr:has(input[type="checkbox"]:checked):hover td[class*="sticky"],
.panel-parent tbody tr:has(input[type="checkbox"]:checked):hover td.group-hover\:bg-default-100,
.panel-parent tbody tr.selected:hover td.sticky,
.panel-parent tbody tr.selected:hover td[class*="sticky"],
.panel-parent tbody tr.selected:hover td.group-hover\:bg-default-100 {
    background: #4e3936 !important;
}

/* Checkbox Styles */
.panel-parent input[type="checkbox"] {
    background: var(--color-bg-tertiary);
    border-color: rgba(255, 255, 255, 0.15);
}

.panel-parent input[type="checkbox"]:checked {
    background: var(--color-accent-primary);
    border-color: var(--color-accent-primary);
}

/* Button Overrides - Fix text colors */
.panel-parent button:not([class*="success"]):not([class*="danger"]) {
    color: var(--color-text-primary) !important;
}

/* Success buttons - Monokai green */
.panel-parent button[class*="success"],
.panel-parent [data-slot="base"][class*="success"],
.panel-parent [class*="color-success"],
.panel-parent [class*="variant-flat"][class*="color-success"] {
    background: rgba(169, 220, 118, 0.2) !important;
    color: #a9dc76 !important;
}

.panel-parent button[class*="success"]:hover,
.panel-parent [class*="color-success"]:hover {
    background: rgba(169, 220, 118, 0.35) !important;
}

.panel-parent button[class*="success"] span,
.panel-parent [class*="color-success"] span,
.panel-parent [class*="variant-flat"][class*="color-success"] span {
    color: #a9dc76 !important;
}

.panel-parent button[class*="success"] svg,
.panel-parent [class*="color-success"] svg,
.panel-parent [class*="variant-flat"][class*="color-success"] svg {
    color: #a9dc76 !important;
}

/* Default/flat buttons */
.panel-parent button[class*="flat"]:not([class*="success"]):not([class*="danger"]),
.panel-parent [data-slot="base"][class*="flat"]:not([class*="success"]):not([class*="danger"]),
header button[class*="flat"]:not([class*="success"]):not([class*="danger"]),
header [data-slot="base"] button,
header button[data-slot="trigger"] {
    background: #3a373a !important;
    color: var(--color-text-secondary) !important;
}

.panel-parent button[class*="flat"]:not([class*="success"]):not([class*="danger"]):hover,
.panel-parent [data-slot="base"][class*="flat"]:not([class*="success"]):not([class*="danger"]):hover,
header button[class*="flat"]:not([class*="success"]):not([class*="danger"]):hover,
header [data-slot="base"] button:hover,
header button[data-slot="trigger"]:hover {
    background: #454245 !important;
    color: var(--color-text-primary) !important;
}

.panel-parent button[class*="flat"]:not([class*="success"]):not([class*="danger"]) span {
    color: var(--color-text-secondary) !important;
}

.panel-parent button[class*="flat"]:not([class*="success"]):not([class*="danger"]):hover span {
    color: var(--color-text-primary) !important;
}

/* Light variant buttons */
.panel-parent button[class*="light"],
header button[class*="light"],
header button[class*="variant-flat"] {
    background: #3a373a !important;
    color: var(--color-text-secondary) !important;
}

.panel-parent button[class*="light"] span,
header button[class*="light"] span,
header button[class*="variant-flat"] span {
    color: var(--color-text-secondary) !important;
}

.panel-parent button[class*="light"]:hover,
header button[class*="light"]:hover,
header button[class*="variant-flat"]:hover {
    background: #454245 !important;
    color: var(--color-text-primary) !important;
}

.panel-parent button[class*="light"]:hover span,
header button[class*="light"]:hover span,
header button[class*="variant-flat"]:hover span {
    color: var(--color-text-primary) !important;
}

header .flex button:not([class*="success"]):not([class*="danger"]):not([class*="accent"]):not([class*="primary"]) {
    background: #3a373a !important;
}

header .flex button:not([class*="success"]):not([class*="danger"]):not([class*="accent"]):not([class*="primary"]):hover {
    background: #454245 !important;
}

/* Danger buttons - Monokai pink */
.panel-parent button[class*="danger"],
.panel-parent [class*="color-danger"],
.panel-parent [class*="variant-flat"][class*="color-danger"] {
    background: rgba(255, 97, 136, 1) !important;
    color: #ff6188 !important;
}

.panel-parent button[class*="danger"]:hover,
.panel-parent [class*="color-danger"]:hover {
    background: rgba(255, 97, 136, 1) !important;
}

.panel-parent button[class*="danger"] span,
.panel-parent [class*="color-danger"] span,
.panel-parent [class*="variant-flat"][class*="color-danger"] span {
    color: #ff6188 !important;
}

.panel-parent button[class*="danger"] svg,
.panel-parent [class*="color-danger"] svg,
.panel-parent [class*="variant-flat"][class*="color-danger"] svg {
    color: #ff6188 !important;
}

/* Fix icon colors in buttons */
.panel-parent button svg {
    color: inherit !important;
}

/* Chip/Badge Styles */
.panel-parent [class*="chip"],
.panel-parent .bg-default-100 {
    background: var(--color-bg-elevated) !important;
    color: var(--color-text-secondary) !important;
}

/* Input Fields - Borderless with contrast */
.panel-parent input[type="text"],
.panel-parent input[type="search"],
.panel-parent textarea,
.panel-parent select {
    background: var(--color-bg-tertiary) !important;
    border: none !important;
    color: var(--color-text-primary) !important;
    transition: background-color 0.2s ease, box-shadow 0.2s ease !important;
}

.panel-parent input::placeholder,
.panel-parent textarea::placeholder {
    color: var(--color-text-muted) !important;
}

.panel-parent input:hover,
.panel-parent textarea:hover,
.panel-parent select:hover {
    background: var(--color-bg-hover) !important;
}

.panel-parent input:focus,
.panel-parent textarea:focus,
.panel-parent select:focus {
    background: var(--color-bg-hover) !important;
    outline: none !important;
}

/* Dropdown/Select Styles - Borderless with elevation */
.panel-parent [class*="dropdown"],
.panel-parent [class*="popover"],
.panel-parent [class*="listbox"] {
    background: var(--color-bg-elevated) !important;
    border: none !important;
    box-shadow: var(--shadow-lg) !important;
}

/* Project Header */
.panel-parent h2,
.panel-parent h3 {
    color: var(--color-text-primary) !important;
}

/* Link hover in dashboard */
.panel-parent a:hover h3 {
    color: var(--color-accent-primary) !important;
}

/* Icons */
.panel-parent svg:not(.recharts-surface svg) {
    color: inherit;
}

/* Visibility Chart Specific - Zedokai colors */
.panel-parent .text-success-600 {
    color: #a9dc76 !important;
}

.panel-parent .text-danger-600 {
    color: #ff6188 !important;
}

.panel-parent .text-primary-600 {
    color: var(--color-accent-primary) !important;
}

/* Card Top Accent Line */
.panel-parent>section>div>.bg-white::before,
.panel-parent .rounded-xl.bg-white::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

.panel-parent .sidebar-collapsed.bg-white::before {
    display: none;
}

.panel-parent>section>div,
.panel-parent .rounded-xl {
    position: relative;
}

/* Admin Navbar */
.panel-parent+.bg-white,
header+div .bg-white {
    background: var(--color-bg-secondary) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* Notes indicator colors - Zedokai palette */
.panel-parent .border-t-success-400 {
    border-top-color: #a9dc76 !important;
}

.panel-parent .border-t-warning-400 {
    border-top-color: #ffd866 !important;
}

.panel-parent .border-t-danger-400 {
    border-top-color: #ff6188 !important;
}

.panel-parent .border-t-primary-400 {
    border-top-color: #78dce8 !important;
}

.panel-parent .border-t-success-200 {
    border-top-color: rgba(169, 220, 118, 0.3) !important;
}

.panel-parent .text-gray-400 {
    color: var(--color-text-muted) !important;
}

.panel-parent .animate-spin {
    color: var(--color-accent-primary);
}

/* Date picker */
.panel-parent [class*="calendar"],
.panel-parent [class*="datepicker"] {
    background: var(--color-bg-elevated) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.hide-scrollbar {
    scrollbar-width: none;
}

.table-scrollbar {
    scrollbar-color: var(--color-text-muted, #71717a) transparent;
}

.table-scrollbar::-webkit-scrollbar {
    height: 12px;
}

.table-scrollbar::-webkit-scrollbar-track {
    background: transparent;
    margin: 0 4px;
}

.table-scrollbar::-webkit-scrollbar-thumb {
    background: var(--color-text-muted, #71717a);
    border-radius: 6px;
}

.table-scrollbar::-webkit-scrollbar-thumb:hover {
    background: var(--color-text-secondary, #a1a1aa);
}

/* Scrollbar in dashboard */
.panel-parent ::-webkit-scrollbar {
    width: 15px;
    height: 15px;
}

.panel-parent ::-webkit-scrollbar-track {
    background: var(--color-bg-tertiary);
    border-radius: 5px;
}

.panel-parent ::-webkit-scrollbar-thumb {
    background: var(--color-bg-active);
    border-radius: 5px;
    border: 2px solid var(--color-bg-tertiary);
}

.panel-parent ::-webkit-scrollbar-thumb:hover {
    background: var(--color-text-muted);
}

/* AI Overview Scrollbar */
.ai-overview-scrollbar::-webkit-scrollbar {
    width: 4px;
}

.ai-overview-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}

.ai-overview-scrollbar::-webkit-scrollbar-thumb {
    background: #7aacff;
    border-radius: 2px;
}

.ai-overview-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #9dc2ff;
}

/* Tooltip Styles */
.panel-parent [role="tooltip"] {
    background: var(--color-bg-elevated) !important;
    color: var(--color-text-primary) !important;
    border: none !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important;
    border-radius: 8px !important;
}

.panel-parent [role="tooltip"]>div,
.panel-parent [role="tooltip"] [data-slot="content"] {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Project visibility percentage - Zedokai colors */
.panel-parent .text-\[color\:var\(--color-danger\)\] {
    color: #ff6188 !important;
}

.panel-parent .text-\[color\:var\(--color-success\)\] {
    color: #a9dc76 !important;
}

/* Responsive adjustments for dashboard */
@media (max-width: 768px) {
    .panel-parent {
        padding: 0.5rem 0;
        gap: 0.5rem;
    }
}

@media (max-width: 480px) {
    .panel-parent {
        padding: 0.5rem 0;
        gap: 0.5rem;
    }
}

/* HeroUI Component Overrides for Dashboard */
.panel-parent [data-slot="base"]:not([role="tooltip"]):not([class*="tooltip"]) {
    background: var(--color-bg-tertiary) !important;
}

.panel-parent [data-slot="trigger"] {
    background: var(--color-bg-elevated) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.panel-parent [data-slot="selector-icon"],
.panel-parent [data-slot="selectorIcon"] {
    color: var(--color-text-tertiary) !important;
}

.panel-parent [data-slot="selector-icon"] svg,
.panel-parent [data-slot="selectorIcon"] svg {
    color: var(--color-text-tertiary) !important;
    fill: currentColor !important;
}

.panel-parent [data-slot="value"] {
    color: var(--color-text-primary) !important;
}

.panel-parent [data-slot="innerWrapper"] {
    background: transparent !important;
}

/* ============================================
   CHART DARK THEME STYLES
   ============================================ */

.panel-parent .recharts-wrapper,
.panel-parent .recharts-surface {
    background: transparent !important;
}

.panel-parent .recharts-tooltip-wrapper>div,
.recharts-tooltip-wrapper>div {
    background: var(--color-bg-elevated) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    box-shadow: var(--shadow-lg) !important;
    color: var(--color-text-primary) !important;
}

.panel-parent .recharts-tooltip-wrapper .bg-white {
    background: var(--color-bg-elevated) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: var(--color-text-primary) !important;
}

.panel-parent .recharts-tooltip-wrapper p,
.panel-parent .recharts-tooltip-wrapper span {
    color: var(--color-text-primary) !important;
}

.panel-parent .recharts-tooltip-wrapper .text-black {
    color: var(--color-text-secondary) !important;
}

.panel-parent .recharts-tooltip-wrapper .border-gray-200 {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.panel-parent .recharts-cartesian-grid-horizontal line,
.panel-parent .recharts-cartesian-grid-vertical line {
    stroke: rgba(255, 255, 255, 0.06) !important;
}

.panel-parent .recharts-xAxis text,
.panel-parent .recharts-yAxis text {
    fill: var(--color-text-tertiary) !important;
}

.panel-parent .recharts-legend-item-text {
    color: var(--color-text-secondary) !important;
}

.panel-parent .bg-white.rounded-lg {
    background: var(--color-bg-tertiary) !important;
}

/* Chart trend badges - Zedokai colors */
.panel-parent .bg-green-100 {
    background: rgba(169, 220, 118, 0.15) !important;
    color: #a9dc76 !important;
}

.panel-parent .text-green-700 {
    color: #a9dc76 !important;
}

.panel-parent .bg-red-100 {
    background: rgba(255, 97, 136, 0.15) !important;
    color: #ff6188 !important;
}

.panel-parent .text-red-700 {
    color: #ff6188 !important;
}

.panel-parent .bg-gray-100 {
    background: var(--color-bg-elevated) !important;
    color: var(--color-text-secondary) !important;
}

.panel-parent .text-gray-600 {
    color: var(--color-text-tertiary) !important;
}

.panel-parent .text-xs {
    color: var(--color-text-secondary);
}

.panel-parent .rounded-full[class*="bg-"] {
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.panel-parent .recharts-area-area {
    opacity: 0.85;
}

.panel-parent button.rounded-full {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.panel-parent button.rounded-full:hover {
    background: var(--color-bg-hover) !important;
}

.panel-parent .flex.items-center.gap-2 .text-default-400,
.panel-parent .flex.items-center.gap-2 .text-gray-500 {
    color: var(--color-text-tertiary) !important;
}

.panel-parent [class*="chip"] span,
.panel-parent .rounded-full span {
    color: inherit;
}

.panel-parent .bg-success-100 {
    background: rgba(169, 220, 118, 0.12) !important;
}

.panel-parent .text-success-700 {
    color: #a9dc76 !important;
}

.panel-parent .bg-warning-100 {
    background: rgba(255, 216, 102, 0.12) !important;
}

.panel-parent .text-warning-700 {
    color: #ffd866 !important;
}

.panel-parent .hover\:bg-default-100:hover {
    background: var(--color-bg-hover) !important;
}

.panel-parent .text-sm.text-default-500 {
    color: var(--color-text-tertiary) !important;
}

.panel-parent thead th.sticky {
    background: var(--color-bg-tertiary) !important;
}

.panel-parent tbody td.sticky {
    /*background: var(--color-bg-secondary) !important;*/
}

.panel-parent tbody tr:hover td.sticky {
    /*background: var(--color-bg-hover) !important;*/
}

/* Button group for chart toggle */
.panel-parent [class*="button-group"] {
    background: var(--color-bg-elevated) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 8px !important;
}

.panel-parent [class*="button-group"] button {
    color: var(--color-text-secondary) !important;
}

.panel-parent [class*="button-group"] button:hover {
    background: var(--color-bg-hover) !important;
    color: var(--color-text-primary) !important;
}

.panel-parent [class*="button-group"] button[class*="selected"],
.panel-parent [class*="button-group"] button:not(.text-default-400) {
    color: var(--color-text-primary) !important;
}

.panel-parent .recharts-tooltip-cursor {
    stroke: rgba(255, 255, 255, 0.1) !important;
}

/* Admin navbar dark theme */
.panel-parent~header,
header:has(+ .panel-parent) {
    background: var(--color-bg-secondary) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* Sticky thead background for dark theme */
.panel-parent thead.sticky tr {
    background: var(--color-bg-tertiary) !important;
}

.panel-parent thead.sticky th {
    background: var(--color-bg-tertiary) !important;
}

/* Sticky columns refinement */
.panel-parent thead th.sticky {
    background: var(--color-bg-tertiary) !important;
}

.panel-parent tbody td.sticky {
    background: var(--color-bg-tertiary) !important;
}

.panel-parent tbody tr:hover td.sticky {
    /*background: var(--color-bg-hover) !important;*/
}

/* Action buttons row */
.panel-parent .overflow-x-auto~.flex.items-center.justify-between,
.panel-parent>section>div>.flex.items-center.justify-between:first-child {
    padding-bottom: 0.75rem;
    margin-bottom: 0.75rem;
}

.panel-parent .p-4.rounded-xl .border-b {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.panel-parent h2.text-gray-900 {
    color: var(--color-text-primary) !important;
}

.panel-parent .text-xs.text-gray-500 {
    color: var(--color-text-muted) !important;
}

/* Dark checkboxes for dashboard */
.panel-parent input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
    background: var(--color-bg-tertiary);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    transition: all 0.15s ease;
}

.panel-parent input[type="checkbox"]:hover {
    border-color: rgba(255, 255, 255, 0.4);
    background: var(--color-bg-hover);
}

.panel-parent input[type="checkbox"]:checked {
    background: var(--color-accent-primary);
    border-color: var(--color-accent-primary);
}

.panel-parent input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    left: 4px;
    top: 1px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.panel-parent input[type="checkbox"]:focus {
    outline: none;
}

/* Input fields inside panels need more contrast */
.panel-parent input[type="text"],
.panel-parent input[type="search"],
.panel-parent textarea,
.panel-parent select {
    background: #252225 !important;
}

.panel-parent textarea {
    background: #252225 !important;
}