/* ============================================ */
/* Main Layout Styles - CSPT                   */
/* ============================================ */

/* ============================================ */
/* Grid Table Headers - Black with Gold Text   */
/* ============================================ */

/* ONLY target header cells (th), not data cells (td) */
.rz-grid-table thead th,
.rz-grid-table-fixed thead th,
.rz-grid-table-striped thead th,
table.rz-grid-table th,
th.rz-unselectable-text,
th.rz-sortable-column {
    background-color: #000000 !important;
    color: #D4AF37 !important;
    font-weight: bold !important;
    border-bottom: 2px solid #333 !important;
    font-size: 14px !important;
    padding: 12px 8px !important;
}

/* Target ONLY header column titles */
.rz-grid-table thead th .rz-column-title,
.rz-grid-table-fixed thead th .rz-column-title,
.rz-grid-table-striped thead th .rz-column-title,
th.rz-unselectable-text .rz-column-title,
th.rz-sortable-column .rz-column-title {
    color: #D4AF37 !important;
    font-weight: bold !important;
}

/* Header hover states */
.rz-grid-table thead th:hover,
.rz-grid-table-fixed thead th:hover,
.rz-grid-table-striped thead th:hover,
table.rz-grid-table th:hover,
th.rz-unselectable-text:hover,
th.rz-sortable-column:hover {
    background-color: #222222 !important;
    color: #D4AF37 !important;
}

/* Sort icons in headers only */
.rz-grid-table thead th .rz-sortable-column-icon,
.rz-grid-table-fixed thead th .rz-sortable-column-icon,
.rz-grid-table-striped thead th .rz-sortable-column-icon,
th.rz-sortable-column .rz-sortable-column-icon {
    color: #D4AF37 !important;
}

/* ============================================ */
/* Data Row Text Colors                        */
/* ============================================ */

/* Ensure data rows have black text - LIGHT MODE */
.rz-grid-table tbody td,
.rz-grid-table-fixed tbody td,
.rz-grid-table-striped tbody td,
table.rz-grid-table td {
    color: #000000 !important;
}

/* DARK MODE: Data rows should have light text */
.rz-dark .rz-grid-table tbody td,
.rz-dark .rz-grid-table-fixed tbody td,
.rz-dark .rz-grid-table-striped tbody td,
.rz-dark table.rz-grid-table td {
    color: #e0e0e0 !important;
}

/* ============================================ */
/* Dashboard Header Styling                    */
/* ============================================ */

