/**
 * Dark Theme - AIGenEmail Style
 * Deep navy/slate with purple accents
 */

/* ============================================
   COLOR PALETTE - Navy/Slate Theme
   ============================================ */

[data-theme="dark"] {
    /* Background Hierarchy - Deep navy blues */
    --dark-bg-base: #0f172a;
    /* Deepest - page background */
    --dark-bg-raised: #1e293b;
    /* Cards, panels */
    --dark-bg-overlay: #334155;
    /* Modals, dropdowns, hover */
    --dark-bg-subtle: #475569;
    /* Active states */
    --dark-bg-input: #1e293b;
    /* Form inputs */

    /* Text Colors - Soft whites and grays */
    --dark-text-primary: #f1f5f9;
    /* Primary text */
    --dark-text-secondary: #94a3b8;
    /* Labels, descriptions */
    --dark-text-tertiary: #64748b;
    /* Placeholders, muted */
    --dark-text-muted: #475569;
    /* Very muted */

    /* Border Colors */
    --dark-border-default: #334155;
    --dark-border-muted: #1e293b;
    --dark-border-emphasis: #475569;

    /* Accent - Purple/Violet */
    --dark-accent-primary: #8b5cf6;
    --dark-accent-primary-hover: #a78bfa;
    --dark-accent-primary-muted: rgba(139, 92, 246, 0.15);

    /* Status Colors */
    --dark-accent-success: #22c55e;
    --dark-accent-success-muted: rgba(34, 197, 94, 0.15);
    --dark-accent-warning: #f59e0b;
    --dark-accent-warning-muted: rgba(245, 158, 11, 0.15);
    --dark-accent-error: #ef4444;
    --dark-accent-error-muted: rgba(239, 68, 68, 0.15);
    --dark-accent-info: #3b82f6;
    --dark-accent-info-muted: rgba(59, 130, 246, 0.15);

    /* Shadows */
    --dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
    --dark-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.25);
    --dark-shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.3);
    --dark-shadow-xl: 0 20px 50px rgba(0, 0, 0, 0.4);

    /* Apply to theme variables */
    --color-bg: var(--dark-bg-base);
    --color-bg-secondary: var(--dark-bg-raised);
    --color-bg-tertiary: var(--dark-bg-overlay);
    --theme-bg-primary: var(--dark-bg-base);
    --theme-bg-secondary: var(--dark-bg-raised);
    --theme-bg-tertiary: var(--dark-bg-overlay);
    --theme-text: var(--dark-text-primary);
    --theme-text-primary: var(--dark-text-primary);
    --theme-text-secondary: var(--dark-text-secondary);
    --theme-text-muted: var(--dark-text-tertiary);
    --theme-border: var(--dark-border-default);
    --primary-color: var(--dark-accent-primary);
}

/* ============================================
   BASE LAYOUT
   ============================================ */

