/* ========================================================= assets/css/dark.css Dark Mode Overrides — ใช้ร่วมกับ data-bs-theme="dark" บน ========================================================= */ html[data-bs-theme="dark"] { --bg-body: #0f1320; --bg-surface: #171b2c; --bg-glass: rgba(23, 27, 44, 0.65); --border-color: #262b40; --text-main: #e5e7eb; --text-muted: #9aa1b5; } html[data-bs-theme="dark"] body { background: var(--bg-body); color: var(--text-main); } html[data-bs-theme="dark"] .app-sidebar, html[data-bs-theme="dark"] .card-app, html[data-bs-theme="dark"] .stat-card, html[data-bs-theme="dark"] .login-card, html[data-bs-theme="dark"] .divider-text span, html[data-bs-theme="dark"] .btn-icon { background: var(--bg-surface); border-color: var(--border-color); color: var(--text-main); } html[data-bs-theme="dark"] .app-navbar { background: var(--bg-glass); border-color: var(--border-color); } html[data-bs-theme="dark"] .sidebar-nav .nav-link { color: var(--text-muted); } html[data-bs-theme="dark"] .sidebar-nav .nav-link:hover { background: rgba(13, 110, 253, 0.18); color: #6ea8fe; } html[data-bs-theme="dark"] .sidebar-nav .nav-link.active { background: var(--primary); color: #fff; } html[data-bs-theme="dark"] .table { color: var(--text-main); } html[data-bs-theme="dark"] .form-control, html[data-bs-theme="dark"] .form-select { background-color: var(--bg-surface); color: var(--text-main); border-color: var(--border-color); } html[data-bs-theme="dark"] .form-control::placeholder { color: var(--text-muted); } html[data-bs-theme="dark"] .skeleton { background: linear-gradient(90deg, #1e2235 25%, #262b40 37%, #1e2235 63%); } html[data-bs-theme="dark"] .badge-pending { background: #3a2f0f; color: #ffd166; } html[data-bs-theme="dark"] .badge-approved { background: #0f3a23; color: #5fd996; } html[data-bs-theme="dark"] .badge-rejected { background: #3a1416; color: #ff8a8a; } html[data-bs-theme="dark"] .badge-cancelled { background: #262b40; color: #9aa1b5; } /* ===== Dark Mode: FullCalendar วันหยุด ===== */ html[data-bs-theme="dark"] { --fc-holiday-color: #ff8a8a; --fc-saturday-color: #6ea8fe; --fc-weekend-bg: rgba(110, 168, 254, 0.06); --fc-holiday-bg: rgba(255, 138, 138, 0.07); }