/* Clean Dashboard Header Styling */
.dashboard-header {
    font-weight: 700 !important;
    font-size: 0.875rem !important;
    color: var(--rz-text-color) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    border-bottom: 2px solid var(--rz-primary, #CFB53B) !important;
}

/* Style for RadzenText inside dashboard headers */
.dashboard-header .rz-text {
    font-weight: 700 !important;
    margin: 0 !important;
    color: inherit !important;
}

/* Alternative: Simple bold header without underline */
.dashboard-header-simple {
    font-weight: 700 !important;
    font-size: 0.875rem !important;
    color: var(--rz-text-color) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 0.75rem !important;
}

.dashboard-header-simple .rz-text {
    font-weight: 700 !important;
    margin: 0 !important;
    color: inherit !important;
}

/* Dashboard content spacing */
.dashboard-content {
    padding: 1rem !important;
}

/* ============================================ */
/* Profile Menu Dropdown Arrow Fix             */
/* ============================================ */

/* LIGHT MODE: Black arrows */
.rz-header .rzi.rz-navigation-item-icon-children,
.rz-navigation-item-wrapper .rzi.rz-navigation-item-icon-children,
i.rzi.rz-navigation-item-icon-children,
.rz-navigation-item-icon-children {
    color: #000000 !important;
}

/* DARK MODE: Gold arrows */
.rz-dark .rz-header .rzi.rz-navigation-item-icon-children,
.rz-dark .rz-navigation-item-wrapper .rzi.rz-navigation-item-icon-children,
.rz-dark i.rzi.rz-navigation-item-icon-children,
.rz-dark .rz-navigation-item-icon-children {
    color: #CFB53B !important;
}

/* ============================================ */
/* DARK MODE: Sidebar Menu - Old Gold Theme    */
/* ============================================ */

/* NUCLEAR OPTION: Force gold text on EVERYTHING in sidebar when dark mode */
[data-theme="dark"] .rz-sidebar,
[data-theme="dark"] .rz-sidebar *,
.rz-dark .rz-sidebar,
.rz-dark .rz-sidebar *,
html[data-theme="dark"] .rz-sidebar,
html[data-theme="dark"] .rz-sidebar *,
body[data-theme="dark"] .rz-sidebar,
body[data-theme="dark"] .rz-sidebar * {
    color: #CFB53B !important;
}

/* Dark mode: Sidebar background */
[data-theme="dark"] .rz-sidebar,
.rz-dark .rz-sidebar,
html.rz-dark .rz-sidebar,
body.rz-dark .rz-sidebar,
html[data-theme="dark"] .rz-sidebar {
    background-color: #000000 !important;
}

/* ============================================ */
/* RADZEN NAVIGATION ITEMS - These are the     */
/* actual class names used by Radzen!          */
/* ============================================ */

/* Dark mode: Navigation item text (HOME, ADMIN, MEMBER, etc.) */
[data-theme="dark"] .rz-navigation-item-text,
[data-theme="dark"] .rz-navigation-item-link,
[data-theme="dark"] .rz-navigation-item-wrapper,
[data-theme="dark"] .rz-navigation-item,
[data-theme="dark"] span.rz-navigation-item-text,
.rz-dark .rz-navigation-item-text,
.rz-dark .rz-navigation-item-link,
.rz-dark .rz-navigation-item-wrapper,
.rz-dark .rz-navigation-item,
.rz-dark span.rz-navigation-item-text {
    color: #CFB53B !important;
}

/* Dark mode: Navigation item icons */
[data-theme="dark"] .rz-navigation-item-icon,
[data-theme="dark"] .rz-navigation-item i,
[data-theme="dark"] .rz-navigation-item .rzi,
[data-theme="dark"] .rz-navigation-item .material-icons,
.rz-dark .rz-navigation-item-icon,
.rz-dark .rz-navigation-item i,
.rz-dark .rz-navigation-item .rzi,
.rz-dark .rz-navigation-item .material-icons {
    color: #CFB53B !important;
}

/* Dark mode: ALL sidebar text - Old Gold - VERY SPECIFIC */
[data-theme="dark"] .rz-sidebar .rz-panelmenu-header-text,
[data-theme="dark"] .rz-sidebar .rz-menuitem-text,
[data-theme="dark"] .rz-sidebar .rz-navigation-item-text,
[data-theme="dark"] .rz-sidebar span.rz-menuitem-text,
[data-theme="dark"] .rz-sidebar span.rz-panelmenu-header-text,
[data-theme="dark"] .rz-panelmenu .rz-panelmenu-header-text,
[data-theme="dark"] .rz-panelmenu .rz-menuitem-text,
[data-theme="dark"] .rz-panelmenu-header .rz-panelmenu-header-text,
[data-theme="dark"] .rz-menuitem .rz-menuitem-text,
.rz-dark .rz-sidebar .rz-panelmenu-header-text,
.rz-dark .rz-sidebar .rz-menuitem-text,
.rz-dark .rz-sidebar .rz-navigation-item-text,
.rz-dark .rz-sidebar span.rz-menuitem-text,
.rz-dark .rz-sidebar span.rz-panelmenu-header-text,
.rz-dark .rz-panelmenu .rz-panelmenu-header-text,
.rz-dark .rz-panelmenu .rz-menuitem-text,
.rz-dark .rz-panelmenu-header .rz-panelmenu-header-text,
.rz-dark .rz-menuitem .rz-menuitem-text,
html.rz-dark .rz-sidebar .rz-panelmenu-header-text,
html.rz-dark .rz-sidebar .rz-menuitem-text,
body.rz-dark .rz-sidebar .rz-panelmenu-header-text,
body.rz-dark .rz-sidebar .rz-menuitem-text {
    color: #CFB53B !important;
}

/* Dark mode: Sidebar general text */
[data-theme="dark"] .rz-sidebar,
[data-theme="dark"] .rz-sidebar *:not(.rz-badge),
[data-theme="dark"] .rz-panelmenu,
[data-theme="dark"] .rz-panelmenu *:not(.rz-badge),
[data-theme="dark"] .rz-panelmenu-header,
[data-theme="dark"] .rz-panelmenu-header *,
[data-theme="dark"] .rz-menuitem,
[data-theme="dark"] .rz-menuitem *,
.rz-dark .rz-sidebar,
.rz-dark .rz-sidebar *:not(.rz-badge),
.rz-dark .rz-panelmenu,
.rz-dark .rz-panelmenu *:not(.rz-badge),
.rz-dark .rz-panelmenu-header,
.rz-dark .rz-panelmenu-header *,
.rz-dark .rz-menuitem,
.rz-dark .rz-menuitem * {
    color: #CFB53B !important;
}

/* Dark mode: Sidebar icons */
[data-theme="dark"] .rz-sidebar i,
[data-theme="dark"] .rz-sidebar .rzi,
[data-theme="dark"] .rz-sidebar .material-icons,
[data-theme="dark"] .rz-sidebar [class^="rzi-"],
[data-theme="dark"] .rz-sidebar [class*=" rzi-"],
[data-theme="dark"] .rz-panelmenu i,
[data-theme="dark"] .rz-panelmenu .rzi,
[data-theme="dark"] .rz-panelmenu .material-icons,
.rz-dark .rz-sidebar i,
.rz-dark .rz-sidebar .rzi,
.rz-dark .rz-sidebar .material-icons,
.rz-dark .rz-sidebar [class^="rzi-"],
.rz-dark .rz-sidebar [class*=" rzi-"],
.rz-dark .rz-panelmenu i,
.rz-dark .rz-panelmenu .rzi,
.rz-dark .rz-panelmenu .material-icons,
html.rz-dark .rz-sidebar i,
html.rz-dark .rz-sidebar .rzi,
body.rz-dark .rz-sidebar i,
body.rz-dark .rz-sidebar .rzi {
    color: #CFB53B !important;
}

/* Dark mode: Panel menu backgrounds */
[data-theme="dark"] .rz-panelmenu-content,
[data-theme="dark"] .rz-panelmenu-panel,
.rz-dark .rz-panelmenu-content,
.rz-dark .rz-panelmenu-panel,
html.rz-dark .rz-panelmenu-content,
html.rz-dark .rz-panelmenu-panel {
    background-color: #111111 !important;
}

/* Dark mode: Panel titlebars (section headers like "Global Summary Cards", "Projects by Status", etc.) */
[data-theme="dark"] .rz-panel-titlebar,
[data-theme="dark"] .rz-panel-titlebar *,
[data-theme="dark"] .rz-panel-titlebar span,
[data-theme="dark"] .rz-panel-titlebar div,
[data-theme="dark"] .rz-panel .rz-panel-titlebar,
.rz-dark .rz-panel-titlebar,
.rz-dark .rz-panel-titlebar *,
.rz-dark .rz-panel-titlebar span,
.rz-dark .rz-panel-titlebar div,
.rz-dark .rz-panel .rz-panel-titlebar,
.rz-material-dark .rz-panel-titlebar,
.rz-material-dark .rz-panel-titlebar *,
.rz-material-dark .rz-panel-titlebar span,
.rz-material-dark .rz-panel-titlebar div,
.rz-material-dark .rz-panel .rz-panel-titlebar {
    background-color: #1a1a1a !important;
    color: #CFB53B !important;
}

/* Dark mode: Panel content area */
[data-theme="dark"] .rz-panel,
[data-theme="dark"] .rz-panel-content,
[data-theme="dark"] .rz-panel-content-wrapper,
.rz-dark .rz-panel,
.rz-dark .rz-panel-content,
.rz-dark .rz-panel-content-wrapper,
.rz-material-dark .rz-panel,
.rz-material-dark .rz-panel-content,
.rz-material-dark .rz-panel-content-wrapper {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-color: #333 !important;
}

/* Dark mode: Hover states */
[data-theme="dark"] .rz-sidebar .rz-panelmenu-header:hover,
[data-theme="dark"] .rz-sidebar .rz-menuitem:hover,
[data-theme="dark"] .rz-sidebar .rz-navigation-item:hover,
[data-theme="dark"] .rz-sidebar .rz-navigation-item-wrapper:hover,
.rz-dark .rz-sidebar .rz-panelmenu-header:hover,
.rz-dark .rz-sidebar .rz-menuitem:hover,
.rz-dark .rz-sidebar .rz-navigation-item:hover,
.rz-dark .rz-sidebar .rz-navigation-item-wrapper:hover,
html.rz-dark .rz-sidebar .rz-panelmenu-header:hover,
html.rz-dark .rz-sidebar .rz-menuitem:hover {
    background-color: #333333 !important;
}

/* Dark mode: Active/Selected item - Gold background */
[data-theme="dark"] .rz-sidebar .rz-state-active,
[data-theme="dark"] .rz-sidebar .rz-state-active *,
[data-theme="dark"] .rz-panelmenu-header-active,
[data-theme="dark"] .rz-panelmenu-header-active *,
[data-theme="dark"] .rz-navigation-item-active,
[data-theme="dark"] .rz-navigation-item-active *,
.rz-dark .rz-sidebar .rz-state-active,
.rz-dark .rz-sidebar .rz-state-active *,
.rz-dark .rz-panelmenu-header-active,
.rz-dark .rz-panelmenu-header-active *,
.rz-dark .rz-navigation-item-active,
.rz-dark .rz-navigation-item-active *,
html.rz-dark .rz-sidebar .rz-state-active,
html.rz-dark .rz-sidebar .rz-state-active * {
    background-color: #CFB53B !important;
    color: #000000 !important;
}

/* ============================================ */
/* DARK MODE: Header - Old Gold Theme          */
/* ============================================ */

/* Dark mode: Header background */
[data-theme="dark"] .rz-header,
.rz-dark .rz-header,
html.rz-dark .rz-header,
body.rz-dark .rz-header,
html[data-theme="dark"] .rz-header {
    background-color: #000000 !important;
    border-bottom: 1px solid #333 !important;
}

/* NUCLEAR: Force gold on everything in header */
[data-theme="dark"] .rz-header,
[data-theme="dark"] .rz-header *,
.rz-dark .rz-header,
.rz-dark .rz-header * {
    color: #CFB53B !important;
}

/* Dark mode: Header text - including h1 */
[data-theme="dark"] .rz-header *:not(.rz-badge),
[data-theme="dark"] .rz-header h1,
[data-theme="dark"] .rz-header span,
[data-theme="dark"] .rz-header .rz-text,
.rz-dark .rz-header *:not(.rz-badge),
.rz-dark .rz-header h1,
.rz-dark .rz-header span,
.rz-dark .rz-header .rz-text,
html.rz-dark .rz-header *:not(.rz-badge),
html.rz-dark .rz-header h1,
body.rz-dark .rz-header h1 {
    color: #CFB53B !important;
}

/* Dark mode: Profile menu text */
[data-theme="dark"] .rz-profile-menu,
[data-theme="dark"] .rz-profile-menu *,
[data-theme="dark"] .rz-profile-menu .rz-navigation-item-text,
[data-theme="dark"] .rz-profile-menu span,
[data-theme="dark"] .rz-profile-menu div,
.rz-dark .rz-profile-menu,
.rz-dark .rz-profile-menu *,
.rz-dark .rz-profile-menu .rz-navigation-item-text,
.rz-dark .rz-profile-menu span,
.rz-dark .rz-profile-menu div,
html.rz-dark .rz-profile-menu,
html.rz-dark .rz-profile-menu * {
    color: #CFB53B !important;
}

/* Dark mode: Sidebar toggle button */
[data-theme="dark"] .rz-sidebar-toggle,
[data-theme="dark"] .rz-sidebar-toggle i,
.rz-dark .rz-sidebar-toggle,
.rz-dark .rz-sidebar-toggle i,
html.rz-dark .rz-sidebar-toggle,
html.rz-dark .rz-sidebar-toggle i {
    color: #CFB53B !important;
}

/* Dark mode: App name text in sidebar */
[data-theme="dark"] .rz-sidebar .rz-text,
[data-theme="dark"] .rz-sidebar p,
.rz-dark .rz-sidebar .rz-text,
.rz-dark .rz-sidebar p,
html.rz-dark .rz-sidebar .rz-text {
    color: #CFB53B !important;
}

/* Dark mode: Copyright/footer text - slightly muted */
[data-theme="dark"] .rz-sidebar .rz-stack .rz-text,
.rz-dark .rz-sidebar .rz-stack .rz-text,
html.rz-dark .rz-sidebar .rz-stack .rz-text {
    color: #999999 !important;
}

/* ============================================ */
/* DARK MODE: Form Inputs, Dropdowns, Buttons  */
/* ============================================ */

/* Dark mode: Dropdown text and backgrounds */
[data-theme="dark"] .rz-dropdown,
[data-theme="dark"] .rz-dropdown-trigger,
[data-theme="dark"] .rz-dropdown .rz-inputtext,
[data-theme="dark"] .rz-dropdown-label,
[data-theme="dark"] .rz-dropdown-item,
[data-theme="dark"] .rz-dropdown-items,
[data-theme="dark"] .rz-dropdown-panel,
[data-theme="dark"] .rz-listbox,
[data-theme="dark"] .rz-listbox-item,
[data-theme="dark"] .rz-listbox-list,
.rz-dark .rz-dropdown,
.rz-dark .rz-dropdown-trigger,
.rz-dark .rz-dropdown .rz-inputtext,
.rz-dark .rz-dropdown-label,
.rz-dark .rz-dropdown-item,
.rz-dark .rz-dropdown-items,
.rz-dark .rz-dropdown-panel,
.rz-dark .rz-listbox,
.rz-dark .rz-listbox-item,
.rz-dark .rz-listbox-list,
.rz-material-dark .rz-dropdown,
.rz-material-dark .rz-dropdown-trigger,
.rz-material-dark .rz-dropdown .rz-inputtext,
.rz-material-dark .rz-dropdown-label,
.rz-material-dark .rz-dropdown-item,
.rz-material-dark .rz-dropdown-items,
.rz-material-dark .rz-dropdown-panel,
.rz-material-dark .rz-listbox,
.rz-material-dark .rz-listbox-item,
.rz-material-dark .rz-listbox-list {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
    border-color: #555 !important;
}

/* Dark mode: Dropdown item hover */
[data-theme="dark"] .rz-dropdown-item:hover,
[data-theme="dark"] .rz-dropdown-item:focus,
[data-theme="dark"] .rz-listbox-item:hover,
[data-theme="dark"] .rz-listbox-item:focus,
.rz-dark .rz-dropdown-item:hover,
.rz-dark .rz-dropdown-item:focus,
.rz-dark .rz-listbox-item:hover,
.rz-dark .rz-listbox-item:focus,
.rz-material-dark .rz-dropdown-item:hover,
.rz-material-dark .rz-dropdown-item:focus,
.rz-material-dark .rz-listbox-item:hover,
.rz-material-dark .rz-listbox-item:focus {
    background-color: #CFB53B !important;
    color: #000000 !important;
}

/* Dark mode: Dropdown selected item */
[data-theme="dark"] .rz-dropdown-item.rz-state-highlight,
[data-theme="dark"] .rz-dropdown-item-selected,
[data-theme="dark"] .rz-listbox-item.rz-state-highlight,
[data-theme="dark"] .rz-listbox-item-selected,
.rz-dark .rz-dropdown-item.rz-state-highlight,
.rz-dark .rz-dropdown-item-selected,
.rz-dark .rz-listbox-item.rz-state-highlight,
.rz-dark .rz-listbox-item-selected,
.rz-material-dark .rz-dropdown-item.rz-state-highlight,
.rz-material-dark .rz-dropdown-item-selected,
.rz-material-dark .rz-listbox-item.rz-state-highlight,
.rz-material-dark .rz-listbox-item-selected {
    background-color: #CFB53B !important;
    color: #000000 !important;
}

/* Dark mode: Text inputs */
[data-theme="dark"] .rz-textbox,
[data-theme="dark"] .rz-inputtext,
[data-theme="dark"] .rz-textarea,
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="number"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] textarea,
.rz-dark .rz-textbox,
.rz-dark .rz-inputtext,
.rz-dark .rz-textarea,
.rz-dark input[type="text"],
.rz-dark input[type="number"],
.rz-dark input[type="email"],
.rz-dark input[type="password"],
.rz-dark textarea {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
    border-color: #555 !important;
}

