/*
 * theme-slate.css  —  Dark Slate
 * "Calm & premium" — blue-tinted dark, cyan/teal accent. More refined, less aggressive.
 *
 * Dark mode only. Activated via:
 *   activateTheme('dark', 'slate')
 *
 * Structure:
 *   [data-theme="slate"]                      — teal primary (safe in light too)
 *   [data-bs-theme="dark"][data-theme="slate"] — blue-tinted backgrounds, borders, text
 */

/* ── Primary teal — active in both light and dark ───────────────────────────── */
[data-theme="slate"] {
    --tblr-primary:        #00c9a7;
    --tblr-primary-rgb:    0, 201, 167;
    --tblr-primary-darken: #00a88c;
    --tblr-primary-lt:     rgba(0, 201, 167, 0.12);
}

/* ── Full dark slate ──────────────────────────────────────────────────────────
   Blue-tinted surfaces, teal accent, refined premium feel.
   ─────────────────────────────────────────────────────────────────────────── */
[data-bs-theme="dark"][data-theme="slate"] {
    /* Page / surface backgrounds */
    --tblr-body-bg:              #1c1c28;
    --tblr-bg-surface:           #23233a;
    --tblr-bg-surface-secondary: #2e2e4a;
    --tblr-bg-surface-tertiary:  #1c1c28;

    /* Borders */
    --tblr-border-color:             #3d3d60;
    --tblr-border-color-translucent: rgba(61, 61, 96, 0.6);

    /* Text */
    --tblr-body-color:      #e8e8f8;
    --tblr-secondary-color: #8888aa;
    --tblr-muted:           #6666aa;

    /* Status colours — shifted to match the slate palette */
    --tblr-success:     #00c9a7;
    --tblr-success-rgb: 0, 201, 167;
    --tblr-danger:      #cc4488;
    --tblr-danger-rgb:  204, 68, 136;
    --tblr-warning:     #d4aa70;
    --tblr-warning-rgb: 212, 170, 112;
    --tblr-info:        #5b8dee;
    --tblr-info-rgb:    91, 141, 238;
}

/* ── Body / page text ────────────────────────────────────────────────────────── */
[data-bs-theme="dark"][data-theme="slate"] p,
[data-bs-theme="dark"][data-theme="slate"] li,
[data-bs-theme="dark"][data-theme="slate"] .card-text,
[data-bs-theme="dark"][data-theme="slate"] .page-body,
[data-bs-theme="dark"][data-theme="slate"] label:not(.form-check-label) {
    color: #e8e8f8;
}

/* ── DataTables ──────────────────────────────────────────────────────────────── */
[data-bs-theme="dark"][data-theme="slate"] table.dataTable thead th,
[data-bs-theme="dark"][data-theme="slate"] table.dataTable thead td {
    background-color: #23233a;
    border-bottom-color: #3d3d60;
    color: #8888aa;
}
[data-bs-theme="dark"][data-theme="slate"] table.dataTable tbody td {
    background-color: #2e2e4a;
    color: #e8e8f8;
}
[data-bs-theme="dark"][data-theme="slate"] table.dataTable tbody tr {
    border-bottom-color: #3d3d60;
}
[data-bs-theme="dark"][data-theme="slate"] table.dataTable tbody tr:hover > td {
    background-color: #38385a !important;
}
[data-bs-theme="dark"][data-theme="slate"] table.dataTable tbody a {
    color: #00c9a7;
}
[data-bs-theme="dark"][data-theme="slate"] table.dataTable tbody a:hover {
    color: #3de0c0;
}
[data-bs-theme="dark"][data-theme="slate"] table.dataTable tbody tr.child td,
[data-bs-theme="dark"][data-theme="slate"] table.dataTable tbody tr.dt-hasChild + tr td {
    background: rgba(255, 255, 255, 0.02);
    color: #e8e8f8;
}
/* Sort arrows */
[data-bs-theme="dark"][data-theme="slate"] table.dataTable thead .sorting::after {
    border-top-color: #6666aa;
}
[data-bs-theme="dark"][data-theme="slate"] table.dataTable thead .sorting_asc::after {
    border-bottom-color: #00c9a7;
}
[data-bs-theme="dark"][data-theme="slate"] table.dataTable thead .sorting_desc::after {
    border-top-color: #00c9a7;
}
/* DataTables controls */
[data-bs-theme="dark"][data-theme="slate"] .dataTables_wrapper .dataTables_filter input,
[data-bs-theme="dark"][data-theme="slate"] .dataTables_wrapper .dataTables_length select {
    background-color: #23233a;
    border-color: #3d3d60;
    color: #e8e8f8;
}
[data-bs-theme="dark"][data-theme="slate"] .dataTables_wrapper .dataTables_filter input:focus,
[data-bs-theme="dark"][data-theme="slate"] .dataTables_wrapper .dataTables_length select:focus {
    border-color: #00c9a7;
}
[data-bs-theme="dark"][data-theme="slate"] .dataTables_wrapper .dataTables_filter label,
[data-bs-theme="dark"][data-theme="slate"] .dataTables_wrapper .dataTables_length label,
[data-bs-theme="dark"][data-theme="slate"] .dataTables_wrapper .dataTables_info {
    color: #8888aa;
}
[data-bs-theme="dark"][data-theme="slate"] .dataTables_wrapper .dataTables_info,
[data-bs-theme="dark"][data-theme="slate"] .dataTables_wrapper .dataTables_paginate {
    border-top-color: #3d3d60;
}
[data-bs-theme="dark"][data-theme="slate"] .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #e8e8f8 !important;
}
[data-bs-theme="dark"][data-theme="slate"] .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: rgba(0, 201, 167, 0.1);
    border-color: #00c9a7;
    color: #00c9a7 !important;
}
[data-bs-theme="dark"][data-theme="slate"] .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #00c9a7;
    border-color: #00c9a7;
    color: #0a1a16 !important;
}
[data-bs-theme="dark"][data-theme="slate"] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    color: #3d3d60 !important;
}

/* ── br_rides expanded child row ─────────────────────────────────────────────── */
[data-bs-theme="dark"][data-theme="slate"] .ride-expand-body {
    background: #23233a;
    border-top-color: #3d3d60;
}
[data-bs-theme="dark"][data-theme="slate"] .ride-expand-lbl { color: #6666aa; }
[data-bs-theme="dark"][data-theme="slate"] .ride-expand-val { color: #c8c8e8; }

/* ── Cards ────────────────────────────────────────────────────────────────────── */
[data-bs-theme="dark"][data-theme="slate"] .card {
    background-color: #23233a;
    border-color: #3d3d60;
}
[data-bs-theme="dark"][data-theme="slate"] .card-header,
[data-bs-theme="dark"][data-theme="slate"] .card-footer {
    border-color: #3d3d60;
    background-color: #23233a;
}

/* ── dt-admin-header border ──────────────────────────────────────────────────── */
[data-bs-theme="dark"][data-theme="slate"] .dt-admin-header {
    border-bottom-color: #3d3d60;
}

/* ── Gradient card ─────────────────────────────────────────────────────────── */
[data-bs-theme="dark"][data-theme="slate"] .card-gradient {
    background: linear-gradient(to bottom, rgba(0,201,167,.22) 0%, transparent 100%) !important;
    border-color: rgba(0,201,167,.32) !important;
}