/* Summit Logistics Admin Dark Theme */
html.dark-theme,
html.dark-theme body {
    background-color: #0b111e !important;
    color: #f1f5f9 !important;
}

html.dark-theme .bg-\[\#f1f3f7\],
html.dark-theme .bg-\[\#f3f4f6\],
html.dark-theme .bg-\[\#f6f8fb\],
html.dark-theme .bg-\[\#f8fafc\] {
    background-color: #0b111e !important;
    color: #f1f5f9 !important;
}

/* White cards & containers */
html.dark-theme .bg-white,
html.dark-theme .bg-white\/90,
html.dark-theme .bg-white\/95 {
    background-color: #131c2e !important;
    color: #f8fafc !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Sub-card backgrounds and pills */
html.dark-theme .bg-slate-50,
html.dark-theme .bg-slate-100,
html.dark-theme .bg-black\/5 {
    background-color: rgba(255, 255, 255, 0.06) !important;
    color: #cbd5e1 !important;
}

html.dark-theme .hover\:bg-slate-100:hover,
html.dark-theme .hover\:bg-slate-200:hover,
html.dark-theme .hover\:bg-black\/5:hover,
html.dark-theme .hover\:bg-\[\#f6f8fb\]:hover,
html.dark-theme .hover\:bg-\[\#edf1f8\]:hover,
html.dark-theme .hover\:bg-\[\#e5e8ef\]:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Text colors */
html.dark-theme .text-\[\#0d0e12\] {
    color: #f8fafc !important;
}

html.dark-theme .text-slate-800,
html.dark-theme .text-slate-700,
html.dark-theme .text-slate-600 {
    color: #cbd5e1 !important;
}

html.dark-theme .text-slate-500,
html.dark-theme .text-slate-400 {
    color: #94a3b8 !important;
}

/* Borders */
html.dark-theme .border-slate-100,
html.dark-theme .border-slate-200,
html.dark-theme .border-slate-300,
html.dark-theme .divide-slate-100,
html.dark-theme .divide-slate-200 {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Tables in Leads / Cases / Reviews / Roles */
html.dark-theme table thead,
html.dark-theme table thead tr,
html.dark-theme table thead th {
    background-color: #172238 !important;
    color: #94a3b8 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

html.dark-theme table tbody tr {
    background-color: #131c2e !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

html.dark-theme table tbody tr:hover {
    background-color: #1a273f !important;
}

html.dark-theme table td {
    color: #e2e8f0 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

/* Form inputs & search */
html.dark-theme input:not([type="checkbox"]):not([type="radio"]),
html.dark-theme textarea,
html.dark-theme select {
    background-color: #1a263d !important;
    color: #f8fafc !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

html.dark-theme input::placeholder,
html.dark-theme textarea::placeholder {
    color: #64748b !important;
}

/* Header bar & search inputs */
html.dark-theme header.bg-white,
html.dark-theme .bg-white.rounded-3xl,
html.dark-theme .bg-white.rounded-\[32px\] {
    background-color: #131c2e !important;
}

/* Sidebar styling in dark mode */
html.dark-theme aside > div {
    background-color: #0a1b38 !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6) !important;
}

/* Donut chart track in dark mode */
html.dark-theme circle[stroke="#f1f3f7"] {
    stroke: rgba(255, 255, 255, 0.08) !important;
}

/* Heatmap track */
html.dark-theme .bg-\[\#f0f2f6\] {
    background-color: rgba(255, 255, 255, 0.06) !important;
}

/* Modals & sheets */
html.dark-theme .bg-white.rounded-\[28px\],
html.dark-theme .bg-white.rounded-\[36px\] {
    background-color: #131c2e !important;
    color: #f8fafc !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}