/* Scrollbar dark */
    [data-theme="dark"] ::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.15); }
    [data-theme="dark"] { scrollbar-color: rgba(255,255,255,0.15) transparent; }

    /* Sidebar: slightly darker in dark mode */
    [data-theme="dark"] .sidebar {
      background: linear-gradient(180deg, #0B1120, #0F172A);
    }
    [data-theme="dark"] .bottom-nav {
      background: linear-gradient(180deg, #0B1120, #0F172A);
    }

    /* Login panel dark */
    [data-theme="dark"] .login-panel {
      background: #1E293B;
      box-shadow: -20px 0 60px rgba(0,0,0,0.4);
    }
    [data-theme="dark"] .login-input-wrap .t-input {
      background: #0F172A; color: #F1F5F9;
    }
    [data-theme="dark"] .login-input-wrap .t-input:focus {
      background: #1E293B; box-shadow: 0 0 0 4px rgba(96,165,250,0.15);
    }
    [data-theme="dark"] .login-btn-pill {
      background: #60A5FA; color: #0F172A;
      box-shadow: 0 4px 16px rgba(96,165,250,0.3);
    }
    [data-theme="dark"] .login-btn-pill:hover {
      box-shadow: 0 8px 28px rgba(96,165,250,0.4);
    }
    [data-theme="dark"] .login-divider::before,
    [data-theme="dark"] .login-divider::after {
      background: rgba(255,255,255,0.1);
    }

    /* Inputs dark */
    [data-theme="dark"] .t-input {
      background: #0F172A; color: #F1F5F9;
      border-color: rgba(255,255,255,0.1);
    }
    [data-theme="dark"] .t-input:focus {
      border-color: var(--accent);
    }
    [data-theme="dark"] .t-input::placeholder { color: #64748B; }

    /* Cards & surfaces */
    [data-theme="dark"] .list-card { background: var(--bg-surface); }
    [data-theme="dark"] .card { background: var(--bg-surface); border-color: var(--border-subtle); }
    [data-theme="dark"] .stat-card { background: var(--bg-surface); }
    [data-theme="dark"] .quick-action-btn { background: var(--bg-surface); border-color: var(--border-subtle); }
    [data-theme="dark"] .member-card { background: var(--bg-surface); border-color: var(--border-subtle); }

    /* Settings page dark */
    [data-theme="dark"] .settings-profile-card {
      background: var(--bg-surface); border-color: var(--border-subtle);
    }
    [data-theme="dark"] .settings-info-card {
      background: var(--bg-surface); border-color: var(--border-subtle);
    }
    [data-theme="dark"] .settings-info-row {
      border-bottom-color: rgba(255,255,255,0.06);
    }
    [data-theme="dark"] .profile-tabs {
      background: #0F172A;
    }
    [data-theme="dark"] .profile-tab.active {
      background: #334155; color: var(--text-primary);
      box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    }

    /* Overview page dark */
    [data-theme="dark"] .ov-stat {
      background: var(--bg-surface); border-color: var(--border-subtle);
    }
    [data-theme="dark"] .ov-family-list {
      background: var(--bg-surface); border-color: var(--border-subtle);
    }
    [data-theme="dark"] .ov-family-row:hover { background: var(--bg-surface-hover); }
    [data-theme="dark"] .ov-family-row + .ov-family-row { border-top-color: rgba(255,255,255,0.06); }
    [data-theme="dark"] .ov-family-dot { border-color: var(--bg-surface); }
    [data-theme="dark"] .ov-events-list {
      background: var(--bg-surface); border-color: var(--border-subtle);
    }
    [data-theme="dark"] .ov-event-row + .ov-event-row { border-top-color: rgba(255,255,255,0.06); }
    [data-theme="dark"] .ov-map-card {
      background: var(--bg-surface); border-color: var(--border-subtle);
    }
    [data-theme="dark"] .ov-account-card {
      background: var(--bg-surface); border-color: var(--border-subtle);
    }
    [data-theme="dark"] .ov-account-row { border-bottom-color: rgba(255,255,255,0.06); }

    /* Person panel dark */
    [data-theme="dark"] .person-panel {
      background: var(--bg-surface);
      box-shadow: -8px 0 30px rgba(0,0,0,0.4);
    }
    [data-theme="dark"] .person-panel-close {
      background: #334155;
    }
    [data-theme="dark"] .person-panel-close:hover {
      background: #475569; color: var(--text-primary);
    }
    [data-theme="dark"] .pp-card {
      background: var(--bg-surface); border-color: rgba(255,255,255,0.1);
    }
    [data-theme="dark"] .pp-card-row + .pp-card-row { border-top-color: rgba(255,255,255,0.06); }
    [data-theme="dark"] .pp-history-btn {
      border-color: rgba(255,255,255,0.15);
    }
    [data-theme="dark"] .pp-history-btn:hover {
      border-color: rgba(255,255,255,0.3); background: #334155;
    }
    [data-theme="dark"] .pp-status-dot { border-color: var(--bg-surface); }

    /* Family page dark */
    [data-theme="dark"] .fm-row { border-bottom-color: rgba(255,255,255,0.06); }
    [data-theme="dark"] .fm-status-dot { border-color: var(--bg-surface); }
    [data-theme="dark"] .family-info-card {
      background: var(--bg-surface); border-color: var(--border-subtle);
    }

    /* Badges dark mode adjustments */
    [data-theme="dark"] .badge-owner { background: #4A3728; color: #FCD34D; }
    [data-theme="dark"] .badge-adult { background: #1E3A5F; color: #93C5FD; }
    [data-theme="dark"] .badge-youth { background: #14532D; color: #6EE7B7; }
    [data-theme="dark"] .badge-pending { background: #4A3728; color: #FCD34D; }
    [data-theme="dark"] .badge-readonly { background: #334155; color: #94A3B8; }

    /* Chips dark mode */
    [data-theme="dark"] .pp-chip-battery-green { background: #14532D; color: #6EE7B7; }
    [data-theme="dark"] .pp-chip-battery-amber { background: #4A3728; color: #FCD34D; }
    [data-theme="dark"] .pp-chip-battery-red { background: #4C1D1D; color: #FCA5A5; }
    [data-theme="dark"] .pp-chip-time { background: #1E3A5F; color: #93C5FD; }
    [data-theme="dark"] .pp-chip-address { background: #3B1F6E; color: #C4B5FD; }
    [data-theme="dark"] .fm-chip-battery-green { background: #14532D; color: #6EE7B7; }
    [data-theme="dark"] .fm-chip-battery-amber { background: #4A3728; color: #FCD34D; }
    [data-theme="dark"] .fm-chip-battery-red { background: #4C1D1D; color: #FCA5A5; }
    [data-theme="dark"] .fm-chip-time { background: #1E3A5F; color: #93C5FD; }
    [data-theme="dark"] .fm-chip-address { background: #3B1F6E; color: #C4B5FD; }

    /* Modal dark */
    [data-theme="dark"] .modal {
      background: #1E293B; border: 1px solid rgba(255,255,255,0.1);
    }
    [data-theme="dark"] .modal-overlay {
      background: rgba(0,0,0,0.6);
    }

    /* Toast dark */
    [data-theme="dark"] .toast-info { background: #334155; }

    /* Skeleton dark */
    [data-theme="dark"] .skeleton {
      background: linear-gradient(90deg, #1E293B 25%, #334155 50%, #1E293B 75%);
      background-size: 200% 100%;
    }

    /* Toggle switch dark */
    [data-theme="dark"] .toggle { background: #475569; }
    [data-theme="dark"] .toggle.active { background: var(--accent); }

    /* Settings radio dark */
    [data-theme="dark"] .settings-radio { border-color: #475569; }
    [data-theme="dark"] .settings-radio.selected { background: #60A5FA; border-color: #60A5FA; }

    /* Upload button dark */
    [data-theme="dark"] .upload-btn {
      background: #0F172A; border-color: rgba(255,255,255,0.12);
    }

    /* Invite code dark */
    [data-theme="dark"] .invite-code { background: #0F172A; }

    /* Button overrides dark */
    [data-theme="dark"] .btn-secondary {
      background: #0F172A; border-color: rgba(255,255,255,0.1);
    }
    [data-theme="dark"] .btn-pill-navy {
      background: #334155 !important; color: #F1F5F9 !important; border: 1px solid rgba(255,255,255,0.1) !important;
    }
    [data-theme="dark"] .btn-pill-navy:hover {
      background: #475569 !important; border-color: rgba(255,255,255,0.15) !important;
    }

    /* Zone search dark */
    [data-theme="dark"] .zone-search-input {
      background: #0F172A; border-color: var(--border-subtle);
    }
    [data-theme="dark"] .zone-radius-slider { background: #334155; }
    [data-theme="dark"] .zone-scope-pill.active {
      background: #60A5FA; color: #0F172A; border-color: #60A5FA;
    }

    /* Map controls dark */
    [data-theme="dark"] .map-ctrl-btn { background: var(--bg-surface); }
    [data-theme="dark"] .map-ctrl-btn:hover { background: var(--bg-surface-hover); }
    [data-theme="dark"] .map-ctrl-btn.active { background: var(--accent); color: #0F172A; }
    [data-theme="dark"] .map-zoom-range { background: #334155; }

    /* Marker speed badge dark */
    [data-theme="dark"] .map-marker-speed { background: var(--bg-surface); }
    [data-theme="dark"] .map-marker-avatar { border-color: var(--bg-surface); }

    /* Share page dark */
    [data-theme="dark"] .share-info-row { border-bottom-color: rgba(255,255,255,0.06); }
    [data-theme="dark"] .share-active-item { border-bottom-color: rgba(255,255,255,0.06); }
    [data-theme="dark"] .share-duration-option { border-bottom-color: rgba(255,255,255,0.06); }
    [data-theme="dark"] .share-limit-warning {
      background: #4A3728; color: #FCD34D;
    }
    [data-theme="dark"] .btn-share-copy { background: #1E3A5F; color: #60A5FA; }
    [data-theme="dark"] .btn-share-revoke { background: #4C1D1D; color: #FCA5A5; }

    /* Dashboard blobs: mute in dark mode */
    [data-theme="dark"] .dashboard-view::before { background: rgba(96,165,250,0.06); }
    [data-theme="dark"] .dashboard-view::after { background: rgba(129,140,248,0.05); }

    /* Family member modal dark */
    [data-theme="dark"] .fpm-close { background: #334155; }
    [data-theme="dark"] .fpm-close:hover { background: #475569; }
    [data-theme="dark"] .fpm-section { background: var(--bg-surface); border-color: var(--border-subtle); }

    /* Theme toggle buttons */
    .theme-radio-btn.active {
      background: #1A2536 !important; color: #fff !important; border-color: #1A2536 !important;
    }
    [data-theme="dark"] .theme-radio-btn.active {
      background: #60A5FA !important; color: #0F172A !important; border-color: #60A5FA !important;
    }

    /* Sidebar user dot border in dark */
    [data-theme="dark"] .sidebar-user-dot { border-color: #0F172A; }

    /* ── Dark mode: inline style overrides ── */
    /* All elements with inline background:var(--bg-inset) need dark override */
    [data-theme="dark"] .t-input {
      background: #0F172A !important;
      border-color: rgba(255,255,255,0.1) !important;
      color: var(--text-primary) !important;
    }
    [data-theme="dark"] .settings-right .list-card,
    [data-theme="dark"] .settings-right > div {
      background: var(--bg-surface); border-color: var(--border-subtle);
    }
    /* Share card URL field + stats slot bar */
    [data-theme="dark"] [style*="background:var(--bg-inset)"],
    [data-theme="dark"] [style*="background: var(--bg-inset)"] {
      background: #0F172A !important;
      border-color: rgba(255,255,255,0.08) !important;
    }
    /* Share card copy button - dark text on dark bg fix */
    [data-theme="dark"] [onclick*="copyShareLink"] {
      color: #93C5FD !important;
    }
    [data-theme="dark"] [onclick*="copyShareLink"]:hover {
      background: rgba(96,165,250,0.1) !important;
    }
    /* Share card end button */
    [data-theme="dark"] [onclick*="revokeShare"] {
      color: #FCA5A5 !important;
    }
    [data-theme="dark"] [onclick*="revokeShare"]:hover {
      background: rgba(239,68,68,0.1) !important;
    }
    /* Share card divider */
    [data-theme="dark"] [style*="width:1px;background:var(--border-subtle)"] {
      background: rgba(255,255,255,0.08) !important;
    }
    /* Share card border-top */
    [data-theme="dark"] [style*="border-top:1px solid var(--border-subtle)"] {
      border-top-color: rgba(255,255,255,0.08) !important;
    }
    /* No-family screen info box */
    [data-theme="dark"] #no-family-screen [style*="background:var(--bg-inset)"] {
      background: #0F172A !important;
      border-color: rgba(255,255,255,0.08) !important;
    }
    /* Profile tab buttons in settings sidebar */
    [data-theme="dark"] .settings-tab {
      background: var(--bg-surface) !important;
      color: var(--text-muted) !important;
    }
    [data-theme="dark"] .settings-tab.active {
      background: var(--accent) !important;
      color: #0F172A !important;
    }
    /* Overview mini map in sidebar - darken container */
    [data-theme="dark"] #overview-mini-map-wrap {
      filter: brightness(0.8) contrast(1.1);
    }
    /* Zone info cards at bottom of zones page */
    [data-theme="dark"] .zone-info-card {
      background: var(--bg-surface); border-color: var(--border-subtle);
    }
    [data-theme="dark"] .zone-info-icon {
      opacity: 0.8;
    }
    /* Family info cards */
    [data-theme="dark"] .family-info-card {
      background: var(--bg-surface); border-color: var(--border-subtle);
    }
    /* Countdown badge green background */
    [data-theme="dark"] [style*="background:#ECFDF5"] {
      background: rgba(16,185,129,0.15) !important;
      color: #6EE7B7 !important;
    }
    /* Share active icon green bg */
    [data-theme="dark"] [style*="background:var(--pastel-green)"] {
      background: rgba(16,185,129,0.15) !important;
    }

    /* Danger / red buttons in dark mode */
    [data-theme="dark"] .btn-danger { color: #FCA5A5; border-color: #7F1D1D; }
    [data-theme="dark"] .btn-danger:hover { background: #4C1D1D; border-color: #FCA5A5; }
    [data-theme="dark"] .btn-pill-red-outline { color: #FCA5A5 !important; border-color: #7F1D1D !important; background: transparent !important; }
    [data-theme="dark"] .btn-pill-red-outline:hover { background: rgba(239,68,68,0.12) !important; border-color: #FCA5A5 !important; }
    [data-theme="dark"] .family-leave-btn { color: #FCA5A5; border-color: #7F1D1D; }
    [data-theme="dark"] .family-leave-btn:hover { background: rgba(239,68,68,0.12); border-color: #FCA5A5; }
    [data-theme="dark"] .fpm-remove-btn { color: #FCA5A5; border-color: #7F1D1D; }
    [data-theme="dark"] .fpm-remove-btn:hover { background: rgba(239,68,68,0.12); border-color: #FCA5A5; }
    [data-theme="dark"] .danger-zone { border-color: #7F1D1D; }
    [data-theme="dark"] .danger-zone h4 { color: #FCA5A5; }
    [data-theme="dark"] .list-item-title[style*="color:#EF4444"] { color: #FCA5A5 !important; }
    [data-theme="dark"] .btn-reject { color: #FCA5A5; border-color: #7F1D1D; }
    [data-theme="dark"] .btn-reject:hover { background: rgba(239,68,68,0.12); border-color: #FCA5A5; }