/* =====================================================
   ND International School Dinod - Dark Mode
   ===================================================== */

[data-theme="dark"] {
    --body-bg: #1A1D23;
    --card-bg: #22252B;
    --text-primary: #E4E6EB;
    --text-secondary: #A0A4AB;
    --border-color: #363940;
    --white: #22252B;
    --gray-100: #2A2D35;
    --gray-200: #363940;
    --gray-300: #464A53;
    --gray-400: #565A63;
    --gray-500: #7A7F88;
    --gray-600: #A0A4AB;
    --gray-700: #C4C7CC;
    --gray-800: #E4E6EB;
    --gray-900: #F5F6FA;
    --shadow: 0 2px 10px rgba(0,0,0,0.3);
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.2);
    --shadow-lg: 0 10px 30px rgba(0,0,0,0.4);
}

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

[data-theme="dark"] .sidebar {
    background: linear-gradient(180deg, #15171C 0%, #1A1D23 100%);
}

[data-theme="dark"] .top-header {
    background: var(--card-bg);
    border-color: var(--border-color);
}

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

[data-theme="dark"] .card-header {
    background: var(--card-bg);
    border-color: var(--border-color);
}

[data-theme="dark"] .stat-card {
    background: var(--card-bg);
}

[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select {
    background: var(--gray-100);
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
    background: var(--gray-200);
    border-color: var(--primary);
    color: var(--text-primary);
}

[data-theme="dark"] .table-custom thead th {
    background: var(--gray-100);
    color: var(--text-primary);
    border-color: var(--border-color);
}

[data-theme="dark"] .table-custom tbody td {
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-theme="dark"] .table-custom tbody tr:hover {
    background: rgba(245,166,35,0.08);
}

[data-theme="dark"] .main-footer {
    background: var(--card-bg);
    border-color: var(--border-color);
}

[data-theme="dark"] .input-group-text {
    background: var(--gray-200);
    border-color: var(--border-color);
    color: var(--text-secondary);
}

[data-theme="dark"] .dropdown-menu {
    background: var(--card-bg);
    border-color: var(--border-color);
}

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

[data-theme="dark"] .dropdown-item:hover {
    background: var(--gray-200);
}

[data-theme="dark"] .modal-content {
    background: var(--card-bg);
}

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

[data-theme="dark"] .nav-tabs-custom .nav-link.active {
    color: var(--primary);
    background: transparent;
}

[data-theme="dark"] .page-breadcrumb {
    color: var(--text-secondary);
}

[data-theme="dark"] .header-search input {
    background: var(--gray-100);
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-theme="dark"] .login-card {
    background: var(--card-bg);
}

[data-theme="dark"] .login-card .login-body {
    background: var(--card-bg);
}

[data-theme="dark"] .badge-primary-custom {
    background-color: rgba(245,166,35,0.2);
}

[data-theme="dark"] .alert {
    background: var(--gray-100);
}

[data-theme="dark"] .pagination .page-link {
    background: var(--card-bg);
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-theme="dark"] .receipt-container {
    border-color: var(--primary);
}

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

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: var(--gray-400);
}