/* =========================================
   GLOBAL DARK MODE - CARD & COMPONENTS
========================================= */

body.dark-mode .feature-card,body.dark-mode .guide-card,body.dark-mode .video-card,body.dark-mode .staff-card,body.dark-mode .equipment-card,body.dark-mode .stat-card,body.dark-mode .info-card { background:var(--card)!important; color:#e2e8f0; border-color:var(--border)!important; }
body.dark-mode .feature-card .card-body,body.dark-mode .guide-card .card-body,body.dark-mode .video-card .video-info { background:transparent; }
body.dark-mode .feature-card h1,body.dark-mode .feature-card h2,body.dark-mode .feature-card h3,body.dark-mode .feature-card h4,body.dark-mode .feature-card h5,body.dark-mode .feature-card h6,body.dark-mode .guide-card h1,body.dark-mode .guide-card h2,body.dark-mode .guide-card h3,body.dark-mode .guide-card h4,body.dark-mode .guide-card h5,body.dark-mode .guide-card h6,body.dark-mode .video-card h1,body.dark-mode .video-card h2,body.dark-mode .video-card h3,body.dark-mode .video-card h4,body.dark-mode .video-card h5,body.dark-mode .video-card h6,body.dark-mode .staff-card h1,body.dark-mode .staff-card h2,body.dark-mode .staff-card h3,body.dark-mode .staff-card h4,body.dark-mode .staff-card h5,body.dark-mode .staff-card h6,body.dark-mode .equipment-card h1,body.dark-mode .equipment-card h2,body.dark-mode .equipment-card h3,body.dark-mode .equipment-card h4,body.dark-mode .equipment-card h5,body.dark-mode .equipment-card h6,body.dark-mode .stat-card h1,body.dark-mode .stat-card h2,body.dark-mode .stat-card h3,body.dark-mode .stat-card h4,body.dark-mode .stat-card h5,body.dark-mode .stat-card h6,body.dark-mode .info-card h1,body.dark-mode .info-card h2,body.dark-mode .info-card h3,body.dark-mode .info-card h4,body.dark-mode .info-card h5,body.dark-mode .info-card h6,body.dark-mode .card-title { color:#e2e8f0!important; }
body.dark-mode .feature-card p,body.dark-mode .guide-card p,body.dark-mode .video-card p,body.dark-mode .staff-card p,body.dark-mode .equipment-card p,body.dark-mode .stat-card p,body.dark-mode .info-card p,body.dark-mode .card-text { color:#94a3b8!important; }
body.dark-mode .text-dark,body.dark-mode .text-body { color:#e2e8f0!important; }
body.dark-mode .text-secondary,body.dark-mode .text-muted { color:#94a3b8!important; }
body.dark-mode .feature-card a:not(.btn),body.dark-mode .guide-card a:not(.btn),body.dark-mode .video-card a:not(.btn),body.dark-mode .staff-card a:not(.btn),body.dark-mode .equipment-card a:not(.btn),body.dark-mode .stat-card a:not(.btn),body.dark-mode .info-card a:not(.btn) { color:#93c5fd; }

/* =========================================
   JADWAL — TABLE DARK MODE
========================================= */
body.dark-mode .schedule-card { background:var(--card); border:1px solid var(--border); border-radius:24px; overflow:hidden; box-shadow:0 18px 45px rgba(0,0,0,.22); }
body.dark-mode .schedule-card .table { --bs-table-bg:var(--card); --bs-table-color:#94a3b8; --bs-table-border-color:var(--border); color:#94a3b8; background:var(--card); }
body.dark-mode .schedule-card .table thead th { background:#172033; color:#e2e8f0; border-color:var(--border); font-weight:800; white-space:nowrap; }
body.dark-mode .schedule-card .table tbody tr:nth-child(odd) td { background:#111827; color:#94a3b8; border-color:var(--border); }
body.dark-mode .schedule-card .table tbody tr:nth-child(even) td { background:#172033; color:#cbd5e1; border-color:var(--border); }
body.dark-mode .schedule-card .table tbody tr:hover td { background:#243554; color:#f1f5f9; border-color:#3b82f6; }
body.dark-mode .schedule-card .table tbody td { transition:background-color .2s ease,color .2s ease,border-color .2s ease; }
body.dark-mode .schedule-card .table-responsive { background:var(--card); }

/* =========================================
   TABLE AUDIT — LIGHT/DARK + MOBILE
========================================= */
.schedule-card .table{border-collapse:separate;border-spacing:0}.schedule-card .table td,.schedule-card .table th{vertical-align:middle}.schedule-card .table-responsive{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#93c5fd transparent;-webkit-overflow-scrolling:touch}.schedule-card .table-responsive::-webkit-scrollbar{height:7px}.schedule-card .table-responsive::-webkit-scrollbar-track{background:transparent}.schedule-card .table-responsive::-webkit-scrollbar-thumb{background:#93c5fd;border-radius:999px}.schedule-card .table-responsive::-webkit-scrollbar-thumb:hover{background:#60a5fa}.schedule-card .day-name,.schedule-card .task-text,.schedule-card .time-badge{min-width:max-content}.schedule-card .area-badge,.schedule-card .staff-badge{white-space:nowrap}.schedule-card .table thead th{position:sticky;top:0;z-index:2}.schedule-card .table tbody tr{transition:background-color .2s ease}.schedule-card .table tbody tr:hover .area-badge{background:#bfdbfe}.schedule-card .table tbody tr:hover .staff-badge{filter:brightness(1.05)}
body.dark-mode .schedule-card .table-responsive{scrollbar-color:#475569 transparent}body.dark-mode .schedule-card .table tbody tr:hover .area-badge{background:#1e40af;color:#dbeafe}body.dark-mode .schedule-card .table tbody tr:hover .staff-badge{background:#3b82f6;color:#fff}
@media(max-width:768px){.schedule-card{border-radius:20px}.schedule-card .table{min-width:720px}.schedule-card .table thead th{padding:15px 16px;font-size:.82rem}.schedule-card .table tbody td{padding:15px 16px;font-size:.85rem}.schedule-card .area-badge,.schedule-card .staff-badge{padding:7px 10px;font-size:.78rem}.schedule-card .task-text{line-height:1.45}}
@media(max-width:480px){.schedule-card .table{min-width:680px}.schedule-card .table thead th{padding:13px 14px}.schedule-card .table tbody td{padding:13px 14px;font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.schedule-card .table tbody tr,.schedule-card .table tbody td{transition:none!important}}