/* Portal page dark mode — pairs with scoped light-only page styles in router.js */

html[data-theme="dark"] .page-title {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .page-sub,
html[data-theme="dark"] .kb-meta,
html[data-theme="dark"] .ann-page-meta {
    color: var(--camp-text-muted) !important;
}

/* ── Knowledge Base ────────────────────────────────────────────────────── */
html[data-theme="dark"] .kb-main {
    background: var(--camp-bg-muted) !important;
}

html[data-theme="dark"] .kb-page-head {
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .kb-page-title {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .kb-nav,
html[data-theme="dark"] .kb-article-btn,
html[data-theme="dark"] .kb-faq-item {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .kb-nav-label {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .kb-nav-btn {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .kb-nav-btn:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .kb-nav-btn.active {
    background: rgba(var(--camp-hero-glow-rgb), 0.16) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .kb-nav-btn i {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .kb-nav-count {
    background: var(--camp-surface-raised) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .kb-nav-btn.active .kb-nav-count {
    background: rgba(var(--camp-hero-glow-rgb), 0.2) !important;
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .kb-nav-pill {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .kb-nav-pill:hover,
html[data-theme="dark"] .kb-nav-pill.active {
    background: var(--camp-brand-primary) !important;
    border-color: var(--camp-brand-primary) !important;
    color: #fff !important;
}

html[data-theme="dark"] .kb-nav-mobile {
    background: linear-gradient(var(--camp-bg-muted) 75%, transparent) !important;
}

html[data-theme="dark"] .kb-search {
    background: var(--camp-input-bg) !important;
    border-color: var(--camp-input-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .kb-search-wrap i {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .kb-section-head {
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .kb-section-head h2,
html[data-theme="dark"] .kb-article-title,
html[data-theme="dark"] .kb-faq-q {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .kb-section-desc,
html[data-theme="dark"] .kb-article-summary,
html[data-theme="dark"] .kb-faq-a,
html[data-theme="dark"] .kb-articles-label,
html[data-theme="dark"] .kb-faq-title,
html[data-theme="dark"] .kb-empty {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .kb-article-btn:hover,
html[data-theme="dark"] .kb-faq-item[open] > .kb-faq-q,
html[data-theme="dark"] .kb-faq-q:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.08) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.35) !important;
}

html[data-theme="dark"] .kb-article-btn > i {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .kb-faq {
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .kb-level {
    background: var(--camp-surface-raised) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .kb-level--0 {
    background: rgba(var(--camp-hero-glow-rgb), 0.15) !important;
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .kb-level--5 {
    background: rgba(245, 158, 11, 0.15) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] #kbArticleModal .modal-body {
    background: var(--camp-surface) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .kb-faq-chevron {
    color: var(--camp-text-muted) !important;
}

/* ── Shared surfaces (white cards → dark surfaces) ─────────────────────── */
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .info-card,
html[data-theme="dark"] .quick-action,
html[data-theme="dark"] .group-card,
html[data-theme="dark"] .register-card,
html[data-theme="dark"] .summary-card,
html[data-theme="dark"] .stat-pill,
html[data-theme="dark"] .composer,
html[data-theme="dark"] .ann-card,
html[data-theme="dark"] .my-task-card,
html[data-theme="dark"] .my-task-empty,
html[data-theme="dark"] .task-panel,
html[data-theme="dark"] .task-card,
html[data-theme="dark"] .yg-card,
html[data-theme="dark"] .yg-stat,
html[data-theme="dark"] .yg-att-card,
html[data-theme="dark"] .yg-sched-slot,
html[data-theme="dark"] .widget-picker-item,
html[data-theme="dark"] .url-box,
html[data-theme="dark"] .leader-picker,
html[data-theme="dark"] .leader-pick-row,
html[data-theme="dark"] .search-result-card,
html[data-theme="dark"] .audit-row,
html[data-theme="dark"] .con-card,
html[data-theme="dark"] .ag-card,
html[data-theme="dark"] .sched-card,
html[data-theme="dark"] .permit-card,
html[data-theme="dark"] .visitor-card,
html[data-theme="dark"] .slot-card,
html[data-theme="dark"] .bus-panel,
html[data-theme="dark"] .mb-empty-card,
html[data-theme="dark"] .minibus-page .slot-card,
html[data-theme="dark"] .mb-act-schedule,
html[data-theme="dark"] .mb-admin-manifest-item,
html[data-theme="dark"] .mb-admin-act-section,
html[data-theme="dark"] .minibus-card,
html[data-theme="dark"] .detail-card,
html[data-theme="dark"] .qr-scan-card {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .info-card-header,
html[data-theme="dark"] .yg-card-header,
html[data-theme="dark"] .child-row,
html[data-theme="dark"] .summary-stat,
html[data-theme="dark"] .log-row {
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .info-card-header {
    background: var(--camp-surface-raised);
    color: var(--camp-text);
}

/* ── Dashboard ─────────────────────────────────────────────────────────── */
html[data-theme="dark"] .stat-label,
html[data-theme="dark"] .stat-sub,
html[data-theme="dark"] .stat-detail,
html[data-theme="dark"] .dashboard-layout-hint,
html[data-theme="dark"] .quick-actions-toolbar p,
html[data-theme="dark"] .yg-toolbar-hint,
html[data-theme="dark"] .sh-toolbar-hint {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .stat-num {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .qa-label,
html[data-theme="dark"] .log-action,
html[data-theme="dark"] .widget-picker-body h6 {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .qa-sub,
html[data-theme="dark"] .log-meta,
html[data-theme="dark"] .widget-picker-body p {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .quick-action:hover {
    background: var(--camp-surface-raised) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.45) !important;
}

html[data-theme="dark"] .quick-action .bi-chevron-right {
    color: rgba(255, 255, 255, 0.35);
}

html[data-theme="dark"] .session-pill,
html[data-theme="dark"] .mini-bar,
html[data-theme="dark"] .yg-mini-bar,
html[data-theme="dark"] .att-progress,
html[data-theme="dark"] .summary-progress,
html[data-theme="dark"] .coverage-bar {
    background: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .group-reg-row:hover,
html[data-theme="dark"] .group-reg-row:focus-visible {
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
    outline: none;
}

html[data-theme="dark"] .group-reg-row-hint {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .group-reg-segment:hover {
    filter: brightness(1.18) saturate(1.08);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22);
}

html[data-theme="dark"] .group-reg-row [style*="color:#c2410c"],
html[data-theme="dark"] .group-reg-row [style*="color: #c2410c"] {
    color: #fb923c !important;
}

html[data-theme="dark"] .group-reg-closed-chip {
    background: rgba(251, 146, 60, 0.14) !important;
    border-color: rgba(251, 146, 60, 0.35) !important;
    color: #fdba74 !important;
}

html[data-theme="dark"] .group-reg-closed-note,
html[data-theme="dark"] .group-reg-panel-notice {
    background: rgba(251, 146, 60, 0.1) !important;
    border-color: rgba(251, 146, 60, 0.28) !important;
    color: #fdba74 !important;
}

html[data-theme="dark"] .group-reg-panel-notice strong {
    color: #fed7aa !important;
}

html[data-theme="dark"] .group-closed-banner {
    background: rgba(251, 146, 60, 0.1) !important;
    border-color: rgba(251, 146, 60, 0.28) !important;
    color: #fdba74 !important;
}

html[data-theme="dark"] .group-closed-banner strong {
    color: #fed7aa !important;
}

html[data-theme="dark"] .reg-closed-icon {
    background: rgba(251, 146, 60, 0.12) !important;
    border-color: rgba(251, 146, 60, 0.35) !important;
    color: #fdba74 !important;
}

html[data-theme="dark"] .reg-closed-panel h3 {
    color: #fed7aa !important;
}

html[data-theme="dark"] .reg-closed-panel p {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] #groupRegDetailModal .modal-content {
    background: var(--camp-surface) !important;
    color: var(--camp-text) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] #groupRegDetailModal .modal-header,
html[data-theme="dark"] #groupRegDetailModal .modal-footer {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] #groupRegDetailModal .modal-title {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] #groupRegDetailModal .modal-body {
    background: var(--camp-surface) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] #groupRegDetailModal .modal-body [style*="color:#64748b"],
html[data-theme="dark"] #groupRegDetailModal .modal-body [style*="color: #64748b"] {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] #groupRegDetailModal .btn-outline-secondary {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] #groupRegDetailModal .btn-outline-secondary:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.45) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .group-reg-detail-stat {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .group-reg-detail-stat .val {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .group-reg-detail-stat.is-warn .val {
    color: #fb923c !important;
}

html[data-theme="dark"] .group-reg-detail-stat .lbl {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .group-reg-detail-section {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .group-reg-detail-section.is-highlight {
    background: rgba(251, 146, 60, 0.12) !important;
    border-color: rgba(251, 146, 60, 0.45) !important;
}

html[data-theme="dark"] .group-reg-detail-section h6 {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .group-reg-name-chip {
    background: var(--camp-surface-2) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .group-reg-name-chip.is-warn {
    background: rgba(251, 146, 60, 0.15) !important;
    border-color: rgba(251, 146, 60, 0.4) !important;
    color: #fdba74 !important;
}

html[data-theme="dark"] .group-reg-detail-empty {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .btn-customize-dash,
html[data-theme="dark"] .btn-customize-qa,
html[data-theme="dark"] .btn-yg-custom,
html[data-theme="dark"] .widget-picker-toggle,
html[data-theme="dark"] .widget-move-btn {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .btn-customize-dash:hover,
html[data-theme="dark"] .btn-customize-qa:hover,
html[data-theme="dark"] .btn-yg-custom:hover,
html[data-theme="dark"] .widget-move-btn:hover:not(:disabled) {
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .widget-picker-item {
    background: var(--camp-surface) !important;
}

html[data-theme="dark"] .widget-picker-item.is-visible {
    background: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.35) !important;
}

html[data-theme="dark"] .widget-picker-icon {
    background: rgba(var(--camp-hero-glow-rgb), 0.15) !important;
    color: var(--camp-brand-accent) !important;
}

/* ── Panel customize modals (dashboard, section, group) ─────────────────── */
.camp-customize-modal {
    border-radius: 14px;
    border: none;
    overflow: hidden;
}
.camp-customize-modal .modal-header {
    border-bottom: 1px solid #f0f3f0;
    padding: 18px 20px;
    align-items: center;
}
.camp-customize-modal .modal-title {
    font-weight: 800;
    font-size: 1rem;
    color: var(--camp-brand-primary-mid);
    margin: 0;
    letter-spacing: -0.01em;
}
.camp-customize-modal .modal-body {
    padding: 16px 20px 20px;
}
.camp-customize-modal .modal-footer {
    border-top: 1px solid #f0f3f0;
    padding: 14px 20px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.camp-customize-modal .camp-customize-reset-btn {
    border-radius: 8px;
    font-weight: 600;
}
.camp-customize-modal .camp-customize-done-btn {
    background: var(--camp-brand-primary);
    border: none;
    color: #fff;
    border-radius: 8px;
    font-weight: 700;
    padding: 6px 18px;
}
.camp-customize-modal .camp-customize-done-btn:hover {
    background: var(--camp-brand-primary-mid);
    color: #fff;
}

html[data-theme="dark"] .camp-customize-modal {
    background: var(--camp-surface) !important;
    color: var(--camp-text) !important;
    border-color: var(--camp-border) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
}
html[data-theme="dark"] .camp-customize-modal .modal-header,
html[data-theme="dark"] .camp-customize-modal .modal-footer {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
}
html[data-theme="dark"] .camp-customize-modal .modal-title {
    color: var(--camp-brand-primary-light) !important;
}
html[data-theme="dark"] .camp-customize-modal .modal-body {
    background: var(--camp-surface) !important;
    color: var(--camp-text);
}
html[data-theme="dark"] .camp-customize-modal .btn-close {
    filter: invert(1) grayscale(1) brightness(1.35);
    opacity: 0.8;
}
html[data-theme="dark"] .camp-customize-modal .camp-customize-reset-btn {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}
html[data-theme="dark"] .camp-customize-modal .camp-customize-reset-btn:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.35) !important;
    color: var(--camp-brand-primary-light) !important;
}
html[data-theme="dark"] .camp-customize-modal .camp-customize-done-btn {
    background: var(--camp-brand-primary) !important;
    border-color: var(--camp-brand-primary) !important;
    color: #fff !important;
}
html[data-theme="dark"] .camp-customize-modal .camp-customize-done-btn:hover {
    background: #e85d00 !important;
    border-color: #e85d00 !important;
    color: #fff !important;
}
html[data-theme="dark"] .camp-customize-modal .widget-picker-toggle.is-on {
    background: var(--camp-brand-primary) !important;
    border-color: var(--camp-brand-primary) !important;
    color: #fff !important;
}
html[data-theme="dark"] .camp-customize-modal .widget-picker-toggle.is-on:hover {
    background: #e85d00 !important;
    border-color: #e85d00 !important;
    color: #fff !important;
}

html[data-theme="dark"] .widget-hide-btn,
html[data-theme="dark"] .widget-drag-handle,
html[data-theme="dark"] .yg-drag-handle {
    color: var(--camp-text-muted);
}

html[data-theme="dark"] .widget-hide-btn:hover {
    color: #fca5a5;
    background: rgba(239, 68, 68, 0.12);
}

html[data-theme="dark"] .camp-search-widget input {
    background: var(--camp-input-bg);
    border-color: var(--camp-input-border);
    color: var(--camp-text);
}

html[data-theme="dark"] .camp-search-widget button,
html[data-theme="dark"] .btn-widget-action {
    background: linear-gradient(135deg, var(--camp-brand-primary) 0%, var(--camp-brand-primary-mid) 100%) !important;
    border: none !important;
    color: #fff !important;
}

html[data-theme="dark"] .camp-search-widget button:hover,
html[data-theme="dark"] .btn-widget-action:hover {
    background: linear-gradient(135deg, var(--camp-brand-primary-mid) 0%, var(--camp-brand-primary-light) 100%) !important;
    color: #fff !important;
}

html[data-theme="dark"] .dash-widget-icon,
html[data-theme="dark"] .dash-widget-link {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .dash-task-notice {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(96, 165, 250, 0.35);
    color: #bfdbfe;
}

html[data-theme="dark"] .dash-task-notice:hover {
    background: rgba(59, 130, 246, 0.18);
    color: #dbeafe;
}

html[data-theme="dark"] .dash-portal-feedback-notice {
    background: rgba(var(--camp-hero-glow-rgb), 0.12);
    border-color: rgba(var(--camp-hero-glow-rgb), 0.35);
    color: var(--camp-brand-primary-light);
}

html[data-theme="dark"] .dash-portal-feedback-notice:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.18);
    border-color: rgba(var(--camp-hero-glow-rgb), 0.5);
    color: var(--camp-brand-accent);
}

html[data-theme="dark"] .dash-message-reply-notice {
    background: rgba(37, 99, 235, 0.12);
    border-color: rgba(96, 165, 250, 0.35);
}

html[data-theme="dark"] .dash-message-reply-body {
    color: #bfdbfe;
}

html[data-theme="dark"] .dash-message-reply-body span {
    color: #93c5fd;
}

html[data-theme="dark"] .dash-message-reply-btn {
    background: #2563eb;
}

html[data-theme="dark"] .dash-message-reply-btn:hover {
    background: #1d4ed8;
}

html[data-theme="dark"] .portal-feedback-dash-row {
    border-color: var(--camp-border);
}

html[data-theme="dark"] .portal-feedback-dash-row strong {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .portal-feedback-dash-meta {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .portal-feedback-dash-msg {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .portal-feedback-dash-cat {
    background: rgba(59, 130, 246, 0.14);
    color: #93c5fd;
    border: 1px solid rgba(96, 165, 250, 0.28);
}

html[data-theme="dark"] .portal-feedback-dash-row [style*="color:#b45309"],
html[data-theme="dark"] .portal-feedback-dash-row [style*="color: #b45309"] {
    color: #fcd34d !important;
}

html[data-theme="dark"] .tooltip.manage-medical-tooltip .tooltip-inner {
    background: var(--camp-surface-raised);
    color: var(--camp-text);
    border: 1px solid var(--camp-border);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .tooltip.manage-medical-tooltip.bs-tooltip-top .tooltip-arrow::before,
html[data-theme="dark"] .tooltip.manage-medical-tooltip.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
    border-top-color: var(--camp-border);
}

html[data-theme="dark"] .tooltip.manage-medical-tooltip.bs-tooltip-bottom .tooltip-arrow::before,
html[data-theme="dark"] .tooltip.manage-medical-tooltip.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
    border-bottom-color: var(--camp-border);
}

html[data-theme="dark"] .dash-offline-notice,
html[data-theme="dark"] .task-alert,
html[data-theme="dark"] .att-offline-badge,
html[data-theme="dark"] .activity-req-banner {
    background: rgba(245, 158, 11, 0.12) !important;
    border-color: rgba(251, 191, 36, 0.35) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] .my-task-schedule-hint {
    background: var(--camp-surface);
    border-color: var(--camp-border);
    color: var(--camp-text-muted);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
}
html[data-theme="dark"] .my-task-schedule-hint i,
html[data-theme="dark"] .my-task-schedule-hint a {
    color: var(--camp-brand-primary-light);
}
html[data-theme="dark"] .my-task-schedule-hint a:hover {
    color: #fff;
}

html[data-theme="dark"] .alert-card.alert-danger-soft {
    background: rgba(239, 68, 68, 0.12);
    border-color: rgba(248, 113, 113, 0.35);
    color: #fecaca;
}

html[data-theme="dark"] .alert-card.alert-amber-soft {
    background: rgba(245, 158, 11, 0.12);
    border-color: rgba(251, 191, 36, 0.35);
    color: #fcd34d;
}

html[data-theme="dark"] .alert-card.alert-success-soft {
    background: rgba(16, 185, 129, 0.12);
    border-color: rgba(52, 211, 153, 0.35);
    color: #6ee7b7;
}

html[data-theme="dark"] .alert-card h6,
html[data-theme="dark"] .alert-card p {
    color: inherit;
}

/* Icon chips — keep hue, soften bg */
html[data-theme="dark"] .ic-green  { background: rgba(16, 185, 129, 0.15); color: #6ee7b7; }
html[data-theme="dark"] .ic-blue   { background: rgba(59, 130, 246, 0.18); color: #93c5fd; }
html[data-theme="dark"] .ic-amber  { background: rgba(245, 158, 11, 0.18); color: #fcd34d; }
html[data-theme="dark"] .ic-red    { background: rgba(239, 68, 68, 0.18); color: #fca5a5; }
html[data-theme="dark"] .ic-slate  { background: rgba(148, 163, 184, 0.18); color: #cbd5e1; }
html[data-theme="dark"] .ic-purple { background: rgba(139, 92, 246, 0.18); color: #c4b5fd; }

/* ── Staff dashboard — stat detail modal ─────────────────────────────────── */
html[data-theme="dark"] .dash-stat-modal .modal-content {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .dash-stat-modal .modal-header {
    background: var(--camp-surface-raised) !important;
    border-bottom-color: var(--camp-border) !important;
}

html[data-theme="dark"] .dash-stat-modal .modal-body {
    background: var(--camp-bg-muted) !important;
}

html[data-theme="dark"] .dash-stat-modal .modal-footer {
    background: var(--camp-surface) !important;
    border-top-color: var(--camp-border) !important;
}

html[data-theme="dark"] .dash-stat-modal .modal-title,
html[data-theme="dark"] #dashStatDetailModalLabel {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .dash-stat-hero {
    background: var(--camp-surface) !important;
    border-bottom-color: var(--camp-border) !important;
}

html[data-theme="dark"] .dash-stat-hero-num {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .dash-stat-hero-sub {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .dash-stat-hero.is-accent-green .dash-stat-hero-icon { background: rgba(249, 115, 22, 0.18); color: #fdba74; }
html[data-theme="dark"] .dash-stat-hero.is-accent-blue .dash-stat-hero-icon { background: rgba(59, 130, 246, 0.18); color: #93c5fd; }
html[data-theme="dark"] .dash-stat-hero.is-accent-slate .dash-stat-hero-icon { background: rgba(148, 163, 184, 0.18); color: #cbd5e1; }
html[data-theme="dark"] .dash-stat-hero.is-accent-purple .dash-stat-hero-icon { background: rgba(139, 92, 246, 0.18); color: #c4b5fd; }
html[data-theme="dark"] .dash-stat-hero.is-accent-amber .dash-stat-hero-icon { background: rgba(245, 158, 11, 0.18); color: #fcd34d; }
html[data-theme="dark"] .dash-stat-hero.is-accent-red .dash-stat-hero-icon { background: rgba(239, 68, 68, 0.18); color: #fca5a5; }
html[data-theme="dark"] .dash-stat-hero.is-accent-teal .dash-stat-hero-icon { background: rgba(20, 184, 166, 0.18); color: #5eead4; }

html[data-theme="dark"] .dash-stat-chips {
    background: var(--camp-surface) !important;
    border-bottom-color: var(--camp-border) !important;
}

html[data-theme="dark"] .dash-stat-chip {
    background: var(--camp-surface-raised) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .dash-stat-chip strong {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .dash-stat-tabs {
    background: var(--camp-bg-muted) !important;
}

html[data-theme="dark"] .dash-stat-tab {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .dash-stat-tab:hover {
    border-color: rgba(var(--camp-hero-glow-rgb), 0.45) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .dash-stat-tab.is-active {
    background: var(--camp-brand-primary) !important;
    border-color: var(--camp-brand-primary) !important;
    color: #fff !important;
}

html[data-theme="dark"] .dash-stat-panel-title {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .dash-stat-list {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .dash-stat-count-row,
html[data-theme="dark"] .dash-stat-ratio-row,
html[data-theme="dark"] .dash-stat-split-row {
    border-bottom-color: var(--camp-border) !important;
}

html[data-theme="dark"] .dash-stat-count-row:nth-child(even),
html[data-theme="dark"] .dash-stat-ratio-row:nth-child(even),
html[data-theme="dark"] .dash-stat-split-row:nth-child(even) {
    background: var(--camp-surface-raised) !important;
}

html[data-theme="dark"] .dash-stat-row-label {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .dash-stat-row-num {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .dash-stat-closed-chip {
    background: rgba(245, 158, 11, 0.18) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] .dash-stat-ratio-frac {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .dash-stat-ratio-bar {
    background: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .dash-stat-badge.is-yp {
    background: rgba(16, 185, 129, 0.18) !important;
    color: #6ee7b7 !important;
}

html[data-theme="dark"] .dash-stat-badge.is-ldr {
    background: rgba(59, 130, 246, 0.18) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .dash-stat-empty {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .stat-card.is-clickable:hover,
html[data-theme="dark"] .stat-card.is-clickable:focus-visible {
    border-color: rgba(var(--camp-hero-glow-rgb), 0.45) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] .stat-card.is-clickable .stat-card-hint {
    color: var(--camp-text-muted) !important;
}

/* ── Slide tabs (dark) — full borders; page inline tab CSS is scoped to light mode only ── */
html[data-theme="dark"] .type-tabs,
html[data-theme="dark"] .section-tabs-wrap {
    background: var(--camp-surface) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important;
}

html[data-theme="dark"] .type-tabs {
    border: 1.5px solid rgba(255, 255, 255, 0.12) !important;
    border-bottom: none !important;
    border-radius: 12px 12px 0 0 !important;
}

html[data-theme="dark"] .section-tabs-wrap {
    border: 1.5px solid rgba(255, 255, 255, 0.12) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 0 0 12px 12px !important;
}

/* Standalone type-tab chips (parking permits, etc.) */
html[data-theme="dark"] .type-tab {
    border: 1.5px solid rgba(255, 255, 255, 0.14) !important;
    background: var(--camp-surface-raised) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .type-tab:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.35) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .type-tab.active {
    background: var(--camp-brand-primary) !important;
    border-color: var(--camp-brand-primary) !important;
    color: #fff !important;
}

/* Group / section row tabs inside .type-tabs bar */
html[data-theme="dark"] .type-tabs > .type-tab {
    color: var(--camp-text-muted) !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 3px solid transparent !important;
    border-radius: 0 !important;
}

html[data-theme="dark"] .type-tabs > .type-tab:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.08) !important;
    color: var(--camp-brand-primary-light) !important;
    border-color: transparent !important;
}

html[data-theme="dark"] .type-tabs > .type-tab.active {
    color: var(--camp-brand-accent) !important;
    border-bottom-color: var(--camp-brand-primary-light) !important;
    background: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}

html[data-theme="dark"] .section-tab {
    padding: 7px 16px !important;
    border: 1.5px solid rgba(255, 255, 255, 0.14) !important;
    border-bottom: none !important;
    border-radius: 8px 8px 0 0 !important;
    background: var(--camp-surface-raised) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .section-tab:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.35) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .section-tab.active {
    background: var(--camp-brand-primary) !important;
    border-color: var(--camp-brand-primary) !important;
    color: #fff !important;
}

/* Consolidation 100% complete — scout green, dark-mode celebration (not portal theme) */
html[data-theme="dark"] .con-complete-banner {
    background: linear-gradient(135deg, rgba(20, 83, 45, 0.38) 0%, rgba(34, 84, 61, 0.3) 45%, rgba(255, 107, 0, 0.2) 100%) !important;
    border-color: rgba(110, 231, 183, 0.38) !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .con-complete-banner.is-visible:hover {
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.45) !important;
    border-color: rgba(110, 231, 183, 0.5) !important;
}

html[data-theme="dark"] .con-complete-banner.is-visible:focus-visible {
    outline-color: rgba(110, 231, 183, 0.45) !important;
}

html[data-theme="dark"] .con-complete-icon {
    background: linear-gradient(135deg, #ff6b00, #c24100) !important;
    box-shadow: 0 4px 14px rgba(255, 107, 0, 0.45) !important;
    color: #fff !important;
}

html[data-theme="dark"] .con-complete-title {
    color: #6ee7b7 !important;
}

html[data-theme="dark"] .con-complete-sub {
    color: #fdba74 !important;
}

html[data-theme="dark"] .con-unexpected-banner {
    background: linear-gradient(135deg, rgba(120, 90, 20, 0.35) 0%, rgba(180, 130, 30, 0.28) 55%, rgba(120, 90, 20, 0.22) 100%) !important;
    border-color: rgba(251, 191, 36, 0.45) !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .con-unexpected-icon {
    background: linear-gradient(135deg, #d97706, #b45309) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .con-unexpected-title {
    color: #fcd34d !important;
}

html[data-theme="dark"] .con-unexpected-sub {
    color: #fde68a !important;
}

html[data-theme="dark"] .con-complete-modal .modal-content {
    background: #1a0c04 !important;
    border: 1px solid rgba(110, 231, 183, 0.22) !important;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55) !important;
}

html[data-theme="dark"] .con-complete-modal-header {
    background: linear-gradient(135deg, #ff6b00 0%, #c24100 100%) !important;
}

html[data-theme="dark"] .con-complete-modal-header h5,
html[data-theme="dark"] .con-complete-modal-header p {
    color: #fff !important;
}

html[data-theme="dark"] .con-complete-modal-body {
    background: #1a0c04 !important;
    color: #fed7aa !important;
}

html[data-theme="dark"] .con-complete-modal-footer {
    background: #5c1f00 !important;
    border-color: rgba(110, 231, 183, 0.15) !important;
}

html[data-theme="dark"] .con-complete-modal-btn {
    background: linear-gradient(135deg, #ff6b00, #c24100) !important;
    color: #fff !important;
    box-shadow: 0 4px 16px rgba(255, 107, 0, 0.35) !important;
}

html[data-theme="dark"] .con-complete-modal-btn:hover {
    opacity: 0.92 !important;
    color: #fff !important;
}

html[data-theme="dark"] .modal-backdrop.con-complete-modal-backdrop {
    background-color: rgba(12, 20, 10, 0.88) !important;
}

/* ── Tables ────────────────────────────────────────────────────────────── */
html[data-theme="dark"] .table thead th,
html[data-theme="dark"] .section-divider td,
html[data-theme="dark"] .group-divider {
    background: var(--camp-surface-raised) !important;
    color: var(--camp-brand-primary-light) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .table tbody tr {
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .table tbody tr:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.06) !important;
}

html[data-theme="dark"] .sd-label {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .sd-count,
html[data-theme="dark"] .bulk-lbl {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .bulk-chip {
    border: 1.5px solid rgba(255, 255, 255, 0.14) !important;
    background: var(--camp-surface-raised) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .bulk-chip:hover:not(.active) {
    border-color: rgba(var(--camp-hero-glow-rgb), 0.45) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .bulk-chip.active {
    background: var(--camp-brand-primary) !important;
    border-color: var(--camp-brand-primary) !important;
    color: #fff !important;
}

html[data-theme="dark"] .bulk-chip.chip-all:not(.active) {
    background: rgba(34, 197, 94, 0.12) !important;
    border-color: rgba(74, 222, 128, 0.35) !important;
    color: #6ee7b7 !important;
}

html[data-theme="dark"] .bulk-chip.chip-none:not(.active) {
    background: rgba(239, 68, 68, 0.1) !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .bulk-sep {
    background: var(--camp-border);
}

html[data-theme="dark"] .bulk-att-bar {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
}

html[data-theme="dark"] .bulk-level-toolbar {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
}

html[data-theme="dark"] .bulk-level-select {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .bulk-level-hint {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .bulk-att-label {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .bulk-apply {
    background: linear-gradient(135deg, var(--camp-brand-primary), var(--camp-brand-primary-mid)) !important;
    color: #fff !important;
}

html[data-theme="dark"] .bulk-apply:hover:not(:disabled) {
    opacity: 0.9 !important;
}

html[data-theme="dark"] .bulk-saving {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .search-wrap input,
html[data-theme="dark"] .offsite-input,
html[data-theme="dark"] .camp-status-select,
html[data-theme="dark"] .yg-search,
html[data-theme="dark"] .composer textarea {
    background: var(--camp-input-bg) !important;
    border-color: var(--camp-input-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .search-wrap input:focus,
html[data-theme="dark"] .composer textarea:focus {
    background: var(--camp-input-bg) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.55) !important;
}

html[data-theme="dark"] .search-wrap .bi-search {
    color: var(--camp-text-muted);
}

html[data-theme="dark"] .attendance-chip {
    background: rgba(220, 38, 38, 0.2) !important;
    border-color: rgba(248, 113, 113, 0.45) !important;
    color: #fca5a5 !important;
}

/* ── Attendance hub ────────────────────────────────────────────────────── */
html[data-theme="dark"] .att-card-title,
html[data-theme="dark"] .child-name,
html[data-theme="dark"] .yg-person-name,
html[data-theme="dark"] .yg-sched-act-name,
html[data-theme="dark"] .yg-att-title {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .att-card-sub,
html[data-theme="dark"] .att-count .total-num,
html[data-theme="dark"] .att-count .count-label,
html[data-theme="dark"] .slot-label {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .att-sync-banner.is-syncing {
    background: rgba(59, 130, 246, 0.15);
    color: #93c5fd;
}
html[data-theme="dark"] .att-sync-banner.is-ok {
    background: rgba(16, 185, 129, 0.15);
    color: #6ee7b7;
}
html[data-theme="dark"] .att-sync-banner.is-offline,
html[data-theme="dark"] .att-sync-banner.is-pending {
    background: rgba(245, 158, 11, 0.15);
    color: #fcd34d;
}
html[data-theme="dark"] .att-sync-banner.is-error {
    background: rgba(239, 68, 68, 0.15);
    color: #fca5a5;
}
html[data-theme="dark"] .yg-person-sub,
html[data-theme="dark"] .yg-att-time,
html[data-theme="dark"] .med-legend {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .med-note {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .med-note strong {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .med-note--alert {
    color: #fca5a5 !important;
}

html[data-theme="dark"] .med-note--alert strong {
    color: #fecaca !important;
}

html[data-theme="dark"] .att-count .present-num {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .att-card-leader,
html[data-theme="dark"] .yg-att-day,
html[data-theme="dark"] .yg-sched-day,
html[data-theme="dark"] .yg-sched-slot-time {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .att-card.complete {
    background: rgba(16, 185, 129, 0.1) !important;
    border-color: rgba(52, 211, 153, 0.35) !important;
}

html[data-theme="dark"] .att-card.complete:hover {
    border-color: rgba(52, 211, 153, 0.55) !important;
    background: rgba(16, 185, 129, 0.14) !important;
}

html[data-theme="dark"] .complete-tick {
    color: #6ee7b7 !important;
}

html[data-theme="dark"] .present-label,
html[data-theme="dark"] .btn-view,
html[data-theme="dark"] .att-note-btn,
html[data-theme="dark"] .btn-mark-none {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .btn-mark-all {
    background: rgba(16, 185, 129, 0.12) !important;
    border-color: rgba(52, 211, 153, 0.45) !important;
    color: #6ee7b7 !important;
}

html[data-theme="dark"] .att-sync-status {
    background: var(--camp-surface-raised);
    color: var(--camp-text-muted);
}

html[data-theme="dark"] .att-sync-ok { background: rgba(16, 185, 129, 0.15); color: #6ee7b7; }
html[data-theme="dark"] .att-sync-syncing { background: rgba(59, 130, 246, 0.15); color: #93c5fd; }
html[data-theme="dark"] .att-sync-offline,
html[data-theme="dark"] .att-sync-pending { background: rgba(245, 158, 11, 0.15); color: #fcd34d; }
html[data-theme="dark"] .att-sync-error { background: rgba(239, 68, 68, 0.15); color: #fca5a5; }
html[data-theme="dark"] .att-sync-cache { background: var(--camp-surface-raised); color: var(--camp-text-muted); }

/* ── Attendance hub cards ─────────────────────────────────────────────── */
html[data-theme="dark"] .att-card {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2) !important;
}

html[data-theme="dark"] .att-card:hover {
    border-color: rgba(var(--camp-hero-glow-rgb), 0.45) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] .att-card.att-card--empty {
    background: var(--camp-surface-2) !important;
    border-color: var(--camp-border) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .att-card.att-card--empty:not(.has-presence-alert) .att-card-title,
html[data-theme="dark"] .att-card.att-card--empty:not(.has-presence-alert) .att-card-sub,
html[data-theme="dark"] .att-card.att-card--empty:not(.has-presence-alert) .att-card-leader,
html[data-theme="dark"] .att-card.att-card--empty:not(.has-presence-alert) .count-label,
html[data-theme="dark"] .att-card.att-card--empty:not(.has-presence-alert) .present-num,
html[data-theme="dark"] .att-card.att-card--empty:not(.has-presence-alert) .total-num {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .att-card.att-card--empty:hover {
    border-color: var(--camp-border) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18) !important;
}

html[data-theme="dark"] .att-card.has-presence-alert {
    border-color: rgba(251, 146, 60, 0.55) !important;
    background: rgba(234, 88, 12, 0.08) !important;
}

html[data-theme="dark"] .att-card.has-presence-alert:hover {
    border-color: rgba(251, 146, 60, 0.75) !important;
    background: rgba(234, 88, 12, 0.12) !important;
}

html[data-theme="dark"] .att-presence-warn {
    color: #fb923c !important;
    filter: drop-shadow(0 0 4px rgba(251, 146, 60, 0.55)) !important;
}

html[data-theme="dark"] .child-row-wrap.has-presence-alert,
html[data-theme="dark"] .att-offline-register .child-row-wrap.has-presence-alert {
    background: rgba(234, 88, 12, 0.12) !important;
    box-shadow: inset 3px 0 0 #fb923c !important;
}

html[data-theme="dark"] .child-row-wrap.has-presence-alert:hover,
html[data-theme="dark"] .att-offline-register .child-row-wrap.has-presence-alert:hover {
    background: rgba(234, 88, 12, 0.18) !important;
}

html[data-theme="dark"] .child-row-wrap.has-presence-alert.is-present,
html[data-theme="dark"] .att-offline-register .child-row-wrap.has-presence-alert.is-present {
    background: rgba(234, 88, 12, 0.12) !important;
}

html[data-theme="dark"] .child-name.is-presence-alert,
html[data-theme="dark"] .att-presence-notice {
    color: #fdba74 !important;
}

html[data-theme="dark"] .day-header {
    background: linear-gradient(135deg, var(--camp-sidebar-from) 0%, var(--camp-sidebar-to) 100%) !important;
}

html[data-theme="dark"] .day-header h3,
html[data-theme="dark"] .day-header .day-date {
    color: #fff !important;
}

html[data-theme="dark"] .day-header .day-date {
    opacity: 0.75;
}

html[data-theme="dark"] .empty-slot {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .att-hub-header.border-bottom,
html[data-theme="dark"] .att-page-header {
    border-bottom-color: var(--camp-border) !important;
}

html[data-theme="dark"] body:has(.att-page-header),
html[data-theme="dark"] body:has(.qr-page) {
    background-color: var(--camp-bg-muted) !important;
}

html[data-theme="dark"] .main-content:has(.att-page-header),
html[data-theme="dark"] .main-content:has(.qr-page) {
    background: var(--camp-bg-muted) !important;
}

/* Attendance hub — slot header type badges & section chips */
html[data-theme="dark"] .slot-type-badge.badge-group {
    background: rgba(14, 165, 233, 0.18) !important;
    color: #7dd3fc !important;
    border: 1px solid rgba(56, 189, 248, 0.3) !important;
}

html[data-theme="dark"] .slot-type-badge.badge-activity {
    background: rgba(245, 158, 11, 0.18) !important;
    color: #fcd34d !important;
    border: 1px solid rgba(251, 191, 36, 0.3) !important;
}

html[data-theme="dark"] .slot-chip--all {
    background: rgba(59, 130, 246, 0.15) !important;
    color: #93c5fd !important;
    border-color: rgba(96, 165, 250, 0.35) !important;
}

html[data-theme="dark"] .slot-chip--section {
    background: rgba(139, 92, 246, 0.15) !important;
    color: #c4b5fd !important;
    border-color: rgba(167, 139, 250, 0.35) !important;
}

/* ── Attendance register pages (activity / group slot) ───────────────── */
html[data-theme="dark"] .main-content .h3.fw-bold,
html[data-theme="dark"] .main-content h1[style*="color:var(--camp-brand-primary-mid)"] {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .main-content .text-muted,
html[data-theme="dark"] .summary-body .text-muted {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .summary-stat .label {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .summary-stat .value {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .summary-stat .value.present {
    color: #6ee7b7 !important;
}

html[data-theme="dark"] .summary-body .text-success {
    color: #6ee7b7 !important;
}

html[data-theme="dark"] .summary-body .text-danger {
    color: #fca5a5 !important;
}

html[data-theme="dark"] .leader-pill {
    background: rgba(16, 185, 129, 0.18) !important;
    color: #6ee7b7 !important;
}

html[data-theme="dark"] .register-card .group-divider {
    background: var(--camp-surface-raised) !important;
    color: var(--camp-brand-accent) !important;
    border-left-color: rgba(var(--camp-hero-glow-rgb), 0.55) !important;
}

html[data-theme="dark"] .register-card .child-row-wrap {
    border-bottom-color: var(--camp-border) !important;
}

html[data-theme="dark"] .att-leaders-foot {
    background: var(--camp-surface-raised) !important;
    border-top-color: var(--camp-border) !important;
}

html[data-theme="dark"] .att-leaders-foot-title {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .att-leaders-foot-item {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .att-leaders-foot-name {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .att-leaders-foot-meta {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .att-leaders-foot-hint {
    color: #fb923c !important;
}

html[data-theme="dark"] .summary-card .summary-stat {
    border-bottom-color: var(--camp-border) !important;
}

html[data-theme="dark"] .summary-card .summary-progress {
    background: var(--camp-surface-raised) !important;
}

html[data-theme="dark"] .child-row-wrap:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.06) !important;
}

html[data-theme="dark"] .child-row-wrap.is-present {
    background: rgba(16, 185, 129, 0.08) !important;
}

html[data-theme="dark"] .child-row-wrap.is-present:hover {
    background: rgba(16, 185, 129, 0.12) !important;
}

html[data-theme="dark"] .att-register-note-label {
    color: var(--camp-brand-accent) !important;
    font-weight: 800 !important;
}

html[data-theme="dark"] .att-register-note,
html[data-theme="dark"] .att-child-note {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .att-register-note::placeholder,
html[data-theme="dark"] .att-child-note::placeholder {
    color: var(--camp-text-muted) !important;
    opacity: 0.85;
}

html[data-theme="dark"] .att-register-note:focus,
html[data-theme="dark"] .att-child-note:focus {
    border-color: rgba(var(--camp-hero-glow-rgb), 0.55) !important;
    box-shadow: 0 0 0 3px rgba(var(--camp-hero-glow-rgb), 0.18) !important;
}

html[data-theme="dark"] .att-note-btn.has-note {
    background: rgba(34, 211, 238, 0.12) !important;
    border-color: rgba(34, 211, 238, 0.55) !important;
    color: #67e8f9 !important;
}

html[data-theme="dark"] .att-note-btn.has-note:hover {
    background: rgba(34, 211, 238, 0.2) !important;
    border-color: rgba(34, 211, 238, 0.7) !important;
    color: #a5f3fc !important;
}

html[data-theme="dark"] .att-note-btn.is-open {
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.55) !important;
    color: var(--camp-brand-accent) !important;
    box-shadow: 0 0 0 2px rgba(var(--camp-hero-glow-rgb), 0.2) !important;
}

html[data-theme="dark"] .att-child-note-purpose-label {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .att-child-note-purpose-card {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .att-child-note-purpose-card:has(input:checked),
html[data-theme="dark"] .att-child-note-purpose-card.is-selected {
    background: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.55) !important;
    box-shadow: 0 0 0 3px rgba(var(--camp-hero-glow-rgb), 0.16) !important;
}

html[data-theme="dark"] .att-child-note-purpose-card--medical:has(input:checked),
html[data-theme="dark"] .att-child-note-purpose-card--medical.is-selected {
    background: rgba(34, 211, 238, 0.1) !important;
    border-color: rgba(34, 211, 238, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.16) !important;
}

html[data-theme="dark"] .att-child-note-purpose-text strong {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .att-child-note-purpose-text small {
    color: var(--camp-text-muted) !important;
}

html.att-is-offline .att-online-only {
    display: none !important;
}

html[data-theme="dark"] .gun-chip {
    background: rgba(16, 185, 129, 0.12) !important;
    color: #6ee7b7 !important;
    border-color: rgba(52, 211, 153, 0.35) !important;
}

html[data-theme="dark"] .present-label:hover {
    border-color: rgba(52, 211, 153, 0.55) !important;
    color: #6ee7b7 !important;
    background: rgba(16, 185, 129, 0.1) !important;
}

html[data-theme="dark"] .btn-check:checked + .present-label {
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
    border-color: #22c55e !important;
    color: #fff !important;
    box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.35), 0 0 14px rgba(34, 197, 94, 0.25) !important;
}

html[data-theme="dark"] .btn-check:checked + .present-label:hover {
    background: linear-gradient(135deg, #4ade80 0%, #22c55e 100%) !important;
    border-color: #4ade80 !important;
    color: #fff !important;
    box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.45), 0 0 18px rgba(34, 197, 94, 0.35) !important;
}

html[data-theme="dark"] .btn-view:hover {
    border-color: rgba(var(--camp-hero-glow-rgb), 0.45) !important;
    color: var(--camp-brand-accent) !important;
    background: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
}

html[data-theme="dark"] .btn-mark-all:hover {
    background: rgba(16, 185, 129, 0.28) !important;
    color: #fff !important;
}

html[data-theme="dark"] .btn-mark-none:hover {
    background: rgba(239, 68, 68, 0.15) !important;
    border-color: rgba(248, 113, 113, 0.45) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .main-content .badge[style*="background:#fef3c7"] {
    background: rgba(245, 158, 11, 0.18) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] .main-content .badge[style*="background:#e0f7fb"] {
    background: rgba(59, 130, 246, 0.18) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .main-content .btn-outline-secondary {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .main-content .btn-outline-secondary:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.45) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .main-content .btn-outline-dark {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .main-content .btn-outline-dark:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.45) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .med-legend {
    border-color: var(--camp-border) !important;
}

/* ── Your Group ───────────────────────────────────────────────────────── */
html[data-theme="dark"] .yg-section-toggle,
html[data-theme="dark"] .yg-section-filter,
html[data-theme="dark"] .yg-jump-btn,
html[data-theme="dark"] .sh-jump-btn,
html[data-theme="dark"] .yg-quick-link {
    background: var(--camp-surface-raised);
    border-color: var(--camp-border);
    color: var(--camp-text-muted);
}

html[data-theme="dark"] .yg-section-toggle:hover,
html[data-theme="dark"] .yg-jump-btn:hover,
html[data-theme="dark"] .sh-jump-btn:hover,
html[data-theme="dark"] .yg-quick-link:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.1);
    color: var(--camp-brand-primary-light);
}

html[data-theme="dark"] .yg-person {
    border-color: var(--camp-border);
}

html[data-theme="dark"] .yg-person:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.06);
}

html[data-theme="dark"] .yg-empty {
    color: var(--camp-text-muted);
}

/* ── Catering ─────────────────────────────────────────────────────────── */
html[data-theme="dark"] .cat-header h1 {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .cat-group-label {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .cat-group-tab,
html[data-theme="dark"] .cat-filter-btn,
html[data-theme="dark"] .cat-tab:not(.is-active) {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .cat-group-tab:hover,
html[data-theme="dark"] .cat-filter-btn:hover,
html[data-theme="dark"] .cat-tab:not(.is-active):hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.35) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .cat-group-tab.is-active,
html[data-theme="dark"] .cat-filter-btn.is-active,
html[data-theme="dark"] .cat-tab.is-active {
    background: var(--camp-brand-primary) !important;
    border-color: var(--camp-brand-primary) !important;
    color: #fff !important;
}

html[data-theme="dark"] .cat-stat {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .cat-stat strong {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .cat-search {
    background: var(--camp-input-bg) !important;
    border-color: var(--camp-input-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .cat-search:focus {
    border-color: rgba(var(--camp-hero-glow-rgb), 0.55) !important;
    box-shadow: 0 0 0 3px rgba(var(--camp-hero-glow-rgb), 0.15) !important;
}

html[data-theme="dark"] .cat-search::placeholder {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .cat-panel {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25) !important;
}

html[data-theme="dark"] .cat-table th {
    background: var(--camp-surface-raised) !important;
    color: var(--camp-brand-primary-light) !important;
    border-bottom-color: var(--camp-border) !important;
}

html[data-theme="dark"] .cat-table td {
    color: var(--camp-text) !important;
    border-bottom-color: var(--camp-border) !important;
}

html[data-theme="dark"] .cat-table tr.has-info td {
    background: rgba(245, 158, 11, 0.12) !important;
}

html[data-theme="dark"] .cat-name {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .cat-meta,
html[data-theme="dark"] .cat-field-empty,
html[data-theme="dark"] .cat-empty {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .cat-field-alert {
    color: #fcd34d !important;
}

html[data-theme="dark"] .cat-print-btn {
    background: var(--camp-surface-raised) !important;
    border: 1px solid var(--camp-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .cat-print-btn:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.35) !important;
    color: var(--camp-brand-primary-light) !important;
}

/* Quick View schedule popover */
html[data-theme="dark"] .qv-schedule-btn {
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .qv-schedule-btn:hover,
html[data-theme="dark"] .qv-schedule-btn:focus-visible {
    background: rgba(var(--camp-hero-glow-rgb), 0.22) !important;
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .popover.qv-schedule-popover {
    --bs-popover-bg: var(--camp-surface);
    --bs-popover-border-color: var(--camp-border);
    --bs-popover-body-color: var(--camp-text);
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45) !important;
}

html[data-theme="dark"] .popover.qv-schedule-popover .popover-body {
    color: var(--camp-text) !important;
    background: var(--camp-surface) !important;
}

html[data-theme="dark"] .popover.qv-schedule-popover .popover-arrow::before {
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .popover.qv-schedule-popover .popover-arrow::after {
    border-color: var(--camp-surface) !important;
}

html[data-theme="dark"] .qv-schedule-popover-head {
    border-bottom-color: var(--camp-border) !important;
}

html[data-theme="dark"] .qv-schedule-popover-title {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .qv-schedule-close {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .qv-schedule-close:hover,
html[data-theme="dark"] .qv-schedule-close:focus-visible {
    background: rgba(255, 255, 255, 0.08) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .qv-schedule-day {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .qv-schedule-item {
    border-bottom-color: var(--camp-border) !important;
}

html[data-theme="dark"] .qv-schedule-time {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .qv-schedule-act {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .qv-schedule-type {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .qv-schedule-loading,
html[data-theme="dark"] .qv-schedule-empty {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .qv-schedule-error {
    color: #fca5a5 !important;
}

/* ── Announcements page ──────────────────────────────────────────────── */
html[data-theme="dark"] .ann-main-page {
    background: var(--camp-bg-muted) !important;
}

html[data-theme="dark"] .ann-page-head {
    border-bottom-color: var(--camp-border) !important;
}

html[data-theme="dark"] .ann-search,
html[data-theme="dark"] .ann-nav-card,
html[data-theme="dark"] .ann-tip-card,
html[data-theme="dark"] .ann-admin-panel,
html[data-theme="dark"] .ann-compose,
html[data-theme="dark"] .ann-card-panel,
html[data-theme="dark"] .empty-state {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .ann-search {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .ann-card.pinned .ann-card-panel {
    background: rgba(var(--camp-hero-glow-rgb), 0.08) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.25) !important;
}

html[data-theme="dark"] .ann-time {
    background: var(--camp-surface-2) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .ann-zone-label,
html[data-theme="dark"] .empty-state-title {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .empty-state-title {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .ann-admin-panel summary {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .ann-tip-card p {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .ann-card.pinned {
    background: transparent !important;
}

html[data-theme="dark"] .composer h6,
html[data-theme="dark"] .composer-toggle h6,
html[data-theme="dark"] .composer-toggle-label {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .composer-chevron {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .composer,
html[data-theme="dark"] .composer-toggle {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .composer-toggle {
    background: rgba(var(--camp-hero-glow-rgb), 0.08) !important;
}

html[data-theme="dark"] .ann-stat-chip {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .ann-stat-chip--pin {
    background: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.25) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .ann-page-title,
html[data-theme="dark"] .ann-page-head {
    border-bottom-color: var(--camp-border) !important;
}

html[data-theme="dark"] .ann-page-title {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .empty-state-icon {
    background: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
}

html[data-theme="dark"] .ann-filter-pills .ann-filter-btn,
html[data-theme="dark"] .ann-filter-list .ann-filter-btn {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .ann-side-card,
html[data-theme="dark"] .ann-card,
html[data-theme="dark"] .empty-state {
    background: var(--camp-surface) !important;
}

html[data-theme="dark"] .composer textarea,
html[data-theme="dark"] .ann-cat-row input[type="text"] {
    background: var(--camp-surface-2) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .ann-cat-row input[type="color"] {
    border-color: var(--camp-border) !important;
    background: var(--camp-surface-2) !important;
}

html[data-theme="dark"] .ann-cat-row {
    border-bottom-color: var(--camp-border) !important;
}

html[data-theme="dark"] .ann-cat-manage {
    border-top-color: var(--camp-border) !important;
}

html[data-theme="dark"] .ann-pick-chip-inner,
html[data-theme="dark"] .ann-switch-chip-ui {
    background: var(--camp-surface-2) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .ann-pick-chip:hover .ann-pick-chip-inner,
html[data-theme="dark"] .ann-switch-chip:hover .ann-switch-chip-ui {
    background: var(--camp-surface-3) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.35) !important;
}

html[data-theme="dark"] .ann-pick-chip.is-selected .ann-pick-chip-inner {
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.45) !important;
    color: var(--camp-brand-primary-light) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .ann-pick-chip--cat.is-selected .ann-pick-chip-inner {
    background: color-mix(in srgb, var(--chip-color, var(--camp-brand-primary)) 18%, var(--camp-surface-2)) !important;
    border-color: var(--chip-color, var(--camp-brand-primary)) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .ann-pick-chip-check {
    background: var(--camp-brand-primary) !important;
}

html[data-theme="dark"] .ann-pick-chip--cat.is-selected .ann-pick-chip-check {
    background: var(--chip-color, var(--camp-brand-primary)) !important;
}

html[data-theme="dark"] .ann-switch-chip.is-selected .ann-switch-chip-ui {
    background: rgba(var(--camp-hero-glow-rgb), 0.14) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.45) !important;
    color: var(--camp-brand-primary-light) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .ann-switch-chip.is-selected .ann-switch-chip-ui i {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .ann-switch-chip--push.is-selected .ann-switch-chip-ui {
    background: rgba(59, 89, 152, 0.18) !important;
    border-color: rgba(100, 140, 220, 0.45) !important;
    color: #a8c4ff !important;
}

html[data-theme="dark"] .ann-switch-chip--push.is-selected .ann-switch-chip-ui i {
    color: #8ab4ff !important;
}

html[data-theme="dark"] .audience-hint,
html[data-theme="dark"] .composer-block .block-label {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .ann-side-card h6 {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .ann-filter-list a,
html[data-theme="dark"] .ann-filter-list button.ann-filter-btn {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .ann-filter-list a:hover,
html[data-theme="dark"] .ann-filter-list a.active,
html[data-theme="dark"] .ann-filter-list button.ann-filter-btn:hover,
html[data-theme="dark"] .ann-filter-list button.ann-filter-btn.active {
    background: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.25) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .ann-card {
    border-left-color: transparent;
}

html[data-theme="dark"] .ann-card.pinned,
html[data-theme="dark"] .ann-card.is-pinned {
    border-left-color: var(--camp-brand-primary-light) !important;
    background: rgba(var(--camp-hero-glow-rgb), 0.08) !important;
}

html[data-theme="dark"] .ann-name,
html[data-theme="dark"] .ann-widget-name {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .ann-role,
html[data-theme="dark"] .ann-time,
html[data-theme="dark"] .ann-widget-role,
html[data-theme="dark"] .ann-widget-time,
html[data-theme="dark"] .ann-widget-audience {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .ann-body,
html[data-theme="dark"] .ann-widget-body {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .ann-markdown .ann-md-h1,
html[data-theme="dark"] .ann-markdown .ann-md-h2,
html[data-theme="dark"] .ann-markdown .ann-md-h3 {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .ann-markdown .ann-md-code,
html[data-theme="dark"] .composer-md-hint code {
    background: var(--camp-surface-2) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .composer-md-hint,
html[data-theme="dark"] .ann-edit-note {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .ann-edit-note {
    background: var(--camp-surface-2) !important;
}

html[data-theme="dark"] #annEditModal textarea {
    background: var(--camp-surface-2) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] #annEditModal .modal-content {
    background: var(--camp-surface) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] #annEditModal .modal-header,
html[data-theme="dark"] #annEditModal .modal-footer {
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .ann-audience-tag {
    background: var(--camp-surface-2) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .ann-meta,
html[data-theme="dark"] .char-count,
html[data-theme="dark"] .pin-toggle,
html[data-theme="dark"] .push-toggle {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .ann-empty {
    color: var(--camp-text-muted);
}

html[data-theme="dark"] .ann-widget-item {
    border-bottom-color: var(--camp-border) !important;
}

html[data-theme="dark"] .ann-widget-item.is-pinned {
    background: rgba(var(--camp-hero-glow-rgb), 0.06) !important;
}

html[data-theme="dark"] .sh-ann-panel-body .ann-widget-item,
html[data-theme="dark"] .yg-ann-panel-body .ann-widget-item {
    border-bottom: none;
    padding: 0;
}

html[data-theme="dark"] .btn-ann-action,
html[data-theme="dark"] .btn-ann-mini {
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
    background: transparent !important;
}

html[data-theme="dark"] .btn-ann-action:hover,
html[data-theme="dark"] .btn-ann-mini:hover {
    border-color: var(--camp-brand-primary-light) !important;
    color: var(--camp-brand-accent) !important;
}

/* ── My Tasks / Task Assigner ─────────────────────────────────────────── */
html[data-theme="dark"] .my-task-title,
html[data-theme="dark"] .task-card-title {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .my-task-desc,
html[data-theme="dark"] .task-card-desc,
html[data-theme="dark"] .my-task-meta,
html[data-theme="dark"] .task-meta {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .my-task-card.st-pending {
    background: rgba(245, 158, 11, 0.08) !important;
}

html[data-theme="dark"] .coworker-chip,
html[data-theme="dark"] .assignee-chip {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .tn-assignee {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .tn-assignee-status.st-pending {
    background: rgba(245, 158, 11, 0.2) !important;
    color: #fbbf24 !important;
}

html[data-theme="dark"] .tn-assignee-status.st-accepted {
    background: rgba(148, 163, 184, 0.2) !important;
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .tn-assignee-status.st-completed {
    background: rgba(52, 211, 153, 0.18) !important;
    color: #6ee7b7 !important;
}

html[data-theme="dark"] .tn-assignee-status.st-declined {
    background: rgba(248, 113, 113, 0.18) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .tn-card-move-hint {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .btn-task-muted,
html[data-theme="dark"] .leader-picker-btn {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .leader-pick-name {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .leader-pick-meta,
html[data-theme="dark"] .leader-picker-stats,
html[data-theme="dark"] .task-empty {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .leader-selected-bar,
html[data-theme="dark"] .leader-selected-chip {
    background: var(--camp-surface-raised);
    border-color: var(--camp-border);
    color: var(--camp-text);
}

html[data-theme="dark"] .leader-group-head {
    background: var(--camp-surface-raised);
    color: var(--camp-brand-primary-light);
}

/* Tasks & Notes Kanban */
html[data-theme="dark"] .main-content.tn-page {
    background: var(--camp-bg-muted) !important;
}

html[data-theme="dark"] .tn-title {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .tn-sub {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .tn-board-scope-tabs {
    background: var(--camp-surface-raised) !important;
    border-bottom: 1.5px solid rgba(255, 255, 255, 0.12) !important;
}

html[data-theme="dark"] .tn-board-scope-tabs .nav-link {
    color: var(--camp-text-muted) !important;
    background: transparent !important;
    border: 1.5px solid transparent !important;
    border-bottom: none !important;
}

html[data-theme="dark"] .tn-board-scope-tabs .nav-link:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .tn-board-scope-tabs .nav-link.active {
    background: var(--camp-surface) !important;
    color: var(--camp-text) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.14) !important;
    border-bottom: 2px solid var(--camp-surface) !important;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.12) !important;
}

html[data-theme="dark"] .tn-cat-tab,
html[data-theme="dark"] .my-task-tab {
    border: 1.5px solid rgba(255, 255, 255, 0.14) !important;
    background: var(--camp-surface) !important;
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .tn-cat-tab-group {
    background: rgba(0, 0, 0, 0.15) !important;
    border-color: transparent !important;
}

html[data-theme="dark"] .tn-cat-tab-group:has(.tn-cat-tab.is-active) {
    background: rgba(255, 107, 0, 0.22) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.35) !important;
}

html[data-theme="dark"] .tn-cat-tab-actions button {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .tn-cat-tab-actions button:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .tn-cat-tab-actions .tn-del-cat:hover {
    color: #fca5a5 !important;
    background: rgba(185, 28, 28, 0.18) !important;
}

html[data-theme="dark"] .tn-cat-tab.is-active,
html[data-theme="dark"] .my-task-tab.is-active {
    background: var(--camp-brand-primary) !important;
    border-color: var(--camp-brand-primary) !important;
    color: #fff !important;
}

html[data-theme="dark"] .tn-btn-secondary {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .tn-column {
    background: var(--camp-surface-raised) !important;
}

html[data-theme="dark"] .tn-column-head {
    border-bottom-color: var(--camp-border) !important;
}

html[data-theme="dark"] .tn-column-name,
html[data-theme="dark"] .tn-card-title {
    color: #f1f5f9 !important;
}

html[data-theme="dark"] .tn-card-desc {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .tn-card-drag-hint {
    color: #94a3b8 !important;
}

html[data-theme="dark"] .tn-card-move-hint {
    color: #94a3b8 !important;
}

html[data-theme="dark"] .tn-card-checklist-label {
    color: #e2e8f0 !important;
}

html[data-theme="dark"] .tn-card-checklist-item:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.08) !important;
}

html[data-theme="dark"] .tn-card.type-note .tn-card-checklist-item:hover {
    background: rgba(139, 92, 246, 0.1) !important;
}

html[data-theme="dark"] .tn-card-checklist-item.is-done .tn-check-text {
    color: #64748b !important;
}

html[data-theme="dark"] .tn-check-face {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

html[data-theme="dark"] .tn-check-ui:hover .tn-check-face {
    border-color: rgba(var(--camp-hero-glow-rgb), 0.55) !important;
    background: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
}

html[data-theme="dark"] .tn-card.type-note .tn-check-ui:hover .tn-check-face {
    border-color: rgba(167, 139, 250, 0.55) !important;
    background: rgba(139, 92, 246, 0.12) !important;
}

html[data-theme="dark"] .tn-check-ui input[type="checkbox"]:checked + .tn-check-face {
    background: linear-gradient(145deg, #5a9a4e 0%, #3d6b35 100%) !important;
    border-color: var(--camp-brand-primary-light) !important;
    box-shadow: 0 2px 8px rgba(var(--camp-hero-glow-rgb), 0.35) !important;
}

html[data-theme="dark"] .tn-card.type-note .tn-check-ui input[type="checkbox"]:checked + .tn-check-face {
    background: linear-gradient(145deg, #9f7aea 0%, #7c3aed 100%) !important;
    border-color: #a78bfa !important;
    box-shadow: 0 2px 8px rgba(139, 92, 246, 0.35) !important;
}

html[data-theme="dark"] .tn-view-checklist .tn-check-ui:hover .tn-check-face {
    border-color: rgba(167, 139, 250, 0.55) !important;
    background: rgba(139, 92, 246, 0.12) !important;
}

html[data-theme="dark"] .my-task-card .tn-card-checklist-item:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.08) !important;
}

html[data-theme="dark"] .tn-view-checklist--task .tn-check-ui:hover .tn-check-face {
    border-color: rgba(var(--camp-hero-glow-rgb), 0.55) !important;
    background: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
}

html[data-theme="dark"] .tn-view-checklist--task .tn-check-ui input[type="checkbox"]:checked + .tn-check-face {
    background: linear-gradient(145deg, #5a9a4e 0%, #3d6b35 100%) !important;
    border-color: var(--camp-brand-primary-light) !important;
    box-shadow: 0 2px 8px rgba(var(--camp-hero-glow-rgb), 0.35) !important;
}

html[data-theme="dark"] .tn-view-checklist .tn-check-ui input[type="checkbox"]:checked + .tn-check-face {
    background: linear-gradient(145deg, #9f7aea 0%, #7c3aed 100%) !important;
    border-color: #a78bfa !important;
    box-shadow: 0 2px 8px rgba(139, 92, 246, 0.35) !important;
}

html[data-theme="dark"] .tn-item-modal-body.is-item-note #tnChecklistSection .tn-check-ui:hover .tn-check-face {
    border-color: rgba(167, 139, 250, 0.55) !important;
    background: rgba(139, 92, 246, 0.12) !important;
}

html[data-theme="dark"] .tn-item-modal-body.is-item-note #tnChecklistSection .tn-check-ui input[type="checkbox"]:checked + .tn-check-face {
    background: linear-gradient(145deg, #9f7aea 0%, #7c3aed 100%) !important;
    border-color: #a78bfa !important;
    box-shadow: 0 2px 8px rgba(139, 92, 246, 0.35) !important;
}

html[data-theme="dark"] .tn-item-modal-body.is-item-task #tnChecklistSection .tn-check-ui:hover .tn-check-face {
    border-color: rgba(107, 158, 99, 0.55) !important;
    background: rgba(67, 112, 55, 0.12) !important;
}

html[data-theme="dark"] .tn-item-modal-body.is-item-task #tnChecklistSection .tn-check-ui input[type="checkbox"]:checked + .tn-check-face {
    background: linear-gradient(145deg, #5a9a4e 0%, #3d6b35 100%) !important;
    border-color: #6b9e63 !important;
    box-shadow: 0 2px 8px rgba(67, 112, 55, 0.35) !important;
}

html[data-theme="dark"] .tn-checklist-row .tn-checklist-text {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .tn-checklist-remove {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .tn-checklist-remove:hover {
    color: #fca5a5 !important;
}

html[data-theme="dark"] .tn-checklist-add:hover {
    border-color: rgba(var(--camp-hero-glow-rgb), 0.5) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .tn-card-type.type-task {
    background: rgba(var(--camp-hero-glow-rgb), 0.22) !important;
    color: #fed7aa !important;
}

html[data-theme="dark"] .tn-card-type.type-note {
    background: rgba(139, 92, 246, 0.24) !important;
    color: #ddd6fe !important;
}

html[data-theme="dark"] .tn-importance-badge.imp-1 {
    background: rgba(148, 163, 184, 0.22) !important;
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .tn-importance-badge.imp-2 {
    background: rgba(100, 116, 139, 0.28) !important;
    color: #e2e8f0 !important;
}

html[data-theme="dark"] .tn-importance-badge.imp-4 {
    background: rgba(245, 158, 11, 0.22) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] .tn-importance-badge.imp-5 {
    background: rgba(239, 68, 68, 0.22) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .tn-card-cat,
html[data-theme="dark"] .tn-view-meta-cat {
    background: color-mix(in srgb, var(--tn-cat-color, #94a3b8) 24%, rgba(0, 0, 0, 0.15)) !important;
    color: color-mix(in srgb, var(--tn-cat-color, #cbd5e1) 45%, #f8fafc) !important;
    border: 1px solid color-mix(in srgb, var(--tn-cat-color, #94a3b8) 42%, transparent) !important;
}

html[data-theme="dark"] .tn-link-chip.type-leader {
    background: rgba(139, 92, 246, 0.22) !important;
    color: #ddd6fe !important;
}

html[data-theme="dark"] .tn-link-chip.type-child {
    background: rgba(59, 130, 246, 0.22) !important;
    color: #bfdbfe !important;
}

html[data-theme="dark"] .tn-link-chip.type-visitor {
    background: rgba(245, 158, 11, 0.22) !important;
    color: #fde68a !important;
}

html[data-theme="dark"] .tn-link-chip.type-group {
    background: rgba(16, 185, 129, 0.2) !important;
    color: #fed7aa !important;
}

html[data-theme="dark"] .tn-link-chip.type-section {
    background: rgba(148, 163, 184, 0.2) !important;
    color: #e2e8f0 !important;
}

html[data-theme="dark"] .tn-link-chip.type-minibus {
    background: rgba(14, 165, 233, 0.22) !important;
    color: #bae6fd !important;
}

html[data-theme="dark"] .tn-link-chip:hover {
    filter: brightness(1.08);
}

html[data-theme="dark"] .tn-btn-danger {
    background: rgba(239, 68, 68, 0.16) !important;
    border-color: rgba(248, 113, 113, 0.45) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .tn-btn-danger:hover:not(:disabled) {
    background: rgba(239, 68, 68, 0.28) !important;
    border-color: rgba(248, 113, 113, 0.65) !important;
    color: #fecaca !important;
}

html[data-theme="dark"] .tn-btn-secondary:hover:not(:disabled) {
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.4) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .tn-view-section-title {
    color: #94a3b8 !important;
}

html[data-theme="dark"] .tn-view-meta-item {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .tn-view-modal-footer .tn-btn-danger {
    background: rgba(239, 68, 68, 0.16) !important;
    border-color: rgba(248, 113, 113, 0.45) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .tn-column-count {
    background: var(--camp-surface) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .tn-card {
    background: var(--camp-surface) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
    border-color: var(--camp-border);
}

html[data-theme="dark"] .tn-card.type-task {
    border-left-color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .tn-card.type-note {
    border-left-color: #a78bfa !important;
}

html[data-theme="dark"] .tn-card.imp-4 {
    border-left-color: #fbbf24 !important;
}

html[data-theme="dark"] .tn-card.imp-5 {
    border-left-color: #f87171 !important;
}

html[data-theme="dark"] .tn-empty-col {
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
    background: rgba(0, 0, 0, 0.12) !important;
}

html[data-theme="dark"] .tn-column-body.is-drag-over {
    background: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
}

html[data-theme="dark"] .tn-column.is-card-drop-target {
    box-shadow: 0 0 0 2px rgba(var(--camp-hero-glow-rgb), 0.5), 0 8px 24px rgba(0, 0, 0, 0.25) !important;
}

html[data-theme="dark"] .tn-column.is-card-drop-target .tn-column-head {
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
}

html[data-theme="dark"] .tn-drop-slot {
    border-color: var(--camp-brand-primary-light) !important;
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
    color: #fdba74 !important;
}

html[data-theme="dark"] .tn-drop-slot span {
    background: rgba(0, 0, 0, 0.35) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
}

html[data-theme="dark"] .tn-col-gap-rail-cap {
    border-color: rgba(255, 255, 255, 0.28) !important;
    background: var(--camp-bg-muted) !important;
}

html[data-theme="dark"] .tn-col-gap-rail-line {
    background: repeating-linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0.28) 0,
        rgba(255, 255, 255, 0.28) 5px,
        transparent 5px,
        transparent 11px
    ) !important;
}

html[data-theme="dark"] .tn-col-gap-pill {
    background: rgba(0, 0, 0, 0.45) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    color: var(--camp-text-muted) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
}

html[data-theme="dark"] .tn-board.is-col-drag-active .tn-column:not(.is-col-dragging) {
    opacity: 0.5 !important;
}

html[data-theme="dark"] .tn-col-gap.is-col-gap-active .tn-col-gap-rail-cap {
    border-color: var(--camp-brand-primary-light) !important;
    background: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .tn-col-gap.is-col-gap-active .tn-col-gap-rail-line {
    background: linear-gradient(180deg, var(--camp-brand-primary), var(--camp-brand-primary-light), var(--camp-brand-primary)) !important;
}

html[data-theme="dark"] .tn-col-gap.is-col-gap-active .tn-col-gap-pill {
    border-color: var(--camp-brand-primary-light) !important;
    background: linear-gradient(135deg, rgba(255, 107, 0, 0.35) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
    color: var(--camp-brand-primary-light) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .tn-offline-banner,
html[data-theme="dark"] .my-tasks-offline-banner,
html[data-theme="dark"] .camp-offline-notice {
    background: rgba(251, 146, 60, 0.12) !important;
    border-color: rgba(251, 146, 60, 0.35) !important;
    color: #fdba74 !important;
}

html[data-theme="dark"] .tn-offline-banner.is-syncing,
html[data-theme="dark"] .my-tasks-offline-banner.is-syncing,
html[data-theme="dark"] .camp-offline-notice.is-syncing {
    background: rgba(59, 130, 246, 0.12) !important;
    border-color: rgba(59, 130, 246, 0.35) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .camp-offline-notice-title {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .camp-offline-notice-lead {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .camp-offline-label-can {
    color: #fdba74 !important;
}

html[data-theme="dark"] .camp-offline-label-cant {
    color: #fdba74 !important;
}

html[data-theme="dark"] .camp-offline-list {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .camp-offline-pending {
    border-top-color: rgba(251, 146, 60, 0.25) !important;
    color: #fbbf24 !important;
}

html[data-theme="dark"] .tn-offline-note-hint,
html[data-theme="dark"] .my-task-pending-badge,
html[data-theme="dark"] .tn-card-pending {
    color: #fbbf24 !important;
}

html[data-theme="dark"] .tn-col-grip {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .tn-col-grip:hover {
    color: var(--camp-text) !important;
    background: rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"] .tn-color-swatch.is-active {
    border-color: #fff !important;
    box-shadow: 0 0 0 2px var(--camp-surface), 0 0 0 4px var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .tn-color-swatch,
html[data-theme="dark"] button.tn-color-swatch {
    background-color: var(--tn-swatch) !important;
    background-image: none !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2) !important;
}

html[data-theme="dark"] .tn-meta-modal {
    background: var(--camp-surface) !important;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45) !important;
    color-scheme: dark;
}

html[data-theme="dark"] .tn-meta-modal .form-select {
    background-color: var(--camp-input-bg) !important;
    border-color: var(--camp-input-border) !important;
    color: var(--camp-text) !important;
    color-scheme: dark;
}

html[data-theme="dark"] .tn-meta-modal .form-select option {
    background-color: var(--camp-surface) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .tn-modal-bar-header,
html[data-theme="dark"] .tn-meta-header {
    background: var(--camp-surface-raised) !important;
    border-bottom-color: var(--camp-border) !important;
}

html[data-theme="dark"] .tn-modal .modal-title {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-task .modal-title,
html[data-theme="dark"] .tn-view-modal-content.is-item-task .modal-title {
    color: #c5e8bf !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-note .modal-title,
html[data-theme="dark"] .tn-view-modal-content.is-item-note .modal-title {
    color: #c4b5fd !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-task .tn-item-modal-header.tn-modal-bar-header,
html[data-theme="dark"] .tn-view-modal-content.is-item-task .tn-view-modal-header.tn-modal-bar-header {
    background: linear-gradient(135deg, #2d4d28 0%, #0f1a0e 100%) !important;
    border-bottom-color: rgba(107, 158, 99, 0.32) !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-task .tn-item-modal-footer.tn-modal-bar-footer,
html[data-theme="dark"] .tn-view-modal-content.is-item-task .tn-view-modal-footer.tn-modal-bar-footer {
    background: #1a2e18 !important;
    border-top-color: rgba(107, 158, 99, 0.32) !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-note .tn-item-modal-header.tn-modal-bar-header,
html[data-theme="dark"] .tn-view-modal-content.is-item-note .tn-view-modal-header.tn-modal-bar-header {
    background: linear-gradient(135deg, #4c1d95 0%, #1a0f2e 100%) !important;
    border-bottom-color: rgba(167, 139, 250, 0.32) !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-note .tn-item-modal-footer.tn-modal-bar-footer,
html[data-theme="dark"] .tn-view-modal-content.is-item-note .tn-view-modal-footer.tn-modal-bar-footer {
    background: #140c26 !important;
    border-top-color: rgba(167, 139, 250, 0.32) !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-task .form-label,
html[data-theme="dark"] .tn-item-modal-content.is-item-note .form-label {
    color: rgba(255, 255, 255, 0.55) !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-task .form-control,
html[data-theme="dark"] .tn-item-modal-content.is-item-task .form-select,
html[data-theme="dark"] .tn-item-modal-content.is-item-task .tn-flair-select-control {
    background-color: rgba(0, 0, 0, 0.32) !important;
    border-color: rgba(107, 158, 99, 0.38) !important;
    color: #e8f5e6 !important;
    color-scheme: dark;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-task .form-select,
html[data-theme="dark"] .tn-item-modal-content.is-item-task .tn-flair-select-control {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2390c88a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 0.75rem center !important;
    background-size: 16px 12px !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-note .form-control,
html[data-theme="dark"] .tn-item-modal-content.is-item-note .form-select,
html[data-theme="dark"] .tn-item-modal-content.is-item-note .tn-flair-select-control {
    background-color: rgba(0, 0, 0, 0.36) !important;
    border-color: rgba(167, 139, 250, 0.38) !important;
    color: #f5f3ff !important;
    color-scheme: dark;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-note .form-select,
html[data-theme="dark"] .tn-item-modal-content.is-item-note .tn-flair-select-control {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23c4b5fd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 0.75rem center !important;
    background-size: 16px 12px !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-task select option,
html[data-theme="dark"] .tn-item-modal-content.is-item-task .tn-flair-select-control option {
    background: #1a2e18 !important;
    color: #d4e8d0 !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-note select option,
html[data-theme="dark"] .tn-item-modal-content.is-item-note .tn-flair-select-control option {
    background: #140c26 !important;
    color: #ede9fe !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-task .tn-flair-select-control:focus,
html[data-theme="dark"] .tn-item-modal-content.is-item-task .form-select:focus {
    border-color: #6b9e63 !important;
    box-shadow: 0 0 0 3px rgba(67, 112, 55, 0.28) !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-note .tn-flair-select-control:focus,
html[data-theme="dark"] .tn-item-modal-content.is-item-note .form-select:focus {
    border-color: #a78bfa !important;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.28) !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-task #tnBtnSaveItem.tn-btn-primary,
html[data-theme="dark"] #tnBtnSaveItem.is-save-task {
    background: linear-gradient(135deg, #4a7c42, #2d4d28) !important;
    color: #fff !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-note #tnBtnSaveItem.tn-btn-primary,
html[data-theme="dark"] #tnBtnSaveItem.is-save-note {
    background: linear-gradient(135deg, #7c3aed, #5b21b6) !important;
    color: #fff !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-task .tn-type-toggle {
    background: rgba(67, 112, 55, 0.18) !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-note .tn-type-toggle {
    background: rgba(139, 92, 246, 0.16) !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-note .tn-link-tabs {
    background: rgba(139, 92, 246, 0.1) !important;
    border-bottom-color: rgba(167, 139, 250, 0.25) !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-note .tn-link-tab.is-active {
    background: #7c3aed !important;
    border-color: #7c3aed !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-note .tn-link-row.is-picked {
    background: rgba(139, 92, 246, 0.16) !important;
    border-color: rgba(167, 139, 250, 0.35) !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-task .tn-leader-toolbar {
    background: rgba(67, 112, 55, 0.14) !important;
    border-bottom-color: rgba(107, 158, 99, 0.28) !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-note .tn-offline-note-hint {
    background: rgba(139, 92, 246, 0.12) !important;
    border-color: rgba(167, 139, 250, 0.35) !important;
    color: #ddd6fe !important;
}

html[data-theme="dark"] .tn-modal .btn-close {
    filter: invert(1) grayscale(1) brightness(1.6);
    opacity: 0.72;
}

html[data-theme="dark"] .tn-modal .btn-close:hover {
    opacity: 1;
}

html[data-theme="dark"] .tn-meta-sub {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .tn-modal-bar-footer,
html[data-theme="dark"] .tn-meta-footer {
    background: var(--camp-surface-raised) !important;
    border-top-color: var(--camp-border) !important;
}

html[data-theme="dark"] .tn-modal-cancel,
html[data-theme="dark"] .tn-meta-cancel {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .tn-modal-cancel:hover,
html[data-theme="dark"] .tn-meta-cancel:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.35) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .tn-meta-preview {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .tn-meta-preview-name {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .tn-color-native {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .tn-color-native-label,
html[data-theme="dark"] .tn-color-swatches-label {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .tn-color-hex {
    background: var(--camp-input-bg) !important;
    border-color: var(--camp-input-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .tn-link-picker,
html[data-theme="dark"] .tn-leader-picker {
    border-color: var(--camp-border) !important;
    background: var(--camp-surface) !important;
}

html[data-theme="dark"] .tn-leader-toolbar {
    background: var(--camp-surface-raised) !important;
    border-bottom-color: var(--camp-border) !important;
}

html[data-theme="dark"] .tn-leader-tool-btn {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .tn-leader-tool-btn:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.35) !important;
}

html[data-theme="dark"] .tn-leader-notify-toggle {
    color: var(--camp-text-muted) !important;
    border-bottom-color: var(--camp-border) !important;
}

html[data-theme="dark"] .tn-leader-count {
    background: var(--camp-surface-raised) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .tn-leader-group-head {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .tn-leader-section {
    border-left-color: var(--camp-border) !important;
}

html[data-theme="dark"] .tn-leader-section-head {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .tn-leader-row {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .tn-leader-row:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.08) !important;
}

html[data-theme="dark"] .tn-leader-row.is-checked {
    background: rgba(var(--camp-hero-glow-rgb), 0.14) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.35) !important;
}

html[data-theme="dark"] .tn-leader-empty {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .tn-link-tabs,
html[data-theme="dark"] .tn-link-picked {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .tn-link-tab {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .tn-link-tab.is-active {
    background: var(--camp-brand-primary) !important;
    border-color: var(--camp-brand-primary) !important;
    color: #fff !important;
}

html[data-theme="dark"] .tn-link-row:hover,
html[data-theme="dark"] .tn-link-row.is-picked {
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
}

html[data-theme="dark"] .tn-picked-chip {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .tn-item-picker-lead {
    color: rgba(255, 255, 255, 0.62);
}
html[data-theme="dark"] .tn-type-picker-card {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.12);
}
html[data-theme="dark"] .tn-type-picker-card--task:hover,
html[data-theme="dark"] .tn-type-picker-card--task:focus-visible {
    border-color: #6b9e63;
}
html[data-theme="dark"] .tn-type-picker-card--note:hover,
html[data-theme="dark"] .tn-type-picker-card--note:focus-visible {
    border-color: #a78bfa;
}
html[data-theme="dark"] .tn-type-picker-title {
    color: #e8ece8;
}
html[data-theme="dark"] .tn-type-picker-desc,
html[data-theme="dark"] .tn-type-picker-points {
    color: rgba(255, 255, 255, 0.58);
}
html[data-theme="dark"] .tn-type-picker-card--task .tn-type-picker-icon {
    background: rgba(67, 112, 55, 0.22);
    color: #a3d98a;
}
html[data-theme="dark"] .tn-type-picker-card--note .tn-type-picker-icon {
    background: rgba(139, 92, 246, 0.18);
    color: #c4b5fd;
}
html[data-theme="dark"] .tn-type-picker-card--task .tn-type-picker-cta {
    color: #a3d98a;
}
html[data-theme="dark"] .tn-type-picker-card--note .tn-type-picker-cta {
    color: #c4b5fd;
}

html[data-theme="dark"] .tn-type-picker-lock {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .tn-type-picker-card.is-locked {
    background: rgba(255, 255, 255, 0.03) !important;
    border-color: var(--camp-border) !important;
    opacity: 0.65 !important;
}

html[data-theme="dark"] .tn-type-picker-card.is-locked .tn-type-picker-icon {
    background: rgba(255, 255, 255, 0.05) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .tn-type-picker-step.is-personal-scope .tn-type-picker-card--note:not(.is-locked) {
    border-color: rgba(167, 139, 250, 0.45) !important;
    box-shadow: 0 4px 18px rgba(139, 92, 246, 0.16) !important;
}

html[data-theme="dark"] .tn-type-btn {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .tn-type-toggle {
    background: rgba(0, 0, 0, 0.22) !important;
}

html[data-theme="dark"] .tn-type-btn.is-active.task {
    background: rgba(67, 112, 55, 0.22) !important;
    border-color: #6b9e63 !important;
    color: #c5e8bf !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

html[data-theme="dark"] .tn-type-btn.is-active.note {
    background: rgba(139, 92, 246, 0.18) !important;
    border-color: #a78bfa !important;
    color: #ddd6fe !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

html[data-theme="dark"] .tn-type-locked-badge.task {
    background: rgba(67, 112, 55, 0.22) !important;
    border-color: #6b9e63 !important;
    color: #c5e8bf !important;
}

html[data-theme="dark"] .tn-type-locked-badge.note {
    background: rgba(139, 92, 246, 0.18) !important;
    border-color: #a78bfa !important;
    color: #ddd6fe !important;
}

html[data-theme="dark"] .tn-item-modal-content,
html[data-theme="dark"] .tn-view-modal-content {
    background: var(--camp-surface) !important;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45) !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-task {
    background: #0f1a0e !important;
    border: 1px solid rgba(107, 158, 99, 0.28) !important;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55) !important;
    color-scheme: dark;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-task .tn-item-modal-body {
    background: #1a2e18 !important;
    color: #d4e8d0 !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-note {
    background: #1a0f2e !important;
    border: 1px solid rgba(167, 139, 250, 0.28) !important;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55) !important;
    color-scheme: dark;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-note .tn-item-modal-body {
    background: #140c26 !important;
    color: #ede9fe !important;
}

html[data-theme="dark"] .tn-view-modal-content.is-item-task {
    background: #0f1a0e !important;
    border: 1px solid rgba(107, 158, 99, 0.28) !important;
}

html[data-theme="dark"] .tn-view-modal-content.is-item-note {
    background: #1a0f2e !important;
    border: 1px solid rgba(167, 139, 250, 0.28) !important;
}

html[data-theme="dark"] .tn-view-modal-content.is-item-task .tn-view-modal-body {
    background: #1a2e18 !important;
}

html[data-theme="dark"] .tn-view-modal-content.is-item-note .tn-view-modal-body {
    background: #140c26 !important;
}

html[data-theme="dark"] .tn-flair-select-control {
    background-color: var(--camp-input-bg) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%239aa3ad' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 0.75rem center !important;
    background-size: 16px 12px !important;
    border-color: var(--camp-input-border) !important;
    color: var(--camp-text) !important;
    color-scheme: dark;
}

html[data-theme="dark"] .tn-flair-select-control option {
    background-color: var(--camp-surface) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .tn-flair-select-control:focus {
    border-color: var(--tn-flair-accent) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--tn-flair-accent) 28%, transparent) !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-task .tn-flair-select--cat.is-none .tn-flair-dot {
    background: rgba(0, 0, 0, 0.25) !important;
    border-color: rgba(107, 158, 99, 0.38) !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-note .tn-flair-select--cat.is-none .tn-flair-dot {
    background: rgba(0, 0, 0, 0.25) !important;
    border-color: rgba(167, 139, 250, 0.38) !important;
}

html[data-theme="dark"] .tn-flair-select--col .tn-flair-bar {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12);
}

html[data-theme="dark"] .tn-flair-select--cat.is-none .tn-flair-dot {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] #tnMoveModal .modal-content {
    background: var(--camp-surface) !important;
    color: var(--camp-text) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] #tnMoveModal .modal-body {
    background: var(--camp-surface) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .tn-move-col-btn {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .tn-move-col-btn:hover:not(:disabled) {
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.45) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .tn-move-col-btn.is-current {
    opacity: 0.72;
    background: rgba(255, 255, 255, 0.04) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .tn-move-col-btn .text-muted {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .tn-view-desc {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .tn-view-hint {
    background: rgba(245, 158, 11, 0.12) !important;
    border-color: rgba(251, 191, 36, 0.25) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] .tn-col-lock,
html[data-theme="dark"] .tn-cat-lock,
html[data-theme="dark"] .tn-item-lock {
    color: #fbbf24 !important;
}

html[data-theme="dark"] .tn-item-level-wrap {
    background: rgba(245, 158, 11, 0.08) !important;
    border-color: rgba(251, 191, 36, 0.25) !important;
}

html[data-theme="dark"] .tn-col-drop-pill {
    background: rgba(var(--camp-hero-glow-rgb), 0.15) !important;
    border-color: var(--camp-brand-primary-light) !important;
    color: #d9f99d !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .tn-col-add-item,
html[data-theme="dark"] .tn-checklist-add {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .tn-sub-column {
    background: rgba(0, 0, 0, 0.15) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .tn-sub-column-name {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .tn-column-main {
    border-top-color: var(--camp-border) !important;
}

html[data-theme="dark"] .tn-column-body--direct {
    background: rgba(0, 0, 0, 0.15) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .tn-direct-label {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .tn-importance-opt {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .tn-importance-opt.is-active {
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
    border-color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-task .tn-importance-opt.is-active,
html[data-theme="dark"] .tn-item-modal-body.is-item-task .tn-importance-opt.is-active {
    background: rgba(67, 112, 55, 0.2) !important;
    border-color: #6b9e63 !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-task .tn-importance-opt.imp-4.is-active,
html[data-theme="dark"] .tn-item-modal-body.is-item-task .tn-importance-opt.imp-4.is-active {
    background: rgba(245, 158, 11, 0.14) !important;
    border-color: #fbbf24 !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-task .tn-importance-opt.imp-5.is-active,
html[data-theme="dark"] .tn-item-modal-body.is-item-task .tn-importance-opt.imp-5.is-active {
    background: rgba(239, 68, 68, 0.14) !important;
    border-color: #f87171 !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-note .tn-importance-opt.is-active,
html[data-theme="dark"] .tn-item-modal-body.is-item-note .tn-importance-opt.is-active {
    background: rgba(139, 92, 246, 0.22) !important;
    border-color: #a78bfa !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-note .tn-importance-opt.is-active .tn-importance-num {
    color: #e9d5ff !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-note .tn-importance-opt.is-active .tn-importance-label {
    color: #c4b5fd !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-note .tn-importance-opt.imp-1.is-active,
html[data-theme="dark"] .tn-item-modal-content.is-item-note .tn-importance-opt.imp-2.is-active,
html[data-theme="dark"] .tn-item-modal-body.is-item-note .tn-importance-opt.imp-1.is-active,
html[data-theme="dark"] .tn-item-modal-body.is-item-note .tn-importance-opt.imp-2.is-active {
    background: rgba(139, 92, 246, 0.14) !important;
    border-color: #8b5cf6 !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-note .tn-importance-opt.imp-4.is-active,
html[data-theme="dark"] .tn-item-modal-body.is-item-note .tn-importance-opt.imp-4.is-active {
    background: rgba(192, 132, 252, 0.18) !important;
    border-color: #c084fc !important;
}

html[data-theme="dark"] .tn-item-modal-content.is-item-note .tn-importance-opt.imp-5.is-active,
html[data-theme="dark"] .tn-item-modal-body.is-item-note .tn-importance-opt.imp-5.is-active {
    background: rgba(124, 58, 237, 0.28) !important;
    border-color: #a78bfa !important;
}

html[data-theme="dark"] .tn-place-section {
    background: rgba(0, 0, 0, 0.18) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .tn-place-hint,
html[data-theme="dark"] .tn-place-meta {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .tn-place-empty {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .tn-place-option {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .tn-place-option:hover:not(.is-active) {
    background: var(--camp-surface-raised) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.35) !important;
}

html[data-theme="dark"] .tn-place-option.is-active {
    border-color: var(--camp-brand-primary-light) !important;
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22) !important;
}

html[data-theme="dark"] .tn-place-option--cat.is-active {
    border-color: #a78bfa !important;
    background: rgba(139, 92, 246, 0.14) !important;
}

html[data-theme="dark"] .tn-place-name {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .tn-place-check {
    color: #fdba74 !important;
}

html[data-theme="dark"] .tn-place-option--cat.is-active .tn-place-check {
    color: #c4b5fd !important;
}

html[data-theme="dark"] .tn-place-dot--none {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .my-task-link {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .my-task-link:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
    color: var(--camp-brand-accent) !important;
}

/* ── Manage URLs & misc admin ─────────────────────────────────────────── */
html[data-theme="dark"] .leader-zone {
    background: rgba(239, 68, 68, 0.08) !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
}

html[data-theme="dark"] .section-zone,
html[data-theme="dark"] .field-card,
html[data-theme="dark"] .url-box-missing,
html[data-theme="dark"] .reg-help,
html[data-theme="dark"] .reg-toolbar,
html[data-theme="dark"] .reg-coverage-card,
html[data-theme="dark"] .reg-link-row,
html[data-theme="dark"] .reg-danger-zone,
html[data-theme="dark"] .reg-empty-filter {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .reg-help-title,
html[data-theme="dark"] .reg-link-title {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .reg-help-step,
html[data-theme="dark"] .reg-link-hint,
html[data-theme="dark"] .reg-link-url-empty,
html[data-theme="dark"] .reg-empty-filter {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .reg-search-wrap input,
html[data-theme="dark"] .reg-link-url {
    background: var(--camp-input-bg) !important;
    border-color: var(--camp-input-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .reg-filter-chip {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .reg-filter-chip.active,
html[data-theme="dark"] .reg-filter-chip:hover {
    background: var(--camp-brand-primary) !important;
    border-color: var(--camp-brand-primary) !important;
    color: #fff !important;
}

html[data-theme="dark"] .reg-link-icon {
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .reg-link-row.is-missing .reg-link-icon {
    background: var(--camp-surface) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .reg-btn {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .reg-btn-copy {
    background: var(--camp-brand-primary) !important;
    border-color: var(--camp-brand-primary) !important;
    color: #fff !important;
}

html[data-theme="dark"] .reg-danger-toggle {
    background: rgba(248, 113, 113, 0.12) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .reg-danger-body p {
    color: #fecaca !important;
}

html[data-theme="dark"] .url-btn-copy {
    background: var(--camp-surface-raised);
    border-color: var(--camp-border);
    color: var(--camp-text-muted);
}

html[data-theme="dark"] .url-btn-copy:hover {
    border-color: rgba(var(--camp-hero-glow-rgb), 0.45);
    color: var(--camp-brand-accent);
}

/* ── Status / permission badges (keep readable hues) ───────────────────── */
html[data-theme="dark"] .perm-photo-yes,
html[data-theme="dark"] .perm-shoot-yes,
html[data-theme="dark"] .status-on_camp,
html[data-theme="dark"] .camp-on_camp,
html[data-theme="dark"] .permit-ok { background: rgba(16, 185, 129, 0.18); color: #6ee7b7; }
html[data-theme="dark"] .perm-photo-no,
html[data-theme="dark"] .status-departed,
html[data-theme="dark"] .status-off_site,
html[data-theme="dark"] .camp-departed,
html[data-theme="dark"] .permit-no { background: rgba(239, 68, 68, 0.18); color: #fca5a5; }
html[data-theme="dark"] .permit-warn { background: rgba(245, 158, 11, 0.18); color: #fcd34d; }
html[data-theme="dark"] .perm-shoot-no,
html[data-theme="dark"] .status-not_arrived,
html[data-theme="dark"] .camp-not_arrived { background: rgba(148, 163, 184, 0.18); color: #cbd5e1; }

/* ── Bootstrap nav tabs (if used) ──────────────────────────────────────── */
html[data-theme="dark"] .nav-tabs {
    border-bottom: 1.5px solid rgba(255, 255, 255, 0.12);
    gap: 4px;
}

html[data-theme="dark"] .nav-tabs .nav-link {
    color: var(--camp-text-muted);
    border: 1.5px solid transparent;
    border-bottom: none;
    border-radius: 9px 9px 0 0;
    margin-bottom: -1px;
}

html[data-theme="dark"] .nav-tabs .nav-link:hover {
    color: var(--camp-text);
    background: rgba(var(--camp-hero-glow-rgb), 0.08);
    border-color: rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] .nav-tabs .nav-link.active {
    background: var(--camp-surface);
    color: var(--camp-text);
    border: 1.5px solid rgba(255, 255, 255, 0.14);
    border-bottom: 2px solid var(--camp-surface);
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
}

html[data-theme="dark"] .tab-content {
    color: var(--camp-text);
}

/* ── Accordion ─────────────────────────────────────────────────────────── */
html[data-theme="dark"] .accordion-item {
    background: var(--camp-surface);
    border-color: var(--camp-border);
    color: var(--camp-text);
}

html[data-theme="dark"] .accordion-button {
    background: var(--camp-surface-raised);
    color: var(--camp-text);
}

html[data-theme="dark"] .accordion-button:not(.collapsed) {
    background: rgba(var(--camp-hero-glow-rgb), 0.12);
    color: var(--camp-brand-primary-light);
}

html[data-theme="dark"] .accordion-body {
    background: var(--camp-surface);
    color: var(--camp-text-muted);
}

/* ── View QR / search empty states ─────────────────────────────────────── */
html[data-theme="dark"] .scan-empty,
html[data-theme="dark"] .no-results,
html[data-theme="dark"] .empty-state {
    color: var(--camp-text-muted);
}

/* ── Page tab bar (themed active state) ────────────────────────────────── */
html[data-theme="dark"] .page-tab__link:hover,
html[data-theme="dark"] .page-tab__link:focus {
    color: rgba(255, 255, 255, 0.78) !important;
}

html[data-theme="dark"] .page-tab--active .page-tab__link,
html[data-theme="dark"] .page-tab--active .page-tab__link:hover,
html[data-theme="dark"] .page-tab--active .page-tab__link:focus {
    color: #fff !important;
}

html[data-theme="dark"] .page-tab--active {
    background: linear-gradient(135deg, var(--camp-brand-primary) 0%, var(--camp-brand-primary-mid) 100%) !important;
    border-color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .page-tab--active .page-tab__close {
    color: rgba(255, 255, 255, 0.65) !important;
}

/* ── Manage lists (children / leaders tables) ──────────────────────────── */
html[data-theme="dark"] .manage-table-card {
    background: var(--camp-surface) !important;
    border: 1px solid rgba(var(--camp-hero-glow-rgb), 0.14);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

html[data-theme="dark"] .manage-table-card .table {
    --bs-table-border-color: rgba(var(--camp-hero-glow-rgb), 0.12);
}

html[data-theme="dark"] .manage-table-card .table thead th {
    border-bottom-color: rgba(var(--camp-hero-glow-rgb), 0.16) !important;
}

html[data-theme="dark"] .manage-table-card .table > tbody > tr {
    border-bottom: none !important;
}

html[data-theme="dark"] .manage-table-card .table > tbody > tr > td {
    border-bottom: 1px solid rgba(var(--camp-hero-glow-rgb), 0.1) !important;
}

html[data-theme="dark"] .manage-table-card .table > tbody > tr.offsite-banner-row > td,
html[data-theme="dark"] .manage-table-card .table > tbody > tr.manage-person-row:last-child > td {
    border-bottom: none !important;
}

/* ── Offsite / danger bars ─────────────────────────────────────────────── */
html[data-theme="dark"] .offsite-bar,
html[data-theme="dark"] .offsite-banner-bar {
    background: linear-gradient(90deg, rgba(120, 53, 15, 0.55) 0%, rgba(154, 52, 18, 0.4) 50%, rgba(120, 53, 15, 0.55) 100%) !important;
    border-bottom-color: rgba(251, 146, 60, 0.35) !important;
}

html[data-theme="dark"] .offsite-pill {
    background: #c2410c !important;
    color: #fff !important;
}

html[data-theme="dark"] .offsite-detail,
html[data-theme="dark"] .offsite-since {
    color: #fed7aa !important;
}

html[data-theme="dark"] .offsite-detail span {
    color: #fdba74 !important;
}

html[data-theme="dark"] .offsite-banner-row td {
    background: transparent !important;
    border-bottom: none !important;
}

html[data-theme="dark"] tr.manage-person-row--offsite {
    background: rgba(120, 53, 15, 0.28) !important;
    box-shadow: inset 0 0 0 1px rgba(251, 146, 60, 0.2),
                0 0 0 2px rgba(251, 146, 60, 0.06),
                0 2px 12px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] tr.manage-person-row--offsite:hover {
    background: rgba(120, 53, 15, 0.36) !important;
}

html[data-theme="dark"] tr.manage-person-row--offsite td {
    background: transparent !important;
    color: var(--camp-text) !important;
    border-bottom-color: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
}

html[data-theme="dark"] tr.manage-person-row--offsite .fw-bold,
html[data-theme="dark"] tr.manage-person-row--offsite .yp-name {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] tr.manage-person-row--offsite .text-muted,
html[data-theme="dark"] tr.manage-person-row--offsite .leader-row-email,
html[data-theme="dark"] tr.manage-person-row--offsite .leader-row-role {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] tr.manage-person-row--offsite .leader-row-group,
html[data-theme="dark"] tr.manage-person-row--offsite .on-task-marker {
    color: var(--camp-text-muted) !important;
}

/* ── Registration form (public) ──────────────────────────────────────── */
html[data-theme="dark"] .reg-header {
    background: linear-gradient(135deg, var(--camp-brand-primary-mid) 0%, var(--camp-brand-primary) 100%) !important;
    color: #fff !important;
}

html[data-theme="dark"] .btn-register {
    background: linear-gradient(135deg, var(--camp-brand-primary) 0%, var(--camp-brand-primary-mid) 100%) !important;
    border: none !important;
    color: #fff !important;
}

html[data-theme="dark"] .btn-register:hover:not(:disabled) {
    background: linear-gradient(135deg, var(--camp-brand-primary-mid) 0%, var(--camp-brand-primary) 100%) !important;
    color: #fff !important;
}

html[data-theme="dark"] .reg-container {
    background: var(--camp-surface) !important;
}

html[data-theme="dark"] .section-header,
html[data-theme="dark"] .consent-box,
html[data-theme="dark"] .swim-check-card,
html[data-theme="dark"] .medical-toggle-card {
    background: var(--camp-surface-raised) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .medical-toggle-card .form-label,
html[data-theme="dark"] .medical-toggle-card .form-check-label,
html[data-theme="dark"] .field-card .form-label {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .section-header {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .consent-box {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .consent-box h1,
html[data-theme="dark"] .consent-box h3 {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .consent-box p,
html[data-theme="dark"] .consent-box strong {
    color: var(--camp-text);
}

html[data-theme="dark"] .consent-box .text-muted {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .consent-box .bg-light {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

/* Registration — firearms / shooting panel */
html[data-theme="dark"] .shooting-connector-label {
    background: var(--camp-bg) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] .shooting-connector-line {
    background: repeating-linear-gradient(90deg, rgba(217, 119, 6, 0.45) 0px, rgba(217, 119, 6, 0.45) 6px, transparent 6px, transparent 12px) !important;
}

html[data-theme="dark"] .shooting-panel {
    border-color: rgba(217, 119, 6, 0.55) !important;
    box-shadow: 0 0 0 6px rgba(217, 119, 6, 0.08), 0 10px 36px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .shooting-panel-body {
    background: var(--camp-surface) !important;
    color: var(--camp-text);
}

html[data-theme="dark"] .shooting-inner-header {
    background: rgba(217, 119, 6, 0.12) !important;
    color: #fcd34d !important;
    border-left-color: #d97706 !important;
}

html[data-theme="dark"] .consent-box.shooting {
    background: var(--camp-surface-raised) !important;
    border-color: rgba(217, 119, 6, 0.35) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .consent-box.shooting h1,
html[data-theme="dark"] .consent-box.shooting h3 {
    color: #fcd34d !important;
}

html[data-theme="dark"] .shooting-intro-text,
html[data-theme="dark"] .shooting-dpa-note {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .shooting-intro-text strong,
html[data-theme="dark"] .shooting-dpa-note strong {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .shooting-type-card .form-check-label {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .shooting-type-card p {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .shooting-type-card:has(input:checked) {
    background: rgba(217, 119, 6, 0.12) !important;
    border-color: rgba(217, 119, 6, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.15) !important;
}

html[data-theme="dark"] .shooting-sig-row {
    background: var(--camp-surface-raised) !important;
    border-color: rgba(217, 119, 6, 0.35) !important;
}

html[data-theme="dark"] .consent-box.shooting .bg-light {
    background: rgba(0, 0, 0, 0.2) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .consent-box.shooting .bg-light strong {
    color: var(--camp-text) !important;
}

/* ── Logout page ───────────────────────────────────────────────────────── */
html[data-theme="dark"] .logout-wrap {
    min-height: calc(100vh - 28vh);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 16px;
}

html[data-theme="dark"] .logout-card {
    background: var(--camp-surface) !important;
    border-radius: 20px;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.35) !important;
    padding: 52px 48px;
    text-align: center;
    width: 100%;
    max-width: 440px;
}

html[data-theme="dark"] .logout-icon-wrap {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 24px;
    font-size: 2.4rem;
}

html[data-theme="dark"] .logout-icon-wrap.icon-success {
    background: rgba(16, 185, 129, 0.15) !important;
    color: #6ee7b7 !important;
}

html[data-theme="dark"] .logout-icon-wrap.icon-timeout {
    background: rgba(245, 158, 11, 0.15) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] .logout-title {
    font-weight: 900;
    font-size: 1.5rem;
    color: var(--camp-brand-primary-light) !important;
    margin: 0 0 8px;
}

html[data-theme="dark"] .logout-msg {
    color: var(--camp-text-muted) !important;
    font-size: 0.9rem;
    margin: 0 0 28px;
}

html[data-theme="dark"] .redirect-bar {
    height: 5px;
    background: var(--camp-surface-raised) !important;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 18px;
}

html[data-theme="dark"] .redirect-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--camp-brand-primary), var(--camp-brand-primary-light));
    border-radius: 3px;
}

html[data-theme="dark"] .redirect-hint {
    font-size: 0.75rem;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .login-again {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 24px;
    padding: 10px 22px;
    background: linear-gradient(135deg, var(--camp-brand-primary) 0%, var(--camp-brand-primary-mid) 100%);
    color: white;
    border-radius: 9px;
    font-size: 0.85rem;
    font-weight: 700;
    text-decoration: none;
}

html[data-theme="dark"] .login-again:hover {
    color: white;
}

/* ── QR profile panels & GLV button ──────────────────────────────────── */
html[data-theme="dark"] .qr-panels-toolbar {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .qr-panels-hint {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .qr-customize-btn {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .qr-customize-btn:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.35) !important;
    color: var(--camp-brand-primary-light) !important;
}

/* ── QR profile note / first aid ───────────────────────────────────────── */
html[data-theme="dark"] .qr-profile-note-btn {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .qr-profile-note-btn:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.35) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .qr-profile-note-modal {
    background: var(--camp-surface) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45) !important;
}

html[data-theme="dark"] .qr-profile-note-modal-header {
    background: var(--camp-surface-raised) !important;
    border-bottom-color: var(--camp-border) !important;
}

html[data-theme="dark"] .qr-profile-note-modal .modal-title {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .qr-profile-note-person {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .qr-profile-note-modal .modal-body {
    background: var(--camp-surface) !important;
}

html[data-theme="dark"] .qr-profile-note-callout {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .qr-profile-note-callout > i {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .qr-profile-note-callout strong {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .qr-profile-note-callout--medical {
    background: rgba(34, 211, 238, 0.1) !important;
    border-color: rgba(34, 211, 238, 0.35) !important;
}

html[data-theme="dark"] .qr-profile-note-callout--medical > i {
    color: #67e8f9 !important;
}

html[data-theme="dark"] .qr-profile-note-callout--medical strong {
    color: #a5f3fc !important;
}

html[data-theme="dark"] .qr-profile-note-modal .att-child-note-purpose-label,
html[data-theme="dark"] .qr-profile-note-field-label {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .qr-profile-note-modal .att-child-note-purpose-card {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .qr-profile-note-modal .att-child-note-purpose-card:has(input:checked),
html[data-theme="dark"] .qr-profile-note-modal .att-child-note-purpose-card.is-selected {
    background: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.55) !important;
    box-shadow: 0 0 0 3px rgba(var(--camp-hero-glow-rgb), 0.16) !important;
}

html[data-theme="dark"] .qr-profile-note-modal .att-child-note-purpose-card--medical:has(input:checked),
html[data-theme="dark"] .qr-profile-note-modal .att-child-note-purpose-card--medical.is-selected {
    background: rgba(34, 211, 238, 0.1) !important;
    border-color: rgba(34, 211, 238, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.16) !important;
}

html[data-theme="dark"] .qr-profile-note-modal .att-child-note-purpose-icon {
    background: var(--camp-surface) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .qr-profile-note-modal .att-child-note-purpose-card--medical .att-child-note-purpose-icon {
    background: rgba(34, 211, 238, 0.12) !important;
    color: #67e8f9 !important;
}

html[data-theme="dark"] .qr-profile-note-modal .att-child-note-purpose-card--other .att-child-note-purpose-icon {
    background: var(--camp-surface) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .qr-profile-note-modal .att-child-note-purpose-card--medical:has(input:checked) .att-child-note-purpose-icon,
html[data-theme="dark"] .qr-profile-note-modal .att-child-note-purpose-card--medical.is-selected .att-child-note-purpose-icon {
    background: rgba(34, 211, 238, 0.2) !important;
    color: #a5f3fc !important;
}

html[data-theme="dark"] .qr-profile-note-modal .att-child-note-purpose-text strong {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .qr-profile-note-modal .att-child-note-purpose-text small {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .qr-profile-note-textarea {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .qr-profile-note-textarea:focus {
    border-color: rgba(var(--camp-hero-glow-rgb), 0.55) !important;
    box-shadow: 0 0 0 3px rgba(var(--camp-hero-glow-rgb), 0.18) !important;
}

html[data-theme="dark"] .qr-profile-note-textarea::placeholder {
    color: var(--camp-text-muted) !important;
    opacity: 0.85;
}

html[data-theme="dark"] .qr-profile-note-footnote {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .qr-profile-note-modal-footer {
    background: var(--camp-surface-raised) !important;
    border-top-color: var(--camp-border) !important;
}

html[data-theme="dark"] .qr-profile-note-modal .btn-close {
    filter: invert(1) grayscale(1) brightness(1.8);
}

html[data-theme="dark"] .qr-panel-move,
html[data-theme="dark"] .qr-panel-hide {
    background: var(--camp-surface-raised) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .qr-panel-move:hover:not(:disabled) {
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .qr-panel-hide:hover {
    background: rgba(239, 68, 68, 0.15) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .qr-panel-float-actions {
    background: rgba(35, 43, 35, 0.92) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .qr-panel-modal,
html[data-theme="dark"] .qr-panel-modal-header,
html[data-theme="dark"] .qr-panel-modal-footer {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .qr-panel-modal-header .modal-title {
    color: var(--camp-brand-primary-light) !important;
    font-weight: 800;
    letter-spacing: -0.01em;
}

html[data-theme="dark"] .qr-panel-modal-intro {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .qr-panel-modal-body {
    background: var(--camp-surface) !important;
}

html[data-theme="dark"] .qr-panel-done-btn {
    background: var(--camp-brand-primary) !important;
    color: #fff !important;
}

html[data-theme="dark"] .leader-consent-box {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .leader-consent-box h1,
html[data-theme="dark"] .leader-consent-box h3 {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .leader-consent-box .bg-light {
    background: rgba(0, 0, 0, 0.2) !important;
    border-color: var(--camp-border) !important;
}

/* ── Registration success page ─────────────────────────────────────────── */
html[data-theme="dark"] .success-wrap {
    min-height: calc(100vh - 28vh);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 16px 60px;
}

html[data-theme="dark"] .success-grid {
    width: 100%;
    max-width: 900px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: start;
}

html[data-theme="dark"] .confirm-panel,
html[data-theme="dark"] .feedback-panel {
    background: var(--camp-surface) !important;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
    overflow: hidden;
}

html[data-theme="dark"] .feedback-panel {
    padding: 28px 26px;
}

html[data-theme="dark"] .confirm-header {
    background: linear-gradient(135deg, var(--camp-brand-primary) 0%, var(--camp-brand-primary-mid) 100%);
    padding: 32px 28px 28px;
    text-align: center;
}

html[data-theme="dark"] .tick-ring {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.18);
    border: 2px solid rgba(255, 255, 255, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 18px;
}

html[data-theme="dark"] .tick-ring i {
    font-size: 2.2rem;
    color: #fff;
}

html[data-theme="dark"] .confirm-header h2 {
    font-weight: 800;
    font-size: 1.5rem;
    color: #fff;
    margin: 0 0 6px;
}

html[data-theme="dark"] .confirm-header p {
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.85rem;
    line-height: 1.5;
    margin: 0;
}

html[data-theme="dark"] .confirm-body {
    padding: 24px 24px 28px;
    color: var(--camp-text);
}

html[data-theme="dark"] .info-block {
    background: var(--camp-surface-raised) !important;
    border: 1.5px solid var(--camp-border) !important;
    border-radius: 12px;
    padding: 16px 18px;
    margin-bottom: 20px;
}

html[data-theme="dark"] .ib-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 0.83rem;
    color: var(--camp-text-muted) !important;
    margin-bottom: 11px;
    line-height: 1.55;
}

html[data-theme="dark"] .ib-row:last-child {
    margin-bottom: 0;
}

html[data-theme="dark"] .ib-row i {
    color: var(--camp-brand-accent) !important;
    margin-top: 2px;
    flex-shrink: 0;
}

html[data-theme="dark"] .contact-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(16, 185, 129, 0.15) !important;
    border: 1.5px solid rgba(110, 231, 183, 0.4) !important;
    border-radius: 20px;
    padding: 5px 13px;
    font-size: 0.78rem;
    font-weight: 700;
    color: #6ee7b7 !important;
    text-decoration: none;
    margin-top: 5px;
}

html[data-theme="dark"] .contact-chip:hover {
    background: rgba(16, 185, 129, 0.25) !important;
    color: #fed7aa !important;
}

html[data-theme="dark"] .feedback-panel h3 {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 800;
    font-size: 1rem;
    color: var(--camp-brand-primary-light) !important;
    margin: 0 0 4px;
}

html[data-theme="dark"] .feedback-panel h3 i {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .feedback-panel .panel-sub {
    font-size: 0.8rem;
    color: var(--camp-text-muted) !important;
    margin: 0 0 20px;
}

html[data-theme="dark"] .feedback-field {
    margin-bottom: 14px;
}

html[data-theme="dark"] .feedback-field label,
html[data-theme="dark"] .star-section label {
    display: block;
    font-size: 0.79rem;
    font-weight: 700;
    color: var(--camp-text-muted) !important;
    margin-bottom: 5px;
}

html[data-theme="dark"] .feedback-field textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1.5px solid var(--camp-input-border) !important;
    border-radius: 9px;
    padding: 10px 13px;
    font-size: 0.86rem;
    resize: vertical;
    min-height: 76px;
    background: var(--camp-input-bg) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .feedback-field textarea:focus {
    border-color: rgba(var(--camp-hero-glow-rgb), 0.55) !important;
    box-shadow: 0 0 0 3px rgba(var(--camp-hero-glow-rgb), 0.15) !important;
    background: var(--camp-input-bg) !important;
    outline: none;
}

html[data-theme="dark"] .feedback-field textarea::placeholder {
    color: #6b7a6e !important;
}

html[data-theme="dark"] .star-section {
    margin-bottom: 16px;
    text-align: center;
}

html[data-theme="dark"] .star-section label {
    text-align: left;
}

html[data-theme="dark"] .star-row {
    display: flex;
    gap: 6px;
    justify-content: center;
}

html[data-theme="dark"] .star-btn {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.9rem;
    color: rgba(255, 255, 255, 0.18) !important;
    padding: 0;
    line-height: 1;
}

html[data-theme="dark"] .star-btn:hover,
html[data-theme="dark"] .star-btn.active {
    color: #fbbf24 !important;
}

html[data-theme="dark"] .star-label {
    font-size: 0.72rem;
    color: var(--camp-text-muted) !important;
    min-height: 16px;
    margin-top: 5px;
    margin-bottom: 4px;
}

html[data-theme="dark"] .feedback-submit {
    width: 100%;
    background: linear-gradient(135deg, var(--camp-brand-primary) 0%, var(--camp-brand-primary-mid) 100%);
    border: none;
    border-radius: 9px;
    color: #fff;
    font-weight: 700;
    font-size: 0.88rem;
    padding: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 4px;
    box-shadow: 0 3px 12px rgba(255, 107, 0, 0.22);
}

html[data-theme="dark"] .feedback-submit:hover:not(:disabled) {
    opacity: 0.9;
    transform: translateY(-1px);
}

html[data-theme="dark"] .feedback-submit:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

html[data-theme="dark"] .feedback-done {
    display: none;
    background: rgba(16, 185, 129, 0.12) !important;
    border: 1.5px solid rgba(110, 231, 183, 0.35) !important;
    border-radius: 12px;
    padding: 20px;
    font-size: 0.88rem;
    color: #6ee7b7 !important;
    font-weight: 600;
    text-align: center;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

html[data-theme="dark"] .feedback-done i {
    color: #fb923c !important;
}

@media (max-width: 720px) {
    html[data-theme="dark"] .success-grid {
        grid-template-columns: 1fr;
        max-width: 480px;
    }
}

/* ── Camp Search ───────────────────────────────────────────────────────── */
html[data-theme="dark"] .results-meta-bar,
html[data-theme="dark"] .type-filter-chip {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .result-card,
html[data-theme="dark"] .log-card {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .audit-type-tab {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .audit-type-tab:hover {
    border-color: var(--camp-brand-primary) !important;
    background: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .audit-type-tab.active {
    background: var(--camp-brand-primary) !important;
    border-color: var(--camp-brand-primary) !important;
    color: #fff !important;
}

html[data-theme="dark"] .audit-page-btn {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .audit-page-btn:hover:not(.disabled):not(.active) {
    border-color: var(--camp-brand-primary) !important;
    background: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .audit-page-btn.active {
    background: var(--camp-brand-primary) !important;
    border-color: var(--camp-brand-primary) !important;
    color: #fff !important;
}

html[data-theme="dark"] .audit-page-summary,
html[data-theme="dark"] .audit-page-ellipsis {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .result-title,
html[data-theme="dark"] .log-time,
html[data-theme="dark"] .entry-name,
html[data-theme="dark"] .match-name,
html[data-theme="dark"] .reg-option-name {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .result-sub,
html[data-theme="dark"] .log-date,
html[data-theme="dark"] .entry-norm,
html[data-theme="dark"] .entry-num,
html[data-theme="dark"] .match-id,
html[data-theme="dark"] .reg-option-id,
html[data-theme="dark"] .meta-dot {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .btn-result.btn-view,
html[data-theme="dark"] .btn-result.btn-edit,
html[data-theme="dark"] .btn-result.btn-lanyard {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .search-input-field {
    background: var(--camp-input-bg);
    border-color: var(--camp-input-border);
    color: var(--camp-text);
}

html[data-theme="dark"] .search-input-icon {
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--camp-brand-primary-light);
    font-size: 1.05rem;
    z-index: 2;
    pointer-events: none;
}

html[data-theme="dark"] .section-label {
    color: var(--camp-text-muted);
}

/* ── QR Scanner ────────────────────────────────────────────────────────── */
html[data-theme="dark"] .scanner-card,
html[data-theme="dark"] .qr-side-card {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .qr-page-header {
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .qr-side-header {
    background: var(--camp-surface-raised);
    border-color: var(--camp-border) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .qr-tip,
html[data-theme="dark"] .recent-link-title {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .recent-link-sub,
html[data-theme="dark"] .recent-empty,
html[data-theme="dark"] .session-tag {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .recent-link {
    background: var(--camp-surface-raised);
    border-color: var(--camp-border);
}

html[data-theme="dark"] .recent-link:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.1);
}

html[data-theme="dark"] .status-idle {
    background: var(--camp-surface-raised);
    color: var(--camp-text-muted);
}

html[data-theme="dark"] .qr-tip-icon {
    background: rgba(var(--camp-hero-glow-rgb), 0.16) !important;
    color: var(--camp-brand-accent) !important;
}
html[data-theme="dark"] .status-scanning { background: rgba(59, 130, 246, 0.15) !important; color: #93c5fd !important; }
html[data-theme="dark"] .status-error { background: rgba(239, 68, 68, 0.15); color: #fca5a5; }
html[data-theme="dark"] .status-success { background: rgba(16, 185, 129, 0.15); color: #6ee7b7; }
html[data-theme="dark"] .status-warning { background: rgba(245, 158, 11, 0.15); color: #fcd34d; }

html[data-theme="dark"] .btn-scout-outline {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

/* ── Consolidation ─────────────────────────────────────────────────────── */
html[data-theme="dark"] .group-tabs-wrap,
html[data-theme="dark"] .add-panel,
html[data-theme="dark"] .entries-card,
html[data-theme="dark"] .nil-panel {
    background: var(--camp-surface) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .group-tab {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .group-tab.active {
    background: var(--camp-brand-primary) !important;
    border-color: var(--camp-brand-primary) !important;
    color: #fff !important;
}

html[data-theme="dark"] .entries-card-header {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .entries-card-header .btn-del,
html[data-theme="dark"] .entries-card-header .btn-del i {
    color: #fca5a5 !important;
    border-color: rgba(248, 113, 113, 0.4) !important;
    background: rgba(239, 68, 68, 0.12) !important;
}

html[data-theme="dark"] .entries-card-header .btn-del:hover,
html[data-theme="dark"] .entries-card-header .btn-del:hover i {
    color: #fff !important;
    background: rgba(239, 68, 68, 0.28) !important;
    border-color: #f87171 !important;
}

html[data-theme="dark"] .entry-row,
html[data-theme="dark"] .nil-row {
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .entry-row:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.06);
}

html[data-theme="dark"] .entry-row.unmatched-found {
    background: rgba(245, 158, 11, 0.1) !important;
}

html[data-theme="dark"] .entry-row.unmatched-found:hover {
    background: rgba(245, 158, 11, 0.14) !important;
}

html[data-theme="dark"] .entry-row.no-match {
    background: rgba(239, 68, 68, 0.1) !important;
}

html[data-theme="dark"] .entry-row.no-match:hover {
    background: rgba(239, 68, 68, 0.14) !important;
}

html[data-theme="dark"] .match-orange {
    background: rgba(245, 158, 11, 0.18) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] .match-red {
    background: rgba(239, 68, 68, 0.18) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .match-green {
    background: rgba(16, 185, 129, 0.18) !important;
    color: #6ee7b7 !important;
}

html[data-theme="dark"] .entry-row.no-match .match-id,
html[data-theme="dark"] .match-cell .match-id[style*="color:#dc2626"] {
    color: #fca5a5 !important;
}

html[data-theme="dark"] .entry-actions .btn-match {
    background: var(--camp-brand-primary) !important;
    border-color: var(--camp-brand-primary-light) !important;
    color: #fff !important;
    box-shadow: 0 0 0 1px rgba(var(--camp-hero-glow-rgb), 0.3);
}

html[data-theme="dark"] .entry-actions .btn-match:hover {
    background: #5a9849 !important;
    border-color: #8fd47a !important;
    color: #fff !important;
}

html[data-theme="dark"] .entry-actions .btn-swap {
    background: rgba(14, 165, 233, 0.12) !important;
    border-color: rgba(56, 189, 248, 0.45) !important;
    color: #7dd3fc !important;
}

html[data-theme="dark"] .entry-actions .btn-swap:hover {
    background: rgba(14, 165, 233, 0.22) !important;
    border-color: rgba(56, 189, 248, 0.6) !important;
    color: #bae6fd !important;
}

html[data-theme="dark"] .entry-actions .btn-del {
    background: rgba(239, 68, 68, 0.12) !important;
    border-color: rgba(248, 113, 113, 0.4) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .entry-actions .btn-del:hover {
    background: rgba(239, 68, 68, 0.28) !important;
    border-color: #f87171 !important;
    color: #fff !important;
}

html[data-theme="dark"] .stat-lbl,
html[data-theme="dark"] .stat-val,
html[data-theme="dark"] .add-panel-hint {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .add-panel h6 {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .add-panel textarea {
    background: var(--camp-input-bg) !important;
    border-color: var(--camp-input-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .add-panel textarea:focus {
    background: var(--camp-input-bg) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.55) !important;
    outline: none;
}

html[data-theme="dark"] .add-panel textarea::placeholder {
    color: #7a887a;
}

html[data-theme="dark"] .stat-val {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .reg-search {
    background: var(--camp-input-bg) !important;
    border-color: var(--camp-input-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .reg-option:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.1);
}

html[data-theme="dark"] .nil-header {
    background: rgba(245, 158, 11, 0.12) !important;
    border-color: rgba(251, 191, 36, 0.35) !important;
    color: #fcd34d !important;
}

/* ── Activity Groups ───────────────────────────────────────────────────── */
html[data-theme="dark"] .activity-card-surface,
html[data-theme="dark"] .activity-card > .collapse.show,
html[data-theme="dark"] .activity-card > .collapse.collapsing,
html[data-theme="dark"] .master-panel,
html[data-theme="dark"] .activity-groups-page .ag-panel,
html[data-theme="dark"] .activity-groups-page .ag-day-card,
html[data-theme="dark"] .activity-groups-page .ag-mg-card,
html[data-theme="dark"] .activity-groups-page .ag-mg-coverage,
html[data-theme="dark"] .mg-col,
html[data-theme="dark"] .mg-name-field,
html[data-theme="dark"] .inline-search-results {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .leader-panel,
html[data-theme="dark"] .mg-search-wrap {
    background: var(--camp-surface-raised) !important;
}

html[data-theme="dark"] .act-name,
html[data-theme="dark"] .child-name-text,
html[data-theme="dark"] .mg-member-name {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .act-leader,
html[data-theme="dark"] .child-section-tag,
html[data-theme="dark"] .mg-member-meta,
html[data-theme="dark"] .mg-empty-filter {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .ag-dup-warn {
    background: rgba(245, 158, 11, 0.15) !important;
    border-color: rgba(251, 191, 36, 0.45) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] .ag-dup-alert {
    background: rgba(127, 29, 29, 0.35) !important;
    border-color: rgba(248, 113, 113, 0.45) !important;
}

html[data-theme="dark"] .ag-dup-alert-head > i,
html[data-theme="dark"] .ag-dup-alert-head strong,
html[data-theme="dark"] .ag-dup-alert-summary {
    color: #fecaca !important;
}

html[data-theme="dark"] .ag-dup-alert-item {
    background: var(--camp-surface) !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
}

html[data-theme="dark"] .ag-dup-alert-name {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .ag-dup-alert-slot {
    background: rgba(245, 158, 11, 0.12) !important;
    border-color: rgba(251, 191, 36, 0.35) !important;
}

html[data-theme="dark"] .ag-dup-alert-slot-label {
    color: #fcd34d !important;
}

html[data-theme="dark"] .btn-dup-fix {
    background: rgba(59, 130, 246, 0.18) !important;
    border-color: rgba(147, 197, 253, 0.35) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .btn-dup-fix:hover {
    background: rgba(59, 130, 246, 0.32) !important;
    color: #fff !important;
}

html[data-theme="dark"] .child-item.has-dup-activity {
    background: rgba(245, 158, 11, 0.08) !important;
}

html[data-theme="dark"] .child-item.has-dup-activity:hover {
    background: rgba(245, 158, 11, 0.14) !important;
}

html[data-theme="dark"] .leader-tag,
html[data-theme="dark"] .master-group-card {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .master-group-name {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .master-group-counts,
html[data-theme="dark"] .master-group-preview {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .activity-groups-page .ag-panel__toggle,
html[data-theme="dark"] .activity-groups-page .ag-panel__toggle-text h5,
html[data-theme="dark"] .activity-groups-page .ag-mg-card__name,
html[data-theme="dark"] .activity-groups-page .ag-day-card__name,
html[data-theme="dark"] .activity-groups-page .ag-mg-empty__title {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .activity-groups-page .ag-panel__toggle-text p,
html[data-theme="dark"] .activity-groups-page .ag-panel__meta,
html[data-theme="dark"] .activity-groups-page .ag-mg-card__preview,
html[data-theme="dark"] .activity-groups-page .ag-day-card__metric-lbl,
html[data-theme="dark"] .activity-groups-page .ag-mg-empty__text {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .activity-groups-page .ag-panel__toggle:hover,
html[data-theme="dark"] .activity-groups-page .ag-mg-coverage__toggle:hover {
    background: var(--camp-surface-raised) !important;
}

html[data-theme="dark"] .activity-groups-page .ag-mg-stat {
    background: rgba(148, 163, 184, 0.12) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .activity-groups-page .ag-mg-stat--match {
    background: rgba(124, 58, 237, 0.2) !important;
    color: #c4b5fd !important;
}

html[data-theme="dark"] .activity-groups-page .ag-mg-empty {
    background: rgba(124, 58, 237, 0.08) !important;
    border-color: rgba(167, 139, 250, 0.35) !important;
}

html[data-theme="dark"] .activity-groups-page .ag-mg-btn--ghost {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .mg-section-chart {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .mg-section-chart-head h6 {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .mg-section-chart-head p,
html[data-theme="dark"] .mg-section-chart-label {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .mg-section-chart-total {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .mg-section-chart-total.is-partial {
    color: #fcd34d !important;
}

html[data-theme="dark"] .mg-section-chart-total.is-empty {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .mg-section-chart-count.is-complete {
    color: #6ee7b7 !important;
}

html[data-theme="dark"] .mg-section-chart-count.is-partial {
    color: #93c5fd !important;
}

html[data-theme="dark"] .mg-section-chart-count.is-empty {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .mg-section-chart-bar {
    background: var(--camp-surface-2) !important;
}

html[data-theme="dark"] .mg-section-chart-fill.is-empty {
    background: var(--camp-border) !important;
}

html[data-theme="dark"] .mg-section-chart-block + .mg-section-chart-block {
    border-top-color: var(--camp-border) !important;
}

html[data-theme="dark"] .mg-section-chart-names-label {
    color: #fcd34d !important;
}

html[data-theme="dark"] .mg-section-chart-names--missing .mg-section-chart-names-label {
    color: #93c5fd !important;
}

html[data-theme="dark"] .mg-multi-name {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .mg-multi-person + .mg-multi-person {
    border-top-color: var(--camp-border) !important;
}

html[data-theme="dark"] .mg-multi-badge {
    background: rgba(245, 158, 11, 0.15) !important;
    border-color: rgba(251, 191, 36, 0.45) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] .master-panel-toggle:hover,
html[data-theme="dark"] .mg-coverage-toggle:hover {
    background: var(--camp-surface-raised) !important;
}

html[data-theme="dark"] .master-panel-toggle .ag-collapse-chevron,
html[data-theme="dark"] .mg-coverage-toggle .ag-collapse-chevron {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .activity-groups-page .ag-search-panel {
    background: var(--camp-surface) !important;
    border: 1px solid var(--camp-border);
}

html[data-theme="dark"] .mg-coverage-panel {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .mg-coverage-toggle h6 {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .mg-coverage-toggle p {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .mg-coverage-body .mg-section-chart--leaders {
    border-top-color: var(--camp-border) !important;
}

html[data-theme="dark"] .mg-section-chart--leaders .mg-section-chart-head h6 {
    color: #c4b5fd !important;
}

html[data-theme="dark"] .mg-section-chart-fill.is-leader.is-partial {
    background: linear-gradient(90deg, #8b5cf6, #6d28d9) !important;
}

html[data-theme="dark"] .mg-multi-meta {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .mg-section-empty-strip {
    background: var(--camp-surface-2) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .mg-section-empty-label {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .mg-section-empty-tag {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .mg-section-empty-tag-count {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .mg-section-empty-strip--untagged {
    background: rgba(245, 158, 11, 0.1) !important;
    border-color: rgba(251, 191, 36, 0.35) !important;
}

html[data-theme="dark"] .mg-section-empty-strip--untagged .mg-section-empty-label,
html[data-theme="dark"] .mg-section-empty-strip--untagged .mg-section-empty-tag {
    color: #fcd34d !important;
}

html[data-theme="dark"] .mg-section-empty-strip--untagged .mg-section-empty-tag {
    background: rgba(245, 158, 11, 0.15) !important;
    border-color: rgba(251, 191, 36, 0.45) !important;
}

html[data-theme="dark"] .mg-section-empty-strip--untagged .mg-section-empty-tag-count {
    color: #fbbf24 !important;
}

html[data-theme="dark"] .mg-section-filters,
html[data-theme="dark"] .mg-selected-summary {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .mg-section-pill {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .mg-section-pill.active {
    background: var(--camp-brand-accent) !important;
    border-color: var(--camp-brand-accent) !important;
    color: #fff !important;
}

html[data-theme="dark"] .mg-list-divider {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .mg-list-divider.sub {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .mg-selected-chip {
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.25) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .mg-selected-chip.leader {
    background: rgba(59, 130, 246, 0.12) !important;
    border-color: rgba(96, 165, 250, 0.35) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .child-item {
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .child-item:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.06);
}

html[data-theme="dark"] .mg-col-header {
    background: var(--camp-surface-raised);
    border-color: var(--camp-border) !important;
    color: var(--camp-text);
}

html[data-theme="dark"] .mg-modal-body,
html[data-theme="dark"] #masterGroupModal .modal-body,
html[data-theme="dark"] .mg-modal-content .modal-body {
    background: var(--camp-bg-muted) !important;
}

html[data-theme="dark"] .mg-modal-content {
    background: var(--camp-surface) !important;
}

html[data-theme="dark"] .leader-panel.border-top {
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .activity-card .border-top {
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .act-card-footer [style*="color:#999"] {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .day-header {
    background: linear-gradient(135deg, var(--camp-sidebar-from) 0%, var(--camp-sidebar-to) 100%) !important;
}

html[data-theme="dark"] .slot-row {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .slot-label {
    background: var(--camp-surface-raised) !important;
}

html[data-theme="dark"] .slot-label span[style*="color:#999"] {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .slot-time-pill {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .act-auto-schedule {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .act-auto-schedule-title {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .act-auto-opt {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .act-auto-section {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .act-auto-section:focus {
    border-color: rgba(var(--camp-hero-glow-rgb), 0.45) !important;
    box-shadow: 0 0 0 3px rgba(var(--camp-hero-glow-rgb), 0.12) !important;
}

html[data-theme="dark"] .act-card-footer {
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .empty-slot-msg {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .mg-modal-footer {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .mg-member-item:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.08);
}

html[data-theme="dark"] .mg-member-item.selected {
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.35) !important;
}

html[data-theme="dark"] .mg-col-header h6 {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .mg-col-header.leaders h6 {
    color: #93c5fd !important;
}

html[data-theme="dark"] .mg-count-badge {
    background: rgba(var(--camp-hero-glow-rgb), 0.15) !important;
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .mg-col-header.leaders .mg-count-badge {
    background: rgba(59, 130, 246, 0.18) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .master-panel h5 {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .unscheduled-panel {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .unscheduled-panel h5 {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .unscheduled-item {
    border-color: var(--camp-border) !important;
    color: var(--camp-text);
}

html[data-theme="dark"] .act-card-header:hover,
html[data-theme="dark"] .portal-panel-header-toggle:hover,
html[data-theme="dark"] .yg-card-header-toggle:hover,
html[data-theme="dark"] .sh-card-header-toggle:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
}

html[data-theme="dark"] .portal-panel-chevron,
html[data-theme="dark"] .yg-panel-chevron,
html[data-theme="dark"] .sh-panel-chevron {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .act-card-footer {
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .capacity-bar {
    background: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .slot-time-pill {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .act-type-badge {
    background: rgba(var(--camp-hero-glow-rgb), 0.15) !important;
    color: var(--camp-brand-accent) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.35) !important;
}

html[data-theme="dark"] .section-badge {
    background: rgba(14, 165, 233, 0.15) !important;
    color: #7dd3fc !important;
}

html[data-theme="dark"] .btn-swap:not(.active):not(.cancel) {
    background: rgba(245, 158, 11, 0.12) !important;
    border-color: rgba(251, 191, 36, 0.4) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] .btn-move:not(.active):not(.cancel) {
    background: rgba(59, 130, 246, 0.12) !important;
    border-color: rgba(96, 165, 250, 0.4) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .btn-group-swap:not(.active):not(.cancel) {
    background: rgba(245, 158, 11, 0.12) !important;
    border-color: rgba(251, 191, 36, 0.4) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] .btn-group-swap:hover:not(.cancel),
html[data-theme="dark"] .btn-group-swap.active:not(.cancel) {
    background: rgba(251, 191, 36, 0.85) !important;
    border-color: #fbbf24 !important;
    color: #1c1917 !important;
}

html[data-theme="dark"] .btn-group-move:not(.active):not(.cancel) {
    background: rgba(59, 130, 246, 0.12) !important;
    border-color: rgba(96, 165, 250, 0.4) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .btn-group-move:hover:not(.cancel),
html[data-theme="dark"] .btn-group-move.active:not(.cancel) {
    background: rgba(96, 165, 250, 0.85) !important;
    border-color: #60a5fa !important;
    color: #0f172a !important;
}

html[data-theme="dark"] .btn-group-remove {
    background: rgba(239, 68, 68, 0.12) !important;
    border-color: rgba(248, 113, 113, 0.4) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .btn-group-remove:hover {
    background: rgba(239, 68, 68, 0.85) !important;
    border-color: #f87171 !important;
    color: #fff !important;
}

html[data-theme="dark"] .section-lock-tag {
    background: rgba(251, 191, 36, 0.15) !important;
    border-color: rgba(251, 191, 36, 0.45) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] .child-item.child-item--locked {
    background: rgba(251, 191, 36, 0.08) !important;
}

html[data-theme="dark"] .activity-card.no-leader .activity-card-surface {
    border-color: rgba(248, 113, 113, 0.75) !important;
    box-shadow: 0 0 0 2px rgba(248, 113, 113, 0.15) !important;
}

html[data-theme="dark"] .activity-card.no-leader:hover .activity-card-surface {
    border-color: rgba(252, 165, 165, 0.85) !important;
    box-shadow: 0 0 0 3px rgba(248, 113, 113, 0.2) !important;
}

html[data-theme="dark"] .activity-card.group-swap-target .activity-card-surface {
    border-color: rgba(251, 191, 36, 0.65) !important;
    box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.18) !important;
}

html[data-theme="dark"] .activity-card.group-move-target .activity-card-surface {
    border-color: rgba(96, 165, 250, 0.65) !important;
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.18) !important;
}

html[data-theme="dark"] .activity-card.group-selected .activity-card-surface {
    outline-color: rgba(var(--camp-hero-glow-rgb), 0.75) !important;
}

html[data-theme="dark"] .btn-schedule,
html[data-theme="dark"] .btn-add-inline:not(.leader),
html[data-theme="dark"] .btn-toggle-add.yp,
html[data-theme="dark"] .btn-add-child {
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.4) !important;
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .btn-remove,
html[data-theme="dark"] .btn-swap.cancel,
html[data-theme="dark"] .btn-move.cancel,
html[data-theme="dark"] .btn-group-swap.cancel,
html[data-theme="dark"] .btn-group-move.cancel {
    background: rgba(239, 68, 68, 0.12) !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .btn-view-sm {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .btn-view-sm:hover {
    border-color: rgba(var(--camp-hero-glow-rgb), 0.45) !important;
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .btn-add-inline.leader,
html[data-theme="dark"] .btn-toggle-add.leader {
    background: rgba(59, 130, 246, 0.12) !important;
    border-color: rgba(96, 165, 250, 0.4) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .child-item.swap-selected {
    background: rgba(245, 158, 11, 0.15) !important;
}

html[data-theme="dark"] .child-item.move-selected {
    background: rgba(59, 130, 246, 0.15) !important;
}

html[data-theme="dark"] .mode-bar {
    background: var(--camp-surface) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .mode-bar p {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .mode-bar .cancel-mode {
    background: rgba(239, 68, 68, 0.12) !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .mode-bar.swap-mode,
html[data-theme="dark"] .mode-bar.group-swap-mode {
    border-color: rgba(251, 191, 36, 0.55) !important;
}

html[data-theme="dark"] .mode-bar.move-mode,
html[data-theme="dark"] .mode-bar.group-move-mode {
    border-color: rgba(96, 165, 250, 0.55) !important;
}

html[data-theme="dark"] .mode-bar.schedule-mode {
    border-color: rgba(var(--camp-hero-glow-rgb), 0.5) !important;
}

html[data-theme="dark"] .add-result-item {
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .add-result-item:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.08) !important;
}

html[data-theme="dark"] .add-result-name {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .add-result-meta,
html[data-theme="dark"] .add-search-empty {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .inline-search-input input {
    background: var(--camp-input-bg) !important;
    border-color: var(--camp-input-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .mg-search-wrap input {
    background: var(--camp-input-bg) !important;
    border-color: var(--camp-input-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .stat-pill .num {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .stat-pill .lbl,
html[data-theme="dark"] .stat-pill small {
    color: var(--camp-text-muted) !important;
}

/* Activity Groups — inline legend & labels */
html[data-theme="dark"] .ag-legend-row {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .ag-legend-swap {
    background: rgba(245, 158, 11, 0.15) !important;
    color: #fcd34d !important;
    border-color: rgba(251, 191, 36, 0.4) !important;
}

html[data-theme="dark"] .ag-legend-move {
    background: rgba(59, 130, 246, 0.15) !important;
    color: #93c5fd !important;
    border-color: rgba(96, 165, 250, 0.4) !important;
}

html[data-theme="dark"] .ag-legend-move-all {
    background: rgba(99, 102, 241, 0.15) !important;
    color: #a5b4fc !important;
    border-color: rgba(129, 140, 248, 0.45) !important;
}

html[data-theme="dark"] .ag-legend-swap-all {
    background: rgba(245, 158, 11, 0.18) !important;
    color: #fde68a !important;
    border-color: rgba(245, 158, 11, 0.5) !important;
}

html[data-theme="dark"] .ag-legend-add {
    background: rgba(var(--camp-hero-glow-rgb), 0.15) !important;
    color: var(--camp-brand-accent) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.4) !important;
}

html[data-theme="dark"] .ag-legend-master {
    background: rgba(139, 92, 246, 0.15) !important;
    color: #c4b5fd !important;
    border-color: rgba(167, 139, 250, 0.4) !important;
}

html[data-theme="dark"] .main-content .d-flex[style*="color:#888"] {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .main-content .slot-label [style*="color:#999"] {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .child-list.border-top {
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .main-content > .d-flex.border-bottom[style*="border-color:#fde4d0"] {
    border-color: var(--camp-border) !important;
}

/* ── My Section (sh-* mirrors your-group) ──────────────────────────────── */
html[data-theme="dark"] .sh-card,
html[data-theme="dark"] .sh-stat,
html[data-theme="dark"] .sh-att-card,
html[data-theme="dark"] .sh-sched-slot,
html[data-theme="dark"] .yg-sched-slot {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .sh-sched-slot-head,
html[data-theme="dark"] .yg-sched-slot-head {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .sh-sched-act-block.has-notes,
html[data-theme="dark"] .yg-sched-act-block.has-notes {
    background: rgba(234, 88, 12, 0.12) !important;
}

html[data-theme="dark"] .sh-sched-kid,
html[data-theme="dark"] .yg-sched-kid {
    color: var(--camp-text-muted) !important;
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .sh-sched-kid.is-here,
html[data-theme="dark"] .yg-sched-kid.is-here {
    color: #fdba74 !important;
    background: rgba(34, 197, 94, 0.12) !important;
    border-color: rgba(74, 222, 128, 0.4) !important;
}

html[data-theme="dark"] .sh-sched-dot,
html[data-theme="dark"] .yg-sched-dot {
    background: #64748b !important;
}

html[data-theme="dark"] .sh-sched-kid.is-here .sh-sched-dot,
html[data-theme="dark"] .yg-sched-kid.is-here .yg-sched-dot {
    background: #f97316 !important;
}

html[data-theme="dark"] .sh-sched-slot-summary,
html[data-theme="dark"] .yg-sched-slot-summary {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .sh-sched-slot-summary.is-done,
html[data-theme="dark"] .yg-sched-slot-summary.is-done {
    color: #fdba74 !important;
}

html[data-theme="dark"] .sh-sched-slot-time,
html[data-theme="dark"] .yg-sched-slot-time {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .sh-sched-act-block,
html[data-theme="dark"] .yg-sched-act-block {
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .sh-sched-notes-label,
html[data-theme="dark"] .yg-sched-notes-label,
html[data-theme="dark"] .sh-sched-note-name,
html[data-theme="dark"] .yg-sched-note-name {
    color: #fdba74 !important;
}

html[data-theme="dark"] .sh-sched-note,
html[data-theme="dark"] .yg-sched-note {
    background: var(--camp-surface-raised) !important;
    border-color: rgba(251, 146, 60, 0.35) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .sh-sched-note-src,
html[data-theme="dark"] .yg-sched-note-src {
    color: #fb923c !important;
}

html[data-theme="dark"] .sh-card-header {
    background: var(--camp-surface-raised);
    border-color: var(--camp-border) !important;
    color: var(--camp-text);
}

html[data-theme="dark"] .sh-person-name,
html[data-theme="dark"] .sh-sched-act-name,
html[data-theme="dark"] .yg-sched-act-name,
html[data-theme="dark"] .sh-att-title {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .sh-person-sub,
html[data-theme="dark"] .sh-att-time,
html[data-theme="dark"] .sh-empty {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .sh-att-day,
html[data-theme="dark"] .sh-sched-day {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .sh-search,
html[data-theme="dark"] .sh-presence-filter,
html[data-theme="dark"] .sh-quick-link,
html[data-theme="dark"] .sh-presence-pill,
html[data-theme="dark"] .btn-sh-custom {
    background: var(--camp-surface-raised);
    border-color: var(--camp-border);
    color: var(--camp-text-muted);
}

html[data-theme="dark"] .attendance-days-chip {
    background: rgba(59, 130, 246, 0.14);
    border-color: rgba(96, 165, 250, 0.35);
    color: #93c5fd;
}

html[data-theme="dark"] .sh-hide-btn,
html[data-theme="dark"] .sh-move-btn {
    background: var(--camp-surface-raised) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .sh-hide-btn:hover {
    background: rgba(239, 68, 68, 0.15) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .sh-move-btn:hover:not(:disabled) {
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .sh-drag-handle {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .sh-drag-handle:hover {
    color: var(--camp-brand-accent) !important;
    background: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
}

html[data-theme="dark"] .sh-jump-btn.active {
    background: var(--camp-brand-primary) !important;
    border-color: var(--camp-brand-primary) !important;
    color: #fff !important;
}

html[data-theme="dark"] .sh-presence-filter:hover,
html[data-theme="dark"] .sh-quick-link:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.1);
    border-color: rgba(var(--camp-hero-glow-rgb), 0.35);
    color: var(--camp-brand-primary-light);
}

html[data-theme="dark"] .sh-presence-filter.active {
    background: var(--camp-brand-primary);
    border-color: var(--camp-brand-primary);
    color: #fff;
}

html[data-theme="dark"] .sh-mini-bar {
    background: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .sh-person {
    border-color: var(--camp-border);
}

html[data-theme="dark"] .sh-person:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.08);
}

html[data-theme="dark"] .sh-person:hover .sh-person-name {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .sh-person .bi-chevron-right {
    color: rgba(255, 255, 255, 0.25);
}

html[data-theme="dark"] .sh-person:hover .bi-chevron-right {
    color: var(--camp-brand-accent);
}

html[data-theme="dark"] .sh-presence-filter:hover,
html[data-theme="dark"] .sh-quick-link:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.1);
    border-color: rgba(var(--camp-hero-glow-rgb), 0.35);
    color: var(--camp-brand-primary-light);
}

html[data-theme="dark"] .sh-presence-filter.active {
    background: var(--camp-brand-primary);
    border-color: var(--camp-brand-primary);
    color: #fff;
}

html[data-theme="dark"] .sh-ann-meta {
    font-size: 0.78rem;
    color: var(--camp-text-muted) !important;
    margin: 0 0 8px;
}

html[data-theme="dark"] .sh-ann-body {
    font-size: 0.85rem;
    color: var(--camp-text) !important;
    margin: 0;
    line-height: 1.5;
    word-break: break-word;
}

html[data-theme="dark"] .sh-ann-link {
    font-size: 0.72rem;
    font-weight: 700;
    text-decoration: none;
    margin-left: auto;
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .sh-ann-link:hover {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .session-pill {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .widget-picker-level {
    background: rgba(var(--camp-hero-glow-rgb), 0.15);
    color: var(--camp-brand-accent);
}

html[data-theme="dark"] .summary-body {
    background: var(--camp-surface);
    color: var(--camp-text);
}

html[data-theme="dark"] .btn-decline {
    background: rgba(239, 68, 68, 0.12) !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .pin-toggle {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .char-count {
    color: var(--camp-text-muted) !important;
}

/* ── Darker navbar & sidebar in dark mode ──────────────────────────────── */
html[data-theme="dark"] body:not(.route-seo-landing) .site-navbar,
html[data-theme="dark"] body.logged-in:not(.route-seo-landing) .site-navbar,
html[data-theme="dark"] body:not(.route-seo-landing) .site-navbar.scrolled {
    background: rgba(var(--camp-navbar-rgb), 0.98) !important;
    box-shadow: 0 2px 24px rgba(0, 0, 0, 0.45) !important;
}

@media (max-width: 767.98px) {
    html[data-theme="dark"] body:not(.route-seo-landing) .site-navbar {
        background: rgba(var(--camp-navbar-mobile-rgb), 0.98) !important;
    }

    html[data-theme="dark"] body:not(.route-seo-landing) .site-navbar .nav-mobile-menu {
        background: rgba(var(--camp-navbar-mobile-rgb), 0.99) !important;
    }
}

html[data-theme="dark"] .sidebar {
    background:
        radial-gradient(ellipse 80% 40% at 50% 0%, rgba(var(--camp-hero-glow-rgb), 0.02) 0%, transparent 60%),
        linear-gradient(180deg, var(--camp-sidebar-from) 0%, var(--camp-sidebar-mid) 55%, var(--camp-sidebar-to) 100%) !important;
}

html[data-theme="dark"] #router #sidebarMenu.sidebar {
    --sidebar-scrollbar-track: rgba(255, 255, 255, 0.04);
    --sidebar-scrollbar-thumb: rgba(var(--camp-hero-glow-rgb, 255, 140, 51), 0.78);
    --sidebar-scrollbar-thumb-hover: rgba(var(--camp-hero-glow-rgb, 255, 167, 94), 0.95);
    --sidebar-scrollbar-thumb-active: color-mix(in srgb, var(--camp-brand-primary, #ff8c33) 88%, #fff);
}

/* ── Global form overrides (!important pages e.g. parking permits) ─────── */
html[data-theme="dark"] .main-content .form-label,
html[data-theme="dark"] .form-label {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .main-content .form-control,
html[data-theme="dark"] .main-content .form-select,
html[data-theme="dark"] .main-content textarea.form-control,
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] textarea.form-control {
    background-color: var(--camp-input-bg) !important;
    border-color: var(--camp-input-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .main-content .form-control:focus,
html[data-theme="dark"] .main-content .form-select:focus,
html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] .form-select:focus {
    background-color: var(--camp-input-bg) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.55) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .form-hint,
html[data-theme="dark"] .input-locked {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .input-locked {
    background-color: var(--camp-surface-raised) !important;
}

html[data-theme="dark"] .table td {
    color: var(--camp-text);
}

/* ── Task assigner ─────────────────────────────────────────────────────── */
html[data-theme="dark"] .task-panel h6,
html[data-theme="dark"] .task-field label {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .task-field input,
html[data-theme="dark"] .task-field textarea,
html[data-theme="dark"] .leader-search-wrap input {
    background: var(--camp-input-bg) !important;
    border-color: var(--camp-input-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .leader-picker-toolbar {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .leader-picker-stats {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .leader-picker-stats strong {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .leader-selected-bar {
    background: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .leader-pick-wrap {
    background: var(--camp-bg-muted) !important;
}

html[data-theme="dark"] .leader-group-head {
    background: var(--camp-surface-raised) !important;
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .leader-group-head button {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .leader-pick-row:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.08) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.35) !important;
}

html[data-theme="dark"] .leader-pick-row.is-selected {
    border-color: rgba(var(--camp-hero-glow-rgb), 0.55) !important;
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
}

/* ── Manage leaders — attendance tags (unselected readable text) ───────── */
html[data-theme="dark"] .att-chip,
html[data-theme="dark"] .attendance-chip {
    border: 1.5px solid rgba(248, 113, 113, 0.45) !important;
    background: rgba(220, 38, 38, 0.2) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .bulk-chip:not(.active) {
    border: 1.5px solid rgba(255, 255, 255, 0.14) !important;
    background: var(--camp-surface-raised) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .bulk-chip:hover:not(.active) {
    border-color: rgba(var(--camp-hero-glow-rgb), 0.45) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] input[type=checkbox].att-check:checked + .att-chip,
html[data-theme="dark"] input[type=checkbox].attendance-check:checked + .attendance-chip {
    background: rgba(16, 185, 129, 0.22) !important;
    border-color: rgba(52, 211, 153, 0.55) !important;
    color: #6ee7b7 !important;
}

html[data-theme="dark"] .bulk-chip.active {
    background: var(--camp-brand-primary) !important;
    border-color: var(--camp-brand-primary) !important;
    color: #fff !important;
}

html[data-theme="dark"] .section-count {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .section-divider {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .section-divider-label {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .leader-row-email,
html[data-theme="dark"] .leader-row-role {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .leader-row-group {
    color: var(--camp-text-muted) !important;
}

/* ── Agreement modals (camp visitors & parking permits) ─────────────── */
html[data-theme="dark"] #agreementModal .modal-content {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] #agreementModal .modal-header.bg-light,
html[data-theme="dark"] #agreementModal .modal-footer.bg-light {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] #agreementModal .modal-title {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .agreement-text {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .agreement-text .agreement-title,
html[data-theme="dark"] .agreement-text h6,
html[data-theme="dark"] .agreement-text h6.fw-bold {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .agreement-text .text-muted,
html[data-theme="dark"] .agreement-text p.small.text-muted {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .agreement-text strong {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .agreement-text hr {
    border-color: var(--camp-border) !important;
    opacity: 1;
}

html[data-theme="dark"] .agreement-text .agreement-declaration {
    background: var(--camp-bg-muted) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .agreement-text a.text-success {
    color: #fdba74 !important;
}

html[data-theme="dark"] .agreement-text .text-success {
    color: #fdba74 !important;
}

/* ── Visitor lanyard print (always light) ─────────────────────────────── */
html[data-theme="dark"] .visitor-lanyard-print,
html[data-theme="dark"] .visitor-lanyard-print .lanyard-card,
html[data-theme="dark"] .visitor-lanyard-print .card-body,
html[data-theme="dark"] .visitor-lanyard-print .card-footer,
html[data-theme="dark"] .visitor-lanyard-print .visitor-qr-container {
    background: #fff !important;
    color: #111 !important;
    color-scheme: light;
}

html[data-theme="dark"] .visitor-lanyard-print .visitor-name,
html[data-theme="dark"] .visitor-lanyard-print .info-val,
html[data-theme="dark"] .visitor-lanyard-print .footer-camp {
    color: #111 !important;
}

html[data-theme="dark"] .visitor-lanyard-print .visitor-subtitle,
html[data-theme="dark"] .visitor-lanyard-print .info-lbl,
html[data-theme="dark"] .visitor-lanyard-print .footer-date {
    color: #555 !important;
}

html[data-theme="dark"] .visitor-lanyard-print .lanyard-notice-box {
    background: #fef2f2 !important;
    border-color: #fca5a5 !important;
    color: #7f1d1d !important;
}

html[data-theme="dark"] .visitor-lanyard-print .section-divider {
    background: #fef2f2 !important;
    color: #dc2626 !important;
}

html[data-theme="dark"] .visitor-lanyard-print .visitor-qr-container {
    border-color: #e0e0e0 !important;
}

/* ── Camp visitors list ──────────────────────────────────────────────── */
html[data-theme="dark"] .visitor-list-name,
html[data-theme="dark"] a.visitor-list-name {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] a.visitor-list-name:hover {
    color: var(--camp-brand-primary-light) !important;
}

/* ── Parking permits type tabs & signature pad ───────────────────────── */
html[data-theme="dark"] .signature-container {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .main-content .type-tab:not(.active) {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .main-content .type-tab.active {
    background: var(--camp-brand-primary) !important;
    border-color: var(--camp-brand-primary) !important;
    color: #fff !important;
}

/* ── QR profiles (full page) ─────────────────────────────────────────────── */
html[data-theme="dark"] .qr-section {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .qr-section-head {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .qr-section-title {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .qr-field-label {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .qr-field-value {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .qr-field-value--empty {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .qr-field {
    background: var(--camp-bg-muted) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .qr-med-item {
    background: var(--camp-bg-muted) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .qr-med-item strong {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .qr-med-item span {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .qr-section-badge {
    background: rgba(var(--camp-hero-glow-rgb), 0.15);
    color: var(--camp-brand-accent);
}

html[data-theme="dark"] .qr-locked h5 {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .qr-locked p {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .qr-emergency-contact {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .qr-emergency {
    background: var(--camp-surface) !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
}

html[data-theme="dark"] .qr-emergency-head {
    background: rgba(239, 68, 68, 0.12) !important;
    color: #fca5a5 !important;
    border-bottom-color: rgba(248, 113, 113, 0.25) !important;
}

html[data-theme="dark"] .qr-emergency-note {
    background: var(--camp-bg-muted) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .qr-schedule-day {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .qr-schedule-day-title {
    color: var(--camp-brand-accent) !important;
    border-bottom-color: var(--camp-border) !important;
}

html[data-theme="dark"] .qr-schedule-day-title--adult {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .qr-slot {
    border-left-color: rgba(var(--camp-hero-glow-rgb), 0.35) !important;
}

html[data-theme="dark"] .qr-slot--adult {
    border-left-color: rgba(148, 163, 184, 0.35) !important;
}

html[data-theme="dark"] .qr-slot--continues {
    border-left-color: rgba(148, 163, 184, 0.45) !important;
}

html[data-theme="dark"] .qr-slot--continues::before {
    background: #64748b !important;
    box-shadow: 0 0 0 1px #64748b !important;
}

html[data-theme="dark"] .qr-slot-name--continues {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .qr-slot-name--continues i {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .qr-slot::before {
    border-color: var(--camp-surface-raised) !important;
}

html[data-theme="dark"] .qr-slot-time {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .qr-slot-name {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .qr-slot-tag {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .qr-slot-tag--loc {
    background: rgba(59, 130, 246, 0.18) !important;
    color: #93c5fd !important;
    border-color: rgba(96, 165, 250, 0.35) !important;
}

html[data-theme="dark"] .qr-slot-tag--grp {
    background: rgba(var(--camp-hero-glow-rgb), 0.18) !important;
    color: var(--camp-brand-accent) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.35) !important;
}

html[data-theme="dark"] .camp-act-tag--type {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .camp-act-tag--loc {
    background: rgba(59, 130, 246, 0.18) !important;
    color: #93c5fd !important;
    border-color: rgba(96, 165, 250, 0.35) !important;
}

html[data-theme="dark"] .camp-act-tag--grp {
    background: rgba(var(--camp-hero-glow-rgb), 0.18) !important;
    color: var(--camp-brand-accent) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.35) !important;
}

html[data-theme="dark"] .qr-glv-sub {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .qr-empty-state {
    color: var(--camp-text-muted) !important;
}

/* ── Audit log ─────────────────────────────────────────────────────────── */
html[data-theme="dark"] .stat-pill .num {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .stat-pill .lbl {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .action-default {
    background: rgba(var(--camp-hero-glow-rgb), 0.15);
    color: var(--camp-brand-accent);
}

html[data-theme="dark"] .action-view {
    background: rgba(148, 163, 184, 0.18);
    color: #cbd5e1;
}

/* ── Edit pages (leaders & children) ─────────────────────────────────────── */
html[data-theme="dark"] .edit-card {
    background: var(--camp-surface) !important;
}

html[data-theme="dark"] .edit-card-body {
    background: var(--camp-surface);
    color: var(--camp-text);
}

html[data-theme="dark"] .edit-card .section-header {
    background: var(--camp-surface-raised) !important;
    color: var(--camp-brand-primary-light) !important;
    border-left-color: var(--camp-brand-primary-light) !important;
}

/* ── Create leader page ─────────────────────────────────────────────────── */
html[data-theme="dark"] body:has(.leader-create-page) {
    background-color: var(--camp-bg-muted) !important;
}

html[data-theme="dark"] .main-content.leader-create-page {
    background: var(--camp-bg-muted) !important;
    color: var(--camp-text);
}

html[data-theme="dark"] .leader-create-page__title {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .leader-create-page__head,
html[data-theme="dark"] .leader-create-page__foot {
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .leader-create-page .create-card {
    background: var(--camp-surface) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] .leader-create-page .create-card-body {
    background: var(--camp-surface);
    color: var(--camp-text);
}

html[data-theme="dark"] .leader-create-page .create-card-header {
    background: linear-gradient(135deg, var(--camp-brand-primary) 0%, var(--camp-brand-primary-mid) 100%) !important;
}

html[data-theme="dark"] .leader-create-page .create-card-header h3,
html[data-theme="dark"] .leader-create-page .create-card-header p {
    color: #fff !important;
}

html[data-theme="dark"] .leader-create-page .create-card-header p {
    opacity: 0.82;
}

html[data-theme="dark"] .leader-create-page .section-header {
    background: var(--camp-surface-raised) !important;
    color: var(--camp-brand-primary-light) !important;
    border-left-color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .leader-create-page .consent-box {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .leader-create-page .consent-box h1,
html[data-theme="dark"] .leader-create-page .consent-box h3 {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .leader-create-page .consent-box p,
html[data-theme="dark"] .leader-create-page .consent-box strong {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .leader-create-page .consent-box .text-muted {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .leader-create-page .consent-box .bg-light {
    background: rgba(0, 0, 0, 0.22) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .leader-create-page .consent-box a {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .leader-create-page .level-desc,
html[data-theme="dark"] .manage-people-page .mp-pwd-mode__btn {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .manage-people-page .mp-pwd-mode__btn {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .manage-people-page .mp-pwd-mode__btn.is-active {
    color: var(--camp-text) !important;
    background: var(--camp-surface) !important;
    border-color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .leader-create-page .password-mode-options .form-check-label {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .leader-create-page .password-toggle,
html[data-theme="dark"] .manage-people-page .mp-pwd-field .mp-btn {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .leader-create-page .password-toggle:hover,
html[data-theme="dark"] .manage-people-page .mp-pwd-field .mp-btn:hover {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .leader-create-page #password_auto[readonly] {
    background-color: var(--camp-surface-raised) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .section-header-shooting {
    background: rgba(122, 59, 30, 0.15) !important;
    color: #fcd34d !important;
    border-left-color: #d97706 !important;
}

html[data-theme="dark"] .field-card,
html[data-theme="dark"] .twofa-card,
html[data-theme="dark"] .medical-toggle-card,
html[data-theme="dark"] .shooting-type-card {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .twofa-card h6 {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .btn-twofa-generate {
    background: var(--camp-surface-raised) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.45) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .btn-twofa-generate:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.65) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .swim-check-card:has(input:checked) {
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.45) !important;
}

/* ── Your Group & My Section — lighten panel text ──────────────────────── */
html[data-theme="dark"] .yg-card-header,
html[data-theme="dark"] .sh-card-header {
    color: var(--camp-brand-primary-light) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .yg-stat .num,
html[data-theme="dark"] .sh-stat .num {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .yg-stat .lbl,
html[data-theme="dark"] .sh-stat .lbl {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .yg-section-toggle {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .yg-section-toggle:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.35) !important;
}

html[data-theme="dark"] .yg-section-chevron {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .yg-section-filter {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .yg-section-filter.active {
    background: var(--camp-brand-primary) !important;
    border-color: var(--camp-brand-primary) !important;
    color: #fff !important;
}

html[data-theme="dark"] .yg-hide-btn,
html[data-theme="dark"] .yg-move-btn {
    background: var(--camp-surface-raised) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .sh-presence-summary {
    color: var(--camp-text-muted);
}

/* ── Dashboard widget inline text (announcements, access level, etc.) ── */
html[data-theme="dark"] .info-card-body [style*="border-bottom:1px solid #f0f3f0"],
html[data-theme="dark"] .info-card-body [style*="border-bottom: 1px solid #f0f3f0"],
html[data-theme="dark"] .dash-task-row {
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .dash-schedule-day-title,
html[data-theme="dark"] .dash-schedule-empty,
html[data-theme="dark"] .dash-schedule-more {
    color: var(--camp-text-muted);
}
html[data-theme="dark"] .dash-schedule-slot {
    border-bottom-color: var(--camp-border);
}
html[data-theme="dark"] .dash-schedule-time,
html[data-theme="dark"] .dash-schedule-profile-link {
    color: var(--camp-brand-primary-light);
}
html[data-theme="dark"] .dash-schedule-slot-main .camp-act-display-name {
    color: var(--camp-text);
}

html[data-theme="dark"] .info-card-body [style*="color:#888"],
html[data-theme="dark"] .info-card-body [style*="color:#aaa"],
html[data-theme="dark"] .info-card-body [style*="color:#bbb"],
html[data-theme="dark"] .info-card-body [style*="color: #888"],
html[data-theme="dark"] .info-card-body [style*="color: #aaa"],
html[data-theme="dark"] .info-card-body [style*="color: #bbb"],
html[data-theme="dark"] .info-card-body [style*="color:#64748b"] {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .info-card-body [style*="color:#1a1a1a"],
html[data-theme="dark"] .info-card-body [style*="color:#333"],
html[data-theme="dark"] .info-card-body [style*="color:#444"],
html[data-theme="dark"] .info-card-body [style*="color:#1e293b"],
html[data-theme="dark"] .info-card-body [style*="color: #1a1a1a"],
html[data-theme="dark"] .info-card-body [style*="color: #333"],
html[data-theme="dark"] .info-card-body [style*="color: #444"],
html[data-theme="dark"] .info-card-body [style*="color: #1e293b"] {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .info-card-body [style*="color:var(--camp-brand-primary-mid)"] {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .info-card-body .bg-light,
html[data-theme="dark"] .info-card-body [style*="border:1.5px solid #fde4d0"] {
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.35) !important;
}

html[data-theme="dark"] .info-card-body [style*="opacity:0.45"] {
    opacity: 0.78 !important;
}

html[data-theme="dark"] .info-card-body [style*="-webkit-mask-image"] {
    -webkit-mask-image: linear-gradient(180deg, #000 60%, transparent) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .info-card-header i[style*="color:var(--camp-brand-primary)"],
html[data-theme="dark"] .info-card-header a[style*="color:var(--camp-brand-primary)"] {
    color: var(--camp-brand-accent) !important;
}

/* ── Audit log action badges & table ───────────────────────────────────── */
html[data-theme="dark"] .action-danger {
    background: rgba(239, 68, 68, 0.18) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .action-warn {
    background: rgba(245, 158, 11, 0.18) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] .action-create {
    background: rgba(var(--camp-hero-glow-rgb), 0.18) !important;
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .action-edit {
    background: rgba(59, 130, 246, 0.18) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .table thead th {
    background: var(--camp-surface-raised) !important;
    color: var(--camp-brand-primary-light) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .table tbody tr:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.06) !important;
}

/* ── Your Group extras ─────────────────────────────────────────────────── */
html[data-theme="dark"] .yg-group-picker,
html[data-theme="dark"] .sh-context-picker {
    background: var(--camp-surface) !important;
    border: 1.5px solid var(--camp-border) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
}

html[data-theme="dark"] .yg-group-picker label,
html[data-theme="dark"] .sh-context-picker-row label {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .yg-group-picker label i,
html[data-theme="dark"] .sh-context-picker-row label i {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .yg-group-picker select,
html[data-theme="dark"] .sh-context-picker select {
    background: var(--camp-input-bg) !important;
    border-color: var(--camp-input-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .yg-group-picker select:focus,
html[data-theme="dark"] .sh-context-picker select:focus {
    border-color: var(--camp-brand-primary-light) !important;
    box-shadow: 0 0 0 3px rgba(var(--camp-hero-glow-rgb), 0.2) !important;
    outline: none;
}

html[data-theme="dark"] .yg-group-picker select option,
html[data-theme="dark"] .sh-context-picker select option {
    background: var(--camp-surface) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .yg-jump-btn,
html[data-theme="dark"] .sh-jump-btn {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .yg-jump-btn:hover,
html[data-theme="dark"] .yg-jump-btn.active,
html[data-theme="dark"] .sh-jump-btn:hover,
html[data-theme="dark"] .sh-jump-btn.active {
    background: var(--camp-brand-primary) !important;
    border-color: var(--camp-brand-primary) !important;
    color: #fff !important;
}

html[data-theme="dark"] .yg-drag-handle,
html[data-theme="dark"] .sh-drag-handle {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .yg-drag-handle:hover,
html[data-theme="dark"] .sh-drag-handle:hover {
    color: var(--camp-brand-accent) !important;
    background: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
}

/* ── Dashboard pinned / YOU badges (inline styles) ─────────────────────── */
html[data-theme="dark"] .info-card-body [style*="background:#ffedd5"],
html[data-theme="dark"] .info-card-body [style*="background: #ffedd5"] {
    background: rgba(var(--camp-hero-glow-rgb), 0.18) !important;
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .info-card-body [style*="color:#9a3412"],
html[data-theme="dark"] .info-card-body [style*="color: #9a3412"] {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .leader-selected-chip {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-brand-primary-light) !important;
}

/* ── Details Manager ───────────────────────────────────────────────────── */
html[data-theme="dark"] .manager-card {
    background: var(--camp-surface) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

html[data-theme="dark"] .manager-card .nav-tabs {
    background: var(--camp-surface-raised) !important;
    border-bottom: 1.5px solid rgba(255, 255, 255, 0.12) !important;
    padding: 8px 8px 0 !important;
    gap: 4px;
}

html[data-theme="dark"] .manager-card .nav-tabs .nav-link {
    color: var(--camp-text-muted) !important;
    background: transparent !important;
    border: 1.5px solid transparent !important;
    border-bottom: none !important;
    border-radius: 9px 9px 0 0 !important;
    margin-bottom: -1px;
}

html[data-theme="dark"] .manager-card .nav-tabs .nav-link:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .manager-card .nav-tabs .nav-link.active {
    background: var(--camp-surface) !important;
    color: var(--camp-text) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.14) !important;
    border-bottom: 2px solid var(--camp-surface) !important;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.12) !important;
}

html[data-theme="dark"] .manager-card .tab-content {
    background: var(--camp-surface);
    color: var(--camp-text);
}

html[data-theme="dark"] .add-zone,
html[data-theme="dark"] .block-form-card,
html[data-theme="dark"] .dm-form-panel,
html[data-theme="dark"] .dm-data-panel {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .dm-panel-intro {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .dm-panel-intro__title {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .dm-panel-intro__body {
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .dm-panel-intro__chev {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .camp-ms-modal .dm-bus-config,
html[data-theme="dark"] .camp-ms-modal .dm-bus-fleet-card,
html[data-theme="dark"] .camp-ms-modal .dm-bus-slot-row,
html[data-theme="dark"] .camp-ms-modal .dm-bus-act-row,
html[data-theme="dark"] .camp-ms-modal .dm-bus-add-slot {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .camp-ms-modal .dm-bus-config__summary {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .camp-ms-modal .dm-bus-config[open] .dm-bus-config__summary {
    border-bottom-color: var(--camp-border) !important;
}

html[data-theme="dark"] .camp-ms-modal .dm-bus-section {
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .camp-ms-modal .dm-bus-section__head h3,
html[data-theme="dark"] .camp-ms-modal .dm-bus-config-list__head h6,
html[data-theme="dark"] .camp-ms-modal .dm-bus-act-row__name {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .camp-ms-modal .dm-bus-config__meta,
html[data-theme="dark"] .camp-ms-modal .dm-bus-section__head p,
html[data-theme="dark"] .camp-ms-modal .dm-bus-config-list__head p,
html[data-theme="dark"] .camp-ms-modal .dm-bus-fleet-card__sub,
html[data-theme="dark"] .camp-ms-modal .dm-bus-empty,
html[data-theme="dark"] .camp-ms-modal .dm-bus-hint {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .camp-ms-modal .dm-bus-callout--warn {
    background: rgba(251, 191, 36, 0.1) !important;
    border-color: rgba(251, 191, 36, 0.35) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] .camp-ms-modal .dm-bus-time {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .dm-form-panel__head,
html[data-theme="dark"] .dm-data-panel__head {
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .dm-form-panel__head h6,
html[data-theme="dark"] .dm-data-panel__head h6 {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .dm-form-panel__sub,
html[data-theme="dark"] .dm-data-panel__head p {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .dm-btn-secondary {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .dm-btn-secondary:hover {
    border-color: rgba(var(--camp-hero-glow-rgb), 0.45) !important;
    color: var(--camp-brand-primary-light) !important;
    background: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
}

html[data-theme="dark"] .camp-ms-modal .dm-ms-embed .ms-modules-open-settings {
    border-color: rgba(var(--camp-hero-glow-rgb), 0.35);
    background: rgba(var(--camp-hero-glow-rgb), 0.08);
    color: var(--camp-brand-primary-light);
}

html[data-theme="dark"] .camp-ms-modal .dm-ms-embed .ms-modules-open-settings:hover,
html[data-theme="dark"] .camp-ms-modal .dm-ms-embed .ms-modules-open-settings:focus-visible {
    border-color: rgba(var(--camp-hero-glow-rgb), 0.55);
    background: rgba(var(--camp-hero-glow-rgb), 0.14);
    color: #ffb366;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

html[data-theme="dark"] .camp-ms-modal .dm-ms-embed .dm-page-card.is-off .ms-modules-open-settings {
    border-color: var(--camp-border);
    background: rgba(255, 255, 255, 0.04);
    color: var(--camp-text-muted);
}

html[data-theme="dark"] .add-zone h6,
html[data-theme="dark"] .manager-card .block-form-card h6 {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .dm-portal-summary {
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.28) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .dm-portal-pages-card {
    background: var(--camp-surface-raised) !important;
}

html[data-theme="dark"] .dm-settings-save-row .text-muted {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .dm-portal-group-title {
    color: #9cb892 !important;
}

html[data-theme="dark"] .dm-portal-group-title .badge {
    background: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.22) !important;
    color: #b8d4ae !important;
}

html[data-theme="dark"] .dm-page-card {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .dm-page-card:hover {
    border-color: rgba(var(--camp-hero-glow-rgb), 0.35) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .dm-page-card.is-off {
    background: rgba(255, 255, 255, 0.02) !important;
    opacity: 0.72;
}

html[data-theme="dark"] .dm-page-card-icon {
    background: linear-gradient(135deg, rgba(var(--camp-hero-glow-rgb), 0.16) 0%, rgba(var(--camp-hero-glow-rgb), 0.08) 100%) !important;
    color: #9fd48f !important;
}

html[data-theme="dark"] .dm-page-card.is-off .dm-page-card-icon {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #7a8a76 !important;
}

html[data-theme="dark"] .dm-page-card-title {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .dm-page-card-level {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .dm-page-card-desc {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .dm-page-toggle-track {
    background: #475569 !important;
}

html[data-theme="dark"] .dm-page-toggle input:checked + .dm-page-toggle-track {
    background: linear-gradient(135deg, var(--camp-brand-primary) 0%, var(--camp-brand-primary-mid) 100%) !important;
}

/* Portal colour theme picker */
html[data-theme="dark"] .dm-theme-section.border-top {
    border-top-color: var(--camp-border) !important;
}

html[data-theme="dark"] .dm-theme-card {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .dm-theme-option input:checked + .dm-theme-card {
    border-color: var(--camp-brand-primary-light) !important;
    box-shadow: 0 0 0 3px rgba(var(--camp-hero-glow-rgb), 0.15) !important;
}

html[data-theme="dark"] .dm-theme-option input:focus-visible + .dm-theme-card {
    outline-color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .dm-theme-label {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .dm-theme-desc {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .dm-theme-custom-row {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .dm-theme-custom-row input[type="color"] {
    background: var(--camp-input-bg) !important;
    border-color: var(--camp-input-border) !important;
}

html[data-theme="dark"] .dm-theme-preview-mini {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .dm-theme-preview-main {
    background: var(--camp-bg-muted) !important;
}

html[data-theme="dark"] .dm-theme-option > .small.fw-bold {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .fb-match-card {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .fb-match-card:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.06) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.35) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .fb-match-name {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .fb-match-sub {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .fb-match-card--child .fb-match-type {
    background: rgba(14, 165, 233, 0.15) !important;
    color: #7dd3fc !important;
}

html[data-theme="dark"] .fb-match-card--leader .fb-match-type {
    background: rgba(16, 185, 129, 0.15) !important;
    color: #6ee7b7 !important;
}

html[data-theme="dark"] .fb-match-chevron {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .fb-match-card:hover .fb-match-chevron {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .fb-match-empty {
    background: var(--camp-bg-muted) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .fb-match-empty i {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .fb-match-ip {
    color: var(--camp-text-muted) !important;
    background: var(--camp-surface) !important;
}

html[data-theme="dark"] .section-checklist {
    background: var(--camp-bg-muted) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .section-checklist .form-check-label {
    color: var(--camp-text);
}

html[data-theme="dark"] .slot-entry {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .slot-entry-header input[type=time],
html[data-theme="dark"] .slot-entry-header select {
    background: var(--camp-input-bg) !important;
    border-color: var(--camp-input-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .slot-entry-body {
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .slot-remove {
    background: rgba(239, 68, 68, 0.15) !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
    color: #fca5a5 !important;
    width: 32px;
    height: 32px;
    padding: 0;
}

html[data-theme="dark"] .push-leader-list {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .push-leader-row {
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .push-leader-row:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.08) !important;
}

html[data-theme="dark"] .push-leader-row.is-selected {
    background: rgba(var(--camp-hero-glow-rgb), 0.14) !important;
}

html[data-theme="dark"] .push-leader-name {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .push-leader-avatar {
    background: var(--camp-surface-raised) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .push-preview {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .push-preview-card {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .push-preview-title {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .push-preview-body {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .slot-remove:hover {
    background: #b91c1c !important;
    color: #fff !important;
}

html[data-theme="dark"] .sess-day-card {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .sess-day-header {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .sess-day-name {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .sess-slot-row {
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .sess-slot-time {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .slot-label {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .btn-edit {
    background: rgba(59, 130, 246, 0.15) !important;
    border-color: rgba(96, 165, 250, 0.4) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .btn-edit:hover {
    background: #1e40af !important;
    color: #fff !important;
    border-color: #1e40af !important;
}

html[data-theme="dark"] .btn-del {
    background: rgba(239, 68, 68, 0.12) !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .btn-del:hover {
    background: #b91c1c !important;
    color: #fff !important;
    border-color: #b91c1c !important;
}

/* Requirement toggles — unchecked readable */
html[data-theme="dark"] .req-swim:not(:has(input:checked)) {
    background: rgba(59, 130, 246, 0.12) !important;
    border-color: rgba(96, 165, 250, 0.35) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .req-gun:not(:has(input:checked)) {
    background: rgba(245, 158, 11, 0.12) !important;
    border-color: rgba(251, 191, 36, 0.35) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] .req-swim:has(input:checked) {
    background: #1e40af !important;
    color: #fff !important;
    border-color: #1e40af !important;
}

html[data-theme="dark"] .req-gun:has(input:checked) {
    background: #d97706 !important;
    color: #fff !important;
    border-color: #d97706 !important;
}

/* Activity / slot badges */
html[data-theme="dark"] .type-water {
    background: rgba(59, 130, 246, 0.18) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .type-high-ropes {
    background: rgba(239, 68, 68, 0.18) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .type-low-ropes {
    background: rgba(245, 158, 11, 0.18) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] .type-land {
    background: rgba(var(--camp-hero-glow-rgb), 0.18) !important;
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .slot-badge {
    background: rgba(139, 92, 246, 0.18) !important;
    color: #c4b5fd !important;
}

html[data-theme="dark"] .slot-activity {
    background: rgba(59, 130, 246, 0.18) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .slot-custom {
    background: rgba(148, 163, 184, 0.18) !important;
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .reg-badge {
    background: rgba(var(--camp-hero-glow-rgb), 0.18) !important;
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .noreg-badge {
    background: rgba(148, 163, 184, 0.15) !important;
    color: #94a3b8 !important;
}

html[data-theme="dark"] .section-pill {
    background: rgba(139, 92, 246, 0.18) !important;
    color: #c4b5fd !important;
}

html[data-theme="dark"] .all-sections-pill {
    background: rgba(59, 130, 246, 0.18) !important;
    color: #93c5fd !important;
}

/* Details Manager — inline style overrides */
html[data-theme="dark"] .manager-card [style*="color:var(--camp-brand-primary-mid)"],
html[data-theme="dark"] .manager-card [style*="color: var(--camp-brand-primary-mid)"] {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .manager-card [style*="color:#888"],
html[data-theme="dark"] .manager-card [style*="color: #888"],
html[data-theme="dark"] .manager-card [style*="color:#666"],
html[data-theme="dark"] .manager-card [style*="color: #666"],
html[data-theme="dark"] .manager-card [style*="color:#555"],
html[data-theme="dark"] .manager-card [style*="color: #555"],
html[data-theme="dark"] .manager-card [style*="color:#aaa"],
html[data-theme="dark"] .manager-card [style*="color: #aaa"],
html[data-theme="dark"] .manager-card [style*="color:#bbb"],
html[data-theme="dark"] .manager-card [style*="color: #bbb"] {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .manager-card [style*="background:#fafcfa"],
html[data-theme="dark"] .manager-card [style*="background: #fafcfa"],
html[data-theme="dark"] .manager-card [style*="background:#f9faf9"],
html[data-theme="dark"] .manager-card [style*="background: #f9faf9"] {
    background: var(--camp-bg-muted) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .manager-card [style*="background:white"],
html[data-theme="dark"] .manager-card [style*="background: white"],
html[data-theme="dark"] .manager-card [style*="background:#fff"],
html[data-theme="dark"] .manager-card [style*="background: #fff"] {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .manager-card [style*="linear-gradient(135deg,#fff4eb,#fff4eb)"],
html[data-theme="dark"] .manager-card [style*="linear-gradient(135deg, #fff4eb, #fff4eb)"] {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .manager-card [style*="border:1.5px solid #fde8d4"],
html[data-theme="dark"] .manager-card [style*="border-right:1px solid #f0f3f0"],
html[data-theme="dark"] .manager-card [style*="border-bottom:1px solid #fde8d4"] {
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .manager-card [style*="background:#fef3c7"],
html[data-theme="dark"] .manager-card [style*="background: #fef3c7"] {
    background: rgba(245, 158, 11, 0.12) !important;
    border-color: rgba(251, 191, 36, 0.35) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] .manager-card [style*="background:#fde8d4"] {
    background: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] .manager-card [style*="background:#dbeafe"] {
    background: rgba(59, 130, 246, 0.18) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .manager-card [style*="background:#fef3c7"][style*="color:#92400e"],
html[data-theme="dark"] .manager-card .badge[style*="background:#fef3c7"] {
    background: rgba(245, 158, 11, 0.18) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] .manager-card .badge[style*="background:#dbeafe"] {
    background: rgba(59, 130, 246, 0.18) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .main-content > .border-bottom[style*="border-color:#fde4d0"] {
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .main-content > .d-flex .badge[style*="background:#fee2e2"] {
    background: rgba(239, 68, 68, 0.15) !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .manager-card code {
    color: var(--camp-brand-accent);
    background: rgba(var(--camp-hero-glow-rgb), 0.1);
    padding: 1px 5px;
    border-radius: 4px;
}

/* ── Minibus Scheduling ─────────────────────────────────────────────────── */
html[data-theme="dark"] body.route-minibus {
    background: var(--camp-bg-muted) !important;
}

html[data-theme="dark"] .minibus-page .mb-panel,
html[data-theme="dark"] .minibus-page .mb-empty-state__card,
html[data-theme="dark"] .minibus-page .mb-stat-row .stat-card {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .minibus-page .mb-panel__head {
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .minibus-page .mb-panel__titles h2 {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .minibus-page .mb-panel__titles p {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .minibus-page .mb-empty-state__card > i {
    color: rgba(var(--camp-hero-glow-rgb), 0.35) !important;
}

html[data-theme="dark"] .minibus-page .mb-empty-state__card h2 {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .minibus-page .mb-alert--warn {
    background: rgba(251, 191, 36, 0.1) !important;
    border-color: rgba(251, 191, 36, 0.35) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] .mb-bus-heading,
html[data-theme="dark"] .mb-admin-section-title,
html[data-theme="dark"] .mb-empty-title {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .mb-slot-time,
html[data-theme="dark"] .mb-time {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .mb-day-label,
html[data-theme="dark"] .mb-admin-act-day {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .mb-act-schedule-title,
html[data-theme="dark"] .mb-act-link,
html[data-theme="dark"] .mb-act-link--sm {
    color: #93c5fd !important;
}

html[data-theme="dark"] .mb-act-name {
    color: var(--camp-text);
}

html[data-theme="dark"] .mb-person-type,
html[data-theme="dark"] .mb-empty-manifest,
html[data-theme="dark"] .mb-cleared-msg {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .mb-empty-icon {
    color: rgba(var(--camp-hero-glow-rgb), 0.35) !important;
}

html[data-theme="dark"] .mb-page-icon {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .manifest-add-zone,
html[data-theme="dark"] .mb-locked-msg {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .mb-locked-msg i {
    color: #fcd34d !important;
}

html[data-theme="dark"] .manifest-person {
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .person-search-results {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .person-search-item {
    border-color: var(--camp-border) !important;
    color: var(--camp-text);
}

html[data-theme="dark"] .person-search-item:hover {
    background: var(--camp-surface) !important;
}

html[data-theme="dark"] .person-search-empty {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .pp-find-panel,
html[data-theme="dark"] .pp-results-panel {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .pp-find-head {
    background: rgba(var(--camp-hero-glow-rgb), 0.08) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .pp-find-title,
html[data-theme="dark"] .pp-picker-selected-name {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .pp-group-filter,
html[data-theme="dark"] .pp-picker-item {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .pp-picker-item:hover,
html[data-theme="dark"] .pp-picker-item.is-active {
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
}

html[data-theme="dark"] .pp-picker-tag.is-section {
    background: rgba(59, 130, 246, 0.18) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .pp-picker-tag.is-group {
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .sig-bypass-note {
    background: rgba(245, 158, 11, 0.12) !important;
    border-color: rgba(245, 158, 11, 0.35) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] .pp-picker-selected {
    background: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
    border-color: var(--camp-brand-primary) !important;
}

html[data-theme="dark"] .pp-picker-selected-name {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .pp-picker-selected-meta,
html[data-theme="dark"] .pp-picker-count,
html[data-theme="dark"] .pp-picker-hint,
html[data-theme="dark"] .pp-picker-empty {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .pp-picker-search {
    background: var(--camp-input-bg) !important;
    border-color: var(--camp-input-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .pp-picker-results {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .pp-picker-item {
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .pp-picker-item:hover,
html[data-theme="dark"] .pp-picker-item.is-active {
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
}

html[data-theme="dark"] .pp-picker-item-name {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .pp-picker-item-meta {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .pp-picker-change {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .mb-admin-slot {
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .mb-time-muted {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .badge-arrival {
    background: rgba(16, 185, 129, 0.18) !important;
    color: #6ee7b7 !important;
}

html[data-theme="dark"] .badge-departure {
    background: rgba(239, 68, 68, 0.18) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .mb-main .badge-activity {
    background: rgba(59, 130, 246, 0.18) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .mb-loc-badge {
    background: rgba(59, 130, 246, 0.18) !important;
    color: #93c5fd !important;
    border-color: rgba(96, 165, 250, 0.35) !important;
}

html[data-theme="dark"] .mb-group-badge {
    background: rgba(16, 185, 129, 0.18) !important;
    color: #6ee7b7 !important;
    border-color: rgba(52, 211, 153, 0.35) !important;
}

html[data-theme="dark"] .status-not_arrived,
html[data-theme="dark"] .mb-chip--awaiting {
    background: rgba(148, 163, 184, 0.15) !important;
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .status-on_camp,
html[data-theme="dark"] .mb-chip--on-camp {
    background: rgba(16, 185, 129, 0.18) !important;
    color: #6ee7b7 !important;
}

html[data-theme="dark"] .status-departed,
html[data-theme="dark"] .mb-chip--departed {
    background: rgba(239, 68, 68, 0.18) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .status-pending {
    background: rgba(245, 158, 11, 0.18) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] .mb-chip--leader {
    background: rgba(139, 92, 246, 0.18) !important;
    color: #c4b5fd !important;
}

html[data-theme="dark"] .mb-chip--child {
    background: rgba(59, 130, 246, 0.18) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .live-indicator {
    color: #6ee7b7 !important;
}

html[data-theme="dark"] .live-dot {
    background: #6ee7b7;
}

html[data-theme="dark"] .btn-print {
    background: var(--camp-surface-raised);
    border: 1px solid var(--camp-border);
}

html[data-theme="dark"] .btn-print:hover {
    background: var(--camp-surface);
}

html[data-theme="dark"] .offline-print-bar select {
    background: var(--camp-input-bg) !important;
    border-color: var(--camp-input-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .offline-print-bar select:focus {
    border-color: var(--camp-brand-primary-light) !important;
    box-shadow: 0 0 0 3px rgba(var(--camp-hero-glow-rgb), 0.2) !important;
}

html[data-theme="dark"] .offline-print-bar select option {
    background: var(--camp-surface) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .add-result-item.slot-conflict {
    background: rgba(255, 255, 255, 0.04) !important;
}

html[data-theme="dark"] .add-result-item.slot-conflict .add-result-name {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .pending-person {
    opacity: 0.85 !important;
}

/* ── Activity Scheduler ─────────────────────────────────────────────────── */
html[data-theme="dark"] .activity-scheduler-page > .page-tabs-bar {
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--camp-brand-primary-mid) 14%, var(--camp-surface)) 0%,
        color-mix(in srgb, var(--camp-hero-from) 18%, var(--camp-bg-muted)) 100%
    ) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.14) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

html[data-theme="dark"] .mb-main > .page-tabs-bar {
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--camp-brand-primary-mid) 14%, var(--camp-surface)) 0%,
        color-mix(in srgb, var(--camp-hero-from) 18%, var(--camp-bg-muted)) 100%
    ) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.14) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

html[data-theme="dark"] .action-bar {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
}

html[data-theme="dark"] .section-btn-group {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .activity-scheduler-page .btn-section-dropdown {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .activity-scheduler-page .btn-section-dropdown:hover,
html[data-theme="dark"] .activity-scheduler-page .btn-section-dropdown:focus-visible,
html[data-theme="dark"] .activity-scheduler-page .btn-section-dropdown:not(.collapsed) {
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.35) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .section-btn-group label {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .btn-section-sched {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .btn-section-sched:hover {
    border-color: rgba(var(--camp-hero-glow-rgb), 0.45) !important;
    color: var(--camp-brand-primary-light) !important;
    background: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
}

html[data-theme="dark"] .btn-section-sched.active {
    background: var(--camp-brand-primary) !important;
    border-color: var(--camp-brand-primary) !important;
    color: #fff !important;
}

html[data-theme="dark"] .section-tool-set {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .section-tool-set.is-locked {
    border-color: rgba(251, 191, 36, 0.45) !important;
    background: rgba(251, 191, 36, 0.08) !important;
}

html[data-theme="dark"] .section-tool-name {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .btn-section-clear {
    background: rgba(239, 68, 68, 0.12) !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .btn-section-clear:hover {
    background: rgba(239, 68, 68, 0.25) !important;
    color: #fff !important;
}

html[data-theme="dark"] .btn-section-lock {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .btn-section-lock.is-locked {
    background: rgba(251, 191, 36, 0.15) !important;
    border-color: rgba(251, 191, 36, 0.45) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] .action-bar .danger-badge {
    background: rgba(239, 68, 68, 0.15) !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .report-card-header .nav-pills .nav-link,
html[data-theme="dark"] .activity-scheduler-page .sched-card-tabs .nav-link,
html[data-theme="dark"] .activity-scheduler-page .info-card-header.sched-card-header--tabs .nav-pills .nav-link,
html[data-theme="dark"] .nav-pills .nav-link {
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    background: var(--camp-surface-raised) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .report-card-header .nav-pills .nav-link:not(.active):hover,
html[data-theme="dark"] .activity-scheduler-page .sched-card-tabs .nav-link:not(.active):hover,
html[data-theme="dark"] .activity-scheduler-page .info-card-header.sched-card-header--tabs .nav-pills .nav-link:not(.active):hover,
html[data-theme="dark"] .nav-pills .nav-link:not(.active):hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.1) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.35) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .nav-pills .nav-link.tab-unscheduled.active {
    background-color: #dc2626 !important;
    border-color: #dc2626 !important;
    color: #fff !important;
}

html[data-theme="dark"] .nav-pills .nav-link.tab-gaps.active {
    background-color: #d97706 !important;
    border-color: #d97706 !important;
    color: #fff !important;
}

html[data-theme="dark"] .nav-pills .nav-link.tab-booked.active {
    background-color: #16a34a !important;
    border-color: #16a34a !important;
    color: #fff !important;
}

html[data-theme="dark"] .activity-scheduler-page .stat-card {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .activity-scheduler-page .stat-card .stat-num {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .activity-scheduler-page .sched-stat-value--danger {
    color: #fca5a5 !important;
}

html[data-theme="dark"] .activity-scheduler-page .sched-stat-value--success {
    color: #86efac !important;
}

html[data-theme="dark"] .activity-scheduler-page .sched-stat-value--warning {
    color: #fcd34d !important;
}

html[data-theme="dark"] .activity-scheduler-page .stat-card--clickable {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .activity-scheduler-page .stat-card--clickable:hover,
html[data-theme="dark"] .activity-scheduler-page .stat-card--clickable:focus-visible {
    border-color: #f59e0b !important;
}

html[data-theme="dark"] .activity-scheduler-page .stat-card--clickable .stat-card-hint {
    color: #fcd34d !important;
}

html[data-theme="dark"] .activity-scheduler-page .stat-card--clickable.stat-card--danger .stat-card-hint {
    color: #fca5a5 !important;
}

html[data-theme="dark"] .activity-scheduler-page .stat-card--clickable.stat-card--success .stat-card-hint {
    color: #fdba74 !important;
}

html[data-theme="dark"] .sched-stat-modal .modal-body {
    background: var(--camp-surface) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .sched-stat-modal-section-count {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .sched-stat-modal-section-count-name {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .sched-shortfall-rec-list li {
    background: rgba(245, 158, 11, 0.12) !important;
    border-color: rgba(245, 158, 11, 0.35) !important;
}

html[data-theme="dark"] .sched-shortfall-slot-rec {
    color: #fcd34d !important;
}

html[data-theme="dark"] .sched-shortfall-slot-rec--assign {
    color: #6ee7b7 !important;
}

html[data-theme="dark"] .sched-shortfall-overall-rec {
    background: rgba(245, 158, 11, 0.12) !important;
    border-color: rgba(245, 158, 11, 0.35) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] .sched-run-modal .modal-content {
    background: var(--camp-surface) !important;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45) !important;
}

html[data-theme="dark"] .sched-run-modal .modal-body {
    background: linear-gradient(180deg, var(--camp-surface-raised) 0%, var(--camp-surface) 100%) !important;
}

html[data-theme="dark"] .sched-run-modal .sched-run-title {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .sched-run-modal .sched-run-message {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .sched-run-modal .sched-run-sub {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .sched-run-modal .sched-run-progress {
    background: var(--camp-border) !important;
}

html[data-theme="dark"] .sched-shortfall-modal .modal-body {
    background: var(--camp-surface) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .sched-shortfall-summary-item {
    background: rgba(245, 158, 11, 0.12) !important;
    border-color: rgba(245, 158, 11, 0.35) !important;
}

html[data-theme="dark"] .sched-shortfall-summary-item.is-muted {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .sched-shortfall-summary-item .value {
    color: #fcd34d !important;
}

html[data-theme="dark"] .sched-shortfall-summary-item.is-muted .value {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .sched-shortfall-slot {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .sched-shortfall-slot.is-critical {
    background: rgba(245, 158, 11, 0.1) !important;
    border-color: rgba(245, 158, 11, 0.4) !important;
}

html[data-theme="dark"] .sched-shortfall-slot-when {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .sched-shortfall-slot-reason {
    background: rgba(255, 255, 255, 0.06) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .activity-scheduler-page .sched-badge-unscheduled {
    background: rgba(239, 68, 68, 0.18) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .activity-scheduler-page .sched-badge-gaps {
    background: rgba(245, 158, 11, 0.18) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] .activity-scheduler-page .sched-badge-gaps-count {
    background: rgba(0, 0, 0, 0.25) !important;
    color: inherit !important;
}

html[data-theme="dark"] .activity-scheduler-page .sched-badge-booked {
    background: rgba(34, 197, 94, 0.18) !important;
    color: #86efac !important;
}

html[data-theme="dark"] .activity-scheduler-page .text-muted {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .activity-scheduler-page .btn-sched {
    background: var(--camp-brand-primary) !important;
    color: #fff !important;
}

html[data-theme="dark"] .activity-scheduler-page .btn-sched:hover {
    background: var(--camp-brand-primary-mid) !important;
    color: #fff !important;
}

html[data-theme="dark"] .activity-scheduler-page .day-header .btn-danger {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
    color: #fff !important;
}

html[data-theme="dark"] .activity-scheduler-page .day-header .btn-danger:hover {
    background: rgba(255, 255, 255, 0.28) !important;
    border-color: #fff !important;
    color: #fff !important;
}

html[data-theme="dark"] .main-content.activity-scheduler-page {
    background: var(--camp-bg-muted) !important;
}

html[data-theme="dark"] .activity-scheduler-page .stat-card .stat-label,
html[data-theme="dark"] .activity-scheduler-page .stat-card .stat-sub {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .activity-scheduler-page .sched-collapse-card,
html[data-theme="dark"] .activity-scheduler-page .info-card {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .activity-scheduler-page .sched-collapse-card__toggle,
html[data-theme="dark"] .activity-scheduler-page .info-card-header {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .activity-scheduler-page .sched-collapse-card__toggle:hover,
html[data-theme="dark"] .activity-scheduler-page .sched-collapse-card__toggle:focus-visible {
    background: var(--camp-surface-raised) !important;
    filter: brightness(1.08);
}

html[data-theme="dark"] .activity-scheduler-page .sched-collapse-card__meta {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .activity-scheduler-page .sched-collapse-card .info-card-body {
    background: var(--camp-surface) !important;
}

html[data-theme="dark"] .sched-section-stat {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .sched-section-stat-name {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .sched-section-stat-value {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .sched-section-stat-sub {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .activity-scheduler-page .grid-wrapper {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .table-scheduler th,
html[data-theme="dark"] .table-scheduler td {
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .col-activity-name {
    background: var(--camp-surface-raised) !important;
    border-right-color: var(--camp-border) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .cell-book:not(.cell-booked) {
    background-color: var(--camp-bg-muted) !important;
}

html[data-theme="dark"] .cell-book:not(.cell-booked):hover {
    background-color: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
}

html[data-theme="dark"] .cell-book.status-mixed {
    background-color: #1d4ed8 !important;
}

html[data-theme="dark"] .cell-book.status-over-cap {
    background-color: #7e22ce !important;
}

html[data-theme="dark"] .slot-custom-cell {
    background: var(--camp-surface-raised) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .activity-scheduler-page .btn-info-sm,
html[data-theme="dark"] .activity-scheduler-page .btn-fill-all {
    background: rgba(59, 130, 246, 0.18) !important;
    border-color: rgba(147, 197, 253, 0.35) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .activity-scheduler-page .btn-info-sm:hover,
html[data-theme="dark"] .activity-scheduler-page .btn-fill-all:hover {
    background: rgba(59, 130, 246, 0.32) !important;
    border-color: #93c5fd !important;
    color: #fff !important;
}

html[data-theme="dark"] .activity-scheduler-page .btn-leaders {
    background: #334155 !important;
    color: #e2e8f0 !important;
}

html[data-theme="dark"] .activity-scheduler-page .btn-leaders:hover {
    background: #1e293b !important;
    color: #fff !important;
}

html[data-theme="dark"] .activity-scheduler-page .btn-danger {
    background: rgba(239, 68, 68, 0.15) !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .activity-scheduler-page .btn-danger:hover {
    background: rgba(239, 68, 68, 0.28) !important;
    border-color: #f87171 !important;
    color: #fff !important;
}

html[data-theme="dark"] .flag-swim {
    background: rgba(59, 130, 246, 0.2) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .flag-gun {
    background: rgba(245, 158, 11, 0.2) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] .cell-book.cell-booked::before {
    background: #0f172a !important;
    color: #e2e8f0 !important;
}

html[data-theme="dark"] .sched-slot-modal .modal-content {
    background: var(--camp-surface) !important;
    border: 1px solid var(--camp-border) !important;
}

html[data-theme="dark"] .sched-slot-modal .modal-body {
    background: var(--camp-surface) !important;
}

html[data-theme="dark"] .sched-slot-modal .sched-slot-section-label {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .sched-slot-modal .sched-slot-list li {
    background: var(--camp-bg-muted) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .sched-slot-modal .btn-sched-slot-remove-child {
    background: rgba(239, 68, 68, 0.15) !important;
    border-color: rgba(248, 113, 113, 0.5) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .sched-slot-modal .btn-sched-slot-remove-child:hover {
    background: rgba(239, 68, 68, 0.35) !important;
    color: #fff !important;
}

html[data-theme="dark"] .sched-slot-modal .sched-slot-person-meta {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .sched-slot-modal .sched-slot-empty {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .sched-slot-modal .sched-slot-status.is-filled {
    background: rgba(34, 197, 94, 0.18) !important;
    color: #fdba74 !important;
}

html[data-theme="dark"] .sched-slot-modal .sched-slot-status.is-empty {
    background: rgba(249, 115, 22, 0.18) !important;
    color: #fdba74 !important;
}

html[data-theme="dark"] .sched-slot-modal .modal-footer {
    background: var(--camp-surface) !important;
    border-top-color: var(--camp-border) !important;
}

html[data-theme="dark"] .sched-child-modal .modal-body {
    background: var(--camp-surface) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .sched-child-section-label {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .sched-child-scheduled-item,
html[data-theme="dark"] .sched-child-gap,
html[data-theme="dark"] .sched-child-gap-option {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .sched-child-scheduled-item strong,
html[data-theme="dark"] .sched-child-gap-toggle,
html[data-theme="dark"] .sched-child-gap-option-head {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .sched-child-gap-toggle {
    background: var(--camp-surface) !important;
}

html[data-theme="dark"] .sched-child-gap-toggle:hover {
    background: rgba(var(--camp-hero-glow-rgb), 0.08) !important;
}

html[data-theme="dark"] .sched-child-scheduled-item small,
html[data-theme="dark"] .sched-child-gap-option-meta,
html[data-theme="dark"] .sched-child-gap-option-mix {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .sched-child-modal .modal-footer {
    background: var(--camp-surface) !important;
    border-top-color: var(--camp-border) !important;
}

html[data-theme="dark"] .btn-scan-qr {
    background: rgba(59, 130, 246, 0.18) !important;
    border-color: rgba(147, 197, 253, 0.35) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .btn-scan-qr:hover {
    background: rgba(59, 130, 246, 0.32) !important;
    border-color: #93c5fd !important;
    color: #fff !important;
}

html[data-theme="dark"] .att-qr-modal-header {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .att-qr-modal-header .modal-title {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .att-qr-modal-content {
    background: var(--camp-surface) !important;
}

html[data-theme="dark"] .att-qr-status--idle {
    background: var(--camp-surface-raised) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .att-qr-btn-outline {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .att-qr-hint {
    color: var(--camp-text-muted) !important;
}

/* ── Camp Visitors — visiting day selector & badges ─────────────────────── */
html[data-theme="dark"] .day-check {
    background: var(--camp-surface-raised) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .day-check:hover {
    border-color: rgba(var(--camp-hero-glow-rgb), 0.45) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .day-check:has(input:checked) {
    background: var(--camp-brand-primary) !important;
    border-color: var(--camp-brand-primary) !important;
    color: #fff !important;
}

html[data-theme="dark"] .visit-day-badge {
    background: rgba(var(--camp-hero-glow-rgb), 0.16) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.35) !important;
    color: var(--camp-brand-accent) !important;
}

/* ── System Status ─────────────────────────────────────────────────────── */
html[data-theme="dark"] .ss-hero {
    background: linear-gradient(135deg, var(--camp-hero-from) 0%, var(--camp-brand-primary-mid) 55%, var(--camp-brand-primary-dark) 100%) !important;
}

html[data-theme="dark"] .ss-hero::before {
    background: radial-gradient(circle at 85% 20%, rgba(var(--camp-hero-glow-rgb), 0.22), transparent 45%) !important;
}

html[data-theme="dark"] .ss-service-icon {
    background: linear-gradient(135deg, var(--camp-brand-primary), var(--camp-brand-primary-mid)) !important;
}

html[data-theme="dark"] .ss-btn--primary {
    background: linear-gradient(135deg, var(--camp-brand-primary), var(--camp-brand-primary-mid)) !important;
}

html[data-theme="dark"] .ss-btn--ghost:hover {
    border-color: var(--camp-brand-primary-light) !important;
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .ss-alert-icon {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .ss-timeline-dot:not(.ss-timeline-dot--warning):not(.ss-timeline-dot--critical) {
    background: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .ss-timeline-type {
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .ss-metric-bar:not(.ss-metric-bar--disk):not(.ss-metric-bar--good):not(.ss-metric-bar--warning):not(.ss-metric-bar--bad) span {
    background: linear-gradient(90deg, var(--camp-brand-primary), var(--camp-brand-primary-light)) !important;
}

html[data-theme="dark"] .ss-range-tab:hover {
    border-color: var(--camp-brand-primary-light) !important;
    color: var(--camp-brand-accent) !important;
}

html[data-theme="dark"] .ss-page {
    background: var(--camp-bg-muted) !important;
}

html[data-theme="dark"] .ss-section-head h2 {
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .ss-section-hint,
html[data-theme="dark"] .ss-service-updated,
html[data-theme="dark"] .ss-metric-sub,
html[data-theme="dark"] .ss-alert-meta,
html[data-theme="dark"] .ss-timeline-when,
html[data-theme="dark"] .ss-timeline-comp,
html[data-theme="dark"] .ss-timeline-desc {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .ss-service-card,
html[data-theme="dark"] .ss-alert,
html[data-theme="dark"] .ss-timeline-card,
html[data-theme="dark"] .ss-metric-card,
html[data-theme="dark"] .ss-modal .modal-content {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .ss-service-head h3,
html[data-theme="dark"] .ss-alert-title,
html[data-theme="dark"] .ss-timeline-card h4,
html[data-theme="dark"] .ss-metric-value,
html[data-theme="dark"] .ss-modal-service {
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .ss-service-desc,
html[data-theme="dark"] .ss-alert-desc {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .ss-service-note {
    background: var(--camp-input-bg) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .ss-btn--ghost {
    background: var(--camp-input-bg) !important;
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .ss-btn--warn {
    background: rgba(245, 158, 11, 0.12) !important;
    border-color: rgba(245, 158, 11, 0.35) !important;
    color: #fdba74 !important;
}

html[data-theme="dark"] .ss-timeline {
    border-left-color: var(--camp-border) !important;
}

html[data-theme="dark"] .ss-timeline-dot {
    border-color: var(--camp-bg-muted) !important;
}

html[data-theme="dark"] .ss-metric-bar {
    background: var(--camp-input-bg) !important;
}

html[data-theme="dark"] .ss-modal textarea,
html[data-theme="dark"] .ss-form-field input,
html[data-theme="dark"] .ss-form-field select,
html[data-theme="dark"] .ss-form-field textarea,
html[data-theme="dark"] #ssMaintenanceModal select,
html[data-theme="dark"] #ssIssueModal select,
html[data-theme="dark"] #ssComponentModal select {
    background-color: var(--camp-input-bg) !important;
    border-color: var(--camp-input-border) !important;
    color: var(--camp-text) !important;
    color-scheme: dark;
}

html[data-theme="dark"] .ss-form-field select:focus,
html[data-theme="dark"] #ssMaintenanceModal select:focus,
html[data-theme="dark"] #ssIssueModal select:focus {
    border-color: rgba(var(--camp-hero-glow-rgb), 0.55) !important;
    box-shadow: 0 0 0 3px rgba(var(--camp-hero-glow-rgb), 0.2) !important;
    outline: none;
}

html[data-theme="dark"] .ss-form-field select option,
html[data-theme="dark"] #ssMaintenanceModal select option,
html[data-theme="dark"] #ssIssueModal select option {
    background: var(--camp-surface) !important;
    color: var(--camp-text) !important;
}

html[data-theme="dark"] .ss-field-label {
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .ss-status-pick {
    border-color: var(--camp-border) !important;
    color: var(--camp-text-muted) !important;
}

html[data-theme="dark"] .ss-setup-banner {
    background: rgba(245, 158, 11, 0.1) !important;
    border-color: rgba(245, 158, 11, 0.3) !important;
    color: #fdba74 !important;
}

html[data-theme="dark"] .ss-health--good { background: rgba(16, 185, 129, 0.15) !important; color: #6ee7b7 !important; }
html[data-theme="dark"] .ss-health--warning { background: rgba(245, 158, 11, 0.15) !important; color: #fcd34d !important; }
html[data-theme="dark"] .ss-health--bad { background: rgba(239, 68, 68, 0.15) !important; color: #fca5a5 !important; }
html[data-theme="dark"] .ss-health--unknown { background: var(--camp-surface-2) !important; color: var(--camp-text-muted) !important; }

html[data-theme="dark"] .ss-history-card,
html[data-theme="dark"] .ss-range-tab {
    background: var(--camp-surface) !important;
    border-color: var(--camp-border) !important;
}

html[data-theme="dark"] .ss-range-tab { color: var(--camp-text-muted) !important; }
html[data-theme="dark"] .ss-range-tab.active {
    background: rgba(var(--camp-hero-glow-rgb), 0.12) !important;
    border-color: rgba(var(--camp-hero-glow-rgb), 0.3) !important;
    color: var(--camp-brand-primary-light) !important;
}

html[data-theme="dark"] .ss-history-card-head h3 { color: var(--camp-brand-primary-light) !important; }
html[data-theme="dark"] .ss-history-summary { color: var(--camp-text-muted) !important; }
html[data-theme="dark"] .ss-spark-meta { color: var(--camp-text-muted) !important; }
html[data-theme="dark"] .ss-spark-empty { background: var(--camp-surface-2) !important; color: var(--camp-text-muted) !important; }
html[data-theme="dark"] .ss-sparkline { color: var(--camp-brand-primary-light) !important; }
html[data-theme="dark"] .ss-spark--disk { color: #93c5fd !important; }
html[data-theme="dark"] .ss-spark--load { color: #c4b5fd !important; }