/* ============================================================================
   assets/css/dark.css
   Additional dark-mode-only overrides not fully expressible via CSS
   variables alone (shadows, borders, chart backgrounds, etc.). Most
   theming is handled by the [data-theme="dark"] variable block in
   app.css; this file covers the remainder.
   ============================================================================ */

[data-theme="dark"] .auth-shell {
    background-color: #0F172A;
}

[data-theme="dark"] .auth-card {
    background-color: var(--bg-card);
    box-shadow: 0 10px 25px rgba(0,0,0,0.4);
}

[data-theme="dark"] .card,
[data-theme="dark"] table.table {
    border-color: var(--border-color);
}

[data-theme="dark"] table.table tbody tr:hover {
    background-color: #1E293B;
}

[data-theme="dark"] .app-topbar {
    background-color: #1E293B;
}

[data-theme="dark"] ::placeholder {
    color: #64748B;
}

[data-theme="dark"] .badge {
    filter: saturate(0.85);
}