[data-theme="dark"] html,
[data-theme="dark"] body {
    background-color: var(--dark-bg-base) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .wrapper,
[data-theme="dark"] .main-panel,
[data-theme="dark"] .content {
    background-color: var(--dark-bg-base) !important;
}

/* ============================================
   CARDS
   ============================================ */

[data-theme="dark"] .card {
    background: var(--dark-bg-raised) !important;
    border: 1px solid var(--dark-border-default) !important;
    border-radius: 16px !important;
    box-shadow: var(--dark-shadow-md) !important;
}

[data-theme="dark"] .card-header {
    background: transparent !important;
    border-bottom: 1px solid var(--dark-border-default) !important;
}

[data-theme="dark"] .card-header h4,
[data-theme="dark"] .card-header .card-title {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .card-header-info,
[data-theme="dark"] .card-header-primary {
    background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%) !important;
}

[data-theme="dark"] .card-body {
    background: transparent !important;
}

[data-theme="dark"] .card-footer {
    background: rgba(30, 41, 59, 0.5) !important;
    border-top: 1px solid var(--dark-border-default) !important;
}

/* ============================================
   TABLES
   ============================================ */

[data-theme="dark"] .table {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .table thead th {
    background: rgba(51, 65, 85, 0.5) !important;
    color: var(--dark-text-secondary) !important;
    border-bottom: 1px solid var(--dark-border-default) !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 14px 16px !important;
}

[data-theme="dark"] .table thead.text-info th {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .table tbody tr {
    background: transparent !important;
    transition: background-color 0.2s ease !important;
}

[data-theme="dark"] .table tbody tr:hover {
    background: rgba(51, 65, 85, 0.3) !important;
}

[data-theme="dark"] .table tbody td {
    border-bottom: 1px solid var(--dark-border-muted) !important;
    border-top: none !important;
    color: var(--dark-text-primary) !important;
    padding: 14px 16px !important;
}

[data-theme="dark"] .table tbody td a {
    color: var(--dark-accent-primary) !important;
}

[data-theme="dark"] .table tbody td a:hover {
    color: var(--dark-accent-primary-hover) !important;
}

[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) {
    background: rgba(30, 41, 59, 0.3) !important;
}

/* ============================================
   FORM CONTROLS
   ============================================ */

[data-theme="dark"] .form-control {
    background: var(--dark-bg-input) !important;
    border: 1px solid var(--dark-border-default) !important;
    color: var(--dark-text-primary) !important;
    border-radius: 12px !important;
    padding: 12px 16px !important;
    transition: all 0.2s ease !important;
}

[data-theme="dark"] .form-control:hover {
    border-color: var(--dark-border-emphasis) !important;
}

[data-theme="dark"] .form-control:focus {
    background: var(--dark-bg-input) !important;
    border-color: var(--dark-accent-primary) !important;
    box-shadow: 0 0 0 3px var(--dark-accent-primary-muted) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .form-control::placeholder {
    color: var(--dark-text-tertiary) !important;
}

[data-theme="dark"] .form-control:disabled,
[data-theme="dark"] .form-control[readonly] {
    background: rgba(30, 41, 59, 0.5) !important;
    color: var(--dark-text-tertiary) !important;
}

[data-theme="dark"] select.form-control {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 14px !important;
    padding-right: 40px !important;
}

[data-theme="dark"] select.form-control option {
    background: var(--dark-bg-raised) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] label {
    color: var(--dark-text-secondary) !important;
    font-weight: 500 !important;
}

[data-theme="dark"] .input-group-text {
    background: var(--dark-bg-overlay) !important;
    border: 1px solid var(--dark-border-default) !important;
    color: var(--dark-text-secondary) !important;
}

/* ============================================
   BUTTONS
   ============================================ */

[data-theme="dark"] .btn {
    font-weight: 500 !important;
    border-radius: 10px !important;
    padding: 10px 20px !important;
    transition: all 0.2s ease !important;
}

[data-theme="dark"] .btn-primary,
[data-theme="dark"] .btn-info {
    background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%) !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(139, 92, 246, 0.4) !important;
}

[data-theme="dark"] .btn-primary:hover,
[data-theme="dark"] .btn-info:hover {
    background: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%) !important;
    box-shadow: 0 6px 20px rgba(139, 92, 246, 0.5) !important;
    transform: translateY(-1px) !important;
}

[data-theme="dark"] .btn-secondary,
[data-theme="dark"] .btn-default,
[data-theme="dark"] .btn-light {
    background: var(--dark-bg-overlay) !important;
    border: 1px solid var(--dark-border-default) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .btn-secondary:hover,
[data-theme="dark"] .btn-default:hover,
[data-theme="dark"] .btn-light:hover {
    background: var(--dark-bg-subtle) !important;
    border-color: var(--dark-border-emphasis) !important;
}

[data-theme="dark"] .btn-outline-secondary,
[data-theme="dark"] .btn-outline-primary {
    background: transparent !important;
    border: 1px solid var(--dark-border-emphasis) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .btn-outline-secondary:hover,
[data-theme="dark"] .btn-outline-primary:hover {
    background: var(--dark-bg-overlay) !important;
    color: var(--dark-accent-primary) !important;
}

[data-theme="dark"] .btn-success {
    background: linear-gradient(135deg, #16a34a 0%, #22c55e 100%) !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(34, 197, 94, 0.4) !important;
}

[data-theme="dark"] .btn-danger {
    background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%) !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(239, 68, 68, 0.4) !important;
}

[data-theme="dark"] .btn-warning {
    background: linear-gradient(135deg, #d97706 0%, #f59e0b 100%) !important;
    border: none !important;
    color: #000 !important;
}

[data-theme="dark"] .btn-link {
    color: var(--dark-accent-primary) !important;
}

[data-theme="dark"] .btn-link:hover {
    color: var(--dark-accent-primary-hover) !important;
}

/* ============================================
   MODALS
   ============================================ */

[data-theme="dark"] .modal-backdrop {
    background: rgba(15, 23, 42, 0.8) !important;
    backdrop-filter: blur(4px) !important;
}

[data-theme="dark"] .modal-content {
    background: var(--dark-bg-raised) !important;
    border: 1px solid var(--dark-border-default) !important;
    border-radius: 20px !important;
    box-shadow: var(--dark-shadow-xl) !important;
}

[data-theme="dark"] .modal-header {
    background: rgba(51, 65, 85, 0.3) !important;
    border-bottom: 1px solid var(--dark-border-default) !important;
    border-radius: 20px 20px 0 0 !important;
    padding: 20px 24px !important;
}

[data-theme="dark"] .modal-header .modal-title {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .modal-header .close {
    color: var(--dark-text-tertiary) !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

[data-theme="dark"] .modal-header .close:hover {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .modal-body {
    color: var(--dark-text-primary) !important;
    padding: 24px !important;
}

[data-theme="dark"] .modal-footer {
    background: rgba(51, 65, 85, 0.3) !important;
    border-top: 1px solid var(--dark-border-default) !important;
    border-radius: 0 0 20px 20px !important;
    padding: 16px 24px !important;
}

/* ============================================
   DROPDOWNS
   ============================================ */

[data-theme="dark"] .dropdown-menu {
    background: var(--dark-bg-raised) !important;
    border: 1px solid var(--dark-border-default) !important;
    border-radius: 14px !important;
    box-shadow: var(--dark-shadow-lg) !important;
    padding: 8px !important;
}

[data-theme="dark"] .dropdown-item {
    color: var(--dark-text-primary) !important;
    padding: 10px 14px !important;
    border-radius: 8px !important;
    transition: all 0.15s ease !important;
}

[data-theme="dark"] .dropdown-item:hover {
    background: var(--dark-bg-overlay) !important;
}

[data-theme="dark"] .dropdown-item.active {
    background: var(--dark-accent-primary) !important;
    color: #fff !important;
}

[data-theme="dark"] .dropdown-divider {
    border-color: var(--dark-border-default) !important;
}

/* ============================================
   SIDEBAR
   ============================================ */

[data-theme="dark"] .sidebar,
[data-theme="dark"] .sidebar-wrapper {
    background: var(--dark-bg-base) !important;
    border-right: 1px solid var(--dark-border-muted) !important;
}

[data-theme="dark"] .sidebar .nav-link {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .sidebar .nav-link:hover {
    background: rgba(51, 65, 85, 0.4) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .sidebar .nav-link.active,
[data-theme="dark"] .sidebar .nav-item.active .nav-link {
    background: var(--dark-accent-primary-muted) !important;
    color: var(--dark-accent-primary) !important;
}

/* ============================================
   NAVBAR / HEADER
   ============================================ */

[data-theme="dark"] .navbar,
[data-theme="dark"] .navbar-transparent,
[data-theme="dark"] .navbar.modern-navbar {
    background: var(--dark-bg-raised) !important;
    border-bottom: 1px solid var(--dark-border-default) !important;
    box-shadow: var(--dark-shadow-sm) !important;
}

[data-theme="dark"] .navbar-brand,
[data-theme="dark"] .navbar .nav-link,
[data-theme="dark"] .navbar .navbar-toggler-icon {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .navbar .nav-link:hover {
    color: var(--dark-accent-primary) !important;
}

[data-theme="dark"] .navbar .nav-item.active .nav-link {
    color: var(--dark-accent-primary) !important;
}

/* Search in header */
[data-theme="dark"] .navbar .form-control {
    background: var(--dark-bg-base) !important;
    border: 1px solid var(--dark-border-default) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .navbar .form-control:focus {
    background: var(--dark-bg-base) !important;
    border-color: var(--dark-accent-primary) !important;
    box-shadow: 0 0 0 3px var(--dark-accent-primary-muted) !important;
}

/* Profile avatar button in header */
[data-theme="dark"] .navbar .nav-link-profile {
    border-color: transparent !important;
}

[data-theme="dark"] .navbar .nav-link-profile:hover,
[data-theme="dark"] .navbar .nav-link-profile:focus {
    background-color: var(--dark-bg-overlay) !important;
    border-color: var(--dark-accent-primary) !important;
}

[data-theme="dark"] .navbar .profile-avatar {
    border-color: var(--dark-border-default) !important;
}

[data-theme="dark"] .navbar .nav-link-profile:hover .profile-avatar,
[data-theme="dark"] .navbar .nav-link-profile:focus .profile-avatar {
    border-color: var(--dark-accent-primary) !important;
    box-shadow: 0 4px 12px var(--dark-accent-primary-muted) !important;
}

[data-theme="dark"] .navbar .profile-placeholder {
    background: var(--dark-bg-overlay) !important;
    color: var(--dark-text-secondary) !important;
}

/* Profile dropdown in header */
[data-theme="dark"] .navbar .dropdown-toggle,
[data-theme="dark"] .navbar .nav-link .material-icons {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .navbar .dropdown-toggle:hover,
[data-theme="dark"] .navbar .nav-link:hover .material-icons {
    color: var(--dark-text-primary) !important;
}

/* Profile dropdown menu */
[data-theme="dark"] .navbar .modern-dropdown,
[data-theme="dark"] .navbar .dropdown-menu {
    background: var(--dark-bg-raised) !important;
    border: 1px solid var(--dark-border-default) !important;
    border-radius: 14px !important;
    box-shadow: var(--dark-shadow-lg) !important;
    padding: 8px !important;
}

[data-theme="dark"] .navbar .modern-dropdown .dropdown-header {
    background: transparent !important;
    border-bottom: 1px solid var(--dark-border-default) !important;
    padding: 12px 16px !important;
    margin-bottom: 8px !important;
}

[data-theme="dark"] .navbar .modern-dropdown .dropdown-user-name {
    color: var(--dark-text-primary) !important;
    font-weight: 600 !important;
}

[data-theme="dark"] .navbar .modern-dropdown .dropdown-user-email {
    color: var(--dark-text-tertiary) !important;
}

[data-theme="dark"] .navbar .modern-dropdown .dropdown-divider {
    border-top-color: var(--dark-border-default) !important;
    margin: 8px 0 !important;
}

[data-theme="dark"] .navbar .modern-dropdown .dropdown-item {
    background: transparent !important;
    color: var(--dark-text-primary) !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    transition: all 0.15s ease !important;
}

[data-theme="dark"] .navbar .modern-dropdown .dropdown-item i {
    color: var(--dark-text-tertiary) !important;
}

[data-theme="dark"] .navbar .modern-dropdown .dropdown-item:hover,
[data-theme="dark"] .navbar .modern-dropdown .dropdown-item:focus {
    background: var(--dark-bg-overlay) !important;
    color: var(--dark-accent-primary) !important;
}

[data-theme="dark"] .navbar .modern-dropdown .dropdown-item:hover i,
[data-theme="dark"] .navbar .modern-dropdown .dropdown-item:focus i {
    color: var(--dark-accent-primary) !important;
}

/* Notification bell */
[data-theme="dark"] .notification-bell,
[data-theme="dark"] .navbar .notification-center {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .notification-bell:hover,
[data-theme="dark"] .navbar .notification-center:hover {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .notification-badge {
    background: var(--dark-accent-error) !important;
}

/* Navbar toggler (mobile) */
[data-theme="dark"] .navbar-toggler {
    border-color: var(--dark-border-default) !important;
}

[data-theme="dark"] .navbar-toggler-bar {
    background: var(--dark-text-primary) !important;
}

/* ============================================
   ALERTS & BADGES
   ============================================ */

[data-theme="dark"] .alert {
    border-radius: 12px !important;
    border: 1px solid !important;
}

[data-theme="dark"] .alert-info {
    background: var(--dark-accent-info-muted) !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
    color: #60a5fa !important;
}

[data-theme="dark"] .alert-success {
    background: var(--dark-accent-success-muted) !important;
    border-color: rgba(34, 197, 94, 0.3) !important;
    color: #4ade80 !important;
}

[data-theme="dark"] .alert-warning {
    background: var(--dark-accent-warning-muted) !important;
    border-color: rgba(245, 158, 11, 0.3) !important;
    color: #fbbf24 !important;
}

[data-theme="dark"] .alert-danger {
    background: var(--dark-accent-error-muted) !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
    color: #f87171 !important;
}

[data-theme="dark"] .badge-primary,
[data-theme="dark"] .badge-info {
    background: var(--dark-accent-primary-muted) !important;
    color: var(--dark-accent-primary-hover) !important;
}

[data-theme="dark"] .badge-success {
    background: var(--dark-accent-success-muted) !important;
    color: #4ade80 !important;
}

[data-theme="dark"] .badge-warning {
    background: var(--dark-accent-warning-muted) !important;
    color: #fbbf24 !important;
}

[data-theme="dark"] .badge-danger {
    background: var(--dark-accent-error-muted) !important;
    color: #f87171 !important;
}

/* ============================================
   DATATABLES
   ============================================ */

[data-theme="dark"] .dataTables_wrapper {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .dataTables_wrapper .dataTables_length select,
[data-theme="dark"] .dataTables_wrapper .dataTables_filter input {
    background: var(--dark-bg-raised) !important;
    border: 1px solid var(--dark-border-default) !important;
    color: var(--dark-text-primary) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
}

[data-theme="dark"] .dataTables_wrapper .dataTables_length select:hover,
[data-theme="dark"] .dataTables_wrapper .dataTables_filter input:hover {
    border-color: var(--dark-border-emphasis) !important;
}

[data-theme="dark"] .dataTables_wrapper .dataTables_filter input:focus {
    border-color: var(--dark-accent-primary) !important;
    box-shadow: 0 0 0 3px var(--dark-accent-primary-muted) !important;
}

[data-theme="dark"] .dataTables_wrapper .dataTables_length select:focus {
    border-color: var(--dark-accent-primary) !important;
    box-shadow: 0 0 0 3px var(--dark-accent-primary-muted) !important;
}

[data-theme="dark"] .dataTables_wrapper .dataTables_length label,
[data-theme="dark"] .dataTables_wrapper .dataTables_filter label {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .dataTables_wrapper .dataTables_info {
    color: var(--dark-text-tertiary) !important;
}

/* Pagination container */
[data-theme="dark"] .dataTables_wrapper .dataTables_paginate {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    overflow: visible !important;
}

[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .pagination {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.375rem !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .pagination li {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    position: static !important;
    float: none !important;
    transform: none !important;
}

/* Pagination buttons */
[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    min-width: 2.5rem !important;
    height: 2.5rem !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    line-height: 1 !important;
    position: static !important;
    float: none !important;
    transform: none !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
}

[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current) {
    background: var(--dark-bg-overlay) !important;
    border-color: var(--dark-border-emphasis) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px var(--dark-accent-primary-muted) !important;
    border-color: var(--dark-accent-primary) !important;
}

[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: var(--dark-accent-primary) !important;
    border-color: var(--dark-accent-primary) !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(139, 92, 246, 0.3) !important;
}

[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: var(--dark-accent-primary-hover) !important;
    border-color: var(--dark-accent-primary-hover) !important;
}

[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    border-color: var(--dark-border-muted) !important;
    color: var(--dark-text-muted) !important;
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

/* ============================================
   SIDE PANEL
   ============================================ */

[data-theme="dark"] .side-panel {
    background: var(--dark-bg-raised) !important;
    border-left: 1px solid var(--dark-border-default) !important;
    box-shadow: var(--dark-shadow-xl) !important;
}

[data-theme="dark"] .side-panel-header {
    background: rgba(51, 65, 85, 0.3) !important;
    border-bottom: 1px solid var(--dark-border-default) !important;
}

/* ============================================
   TEXT & LINKS
   ============================================ */

[data-theme="dark"] .text-muted {
    color: var(--dark-text-tertiary) !important;
}

[data-theme="dark"] .text-dark {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] a {
    color: var(--dark-accent-primary);
}

[data-theme="dark"] a:hover {
    color: var(--dark-accent-primary-hover);
}

/* ============================================
   SCROLLBARS
   ============================================ */

[data-theme="dark"] ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
    background: var(--dark-bg-base);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: var(--dark-border-emphasis);
    border-radius: 4px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: var(--dark-text-tertiary);
}

/* ============================================
   MISC
   ============================================ */

[data-theme="dark"] hr {
    border-color: var(--dark-border-default) !important;
}

[data-theme="dark"] .breadcrumb {
    background: transparent !important;
}

[data-theme="dark"] .breadcrumb-item a {
    color: var(--dark-text-tertiary) !important;
}

[data-theme="dark"] .breadcrumb-item.active {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .list-group-item {
    background: var(--dark-bg-raised) !important;
    border-color: var(--dark-border-default) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] ::selection {
    background: rgba(139, 92, 246, 0.4);
    color: #fff;
}

/* ============================================
   SETTINGS/PROFILE PAGE
   ============================================ */

[data-theme="dark"] .settings-panel,
[data-theme="dark"] .preference-item,
[data-theme="dark"] .term-item {
    background: var(--dark-bg-raised) !important;
    border-color: var(--dark-border-default) !important;
}

[data-theme="dark"] .settings-tabs {
    background: var(--dark-bg-raised) !important;
}

[data-theme="dark"] .settings-tab {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .settings-tab:hover {
    background: var(--dark-bg-overlay) !important;
}

[data-theme="dark"] .settings-tab.active {
    background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%) !important;
    color: #fff !important;
}

/* ============================================
   QUOTATION/INVOICE BUILDER
   ============================================ */

[data-theme="dark"] .section-card {
    background: var(--dark-bg-raised) !important;
    border: 1px solid var(--dark-border-default) !important;
}

[data-theme="dark"] .client-dropdown-panel,
[data-theme="dark"] .item-dropdown-panel {
    background: var(--dark-bg-raised) !important;
    border: 1px solid var(--dark-border-default) !important;
    box-shadow: var(--dark-shadow-lg) !important;
}

[data-theme="dark"] .client-result:hover,
[data-theme="dark"] .item-result:hover {
    background: var(--dark-bg-overlay) !important;
}

[data-theme="dark"] .summary-card {
    background: rgba(51, 65, 85, 0.3) !important;
    border: 1px solid var(--dark-border-default) !important;
}

/* ============================================
   TOASTR
   ============================================ */

[data-theme="dark"] #toast-container>div {
    background: var(--dark-bg-raised) !important;
    border: 1px solid var(--dark-border-default) !important;
    border-radius: 12px !important;
    box-shadow: var(--dark-shadow-lg) !important;
}

[data-theme="dark"] .toast-success {
    border-left: 4px solid #22c55e !important;
}

[data-theme="dark"] .toast-error {
    border-left: 4px solid #ef4444 !important;
}

[data-theme="dark"] .toast-warning {
    border-left: 4px solid #f59e0b !important;
}

[data-theme="dark"] .toast-info {
    border-left: 4px solid #3b82f6 !important;
}

/* ============================================
   DASHBOARD
   ============================================ */

[data-theme="dark"] .stat-card,
[data-theme="dark"] .kpi-card {
    background: var(--dark-bg-raised) !important;
    border: 1px solid var(--dark-border-default) !important;
    border-radius: 16px !important;
}

[data-theme="dark"] .welcome-section {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(59, 130, 246, 0.05) 100%) !important;
    border: 1px solid rgba(139, 92, 246, 0.2) !important;
}

/* Toggle switch */
[data-theme="dark"] .switch .slider {
    background-color: var(--dark-bg-overlay) !important;
}

[data-theme="dark"] .switch input:checked+.slider {
    background-color: var(--dark-accent-primary) !important;
}