/* ── DONKERE MODUS ────────────────────────────────────────────── */
body.dark-mode { background:#17171c; color:#e5e5eb; }
body.dark-mode .dash-panel,
body.dark-mode .cl-card,
body.dark-mode .note-card,
body.dark-mode .dash-note-inline,
body.dark-mode .modal,
body.dark-mode .dropdown-menu,
body.dark-mode .bottom-nav,
body.dark-mode .fav-option,
body.dark-mode .filter-chip,
body.dark-mode .backup-row,
body.dark-mode .yesterday-log { background:#24242b; color:#e5e5eb; box-shadow:0 1px 6px rgba(0,0,0,0.4); }
body.dark-mode .bottom-nav { border-top-color:#2f2f38; }
body.dark-mode .inp,
body.dark-mode .task-inp-row input,
body.dark-mode input[type="text"],
body.dark-mode input[type="time"],
body.dark-mode input[type="password"],
body.dark-mode textarea,
body.dark-mode select { background:#2d2d35; color:#e5e5eb; border-color:#3a3a45; }
body.dark-mode .cl-card-name,
body.dark-mode .dash-panel-title,
body.dark-mode .note-title,
body.dark-mode .toggle-row-label,
body.dark-mode .dropdown-name,
body.dark-mode .dropdown-item,
body.dark-mode .task-text-s,
body.dark-mode .task-text-lg,
body.dark-mode h3, body.dark-mode h4 { color:#e5e5eb; }
body.dark-mode .toggle-row-sub,
body.dark-mode .dropdown-role,
body.dark-mode .cl-card-meta,
body.dark-mode .fav-empty,
body.dark-mode .dash-col-label,
body.dark-mode .all-done-hint,
body.dark-mode .filter-chip,
body.dark-mode .routine-sep { color:#8a8a94; }
body.dark-mode .filter-chip.on { background:#a83545; color:white; border-color:#a83545; }
body.dark-mode .task-row:active,
body.dark-mode .task-row-lg:active { background:#2f2f38; }
body.dark-mode .task-check,
body.dark-mode .task-check-lg { border-color:#4a4a55; background:#2d2d35; }
body.dark-mode .task-row.done .task-check,
body.dark-mode .task-row-lg.done .task-check-lg { background:#10b981; border-color:#10b981; }
body.dark-mode .task-row.done .task-text-s,
body.dark-mode .task-row-lg.done .task-text-lg { color:#6b6b75; }
body.dark-mode .task-note { color:#8a7a88; }
body.dark-mode .wd-badge,
body.dark-mode .wd-chip { background:#2d2d35; border-color:#3a3a45; color:#8a8a94; }
body.dark-mode .wd-chip.on,
body.dark-mode .wd-badge.active { background:#a83545; border-color:#a83545; color:white; }
body.dark-mode .chip { background:#2d2d35; border-color:#3a3a45; color:#e5e5eb; }
body.dark-mode .chip.on { background:#a83545; border-color:#a83545; color:white; }
body.dark-mode .prog-bar-wrap,
body.dark-mode .prog-bar-wrap-lg { background:#33333d; }
body.dark-mode .time-group-label { color:#8a8a94; border-color:#3a3a45; }
body.dark-mode .time-group.now-slot .time-group-label { color:#ef6470; }
body.dark-mode .btn-sm.btn-outline { background:transparent; color:#e5e5eb; border-color:#4a4a55; }
body.dark-mode .dropdown-divider,
body.dark-mode .dropdown-header,
body.dark-mode .modal-head { border-color:#2f2f38; }
body.dark-mode .btn-close,
body.dark-mode .dag-nav-btn,
body.dark-mode .dag-nav-day,
body.dark-mode .dag-nav-date { color:#e5e5eb; }
body.dark-mode .routine-sep::after { background:#3a3a45; }
body.dark-mode .overlay { background:rgba(0,0,0,0.7); }
body.dark-mode .modal::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.18); }
body.dark-mode .modal::-webkit-scrollbar-thumb:hover { background:rgba(255,255,255,0.28); }
body.dark-mode .modal { scrollbar-color: rgba(255,255,255,0.25) transparent; }
body.dark-mode .vul-pill-mini { background:#2d2d35; color:#8a8a94; }
body.dark-mode .vul-toggle input:checked + .vul-pill-mini { background:#a83545; color:white; }
body.dark-mode .task-move-btn { background:#2d2d35; border-color:#3a3a45; color:#b0b0ba; }
body.dark-mode .task-del-btn { background:#3a1a1e; border-color:#7a2a30; color:#ef6470; }
body.dark-mode .cl-ico-btn { color:#b0b0ba; }
body.dark-mode .cl-ico-btn:hover { background:#2f2f38; }
body.dark-mode .dash-celebrate { background:linear-gradient(135deg,#3d3416 0%,#5a4a1e 100%); }
body.dark-mode .dash-celebrate-txt { color:#fde68a; }
body.dark-mode .btn-sm.btn-blue { background:#3b82f6; color:white; }
body.dark-mode .btn-save { background:#3a3a45; color:#e5e5eb; }
body.dark-mode #toast { background:#3a3a45; color:#e5e5eb; }
body.dark-mode .yesterday-log strong { color:#e5e5eb; }
body.dark-mode .yesterday-log { background:#2a2a30; }