/* Glass HRMS Custom Styles */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f8f9fc;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    transition: background-color 0.3s ease, color 0.3s ease;
}
main { flex: 1; }
.navbar {
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
}
.card {
    border: none;
    border-radius: 0.35rem;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58,59,69,0.15);
    transition: transform 0.2s, background-color 0.3s ease;
}
.card:hover { transform: translateY(-2px); }
.card-header {
    background-color: #f8f9fc;
    border-bottom: 1px solid #e3e6f0;
    font-weight: 600;
}

/* ── Dark Mode Toggle Button ── */
#darkModeToggle {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.4);
    color: white;
    border-radius: 20px;
    padding: 4px 12px;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.3s;
}
#darkModeToggle:hover {
    background: rgba(255,255,255,0.15);
}

/* ── Dark Mode Styles ── */
body.dark-mode {
    background-color: #1a1a2e;
    color: #e0e0e0;
}
body.dark-mode .navbar {
    background-color: #16213e !important;
}
body.dark-mode .card {
    background-color: #16213e;
    color: #e0e0e0;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(0,0,0,0.4);
}
body.dark-mode .card-header {
    background-color: #0f3460;
    border-bottom: 1px solid #1a4a7a;
    color: #e0e0e0;
}
body.dark-mode .card-footer {
    background-color: #16213e;
    border-top: 1px solid #1a4a7a;
    color: #aaa;
}
body.dark-mode .table {
    color: #e0e0e0;
}
body.dark-mode .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(255,255,255,0.05);
}
body.dark-mode .table-hover > tbody > tr:hover {
    background-color: rgba(255,255,255,0.08);
}
body.dark-mode .form-control,
body.dark-mode .form-select {
    background-color: #0f3460;
    border-color: #1a4a7a;
    color: #e0e0e0;
}
body.dark-mode .form-control:focus,
body.dark-mode .form-select:focus {
    background-color: #0f3460;
    color: #e0e0e0;
    border-color: #4a90d9;
    box-shadow: 0 0 0 0.2rem rgba(74,144,217,0.25);
}
body.dark-mode .dropdown-menu {
    background-color: #16213e;
    border-color: #1a4a7a;
}
body.dark-mode .dropdown-item {
    color: #e0e0e0;
}
body.dark-mode .dropdown-item:hover {
    background-color: #0f3460;
    color: #fff;
}
body.dark-mode .dropdown-divider {
    border-color: #1a4a7a;
}
body.dark-mode .alert-info {
    background-color: #0f3460;
    border-color: #1a4a7a;
    color: #90caf9;
}
body.dark-mode .alert-success {
    background-color: #1b5e20;
    border-color: #2e7d32;
    color: #a5d6a7;
}
body.dark-mode .alert-danger {
    background-color: #4a1010;
    border-color: #7f1d1d;
    color: #ef9a9a;
}
body.dark-mode .badge.bg-light {
    background-color: #0f3460 !important;
    color: #e0e0e0 !important;
}
body.dark-mode .bg-light {
    background-color: #16213e !important;
}
body.dark-mode .text-muted {
    color: #9e9e9e !important;
}
body.dark-mode .border {
    border-color: #1a4a7a !important;
}
body.dark-mode hr {
    border-color: #1a4a7a;
}
body.dark-mode .btn-outline-secondary {
    color: #aaa;
    border-color: #555;
}
body.dark-mode .btn-outline-secondary:hover {
    background-color: #333;
    color: #fff;
}
body.dark-mode .progress {
    background-color: #0f3460;
}
body.dark-mode input::placeholder {
    color: #777;
}

/* Arabic RTL Support */
[lang="ar"] body {
    font-family: 'Cairo', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
[lang="ar"] .me-1, [lang="ar"] .me-2, [lang="ar"] .me-3 {
    margin-right: 0 !important;
    margin-left: 0.25rem !important;
}
[lang="ar"] .ms-1, [lang="ar"] .ms-2, [lang="ar"] .ms-3 {
    margin-left: 0 !important;
    margin-right: 0.25rem !important;
}

/* Responsive */
@media (max-width: 768px) {
    .container-fluid { padding: 0.5rem; }
}