/* Dark mode: Date picker */
[data-theme="dark"] .rz-datepicker,
[data-theme="dark"] .rz-datepicker-trigger,
[data-theme="dark"] .rz-calendar,
[data-theme="dark"] .rz-calendar-header,
.rz-dark .rz-datepicker,
.rz-dark .rz-datepicker-trigger,
.rz-dark .rz-calendar,
.rz-dark .rz-calendar-header {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
    border-color: #555 !important;
}

/* Dark mode: Export button group container - persistent border */
[data-theme="dark"] .dashboard-export-buttons,
.rz-dark .dashboard-export-buttons,
.rz-material-dark .dashboard-export-buttons {
    border: 1px solid #444 !important;
    border-radius: 4px !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Keep border on all focus/active states */
[data-theme="dark"] .dashboard-export-buttons:focus,
[data-theme="dark"] .dashboard-export-buttons:active,
[data-theme="dark"] .dashboard-export-buttons:focus-within,
.rz-dark .dashboard-export-buttons:focus,
.rz-dark .dashboard-export-buttons:active,
.rz-dark .dashboard-export-buttons:focus-within,
.rz-material-dark .dashboard-export-buttons:focus,
.rz-material-dark .dashboard-export-buttons:active,
.rz-material-dark .dashboard-export-buttons:focus-within {
    border: 1px solid #444 !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Dark mode: Buttons - Default/Secondary style */
/* Export buttons get black background */
[data-theme="dark"] .dashboard-export-buttons .rz-button,
[data-theme="dark"] .dashboard-export-buttons .rz-button.rz-secondary,
[data-theme="dark"] .dashboard-export-buttons .rz-button.rz-success,
[data-theme="dark"] .dashboard-export-buttons .rz-button.rz-danger,
.rz-dark .dashboard-export-buttons .rz-button,
.rz-dark .dashboard-export-buttons .rz-button.rz-secondary,
.rz-dark .dashboard-export-buttons .rz-button.rz-success,
.rz-dark .dashboard-export-buttons .rz-button.rz-danger,
.rz-material-dark .dashboard-export-buttons .rz-button,
.rz-material-dark .dashboard-export-buttons .rz-button.rz-secondary,
.rz-material-dark .dashboard-export-buttons .rz-button.rz-success,
.rz-material-dark .dashboard-export-buttons .rz-button.rz-danger {
    background-color: #000 !important;
    background: #000 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}

/* Export button text - white */
[data-theme="dark"] .dashboard-export-buttons .rz-button span,
[data-theme="dark"] .dashboard-export-buttons .rz-button .rz-button-text,
.rz-dark .dashboard-export-buttons .rz-button span,
.rz-dark .dashboard-export-buttons .rz-button .rz-button-text,
.rz-material-dark .dashboard-export-buttons .rz-button span,
.rz-material-dark .dashboard-export-buttons .rz-button .rz-button-text {
    color: #fff !important;
}

/* Export button icons - gold */
[data-theme="dark"] .dashboard-export-buttons .rz-button i,
[data-theme="dark"] .dashboard-export-buttons .rz-button .rzi,
.rz-dark .dashboard-export-buttons .rz-button i,
.rz-dark .dashboard-export-buttons .rz-button .rzi,
.rz-material-dark .dashboard-export-buttons .rz-button i,
.rz-material-dark .dashboard-export-buttons .rz-button .rzi {
    color: #CFB53B !important;
}

/* Export button box - black */
[data-theme="dark"] .dashboard-export-buttons .rz-button .rz-button-box,
.rz-dark .dashboard-export-buttons .rz-button .rz-button-box,
.rz-material-dark .dashboard-export-buttons .rz-button .rz-button-box {
    background-color: #000 !important;
    background: #000 !important;
}

/* Non-export secondary buttons - gray background */
[data-theme="dark"] .rz-button.rz-secondary:not(.dashboard-export-buttons .rz-button),
[data-theme="dark"] .rz-button.rz-button-md:not(.dashboard-export-buttons .rz-button),
.rz-dark .rz-button.rz-secondary:not(.dashboard-export-buttons .rz-button),
.rz-dark .rz-button.rz-button-md:not(.dashboard-export-buttons .rz-button) {
    background-color: #3d3d3d !important;
    color: #e0e0e0 !important;
    border-color: #555 !important;
}

/* Dark mode: Export buttons hover - gold background, black text */
[data-theme="dark"] .dashboard-export-buttons .rz-button:hover,
[data-theme="dark"] .dashboard-export-buttons .rz-button:hover span,
[data-theme="dark"] .dashboard-export-buttons .rz-button:hover i,
.rz-dark .dashboard-export-buttons .rz-button:hover,
.rz-dark .dashboard-export-buttons .rz-button:hover span,
.rz-dark .dashboard-export-buttons .rz-button:hover i,
.rz-material-dark .dashboard-export-buttons .rz-button:hover,
.rz-material-dark .dashboard-export-buttons .rz-button:hover span,
.rz-material-dark .dashboard-export-buttons .rz-button:hover i {
    background-color: #CFB53B !important;
    background: #CFB53B !important;
    color: #000 !important;
    border-color: #CFB53B !important;
}

/* Dark mode: Non-export buttons hover */
[data-theme="dark"] .rz-button.rz-secondary:hover,
[data-theme="dark"] .rz-button:not(.rz-primary):not(.rz-success):not(.rz-danger):not(.rz-warning):not(.rz-info):hover,
.rz-dark .rz-button.rz-secondary:hover,
.rz-dark .rz-button:not(.rz-primary):not(.rz-success):not(.rz-danger):not(.rz-warning):not(.rz-info):hover {
    background-color: #CFB53B !important;
    color: #000000 !important;
    border-color: #CFB53B !important;
}

/* Dark mode: Outline buttons */
[data-theme="dark"] .rz-button-outline,
[data-theme="dark"] .rz-button.rz-outline,
.rz-dark .rz-button-outline,
.rz-dark .rz-button.rz-outline {
    background-color: transparent !important;
    color: #CFB53B !important;
    border-color: #CFB53B !important;
}

[data-theme="dark"] .rz-button-outline:hover,
[data-theme="dark"] .rz-button.rz-outline:hover,
.rz-dark .rz-button-outline:hover,
.rz-dark .rz-button.rz-outline:hover {
    background-color: #CFB53B !important;
    color: #000000 !important;
}

/* Dark mode: Light/Base buttons (like Quick Hours buttons) */
[data-theme="dark"] .rz-button-light,
[data-theme="dark"] .rz-button.rz-light,
[data-theme="dark"] .rz-button-base,
[data-theme="dark"] .rz-button.rz-base,
.rz-dark .rz-button-light,
.rz-dark .rz-button.rz-light,
.rz-dark .rz-button-base,
.rz-dark .rz-button.rz-base {
    background-color: #3d3d3d !important;
    color: #e0e0e0 !important;
    border-color: #555 !important;
}

[data-theme="dark"] .rz-button-light:hover,
[data-theme="dark"] .rz-button.rz-light:hover,
[data-theme="dark"] .rz-button-base:hover,
[data-theme="dark"] .rz-button.rz-base:hover,
.rz-dark .rz-button-light:hover,
.rz-dark .rz-button.rz-light:hover,
.rz-dark .rz-button-base:hover,
.rz-dark .rz-button.rz-base:hover {
    background-color: #CFB53B !important;
    color: #000000 !important;
    border-color: #CFB53B !important;
}

/* Dark mode: Numeric input */
[data-theme="dark"] .rz-spinner,
[data-theme="dark"] .rz-spinner input,
[data-theme="dark"] .rz-numeric,
[data-theme="dark"] .rz-numeric input,
.rz-dark .rz-spinner,
.rz-dark .rz-spinner input,
.rz-dark .rz-numeric,
.rz-dark .rz-numeric input {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
    border-color: #555 !important;
}

/* Dark mode: Cards and panels */
[data-theme="dark"] .rz-card,
[data-theme="dark"] .rz-panel,
.rz-dark .rz-card,
.rz-dark .rz-panel {
    background-color: #252525 !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

/* Dark mode: Labels and text */
[data-theme="dark"] label,
[data-theme="dark"] .rz-form-field label,
.rz-dark label,
.rz-dark .rz-form-field label {
    color: #CFB53B !important;
}

/* Dark mode: Placeholder text */
[data-theme="dark"] ::placeholder,
.rz-dark ::placeholder {
    color: #888 !important;
    opacity: 1 !important;
}

/* Dark mode: Focus states with gold outline */
[data-theme="dark"] .rz-textbox:focus,
[data-theme="dark"] .rz-inputtext:focus,
[data-theme="dark"] .rz-dropdown:focus,
[data-theme="dark"] .rz-state-focused,
.rz-dark .rz-textbox:focus,
.rz-dark .rz-inputtext:focus,
.rz-dark .rz-dropdown:focus,
.rz-dark .rz-state-focused {
    border-color: #CFB53B !important;
    box-shadow: 0 0 0 2px rgba(207, 181, 59, 0.25) !important;
}

/* ============================================ */
/* GLOBAL: Chart Tooltips for Dark Mode        */
/* ============================================ */

/* Radzen chart tooltips - very aggressive targeting */
.rz-material-dark .rz-chart-tooltip,
.rz-material-dark .rz-tooltip,
.rz-material-dark div[class*="tooltip"],
.rz-dark .rz-chart-tooltip,
.rz-dark .rz-tooltip,
.rz-dark div[class*="tooltip"] {
    background-color: #2d2d2d !important;
    background: #2d2d2d !important;
    color: #e0e0e0 !important;
    border: 1px solid #CFB53B !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
}

.rz-material-dark .rz-chart-tooltip *,
.rz-material-dark .rz-tooltip *,
.rz-material-dark div[class*="tooltip"] *,
.rz-dark .rz-chart-tooltip *,
.rz-dark .rz-tooltip *,
.rz-dark div[class*="tooltip"] * {
    color: #e0e0e0 !important;
    background-color: transparent !important;
}

/* SVG text elements in charts */
.rz-material-dark svg text,
.rz-dark svg text {
    fill: #e0e0e0 !important;
}

/* Blazor/Radzen pie chart tooltip specifically */
.rz-material-dark .rz-series-tooltip,
.rz-material-dark .rz-pie-tooltip,
.rz-dark .rz-series-tooltip,
.rz-dark .rz-pie-tooltip {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
    border: 1px solid #CFB53B !important;
}

.rz-material-dark .rz-series-tooltip *,
.rz-material-dark .rz-pie-tooltip *,
.rz-dark .rz-series-tooltip *,
.rz-dark .rz-pie-tooltip * {
    color: #e0e0e0 !important;
}

/* ============================================ */
/* Global System Reports Page - Button Styling */
/* ============================================ */

/* Make report buttons same width - ALL modes */
.date-picker-container .rz-button.rz-primary,
.date-picker-container .rz-button.rz-secondary {
    width: 200px !important;
    white-space: nowrap !important;
}

/* Dark mode: Report page container background */
[data-theme="dark"] .date-picker-container,
.rz-dark .date-picker-container,
.rz-material-dark .date-picker-container,
body.rz-dark .date-picker-container {
    background-color: #1a1a1a !important;
}

/* Dark mode: Date picker inputs - make text visible */
[data-theme="dark"] .date-picker-container .rz-datepicker input.rz-inputtext,
[data-theme="dark"] .date-picker-container input.rz-inputtext,
.rz-dark .date-picker-container .rz-datepicker input.rz-inputtext,
.rz-dark .date-picker-container input.rz-inputtext,
.rz-material-dark .date-picker-container .rz-datepicker input.rz-inputtext,
.rz-material-dark .date-picker-container input.rz-inputtext,
body.rz-dark .date-picker-container .rz-datepicker input.rz-inputtext,
body.rz-dark .date-picker-container input.rz-inputtext {
    color: #e0e0e0 !important;
    background-color: #2d2d2d !important;
    border-color: #444 !important;
}

/* Dark mode: Report page buttons - same width */
[data-theme="dark"] .date-picker-container .rz-button.rz-primary,
[data-theme="dark"] .date-picker-container .rz-button.rz-secondary,
.rz-dark .date-picker-container .rz-button.rz-primary,
.rz-dark .date-picker-container .rz-button.rz-secondary,
.rz-material-dark .date-picker-container .rz-button.rz-primary,
.rz-material-dark .date-picker-container .rz-button.rz-secondary,
body.rz-dark .date-picker-container .rz-button.rz-primary,
body.rz-dark .date-picker-container .rz-button.rz-secondary {
    width: 200px !important;
    white-space: nowrap !important;
}

/* Dark mode: Report page buttons - black background */
[data-theme="dark"] .date-picker-container .rz-button.rz-secondary,
.rz-dark .date-picker-container .rz-button.rz-secondary,
.rz-material-dark .date-picker-container .rz-button.rz-secondary {
    background-color: #000 !important;
    background: #000 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}

/* Dark mode: Report page button text */
[data-theme="dark"] .date-picker-container .rz-button.rz-secondary span,
[data-theme="dark"] .date-picker-container .rz-button.rz-secondary .rz-button-text,
.rz-dark .date-picker-container .rz-button.rz-secondary span,
.rz-dark .date-picker-container .rz-button.rz-secondary .rz-button-text,
.rz-material-dark .date-picker-container .rz-button.rz-secondary span,
.rz-material-dark .date-picker-container .rz-button.rz-secondary .rz-button-text {
    color: #fff !important;
}

/* Dark mode: Report page button icons */
[data-theme="dark"] .date-picker-container .rz-button.rz-secondary i,
[data-theme="dark"] .date-picker-container .rz-button.rz-secondary .rzi,
.rz-dark .date-picker-container .rz-button.rz-secondary i,
.rz-dark .date-picker-container .rz-button.rz-secondary .rzi,
.rz-material-dark .date-picker-container .rz-button.rz-secondary i,
.rz-material-dark .date-picker-container .rz-button.rz-secondary .rzi {
    color: #CFB53B !important;
}

/* Dark mode: Report page button box */
[data-theme="dark"] .date-picker-container .rz-button.rz-secondary .rz-button-box,
.rz-dark .date-picker-container .rz-button.rz-secondary .rz-button-box,
.rz-material-dark .date-picker-container .rz-button.rz-secondary .rz-button-box {
    background-color: #000 !important;
    background: #000 !important;
}

/* Dark mode: Report page button hover */
[data-theme="dark"] .date-picker-container .rz-button.rz-secondary:hover,
.rz-dark .date-picker-container .rz-button.rz-secondary:hover,
.rz-material-dark .date-picker-container .rz-button.rz-secondary:hover {
    background-color: #CFB53B !important;
    background: #CFB53B !important;
    color: #000 !important;
    border-color: #CFB53B !important;
}

[data-theme="dark"] .date-picker-container .rz-button.rz-secondary:hover span,
[data-theme="dark"] .date-picker-container .rz-button.rz-secondary:hover i,
.rz-dark .date-picker-container .rz-button.rz-secondary:hover span,
.rz-dark .date-picker-container .rz-button.rz-secondary:hover i,
.rz-material-dark .date-picker-container .rz-button.rz-secondary:hover span,
.rz-material-dark .date-picker-container .rz-button.rz-secondary:hover i {
    color: #000 !important;
}

/* ============================================ */
/* Global System Reports - Report Output Cards */
/* ============================================ */

/* Dark mode: Report card header - dark gradient */
[data-theme="dark"] .report-card-header,
.rz-dark .report-card-header,
.rz-material-dark .report-card-header {
    background: linear-gradient(135deg, #2d2d2d 0%, #1a1a1a 100%) !important;
    color: #CFB53B !important;
}

/* Dark mode: Report card content */
[data-theme="dark"] .report-card-content,
.rz-dark .report-card-content,
.rz-material-dark .report-card-content {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

/* Dark mode: Metric cards in reports */
[data-theme="dark"] .metric-card,
.rz-dark .metric-card,
.rz-material-dark .metric-card {
    background-color: #2d2d2d !important;
    border-left-color: #CFB53B !important;
}

[data-theme="dark"] .metric-value,
.rz-dark .metric-value,
.rz-material-dark .metric-value {
    color: #CFB53B !important;
}

[data-theme="dark"] .metric-label,
.rz-dark .metric-label,
.rz-material-dark .metric-label {
    color: #e0e0e0 !important;
}