/* ============================================================
   Radzen dark-theme overrides
   ------------------------------------------------------------
   Loaded once globally (index.html, AFTER material-base.css).
   Any RadzenDataGrid / RadzenDropDown / etc. used anywhere in
   the app picks these up automatically — do NOT add per-page
   inline styles or scoped overrides for these components.
   Brand palette (matches reports.css):
     bg panel:    #1e2129 (rgba 30,33,41)
     bg input:    #2a2d36 (rgba 42,45,54)
     border:      #585d6e
     text:        #e0e0e0
     text muted:  #c4c9d4 / #9aa5b8
     accent:      #9eDA29 / hover #c5ef6e
   ============================================================ */

/* ---------- DataGrid container ---------- */
.rz-data-grid,
.rz-grid-table {
    background: transparent !important;
    color: #e0e0e0 !important;
    border-color: #585d6e !important;
}

/* ---------- Header row ---------- */
.rz-grid-table thead tr,
.rz-grid-table thead th,
.rz-data-grid .rz-unselectable-text {
    background: rgba(30, 33, 41, 0.95) !important;
    color: #c4c9d4 !important;
    border-color: #585d6e !important;
    font-weight: 600;
}
.rz-grid-table thead th .rz-column-title,
.rz-grid-table thead th .rz-cell-data {
    color: #c4c9d4 !important;
}
.rz-sortable-column:hover {
    background: rgba(158, 218, 41, 0.08) !important;
    color: #c5ef6e !important;
}

/* ---------- Body rows ---------- */
.rz-grid-table tbody tr,
.rz-data-row,
.rz-data-row td {
    background: rgba(30, 33, 41, 0.6) !important;
    color: #e0e0e0 !important;
    border-color: #585d6e !important;
}
.rz-grid-table tbody tr:nth-child(even),
.rz-data-row:nth-child(even) td {
    background: rgba(42, 45, 54, 0.5) !important;
}
.rz-grid-table tbody tr:hover,
.rz-grid-table tbody tr:hover td,
.rz-data-row:hover td {
    background: rgba(158, 218, 41, 0.08) !important;
    color: #e0e0e0 !important;
}
.rz-data-row.rz-state-highlight td,
.rz-state-highlight {
    background: rgba(158, 218, 41, 0.18) !important;
    color: #c5ef6e !important;
}

/* ---------- Pager / pagination ---------- */
.rz-pager,
.rz-paginator,
.rz-paginator-bottom {
    background: rgba(30, 33, 41, 0.95) !important;
    color: #c4c9d4 !important;
    border-color: #585d6e !important;
}
.rz-paginator-element,
.rz-paginator-page,
.rz-paginator-prev,
.rz-paginator-next,
.rz-paginator-first,
.rz-paginator-last {
    background: rgba(42, 45, 54, 0.9) !important;
    color: #e0e0e0 !important;
    border-color: #585d6e !important;
}
.rz-paginator-element:hover,
.rz-paginator-page:hover {
    background: rgba(158, 218, 41, 0.08) !important;
    color: #c5ef6e !important;
}
.rz-paginator-element.rz-state-active,
.rz-paginator-page.rz-state-active {
    background: rgba(158, 218, 41, 0.2) !important;
    color: #9eDA29 !important;
    border-color: #9eDA29 !important;
}

/* ---------- Empty state / loading ---------- */
.rz-data-grid-data-loading,
.rz-data-grid-emptymessage,
.rz-data-grid-empty,
.rz-no-data,
.rz-grid-table tr.rz-no-data,
.rz-grid-table tr.rz-no-data td {
    background: rgba(30, 33, 41, 0.6) !important;
    color: #9aa5b8 !important;
    border-color: #585d6e !important;
}

/* ---------- Cells / borders ---------- */
.rz-cell-data {
    color: inherit !important;
}
.rz-grid-table td,
.rz-grid-table th {
    border-color: #585d6e !important;
}

/* ---------- DropDown / TextBox / DatePicker (cover the common companions) ---------- */
.rz-dropdown,
.rz-textbox,
.rz-calendar,
.rz-datepicker {
    background: rgba(42, 45, 54, 0.9) !important;
    color: #e0e0e0 !important;
    border-color: #585d6e !important;
}
.rz-dropdown-panel,
.rz-overlaypanel {
    background: rgba(30, 33, 41, 0.98) !important;
    color: #e0e0e0 !important;
    border-color: #585d6e !important;
}
/* Filter input inside the dropdown panel — default was light bg / light text (unreadable). */
.rz-dropdown-filter-container,
.rz-dropdown-panel .rz-dropdown-filter-container {
    background: rgba(30, 33, 41, 0.98) !important;
    border-bottom: 1px solid #585d6e !important;
}
.rz-dropdown-filter,
.rz-dropdown-panel input.rz-dropdown-filter {
    background: rgba(42, 45, 54, 0.95) !important;
    color: #e0e0e0 !important;
    border: 1px solid #585d6e !important;
    border-radius: 4px !important;
    caret-color: #9eDA29 !important;
}
.rz-dropdown-filter::placeholder { color: #6e7280 !important; }
.rz-dropdown-filter-search,
.rz-dropdown-filter-search-icon {
    color: #c4c9d4 !important;
}
.rz-dropdown-item:hover,
.rz-multiselect-item:hover {
    background: rgba(158, 218, 41, 0.12) !important;
    color: #c5ef6e !important;
}
.rz-dropdown-item.rz-state-highlight,
.rz-multiselect-item.rz-state-highlight {
    background: rgba(158, 218, 41, 0.2) !important;
    color: #9eDA29 !important;
}

/* ---------- Tabs (RadzenTabs if used elsewhere) ---------- */
.rz-tabview-nav,
.rz-tabview-panels {
    background: transparent !important;
    color: #e0e0e0 !important;
}
.rz-tabview-nav li a {
    background: rgba(42, 45, 54, 0.7) !important;
    color: #c4c9d4 !important;
    border-color: #585d6e !important;
}
.rz-tabview-nav li.rz-state-active a {
    background: rgba(158, 218, 41, 0.2) !important;
    color: #9eDA29 !important;
    border-color: #9eDA29 !important;
}