/**
 * JPSA Command Center - Main Stylesheet
 * Version: v141
 * Generated: January 7, 2026
 * 
 * This file consolidates all application styles.
 * Import design-system.css BEFORE this file for proper variable definitions.
 */

        /* v67: Editorial Sophistication Typography */
        @import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,400&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

        body {
            font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            /* v92: Added subtle texture for depth */
            background:
                url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.02'/%3E%3C/svg%3E"),
                linear-gradient(180deg, #FAF9F7 0%, #F5F3F0 50%, #EDE9E4 100%);
            min-height: 100vh;
        }

        /* ============================================
           JPSA DESIGN SYSTEM v67
           Editorial Sophistication - Premium Magazine Feel
           ============================================ */

        :root {
            /* ===== v93 JPSA BRAND-ALIGNED COLOR SYSTEM ===== */

            /* Primary Accent - JPSA Blue (from brand book) */
            --color-accent: #00609C;
            --color-accent-hover: #005480;
            --color-accent-light: #E0F2FE;
            --color-focus-ring: rgba(0, 96, 156, 0.3);

            /* Secondary Accent - JPSA Orange (from brand book) */
            --color-gold: #F89728;
            --color-gold-light: #FDE68A;
            --color-gold-subtle: #FFF7ED;

            /* Backgrounds - Warm cream/paper tones */
            --color-bg: #FFFFFF;
            --color-surface: #FAF9F7;
            --color-surface-2: #F5F4F1;
            --color-page: #F8F7F6;
            --color-hero-bg: #FAF9F7;

            /* Borders - Refined with subtle warmth */
            --color-border: #E8E6E1;
            --color-border-light: #EDEBE8;
            --color-border-subtle: #F3F2EF;

            /* Text hierarchy - Rich, editorial contrast */
            --color-text: #1A1918;
            --color-text-secondary: #3D3B38;
            --color-text-muted: #6B6966;
            --color-text-faint: #78756F; /* v118: Improved contrast ratio for WCAG AA (was #9C9A96) */

            /* Semantic - Refined Status Colors */
            /* On Track - JPSA Green (from brand book) */
            --color-success: #4C9C2E;
            --color-success-light: #73C167;
            --color-success-muted: #E8F5E2;
            --color-success-text: #3D7A24;
            /* Watch - Warm Amber */
            --color-warning: #92400E;
            --color-warning-light: #F59E0B;
            --color-warning-muted: var(--warning-light);
            --color-warning-text: #92400E;
            /* At Risk - JPSA Red (from brand book) */
            --color-danger: #D31245;
            --color-danger-light: #E85A7E;
            --color-danger-muted: #FDE8ED;
            --color-danger-text: #A60E37;

            /* Tier colors - JPSA Brand Aligned */
            --tier-marquee: #522E91;
            --tier-marquee-light: #7B5BB5;
            --tier-marquee-subtle: #F3F0FA;
            --tier-marquee-text: #3D2270;
            --tier-medium: #00A4E4;
            --tier-medium-light: #4DC4F0;
            --tier-medium-subtle: #E6F7FD;
            --tier-medium-text: #0080B3;
            --tier-small: #4C9C2E;
            --tier-small-light: #73C167;
            --tier-small-subtle: #E8F5E2;
            --tier-small-text: #3D7A24;
            --tier-series: #F89728;
            --tier-series-light: #FABD6A;
            --tier-series-subtle: #FFF7ED;
            --tier-series-text: #C67A1F;
            --tier-committee: #57534E;
            --tier-committee-light: #78716C;
            --tier-committee-subtle: #F5F5F4;
            --tier-committee-text: var(--warm-700);

            /* ===== SPACING SCALE (8px base unit) ===== */
            --space-1: 4px;
            --space-2: 8px;
            --space-3: 12px;
            --space-4: 16px;
            --space-5: 20px;
            --space-6: 24px;
            --space-8: 32px;
            --space-10: 40px;
            --space-12: 48px;
            --space-16: 64px;

            /* Legacy aliases */
            --space-xs: var(--space-1);
            --space-sm: var(--space-2);
            --space-md: var(--space-4);
            --space-lg: var(--space-6);
            --space-xl: var(--space-10);
            --space-2xl: var(--space-16);

            /* Section/card gaps */
            --section-gap: 56px;
            --card-gap: var(--space-6);

            /* ===== RADIUS SCALE ===== */
            --radius-sm: 6px;
            --radius-md: 10px;
            --radius-lg: 14px;
            --radius-xl: 20px;

            /* ===== SHADOW (refined with subtle glow) ===== */
            --shadow-sm: 0 1px 2px rgba(26, 25, 24, 0.04), 0 1px 3px rgba(26, 25, 24, 0.06);
            --shadow-md: 0 4px 6px -1px rgba(26, 25, 24, 0.06), 0 2px 4px -2px rgba(26, 25, 24, 0.04);
            --shadow-lg: 0 10px 20px -4px rgba(26, 25, 24, 0.08), 0 4px 8px -4px rgba(26, 25, 24, 0.04);
            --shadow-xl: 0 20px 40px -8px rgba(26, 25, 24, 0.1), 0 8px 16px -8px rgba(26, 25, 24, 0.06);
            --shadow-glow: 0 0 0 1px rgba(109, 40, 217, 0.1), 0 4px 12px rgba(109, 40, 217, 0.08);
            --shadow-card: 0 1px 3px rgba(26, 25, 24, 0.04), 0 0 0 1px rgba(26, 25, 24, 0.03);
            --shadow-card-hover: 0 8px 24px -4px rgba(26, 25, 24, 0.08), 0 0 0 1px rgba(26, 25, 24, 0.04);

            /* ===== v67 TYPOGRAPHY SCALE ===== */
            --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
            --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
            --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

            /* Type sizes - editorial hierarchy */
            --text-hero: 36px;
            --text-title: 28px;
            --text-h2: 20px;
            --text-h3: 16px;
            --text-body: 14px;
            --text-small: 13px;
            --text-micro: 11px;

            /* Line heights */
            --leading-tight: 1.2;
            --leading-snug: 1.35;
            --leading-normal: 1.5;
            --leading-relaxed: 1.65;

            /* Letter spacing */
            --tracking-tight: -0.025em;
            --tracking-normal: 0;
            --tracking-wide: 0.02em;
            --tracking-wider: 0.05em;

            /* ===== LEGACY ALIASES (for compatibility) ===== */
            --dash-bg: var(--color-bg);
            --dash-bg-subtle: var(--color-surface);
            --dash-bg-muted: var(--color-surface-2);
            --dash-bg-page: var(--color-page);
            --dash-bg-hero: var(--color-hero-bg);
            --dash-border: var(--color-border);
            --dash-border-light: var(--color-border-light);
            --dash-border-subtle: var(--color-border-subtle);
            --dash-text-primary: var(--color-text);
            --dash-text-secondary: var(--color-text-secondary);
            --dash-text-muted: var(--color-text-muted);
            --dash-text-faint: var(--color-text-faint);
            --dash-accent: var(--color-accent);
            --dash-red: var(--color-danger);
            --dash-red-subtle: var(--color-danger-muted);
            --dash-amber: var(--color-warning);
            --dash-amber-subtle: var(--color-warning-muted);
            --dash-emerald: var(--color-success);
            --dash-emerald-subtle: var(--color-success-muted);
            --dash-space-xs: var(--space-xs);
            --dash-space-sm: var(--space-sm);
            --dash-space-md: var(--space-md);
            --dash-space-lg: var(--space-lg);
            --dash-space-xl: var(--space-xl);
            --dash-space-2xl: var(--space-2xl);
            --dash-radius-sm: var(--radius-sm);
            --dash-radius-md: var(--radius-md);
            --dash-radius-lg: var(--radius-lg);

            /* Calendar (legacy) */
            --cal-bg: var(--color-surface);
            --cal-card: var(--color-bg);
            --cal-text-primary: var(--color-text);
            --cal-text-secondary: var(--color-text-muted);
            --cal-border: var(--color-border);
            --cal-border-light: var(--color-border-light);
        }

        /* ===== v67 EDITORIAL TYPOGRAPHY CLASSES ===== */

        /* Hero - Large editorial serif heading */
        .type-hero {
            font-family: var(--font-display);
            font-size: var(--text-hero);
            font-weight: 500;
            line-height: var(--leading-tight);
            letter-spacing: var(--tracking-tight);
            color: var(--color-text);
        }

        /* Title - Serif display heading */
        .type-title {
            font-family: var(--font-display);
            font-size: var(--text-title);
            font-weight: 500;
            line-height: var(--leading-tight);
            letter-spacing: var(--tracking-tight);
            color: var(--color-text);
        }

        /* H2 - Serif section heading */
        .type-h2 {
            font-family: var(--font-display);
            font-size: var(--text-h2);
            font-weight: 500;
            line-height: var(--leading-snug);
            letter-spacing: -0.01em;
            color: var(--color-text);
        }

        /* H3 - Sans-serif subheading */
        .type-h3 {
            font-family: var(--font-body);
            font-size: var(--text-h3);
            font-weight: 600;
            line-height: var(--leading-normal);
            letter-spacing: 0;
            color: var(--color-text-secondary);
        }

        /* Body text */
        .type-body {
            font-family: var(--font-body);
            font-size: var(--text-body);
            font-weight: 400;
            line-height: var(--leading-relaxed);
            color: var(--color-text-secondary);
        }

        /* Small text */
        .type-small {
            font-family: var(--font-body);
            font-size: var(--text-small);
            font-weight: 400;
            line-height: var(--leading-normal);
            color: var(--color-text-muted);
        }

        /* Micro labels */
        .type-micro {
            font-family: var(--font-body);
            font-size: var(--text-micro);
            font-weight: 600;
            line-height: var(--leading-normal);
            color: var(--color-text-muted);
            text-transform: uppercase;
            letter-spacing: var(--tracking-wider);
        }

        /* Editorial label - refined category headers */
        .type-label {
            font-family: var(--font-body);
            font-size: var(--text-micro);
            font-weight: 600;
            line-height: 1;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            color: var(--color-text-muted);
        }

        /* ===== v67 REFINED BUTTON SYSTEM ===== */
        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: var(--space-2);
            height: 38px;
            padding: 0 18px;
            font-family: var(--font-body);
            font-size: var(--text-small);
            font-weight: 600;
            border-radius: var(--radius-md);
            border: 1px solid transparent;
            cursor: pointer;
            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
            white-space: nowrap;
            position: relative;
            overflow: hidden;
        }

        .btn::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
            opacity: 0;
            transition: opacity 0.2s ease;
        }

        .btn:hover::before {
            opacity: 1;
        }

        .btn-primary {
            background: linear-gradient(180deg, var(--color-accent) 0%, var(--color-accent-hover) 100%);
            color: white;
            border-color: var(--color-accent-hover);
            box-shadow: 0 1px 2px rgba(109, 40, 217, 0.2), 0 0 0 1px rgba(109, 40, 217, 0.1);
        }

        .btn-primary:hover {
            background: linear-gradient(180deg, var(--color-accent-hover) 0%, #4C1D95 100%);
            box-shadow: 0 4px 12px rgba(109, 40, 217, 0.25), 0 0 0 1px rgba(109, 40, 217, 0.15);
            transform: translateY(-1px);
        }

        .btn-primary:active {
            transform: translateY(0);
            box-shadow: 0 1px 2px rgba(109, 40, 217, 0.2);
        }

        .btn-secondary {
            background: var(--color-bg);
            color: var(--color-text-secondary);
            border-color: var(--color-border);
            box-shadow: var(--shadow-sm);
        }

        .btn-secondary:hover {
            background: var(--color-surface);
            border-color: var(--color-border-light);
            box-shadow: var(--shadow-md);
            transform: translateY(-1px);
        }

        .btn-ghost {
            background: transparent;
            color: var(--color-text-muted);
            border-color: transparent;
        }

        .btn-ghost:hover {
            background: var(--color-surface-2);
            color: var(--color-text-secondary);
        }

        .btn:focus-visible {
            outline: none;
            box-shadow: 0 0 0 3px var(--color-focus-ring), var(--shadow-sm);
        }

        .btn-sm {
            height: 32px;
            padding: 0 14px;
            font-size: var(--text-small);
        }

        .btn-lg {
            height: 44px;
            padding: 0 24px;
            font-size: var(--text-large);
        }

        /* ===== INPUT/SELECT SYSTEM ===== */
        .input, .select {
            height: 36px;
            padding: 0 12px;
            font-size: var(--text-small);
            color: var(--color-text);
            background: var(--color-bg);
            border: 1px solid var(--color-border);
            border-radius: var(--radius-md);
            transition: border-color 0.15s ease, box-shadow 0.15s ease;
        }

        .input:hover, .select:hover {
            border-color: var(--color-border);
        }

        .input:focus, .select:focus {
            outline: none;
            border-color: var(--color-accent);
            box-shadow: 0 0 0 3px var(--color-focus-ring);
        }

        .input::placeholder {
            color: var(--color-text-faint);
        }

        /* ===== TABLE SYSTEM ===== */
        .table {
            width: 100%;
            border-collapse: collapse;
            font-size: var(--text-small);
        }

        .table th {
            text-align: left;
            font-size: var(--text-micro);
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 0.04em;
            color: var(--color-text-muted);
            padding: var(--space-sm) var(--space-md);
            padding-left: 0;
            border-bottom: 1px solid var(--color-border);
        }

        .table td {
            padding: var(--space-md);
            padding-left: 0;
            color: var(--color-text-secondary);
            border-bottom: 1px solid var(--color-border-light);
            vertical-align: middle;
        }

        .table tr:last-child td {
            border-bottom: none;
        }

        .table tr:hover td {
            background: var(--color-surface);
        }

        .table .number {
            font-variant-numeric: tabular-nums;
            font-family: var(--font-mono);
        }

        /* v92: Task checkbox completion animation */
        @keyframes check-pop {
            0% { transform: scale(0.8); }
            50% { transform: scale(1.15); }
            100% { transform: scale(1); }
        }

        input[type="checkbox"]:checked {
            animation: check-pop 0.25s ease-out;
        }

        /* ===== HEADER STYLES ===== */

        .site-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-radius: var(--radius-lg);
            position: relative;
            overflow: hidden;
        }

        .site-header::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
        }

        .nav-tab {
            position: relative;
        }

        .nav-tab:hover {
            color: rgba(255,255,255,0.9) !important;
            background: rgba(255,255,255,0.05);
        }

        .nav-tab.active {
            color: #FFFFFF !important;
            font-weight: 600 !important;
        }

        /* Reduce motion for accessibility */
        @media (prefers-reduced-motion: reduce) {
            .ds-card,
            .ds-btn,
            .btn,
            .nav-tab {
                transition: none !important;
                animation: none !important;
            }
        }

        /* Dashboard Container - v67 Editorial */
        #executive-content {
            font-family: var(--font-body);
            background: var(--dash-bg-page);
            padding: var(--dash-space-xl) 48px;
            -webkit-font-smoothing: antialiased;
        }

        #executive-content * {
            font-family: inherit;
        }

        #executive-content h1,
        #executive-content h2,
        #executive-content .type-title,
        #executive-content .type-h2,
        #executive-content .page-title,
        #executive-content .section-header {
            font-family: var(--font-display);
        }

        /* Reset conflicting Tailwind styles - Minimal borders */
        #executive-content .bg-white,
        #executive-content .rounded-2xl,
        #executive-content .rounded-xl {
            background: var(--dash-bg);
            border: none;
            border-radius: var(--dash-radius-lg);
            box-shadow: var(--shadow-xs);
        }

        #executive-content .shadow-sm,
        #executive-content .shadow-md,
        #executive-content .shadow-lg {
            box-shadow: var(--shadow-xs) !important;
        }

        /* ===== v67 PREMIUM TYPOGRAPHY HIERARCHY ===== */
        .page-title {
            font-family: var(--font-display);
            font-size: var(--text-display);
            font-weight: 500;
            color: var(--dash-text-primary);
            letter-spacing: -0.025em;
            margin-bottom: var(--dash-space-sm);
            line-height: 1.2;
        }

        .section-header {
            font-family: var(--font-display);
            font-size: var(--text-h3);
            font-weight: 500;
            color: var(--dash-text-primary);
            letter-spacing: -0.01em;
            margin-bottom: var(--dash-space-md);
        }

        .meta-label {
            font-family: var(--font-body);
            font-size: var(--text-micro);
            font-weight: 600;
            color: var(--dash-text-muted);
            text-transform: uppercase;
            letter-spacing: 0.06em;
        }

        /* ===== v67 CARD SYSTEM - Editorial depth ===== */
        .dash-card {
            background: var(--dash-bg);
            border: 1px solid var(--color-border-subtle);
            border-radius: var(--dash-radius-lg);
            box-shadow: var(--shadow-card);
            transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
        }
        .dash-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);
            border-radius: var(--dash-radius-lg) var(--dash-radius-lg) 0 0;
        }
        .dash-card:hover {
            box-shadow: var(--shadow-card-hover);
            border-color: var(--color-border);
            transform: translateY(-2px);
        }

        .dash-card-header {
            padding: var(--dash-space-lg) var(--dash-space-lg);
            padding-bottom: var(--dash-space-md);
            border-bottom: none;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .dash-card-title {
            font-size: var(--text-large);
            font-weight: 600;
            color: var(--dash-text-primary);
            letter-spacing: -0.01em;
        }

        .dash-card-subtitle {
            font-size: var(--text-small);
            color: var(--dash-text-muted);
            font-weight: 400;
            margin-top: var(--space-1);
        }

        .dash-card-body {
            padding: var(--dash-space-lg);
            padding-top: var(--dash-space-sm);
        }

        /* ===== SECTION HEADERS (v41) ===== */
        #executive-content h3 {
            font-size: var(--text-large);
            font-weight: 600;
            color: var(--dash-text-primary);
            letter-spacing: -0.01em;
            margin-bottom: var(--dash-space-lg);
        }

        .dash-section-label {
            font-size: var(--text-micro);
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 0.04em;
            color: var(--dash-text-muted);
        }

        /* Section spacing */
        .dash-section {
            margin-bottom: var(--section-gap);
        }

            font-size: var(--text-small);
            color: var(--dash-text-muted);
            font-weight: 400;
        }

        .alert-item {
            font-size: var(--text-small);
            color: var(--dash-text-secondary);
            padding: var(--space-3) 0;
            border-bottom: none;
            display: flex;
            align-items: center;
            gap: var(--space-3);
        }

        .alert-item:last-child {
            border-bottom: none;
        }

        .alert-item-dot {
            width: 6px;
            height: 6px;
            border-radius: var(--radius-full);
            flex-shrink: 0;
        }

        .alert-item-dot.red { background: var(--dash-red); }
        .alert-item-dot.amber { background: var(--dash-amber); }
        .alert-item-dot.violet { background: var(--dash-violet); }

        /* ===== STATUS DOTS ===== */
        .status-dot {
            width: 8px;
            height: 8px;
            border-radius: var(--radius-full);
            display: inline-block;
            flex-shrink: 0;
        }

        .status-dot.critical { background: var(--dash-red); }
        .status-dot.warning { background: var(--dash-amber); }
        .status-dot.success { background: var(--dash-emerald); }
        .status-dot.neutral { background: var(--dash-border); }

        /* ===== PIPELINE GRID ===== */
        .pipeline-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1px;
            background: var(--dash-border);
            border-radius: var(--dash-radius-lg);
            overflow: hidden;
        }

        .pipeline-card {
            background: var(--dash-bg);
            padding: var(--dash-space-lg);
            text-align: center;
            cursor: pointer;
            transition: background 0.15s ease;
        }

        .pipeline-card:hover {
            background: var(--dash-bg-subtle);
        }

        .pipeline-card .number {
            font-size: var(--text-display);
            font-weight: 600;
            letter-spacing: -0.03em;
            color: var(--dash-text-primary);
            line-height: 1;
            font-variant-numeric: tabular-nums;
        }

        .pipeline-card .label {
            font-size: var(--text-small);
            font-weight: 500;
            color: var(--dash-text-secondary);
            margin-top: var(--space-2);
        }

        .pipeline-card .sublabel {
            font-size: var(--text-micro);
            color: var(--dash-text-muted);
            margin-top: var(--space-1);
        }

        /* ===== TAB BUTTONS ===== */
        .exec-tab-btn {
            font-size: var(--text-small);
            font-weight: 500;
            padding: var(--space-2) var(--space-3);
            border-radius: var(--dash-radius-sm);
            border: 1px solid transparent;
            background: transparent;
            color: var(--dash-text-muted);
            transition: all 0.15s ease;
            cursor: pointer;
        }

        .exec-tab-btn:hover {
            background: var(--dash-bg-muted);
            color: var(--dash-text-secondary);
        }

        .exec-tab-btn.active {
            background: var(--dash-text-primary) !important;
            color: white !important;
            border-color: var(--dash-text-primary) !important;
        }

        /* ===== EVENT LIST ===== */
        #exec-upcoming-events > div {
            padding: var(--space-4) var(--dash-space-lg);
            border-bottom: 1px solid var(--dash-border-light);
            transition: background 0.1s ease;
        }

        #exec-upcoming-events > div:last-child {
            border-bottom: none;
        }

        #exec-upcoming-events > div:hover {
            background: var(--dash-bg-subtle);
        }

        #executive-content .event-row {
            display: flex;
            align-items: center;
            gap: var(--dash-space-md);
        }

        .event-name {
            font-size: var(--text-small);
            font-weight: 500;
            color: var(--dash-text-primary);
            flex: 1;
        }

        .event-date {
            font-size: var(--text-small);
            color: var(--dash-text-muted);
            font-variant-numeric: tabular-nums;
        }

        .event-badge {
            font-size: var(--text-micro);
            font-weight: 600;
            padding: var(--space-1) var(--space-2);
            border-radius: var(--radius-xs);
            text-transform: uppercase;
            letter-spacing: 0.02em;
        }

        .event-badge { background: var(--dash-bg-muted); color: var(--dash-text-secondary); }
        .event-badge.marquee { background: var(--tier-marquee-subtle); color: var(--tier-marquee); }
        .event-badge.medium { background: var(--tier-medium-subtle); color: var(--tier-medium); }
        .event-badge.small { background: var(--tier-small-subtle); color: var(--tier-small); }
        .event-badge.series { background: var(--tier-series-subtle); color: #E65100; }
        .event-badge.committee { background: var(--dash-bg-muted); color: var(--dash-text-muted); }

        /* ===== MARQUEE SPOTLIGHT ===== */
        #executive-content .marquee-spotlight {
            background: var(--tier-marquee-subtle);
            border: 1px solid #D1C4E9;
        }

        .marquee-item {
            padding: var(--space-4) var(--dash-space-md);
            background: white;
            border-radius: var(--dash-radius-md);
            border: 1px solid #D1C4E9;
            transition: all 0.15s ease;
        }

        .marquee-item:hover {
            border-color: var(--tier-marquee);
        }

        .marquee-title {
            font-size: var(--text-small);
            font-weight: 600;
            color: var(--dash-text-primary);
        }

        .marquee-meta {
            font-size: var(--text-small);
            color: var(--dash-text-muted);
            margin-top: var(--space-1);
        }

        .marquee-progress {
            margin-top: var(--space-3);
            height: 4px;
            background: #D1C4E9;
            border-radius: var(--radius-xs);
            overflow: hidden;
        }

        .marquee-progress-fill {
            height: 100%;
            background: var(--tier-marquee);
            border-radius: var(--radius-xs);
            transition: width 0.3s ease;
        }

        /* ===== DATA TABLES ===== */
        .dash-table {
            width: 100%;
            font-size: var(--text-small);
        }

        .dash-table th {
            text-align: left;
            font-size: var(--text-micro);
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: var(--dash-text-muted);
            padding: 0 0 12px 0;
            border-bottom: 1px solid var(--dash-border);
        }

        .dash-table td {
            padding: var(--space-3) 0;
            color: var(--dash-text-secondary);
            border-bottom: 1px solid var(--dash-border-light);
        }

        .dash-table tr:last-child td {
            border-bottom: none;
        }

        .dash-table .number {
            font-variant-numeric: tabular-nums;
            text-align: right;
        }

        /* ===== METRIC DISPLAY ===== */
        .metric-value {
            font-size: var(--text-title);
            font-weight: 600;
            letter-spacing: -0.02em;
            color: var(--dash-text-primary);
            line-height: 1;
        }

        .metric-label {
            font-size: var(--text-small);
            color: var(--dash-text-muted);
            margin-top: var(--space-2);
        }

        /* ===== ALL SYSTEMS GO ===== */
        #all-systems-go {
            background: linear-gradient(135deg, var(--success) 0%, #10B981 100%);
            border: none;
            border-radius: var(--dash-radius-lg);
        }

        #all-systems-go h3 {
            color: white;
            font-size: var(--text-h3);
        }

        .chart-container {
            position: relative;
            width: 100%;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
            height: 320px;
            max-height: 350px;
        }
        @media (min-width: 768px) {
            .chart-container {
                height: 350px;
                max-height: 400px;
            }
        }
        .stat-card {
            @apply bg-white p-6 rounded-xl shadow-lg flex flex-col justify-center items-center transition-transform hover:scale-105;
        }
        .stat-value {
            @apply text-3xl font-semibold text-slate-900;
        }
        .stat-label {
            @apply text-sm font-bold text-slate-500 uppercase mt-1 tracking-wide;
        }
        select, input[type="text"] {
            @apply w-full md:w-auto border border-stone-300 rounded-lg px-4 py-2 shadow-sm focus:outline-none focus:ring-2 focus:ring-violet-500 text-stone-700;
        }
        .prose h1 { font-size: 1.5em; font-weight: bold; margin-bottom: 0.5em; color: var(--warm-900); }
        .prose h2 { font-size: 1.25em; font-weight: bold; margin-top: 1em; margin-bottom: 0.5em; color: var(--brand-blue); }
        .prose ul { list-style-type: disc; padding-left: 1.5em; margin-bottom: 1em; }
        .prose p { margin-bottom: 1em; line-height: 1.6; }
        .prose strong { color: #1F2328; }

        .tier-badge {
            @apply px-2 py-1 rounded-full text-xs font-semibold;
        }
        .tier-marquee { background: var(--tier-marquee-subtle); color: var(--tier-marquee-text); border: 1px solid var(--tier-marquee-light); }
        .tier-medium { background: var(--tier-medium-subtle); color: var(--tier-medium-text); border: 1px solid var(--tier-medium-light); }
        .tier-small { background: var(--tier-small-subtle); color: var(--tier-small-text); border: 1px solid var(--tier-small-light); }
        .tier-committee, .tier-ongoing { background: var(--tier-committee-subtle); color: var(--tier-committee-text); border: 1px solid var(--tier-committee-light); }
        .tier-series { background: var(--tier-series-subtle); color: var(--tier-series-text); border: 1px solid var(--tier-series-light); }

        /* Milestone styles */
        .milestone-complete { @apply bg-green-500; }
        .milestone-current { @apply bg-blue-500; }
        .milestone-upcoming { @apply bg-slate-300; }
        .milestone-overdue { @apply bg-red-500; }

        /* RACI Badges */
        .raci-badge {
            display: inline-flex;
            align-items: center;
            padding: var(--space-1) var(--space-2);
            border-radius: var(--radius-xs);
            font-size: var(--text-micro);
            font-weight: 700;
            margin-right: var(--space-1);
            min-width: 20px;
            justify-content: center;
            text-transform: uppercase;
        }
        .badge-r { background-color: #dbeafe; color: #1e40af; border: 1px solid #bfdbfe; }
        .badge-a { background-color: #fef3c7; color: #92400e; border: 1px solid #fde68a; }
        .badge-c { background-color: #f3e8ff; color: #6b21a8; border: 1px solid #e9d5ff; }
        .badge-i { background-color: #f1f5f9; color: var(--warm-600); border: 1px solid #e2e8f0; }

        /* Sidebar event item */
        .raci-event-item {
            transition: all 0.2s;
        }
        .raci-event-item.active {
            border-left: 4px solid #0d9488;
            background-color: #eff6ff;
        }

        .progress-bar {
            @apply w-full h-2 bg-slate-200 rounded-full overflow-hidden;
        }
        .progress-fill {
            @apply h-full transition-all duration-300;
        }

        .milestone-item {
            @apply flex items-center gap-2 py-1 text-sm;
        }
        .milestone-dot {
            @apply w-3 h-3 rounded-full flex-shrink-0;
        }

        .timeline-container {
            @apply relative overflow-x-auto pb-4;
        }
        .timeline-bar {
            @apply h-8 rounded flex items-center px-2 text-xs font-medium text-white relative;
        }

        /* ====================================================
           CALENDAR - EDITORIAL MAGAZINE AESTHETIC
           ==================================================== */
        /* Calendar-specific variables added to main :root above */

        /* Calendar Filter Pills */
        .cal-filter-pill {
            display: inline-flex;
            align-items: center;
            padding: var(--space-2) var(--space-3);
            font-size: var(--text-small);
            font-weight: 500;
            color: var(--warm-500);
            background: var(--warm-50);
            border: 1px solid var(--warm-200);
            border-radius: var(--radius-full);
            cursor: pointer;
            transition: all 0.15s ease;
        }
        .cal-filter-pill:hover {
            background: var(--warm-100);
            border-color: #CBD5E1;
        }
        .cal-filter-pill.active {
            background: var(--warm-800);
            color: #FFFFFF;
            border-color: var(--warm-800);
        }

        /* Calendar Overlay Toggles */
        .cal-overlay-toggle {
            display: inline-flex;
            align-items: center;
            gap: var(--space-1);
            padding: var(--space-1) var(--space-3);
            font-size: var(--text-micro);
            font-weight: 500;
            color: var(--warm-500);
            background: #FFFFFF;
            border: 1px solid var(--warm-200);
            border-radius: var(--radius-sm);
            cursor: pointer;
            transition: all 0.15s ease;
        }
        .cal-overlay-toggle:hover {
            background: var(--warm-50);
            border-color: #CBD5E1;
        }
        .cal-overlay-toggle.active {
            background: var(--warning-light);
            color: var(--warning-dark);
            border-color: #FCD34D;
        }
        .cal-overlay-toggle.active svg {
            color: var(--warning);
        }

        /* Event with attention indicator */
        .cal-event-attention {
            box-shadow: inset 0 0 0 2px #FCD34D !important;
        }
        .cal-event-attention::before {
            content: '';
            position: absolute;
            top: 8px;
            right: 8px;
            width: 8px;
            height: 8px;
            background: var(--warning);
            border-radius: var(--radius-full);
            animation: pulse 2s infinite;
        }

        /* Busy week indicator */
        .cal-week-busy-light { background: rgba(34, 197, 94, 0.08) !important; }
        .cal-week-busy-medium { background: rgba(234, 179, 8, 0.12) !important; }
        .cal-week-busy-heavy { background: rgba(239, 68, 68, 0.12) !important; }

        /* Calendar Event Summary Modal */
        .cal-summary-modal {
            position: fixed;
            inset: 0;
            z-index: 100;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 1rem;
            background: rgba(15, 23, 42, 0.5);
            backdrop-filter: blur(4px);
            opacity: 0;
            visibility: hidden;
            transition: all 0.2s ease;
        }
        .cal-summary-modal.visible {
            opacity: 1;
            visibility: visible;
        }
        .cal-summary-content {
            background: #FFFFFF;
            border-radius: var(--radius-md);
            box-shadow: var(--shadow-xl);
            max-width: 400px;
            width: 100%;
            transform: scale(0.95);
            transition: transform 0.2s ease;
        }
        .cal-summary-modal.visible .cal-summary-content {
            transform: scale(1);
        }

        .month-card-editorial {
            background: var(--cal-card);
            border: 1px solid var(--cal-border);
            border-radius: 1rem;
            padding: 2rem;
            margin-bottom: 2rem;
            animation: calSlideUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) backwards;
        }
        .month-card-editorial:nth-child(1) { animation-delay: 0.1s; }
        .month-card-editorial:nth-child(2) { animation-delay: 0.2s; }
        .month-card-editorial:nth-child(3) { animation-delay: 0.3s; }

        @keyframes calSlideUp {
            from { opacity: 0; transform: translateY(24px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .month-header-editorial {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
            margin-bottom: 1.5rem;
            padding-bottom: 1rem;
            border-bottom: 2px solid var(--cal-border);
        }
        .month-header-editorial h3 {
            font-family: var(--font-display);
            font-size: 2rem;
            font-weight: 600;
            letter-spacing: -0.02em;
            color: var(--cal-text-primary);
            margin: 0;
        }
        .month-count-editorial {
            font-family: var(--font-mono);
            font-size: 0.875rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            color: var(--cal-text-secondary);
        }

        .date-header-editorial {
            font-family: var(--font-mono);
            font-size: 0.75rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.15em;
            color: var(--cal-text-secondary);
            margin: 1.5rem 0 1rem 0;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid var(--cal-border-light);
        }

        .event-card-editorial {
            position: relative;
            background: var(--cal-card);
            border: 1px solid var(--cal-border);
            border-left: 6px solid var(--tier-medium);
            border-radius: 0.5rem;
            padding: 1.25rem;
            margin-bottom: 0.75rem;
            cursor: pointer;
            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
            box-shadow: var(--shadow-xs);
        }
        .event-card-editorial:hover {
            transform: translateX(4px);
            border-left-width: 8px;
            box-shadow: var(--shadow-lg);
        }
        .event-card-editorial[data-tier="marquee"] { border-left-color: var(--tier-marquee); }
        .event-card-editorial[data-tier="medium"] { border-left-color: var(--tier-medium); }
        .event-card-editorial[data-tier="small"] { border-left-color: var(--tier-small); }
        .event-card-editorial[data-tier="series"] { border-left-color: var(--tier-series); }
        .event-card-editorial[data-tier="ongoing"] { border-left-color: var(--cal-text-secondary); }

        .event-card-editorial[data-tier="marquee"]:hover { background: linear-gradient(to right, var(--tier-marquee-bg) 0%, transparent 50%); }
        .event-card-editorial[data-tier="medium"]:hover { background: linear-gradient(to right, var(--tier-medium-bg) 0%, transparent 50%); }
        .event-card-editorial[data-tier="small"]:hover { background: linear-gradient(to right, var(--tier-small-bg) 0%, transparent 50%); }
        .event-card-editorial[data-tier="series"]:hover { background: linear-gradient(to right, var(--tier-series-bg) 0%, transparent 50%); }

        .event-tier-editorial {
            font-family: var(--font-mono);
            font-size: 0.625rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            margin-bottom: 0.375rem;
            display: block;
        }
        .event-card-editorial[data-tier="marquee"] .event-tier-editorial { color: var(--tier-marquee); }
        .event-card-editorial[data-tier="medium"] .event-tier-editorial { color: var(--tier-medium); }
        .event-card-editorial[data-tier="small"] .event-tier-editorial { color: var(--tier-small); }
        .event-card-editorial[data-tier="series"] .event-tier-editorial { color: var(--tier-series); }

        .event-name-editorial {
            font-family: var(--font-body);
            font-size: 1.125rem;
            font-weight: 600;
            color: var(--cal-text-primary);
            line-height: 1.4;
            margin: 0 0 0.375rem 0;
            transition: color 0.2s;
        }
        .event-card-editorial[data-tier="marquee"]:hover .event-name-editorial { color: var(--tier-marquee); }
        .event-card-editorial[data-tier="medium"]:hover .event-name-editorial { color: var(--tier-medium); }
        .event-card-editorial[data-tier="small"]:hover .event-name-editorial { color: var(--tier-small); }
        .event-card-editorial[data-tier="series"]:hover .event-name-editorial { color: var(--tier-series); }

        .event-meta-editorial {
            font-family: var(--font-body);
            font-size: 0.875rem;
            color: var(--cal-text-secondary);
            margin-bottom: 0.75rem;
        }

        .event-progress-editorial {
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }
        .event-progress-editorial span {
            font-family: var(--font-mono);
            font-size: 0.875rem;
            font-weight: 600;
            color: var(--cal-text-primary);
            min-width: 2.5rem;
        }
        .progress-bar-editorial {
            flex: 1;
            height: 8px;
            background: var(--cal-border-light);
            border-radius: var(--radius-xs);
            overflow: hidden;
        }
        .progress-fill-editorial {
            height: 100%;
            border-radius: var(--radius-xs);
            transition: width 0.6s cubic-bezier(0.65, 0, 0.35, 1);
            position: relative;
            overflow: hidden;
        }
        .event-card-editorial[data-tier="marquee"] .progress-fill-editorial { background: var(--tier-marquee); }
        .event-card-editorial[data-tier="medium"] .progress-fill-editorial { background: var(--tier-medium); }
        .event-card-editorial[data-tier="small"] .progress-fill-editorial { background: var(--tier-small); }
        .event-card-editorial[data-tier="series"] .progress-fill-editorial { background: var(--tier-series); }

        .progress-fill-editorial::after {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
            animation: calShine 2s infinite;
        }
        @keyframes calShine {
            to { left: 100%; }
        }

        .calendar-empty-editorial {
            text-align: center;
            padding: 3rem;
            color: var(--cal-text-secondary);
            font-family: var(--font-body);
        }

        /* ====================================================
           PROGRESS MONITOR - COMMAND CENTER (LIGHT THEME)
           ==================================================== */
        .command-center {
            min-height: calc(100vh - 200px);
            background: var(--warm-50);
            padding: 1.5rem;
        }

        .command-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 1.5rem;
            padding-bottom: 1.5rem;
            border-bottom: 1px solid var(--warm-200);
        }

        .command-title {
            font-family: 'Inter', sans-serif;
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--warm-800);
            margin: 0;
        }

        .command-subtitle {
            font-family: 'Inter', sans-serif;
            font-size: 0.875rem;
            color: var(--warm-500);
            margin: 0.25rem 0 0 0;
        }

        .command-actions {
            display: flex;
            gap: 0.75rem;
        }

        .btn-command {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.625rem 1rem;
            font-family: 'Inter', sans-serif;
            font-size: 0.875rem;
            font-weight: 600;
            color: var(--warm-600);
            background: white;
            border: 1px solid var(--warm-200);
            border-radius: var(--radius-sm);
            cursor: pointer;
            transition: all 0.2s;
            box-shadow: var(--shadow-xs);
        }

        .btn-command:hover {
            background: var(--warm-100);
            border-color: #CBD5E1;
            transform: translateY(-1px);
        }

        .btn-command-primary {
            background: var(--brand-blue);
            border-color: var(--brand-blue);
            color: white;
        }

        .btn-command-primary:hover {
            background: var(--brand-blue);
            border-color: var(--brand-blue);
        }

        .btn-command-sync {
            padding: 0.625rem;
            background: white;
            border: 1px solid var(--warm-200);
            border-radius: var(--radius-sm);
            color: var(--warm-500);
            cursor: pointer;
            transition: all 0.2s;
        }

        .btn-command-sync:hover {
            color: var(--warm-800);
            border-color: #CBD5E1;
            transform: rotate(90deg);
        }

        .command-grid {
            display: grid;
            grid-template-columns: 260px 1fr 300px;
            gap: 1.5rem;
            align-items: start;
        }

        @media (max-width: 1280px) {
            .command-grid {
                grid-template-columns: 1fr;
            }
            .metrics-panel {
                display: grid !important;
                grid-template-columns: repeat(3, 1fr);
                gap: 1rem;
            }
            .cmd-team-panel {
                position: static !important;
            }
        }

        .metrics-panel {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            position: sticky;
            top: 2rem;
        }

        .metric-card {
            background: white;
            border: 1px solid var(--warm-200);
            border-radius: var(--radius-md);
            padding: 1.25rem;
            position: relative;
            overflow: hidden;
            box-shadow: var(--shadow-xs);
            animation: cmdSlideInLeft 0.6s cubic-bezier(0.16, 1, 0.3, 1) backwards;
        }

        .metric-card:nth-child(1) { animation-delay: 0.1s; }
        .metric-card:nth-child(2) { animation-delay: 0.2s; }
        .metric-card:nth-child(3) { animation-delay: 0.3s; }

        .metric-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: var(--status-color);
        }

        .metric-value-cmd {
            font-family: 'JetBrains Mono', monospace;
            font-size: 2.75rem;
            font-weight: 700;
            line-height: 1;
            color: var(--status-color);
            font-variant-numeric: tabular-nums;
        }

        .metric-label-cmd {
            font-family: 'Inter', sans-serif;
            font-size: 0.75rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: var(--warm-500);
            margin-top: 0.5rem;
        }

        .metric-trend {
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.75rem;
            font-weight: 600;
            margin-top: 0.75rem;
            padding-top: 0.75rem;
            border-top: 1px solid var(--warm-100);
        }

        .trend-up { color: var(--color-success); }
        .trend-down { color: var(--color-danger); }
        .trend-neutral { color: var(--color-text-muted); }

        .alerts-panel {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
        }

        .alert-card {
            background: white;
            border-radius: var(--radius-md);
            padding: 1.25rem;
            border: 1px solid var(--warm-200);
            border-left: 5px solid var(--alert-color);
            box-shadow: var(--shadow-xs);
            animation: cmdFadeInScale 0.5s cubic-bezier(0.16, 1, 0.3, 1) backwards;
        }

        .alert-card:nth-child(1) { animation-delay: 0.4s; }
        .alert-card:nth-child(2) { animation-delay: 0.5s; }

        .alert-critical {
            --alert-color: var(--color-danger);
        }

        .alert-warning {
            --alert-color: var(--color-warning);
        }

        .alert-header {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            margin-bottom: 1rem;
            padding-bottom: 0.75rem;
            border-bottom: 1px solid var(--warm-100);
        }

        .alert-pulse {
            width: 10px;
            height: 10px;
            background: var(--alert-color);
            border-radius: var(--radius-full);
            animation: cmdPulse 2s infinite;
        }

        @keyframes cmdPulse {
            0%, 100% { opacity: 1; transform: scale(1); }
            50% { opacity: 0.5; transform: scale(1.2); }
        }

        .alert-header h3 {
            font-family: 'Inter', sans-serif;
            font-size: 0.8125rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: var(--warm-800);
            flex: 1;
            margin: 0;
        }

        .alert-count {
            font-family: 'JetBrains Mono', monospace;
            font-size: 1.25rem;
            font-weight: 700;
            color: var(--alert-color);
            padding: 0.25rem 0.625rem;
            background: rgba(220, 38, 38, 0.08);
            border-radius: var(--radius-sm);
        }

        .alert-warning .alert-count {
            background: rgba(245, 158, 11, 0.1);
        }

        .alert-items {
            max-height: 350px;
            overflow-y: auto;
            scrollbar-width: thin;
            scrollbar-color: #CBD5E1 transparent;
        }

        .alert-items::-webkit-scrollbar {
            width: 6px;
        }

        .alert-items::-webkit-scrollbar-track {
            background: transparent;
        }

        .alert-items::-webkit-scrollbar-thumb {
            background: var(--warm-300);
            border-radius: var(--radius-xs);
        }

        .alert-item-group {
            margin-bottom: 1.25rem;
        }

        .alert-item-group:last-child {
            margin-bottom: 0;
        }

        .cmd-event-name {
            font-family: 'Inter', sans-serif;
            font-size: 0.875rem;
            font-weight: 600;
            color: var(--warm-800);
            margin-bottom: 0.5rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .tier-badge-mini {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 20px;
            height: 20px;
            border-radius: var(--radius-xs);
            font-size: var(--text-micro);
            font-weight: 700;
            color: white;
        }

        .tier-badge-mini.marquee { background: var(--tier-marquee); }
        .tier-badge-mini.medium { background: var(--tier-medium); }
        .tier-badge-mini.small { background: var(--tier-small); }
        .tier-badge-mini.series { background: var(--tier-series); }

        .cmd-task-list {
            display: flex;
            flex-direction: column;
            gap: 0.375rem;
            padding-left: 1.75rem;
        }

        .cmd-task-row {
            display: grid;
            grid-template-columns: 20px 1fr auto auto;
            gap: 0.75rem;
            align-items: center;
            padding: 0.5rem 0.75rem;
            background: var(--warm-50);
            border-radius: var(--radius-sm);
            font-size: 0.8125rem;
            color: var(--warm-600);
            transition: all 0.2s;
            cursor: pointer;
        }

        .cmd-task-row:hover {
            background: var(--warm-100);
            transform: translateX(4px);
        }

        .cmd-task-icon {
            color: var(--alert-color);
            font-weight: 700;
        }

        .cmd-task-name {
            font-family: 'Inter', sans-serif;
            font-weight: 500;
            color: #334155;
        }

        .cmd-task-lead {
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.75rem;
            color: var(--warm-500);
        }

        .cmd-task-overdue {
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.75rem;
            font-weight: 600;
            color: var(--alert-color);
        }

        .alert-action-btn {
            width: 100%;
            margin-top: 1rem;
            padding: 0.625rem;
            background: var(--warm-50);
            border: 1px solid var(--warm-200);
            border-radius: var(--radius-sm);
            color: var(--warm-600);
            font-family: 'Inter', sans-serif;
            font-size: 0.8125rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.2s;
        }

        .alert-action-btn:hover {
            background: var(--warm-100);
            border-color: #CBD5E1;
            transform: translateY(-1px);
        }

        .cmd-team-panel {
            background: white;
            border: 1px solid var(--warm-200);
            border-radius: var(--radius-md);
            padding: 1.25rem;
            position: sticky;
            top: 2rem;
            box-shadow: var(--shadow-xs);
            animation: cmdSlideInRight 0.6s cubic-bezier(0.16, 1, 0.3, 1) backwards;
            animation-delay: 0.6s;
        }

        .cmd-panel-title {
            font-family: 'Inter', sans-serif;
            font-size: 0.8125rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: var(--warm-800);
            margin: 0 0 0.25rem 0;
        }

        .cmd-panel-subtitle {
            font-size: 0.75rem;
            color: var(--warm-500);
            margin: 0 0 1.25rem 0;
        }

        .cmd-team-list {
            display: flex;
            flex-direction: column;
            gap: 0.75rem;
        }

        .cmd-team-member {
            padding: 0.875rem;
            background: var(--warm-50);
            border-radius: var(--radius-sm);
            border: 1px solid var(--warm-100);
            transition: all 0.2s;
            cursor: pointer;
        }

        .cmd-team-member:hover {
            background: var(--warm-100);
            border-color: var(--warm-200);
            transform: scale(1.02);
        }

        .cmd-member-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 0.625rem;
        }

        .cmd-member-info {
            display: flex;
            align-items: center;
            gap: 0.625rem;
        }

        .cmd-member-avatar {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 28px;
            height: 28px;
            border-radius: var(--radius-sm);
            background: linear-gradient(135deg, #00609C, #A855F7);
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.6875rem;
            font-weight: 700;
            color: white;
            text-transform: uppercase;
        }

        .cmd-member-name {
            font-family: 'Inter', sans-serif;
            font-size: 0.875rem;
            font-weight: 600;
            color: var(--warm-800);
        }

        .cmd-member-count {
            font-family: 'JetBrains Mono', monospace;
            font-size: 1rem;
            font-weight: 700;
            color: var(--warm-800);
            padding: 0.125rem 0.5rem;
            background: white;
            border: 1px solid var(--warm-200);
            border-radius: var(--radius-sm);
        }

        .cmd-member-progress {
            display: flex;
            align-items: center;
            gap: 0.625rem;
        }

        .cmd-progress-bar-wrapper {
            flex: 1;
            height: 6px;
            background: var(--warm-200);
            border-radius: var(--radius-xs);
            overflow: hidden;
        }

        .cmd-progress-bar-fill {
            height: 100%;
            border-radius: var(--radius-xs);
            transition: width 0.6s cubic-bezier(0.65, 0, 0.35, 1);
            position: relative;
        }

        .cmd-progress-bar-fill[data-status="low"] { background: var(--color-success); }
        .cmd-progress-bar-fill[data-status="medium"] { background: var(--color-warning); }
        .cmd-progress-bar-fill[data-status="high"] { background: var(--color-danger); }
        .cmd-progress-bar-fill[data-status="critical"] {
            background: var(--color-danger);
            animation: cmdPulseBar 2s infinite;
        }

        @keyframes cmdPulseBar {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.7; }
        }

        .cmd-progress-bar-fill::after {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
            animation: cmdShine 3s infinite;
        }

        @keyframes cmdShine {
            to { left: 100%; }
        }

        .cmd-progress-label {
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.6875rem;
            font-weight: 600;
            color: var(--warm-500);
            min-width: 50px;
            text-align: right;
            font-variant-numeric: tabular-nums;
        }

        @keyframes cmdSlideInLeft {
            from {
                opacity: 0;
                transform: translateX(-40px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        @keyframes cmdFadeInScale {
            from {
                opacity: 0;
                transform: scale(0.95);
            }
            to {
                opacity: 1;
                transform: scale(1);
            }
        }

        @keyframes cmdSlideInRight {
            from {
                opacity: 0;
                transform: translateX(40px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        .cmd-empty-state {
            text-align: center;
            padding: 2rem;
            color: var(--warm-500);
            font-family: 'Inter', sans-serif;
        }

        .cmd-empty-state svg {
            width: 48px;
            height: 48px;
            margin: 0 auto 1rem;
            color: var(--success);
        }

        /* ====================================================
           CAPACITY FORECAST - DATA VISUALIZATION DASHBOARD
           ==================================================== */
        .capacity-dashboard {
            background: var(--warm-50);
            min-height: 100%;
        }

        .capacity-header {
            background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
            border-radius: var(--radius-lg);
            padding: 2rem;
            margin-bottom: 1.5rem;
            color: white;
            position: relative;
            overflow: hidden;
        }

        .capacity-header::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -30%;
            width: 80%;
            height: 200%;
            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 60%);
            animation: capFloat 15s infinite linear;
        }

        @keyframes capFloat {
            0%, 100% { transform: translate(0, 0) rotate(0deg); }
            50% { transform: translate(-20px, 20px) rotate(180deg); }
        }

        .capacity-title {
            font-family: 'Manrope', sans-serif;
            font-size: 1.75rem;
            font-weight: 800;
            letter-spacing: -0.02em;
            margin: 0 0 0.25rem 0;
            position: relative;
        }

        .capacity-subtitle {
            font-family: 'DM Sans', sans-serif;
            font-size: 0.875rem;
            opacity: 0.9;
            margin: 0;
            position: relative;
        }

        .view-tabs {
            display: flex;
            gap: 0.5rem;
            background: rgba(255, 255, 255, 0.15);
            border-radius: var(--radius-md);
            padding: 0.375rem;
            margin-top: 1.25rem;
            position: relative;
        }

        .view-tab {
            flex: 1;
            padding: 0.625rem 1rem;
            border: none;
            background: transparent;
            color: rgba(255, 255, 255, 0.8);
            font-family: 'Manrope', sans-serif;
            font-size: 0.8125rem;
            font-weight: 600;
            border-radius: var(--radius-sm);
            cursor: pointer;
            transition: all 0.3s;
        }

        .view-tab:hover {
            background: rgba(255, 255, 255, 0.1);
            color: white;
        }

        .view-tab.active {
            background: white;
            color: #764BA2;
            box-shadow: var(--shadow-card);
        }

        .cap-metric-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1rem;
            margin-bottom: 1.5rem;
        }

        @media (max-width: 1024px) {
            .cap-metric-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        .cap-metric-card {
            background: white;
            border: 1px solid var(--warm-200);
            border-radius: var(--radius-md);
            padding: 1.25rem;
            position: relative;
            overflow: hidden;
            animation: capSlideUp 0.5s cubic-bezier(0.16, 1, 0.3, 1) backwards;
        }

        .cap-metric-card:nth-child(1) { animation-delay: 0.1s; }
        .cap-metric-card:nth-child(2) { animation-delay: 0.15s; }
        .cap-metric-card:nth-child(3) { animation-delay: 0.2s; }
        .cap-metric-card:nth-child(4) { animation-delay: 0.25s; }

        @keyframes capSlideUp {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .cap-metric-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: var(--cap-accent);
        }

        .cap-metric-value {
            font-family: 'JetBrains Mono', monospace;
            font-size: 2rem;
            font-weight: 700;
            color: var(--warm-900);
            line-height: 1;
            font-variant-numeric: tabular-nums;
        }

        .cap-metric-label {
            font-family: 'DM Sans', sans-serif;
            font-size: 0.75rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: var(--warm-500);
            margin-top: 0.5rem;
        }

        .cap-metric-sub {
            font-family: 'DM Sans', sans-serif;
            font-size: 0.75rem;
            color: var(--warm-400);
            margin-top: 0.25rem;
        }

        .capacity-timeline {
            background: white;
            border: 1px solid var(--warm-200);
            border-radius: var(--radius-lg);
            padding: 1.5rem;
            margin-bottom: 1.5rem;
        }

        /* Workload Summary View */
        .workload-week-row {
            display: grid;
            grid-template-columns: 120px 1fr auto;
            gap: var(--space-4);
            align-items: center;
            padding: var(--space-3) var(--space-5);
            cursor: pointer;
            transition: background 0.15s;
        }
        .workload-week-row:hover {
            background: var(--warm-50);
        }
        .workload-week-row.expanded {
            background: var(--warm-100);
        }
        .workload-week-label {
            display: flex;
            flex-direction: column;
            gap: var(--space-1);
        }
        .workload-week-num {
            font-size: var(--text-small);
            font-weight: 600;
            color: var(--warm-800);
        }
        .workload-week-dates {
            font-family: 'JetBrains Mono', monospace;
            font-size: var(--text-micro);
            color: var(--warm-500);
        }
        .workload-bar-container {
            display: flex;
            align-items: center;
            gap: var(--space-3);
        }
        .workload-bar {
            flex: 1;
            height: 24px;
            background: var(--warm-100);
            border-radius: var(--radius-sm);
            overflow: hidden;
            position: relative;
        }
        .workload-bar-fill {
            height: 100%;
            border-radius: var(--radius-sm);
            transition: width 0.3s ease;
        }
        .workload-bar-fill.status-ok { background: linear-gradient(90deg, var(--color-success), var(--color-success-light)); }
        .workload-bar-fill.status-warning { background: linear-gradient(90deg, var(--color-warning), var(--color-warning-light)); }
        .workload-bar-fill.status-overload { background: linear-gradient(90deg, var(--color-danger), var(--color-danger-light)); }
        .workload-bar-fill.status-spike { background: linear-gradient(90deg, var(--color-warning), var(--color-warning-light)); }
        .workload-bar-fill.status-structural { background: linear-gradient(90deg, var(--color-danger), var(--color-danger-light)); }
        .workload-bar-capacity {
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            width: 2px;
            background: #94A3B8;
        }
        .workload-hours {
            font-family: 'JetBrains Mono', monospace;
            font-size: var(--text-small);
            font-weight: 600;
            color: var(--warm-600);
            min-width: 45px;
            text-align: right;
        }
        .workload-status-badge {
            display: inline-flex;
            align-items: center;
            gap: var(--space-1);
            padding: var(--space-1) var(--space-3);
            border-radius: var(--radius-full);
            font-size: var(--text-micro);
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.02em;
        }
        .workload-status-badge.ok {
            background: var(--color-success-muted);
            color: var(--color-success-text);
        }
        .workload-status-badge.warning {
            background: var(--color-warning-muted);
            color: var(--color-warning-text);
        }
        .workload-status-badge.overload {
            background: var(--color-danger-muted);
            color: var(--color-danger-text);
        }
        .workload-status-badge.spike {
            background: var(--color-warning-muted);
            color: var(--color-warning-text);
        }
        .workload-status-badge.structural {
            background: var(--color-danger-muted);
            color: var(--color-danger-text);
        }
        /* Scenario toggle buttons */
        .workload-toggle-btn {
            display: inline-flex;
            align-items: center;
            padding: var(--space-2) var(--space-3);
            border-radius: var(--radius-full);
            font-size: var(--text-small);
            font-weight: 500;
            background: var(--warm-100);
            color: var(--warm-600);
            border: 1px solid var(--warm-200);
            cursor: pointer;
            transition: all 0.15s ease;
        }
        .workload-toggle-btn:hover {
            background: var(--warm-200);
        }
        .workload-toggle-btn.active {
            background: var(--warm-800);
            color: #FFFFFF;
            border-color: var(--warm-800);
        }
        .workload-week-right {
            display: flex;
            align-items: center;
            gap: var(--space-3);
        }
        .workload-chevron {
            color: var(--warm-400);
            transition: transform 0.2s;
        }
        .workload-week-row.expanded .workload-chevron {
            transform: rotate(180deg);
        }

        /* Drill-down panel */
        .workload-drilldown {
            display: none;
            background: var(--warm-50);
            border-top: 1px solid var(--warm-200);
            padding: var(--space-4) var(--space-5) var(--space-4) 140px;
        }
        .workload-week-row.expanded + .workload-drilldown {
            display: block;
        }
        .workload-drilldown-title {
            font-size: var(--text-micro);
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: var(--warm-500);
            margin-bottom: var(--space-3);
        }
        .workload-event-item {
            display: flex;
            align-items: center;
            gap: var(--space-3);
            padding: var(--space-2) var(--space-3);
            background: white;
            border: 1px solid var(--warm-200);
            border-radius: var(--radius-sm);
            margin-bottom: var(--space-2);
        }
        .workload-event-item:last-child {
            margin-bottom: 0;
        }
        .workload-event-tier {
            width: 24px;
            height: 24px;
            border-radius: var(--radius-xs);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: var(--text-micro);
            font-weight: 700;
            color: white;
        }
        .workload-event-tier.marquee { background: var(--brand-blue); }
        .workload-event-tier.medium { background: #0891B2; }
        .workload-event-tier.small { background: var(--success); }
        .workload-event-tier.series { background: var(--warning-dark); }
        .workload-event-name {
            flex: 1;
            font-size: var(--text-small);
            font-weight: 500;
            color: var(--warm-800);
        }
        .workload-event-hours {
            font-family: 'JetBrains Mono', monospace;
            font-size: var(--text-small);
            font-weight: 600;
            color: var(--warm-500);
        }
        .workload-no-drivers {
            font-size: var(--text-small);
            color: var(--warm-400);
            font-style: italic;
        }

        .timeline-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1.5rem;
            padding-bottom: 1rem;
            border-bottom: 1px solid #F3F4F6;
        }

        .timeline-title {
            font-family: 'Manrope', sans-serif;
            font-size: 1rem;
            font-weight: 700;
            color: var(--warm-900);
            margin: 0;
        }

        .timeline-legend {
            display: flex;
            gap: 1rem;
        }

        .legend-item {
            display: flex;
            align-items: center;
            gap: 0.375rem;
            font-family: 'DM Sans', sans-serif;
            font-size: 0.75rem;
            color: var(--warm-500);
        }

        .legend-dot {
            width: 10px;
            height: 10px;
            border-radius: var(--radius-xs);
        }

        .legend-dot.marquee { background: var(--tier-marquee); }
        .legend-dot.medium { background: var(--tier-medium); }
        .legend-dot.small { background: var(--tier-small); }
        .legend-dot.series { background: var(--tier-series); }

        .week-row {
            display: grid;
            grid-template-columns: 110px 1fr 100px;
            gap: 1rem;
            align-items: center;
            padding: 1rem 0;
            border-bottom: 1px solid #F3F4F6;
            transition: all 0.2s;
        }

        .week-row:last-child {
            border-bottom: none;
        }

        .week-row:hover {
            background: #FAFBFC;
            margin-left: -1rem;
            margin-right: -1rem;
            padding-left: 1rem;
            padding-right: 1rem;
            border-radius: var(--radius-sm);
        }

        .week-row[data-status="critical"] {
            background: linear-gradient(to right, rgba(239, 68, 68, 0.04), transparent);
        }

        .week-label {
            display: flex;
            flex-direction: column;
            gap: 0.125rem;
        }

        .week-number {
            font-family: 'Manrope', sans-serif;
            font-size: 0.875rem;
            font-weight: 700;
            color: var(--warm-900);
        }

        .week-dates {
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.6875rem;
            color: var(--warm-400);
        }

        .cap-bar-wrapper {
            position: relative;
            height: 40px;
            background: var(--warm-100);
            border-radius: var(--radius-sm);
            overflow: visible;
        }

        .cap-bar {
            height: 100%;
            border-radius: var(--radius-sm);
            position: relative;
            transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
            overflow: hidden;
        }

        .cap-bar-fill {
            width: 100%;
            height: 100%;
            position: relative;
            display: flex;
        }

        .week-row[data-status="normal"] .cap-bar-fill {
            background: linear-gradient(135deg, var(--color-success) 0%, var(--color-success-light) 100%);
        }

        .week-row[data-status="moderate"] .cap-bar-fill {
            background: linear-gradient(135deg, var(--color-warning) 0%, var(--color-warning-light) 100%);
        }

        .week-row[data-status="high"] .cap-bar-fill {
            background: linear-gradient(135deg, var(--color-danger) 0%, var(--color-danger-light) 100%);
        }

        .week-row[data-status="critical"] .cap-bar-fill {
            background: linear-gradient(135deg, var(--color-danger) 0%, var(--color-danger-light) 100%);
        }

        @keyframes capPulseBar {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.85; }
        }

        .cap-segments {
            display: flex;
            height: 100%;
            width: 100%;
        }

        .cap-segment {
            height: 100%;
            position: relative;
            border-right: 2px solid rgba(255, 255, 255, 0.3);
            transition: all 0.2s;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

        .cap-segment:last-child {
            border-right: none;
        }

        .cap-segment:hover {
            filter: brightness(1.1);
        }

        .cap-segment.tier-marquee { background: var(--tier-marquee); }
        .cap-segment.tier-medium { background: var(--tier-medium); }
        .cap-segment.tier-small { background: var(--tier-small); }
        .cap-segment.tier-series { background: var(--tier-series); }

        .cap-segment-label {
            font-family: 'DM Sans', sans-serif;
            font-size: 0.6875rem;
            font-weight: 600;
            color: white;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            padding: 0 0.5rem;
            opacity: 0.9;
        }

        .cap-stats {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 0.25rem;
        }

        .cap-hours {
            font-family: 'JetBrains Mono', monospace;
            font-size: 1rem;
            font-weight: 700;
            color: var(--warm-900);
            font-variant-numeric: tabular-nums;
        }

        .cap-hours.critical {
            color: var(--error);
        }

        .cap-total {
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.75rem;
            color: var(--warm-400);
        }

        .cap-status-badge {
            font-family: 'Manrope', sans-serif;
            font-size: 0.625rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            padding: 0.25rem 0.5rem;
            border-radius: var(--radius-xs);
        }

        .cap-status-badge.ok {
            background: var(--color-success-muted);
            color: var(--color-success-text);
        }

        .cap-status-badge.warning {
            background: var(--color-warning-muted);
            color: var(--color-warning-text);
        }

        .cap-status-badge.critical {
            background: var(--color-danger-muted);
            color: var(--color-danger-text);
        }

        .week-breakdown {
            grid-column: 1 / -1;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s;
        }

        .week-row.expanded .week-breakdown {
            max-height: 400px;
            padding-top: 1rem;
        }

        .breakdown-grid {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
            padding-left: 120px;
        }

        .breakdown-item {
            display: grid;
            grid-template-columns: 24px 1fr auto auto;
            gap: 0.75rem;
            align-items: center;
            padding: 0.625rem 0.875rem;
            background: var(--warm-50);
            border-radius: var(--radius-sm);
            border-left: 3px solid var(--tier-color);
            transition: all 0.2s;
            cursor: pointer;
        }

        .breakdown-item:hover {
            background: var(--warm-100);
            transform: translateX(4px);
        }

        .breakdown-item[data-tier="marquee"] { --tier-color: var(--brand-blue); }
        .breakdown-item[data-tier="medium"] { --tier-color: #0891B2; }
        .breakdown-item[data-tier="small"] { --tier-color: var(--success); }
        .breakdown-item[data-tier="series"] { --tier-color: var(--warning-dark); }

        .breakdown-tier-badge {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 22px;
            height: 22px;
            border-radius: var(--radius-sm);
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.625rem;
            font-weight: 700;
            color: white;
            background: var(--tier-color);
        }

        .breakdown-event-name {
            font-family: 'DM Sans', sans-serif;
            font-size: 0.8125rem;
            font-weight: 600;
            color: var(--warm-900);
        }

        .breakdown-owner {
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.6875rem;
            color: var(--warm-500);
        }

        .breakdown-hours {
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.8125rem;
            font-weight: 700;
            color: var(--warm-900);
            padding: 0.25rem 0.625rem;
            background: white;
            border-radius: var(--radius-xs);
            font-variant-numeric: tabular-nums;
        }

        .cap-empty-state {
            text-align: center;
            padding: 3rem;
            color: var(--warm-400);
        }

        .cap-empty-state svg {
            width: 48px;
            height: 48px;
            margin: 0 auto 1rem;
            stroke: currentColor;
        }

        .tasks-view-panel {
            background: white;
            border: 1px solid var(--warm-200);
            border-radius: var(--radius-lg);
            padding: 1.5rem;
            display: none;
        }

        .tasks-view-panel.active {
            display: block;
        }

        .task-type-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 32px;
            height: 32px;
            border-radius: var(--radius-sm);
            font-size: 0.875rem;
        }

        /* Task Type Expandable - Clean with DM Sans */
        .task-type-row {
            cursor: pointer;
            flex-wrap: wrap;
        }

        .task-type-row .expand-indicator {
            font-size: var(--text-micro);
            color: var(--warm-400);
            transition: transform 0.15s;
            margin-right: var(--space-2);
        }

        .task-type-row.expanded .expand-indicator {
            transform: rotate(90deg);
            color: var(--brand-blue);
        }

        .task-type-breakdown {
            display: none;
            width: 100%;
            margin: var(--space-4) 0 var(--space-3) 0;
            padding: var(--space-4) var(--space-5);
            background: var(--warm-50);
            border-radius: var(--radius-md);
        }

        .task-type-row.expanded .task-type-breakdown {
            display: block;
        }

        .breakdown-event {
            padding: var(--space-4) 0;
        }

        .breakdown-event:first-child {
            padding-top: 0;
        }

        .breakdown-event:not(:last-child) {
            border-bottom: 1px solid var(--warm-200);
        }

        .breakdown-event:last-child {
            padding-bottom: 0;
        }

        .breakdown-event-header {
            display: flex;
            align-items: center;
            gap: var(--space-3);
        }

        .breakdown-event-name {
            font-family: 'DM Sans', system-ui, sans-serif;
            font-weight: 600;
            color: var(--warm-900);
            flex: 1;
            font-size: var(--text-large);
        }

        .breakdown-event-staff {
            font-family: 'DM Sans', system-ui, sans-serif;
            color: var(--warm-500);
            font-size: var(--text-body);
        }

        .breakdown-event-hours {
            font-family: 'JetBrains Mono', monospace;
            font-weight: 700;
            font-size: var(--text-body);
            color: var(--success);
        }

        .tier-badge-mini {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 26px;
            height: 26px;
            border-radius: var(--radius-sm);
            font-family: 'JetBrains Mono', monospace;
            font-size: var(--text-small);
            font-weight: 700;
        }

        .tier-badge-mini.marquee { background: var(--brand-blue-light); color: var(--brand-blue); }
        .tier-badge-mini.medium { background: var(--brand-blue-light); color: var(--brand-blue); }
        .tier-badge-mini.small { background: var(--success-light); color: var(--success); }
        .tier-badge-mini.series { background: var(--warning-light); color: var(--warning); }

        .breakdown-tasks {
            margin: var(--space-3) 0 0 var(--space-10);
        }

        .breakdown-task {
            display: flex;
            align-items: center;
            gap: var(--space-4);
            padding: var(--space-2) 0;
            font-family: 'DM Sans', system-ui, sans-serif;
            font-size: var(--text-body);
            color: var(--warm-600);
        }

        .breakdown-task::before {
            content: '→';
            color: var(--warm-400);
        }

        .breakdown-task-name {
            flex: 1;
        }

        .breakdown-task-due {
            font-family: 'JetBrains Mono', monospace;
            font-size: var(--text-small);
            color: var(--warm-400);
        }

        .breakdown-task-hours {
            font-family: 'JetBrains Mono', monospace;
            font-size: var(--text-small);
            font-weight: 600;
            color: var(--warm-700);
            min-width: 45px;
            text-align: right;
        }

        /* ====================================================
           EVENTS WORKSPACE - UNIFIED TABLE VIEW
           ==================================================== */

        .events-workspace {
            height: calc(100vh - 140px);
            display: flex;
            flex-direction: column;
            background: #FCFCFC;
            padding: 1rem 2rem;
        }

        @media (min-width: 768px) {
            .events-workspace {
                padding: 1rem 2rem;
            }
        }

        .workspace-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 0.75rem;
            padding-bottom: 0.5rem;
            border-bottom: 1px solid var(--warm-200);
            flex-shrink: 0;
        }

        .header-left {
            display: flex;
            align-items: baseline;
            gap: 0.75rem;
        }

        .workspace-title {
            font-size: var(--text-h1);
            font-weight: 700;
            letter-spacing: -0.02em;
            color: var(--warm-900);
        }

        .event-count {
            font-size: var(--text-small);
            font-weight: 500;
            color: var(--warm-400);
        }

        /* Portfolio Health Summary */
        .portfolio-health-summary {
            background: white;
            border: 1px solid var(--warm-200);
            border-radius: var(--radius-md);
            padding: var(--space-4) var(--space-5);
            margin-bottom: var(--space-4);
            flex-shrink: 0;
        }
        .portfolio-stats-row {
            display: flex;
            gap: var(--space-3);
            flex-wrap: wrap;
        }
        .portfolio-stat {
            flex: 1;
            min-width: 100px;
            padding: var(--space-3) var(--space-4);
            background: var(--warm-50);
            border: 1px solid var(--warm-200);
            border-radius: var(--radius-sm);
            cursor: pointer;
            transition: all 0.15s ease;
            text-align: center;
        }
        .portfolio-stat:hover {
            background: var(--warm-100);
            border-color: #CBD5E1;
        }
        .portfolio-stat.active {
            border-color: var(--brand-blue);
            background: #F5F3FF;
        }
        .portfolio-stat .stat-value {
            font-size: var(--text-title);
            font-weight: 700;
            color: var(--warm-800);
            line-height: 1;
            margin-bottom: var(--space-1);
        }
        .portfolio-stat .stat-label {
            font-size: var(--text-small);
            font-weight: 500;
            color: var(--warm-500);
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }
        .portfolio-stat.stat-success .stat-value { color: var(--success); }
        .portfolio-stat.stat-warning .stat-value { color: var(--warning); }
        .portfolio-stat.stat-info .stat-value { color: var(--brand-blue); }
        .portfolio-status-message {
            margin-top: var(--space-3);
            padding: var(--space-3) var(--space-4);
            border-radius: var(--radius-sm);
            font-size: var(--text-small);
            font-weight: 500;
            display: none;
        }
        .portfolio-status-message.show { display: block; }
        .portfolio-status-message.success {
            background: var(--success-light);
            color: #065F46;
            border: 1px solid #A7F3D0;
        }
        .portfolio-status-message.warning {
            background: var(--warning-light);
            color: var(--warning-dark);
            border: 1px solid #FDE68A;
        }

        /* v79: Compact Workspace Layout with Sidebar */
        .workspace-layout {
            display: flex;
            gap: var(--space-4);
            flex: 1;
            min-height: 0;
        }
        .workspace-sidebar {
            width: 200px;
            flex-shrink: 0;
            background: white;
            border: 1px solid var(--warm-200);
            border-radius: var(--radius-md);
            padding: var(--space-4);
            display: flex;
            flex-direction: column;
            gap: var(--space-3);
            height: fit-content;
            position: sticky;
            top: 16px;
        }
        .workspace-sidebar .sidebar-section {
            display: flex;
            flex-direction: column;
            gap: var(--space-2);
        }
        .workspace-sidebar .sidebar-label {
            font-size: var(--text-micro);
            font-weight: 600;
            color: var(--warm-400);
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }
        .workspace-sidebar .sidebar-search {
            width: 100%;
            padding: var(--space-2) var(--space-3);
            border: 1px solid var(--warm-200);
            border-radius: var(--radius-sm);
            font-size: var(--text-small);
            background: var(--warm-50);
        }
        .workspace-sidebar .sidebar-search:focus {
            outline: none;
            border-color: var(--brand-blue);
            background: white;
        }
        .workspace-sidebar .sidebar-select {
            width: 100%;
            padding: var(--space-2) var(--space-3);
            border: 1px solid var(--warm-200);
            border-radius: var(--radius-sm);
            font-size: var(--text-small);
            background: white;
            cursor: pointer;
        }
        .workspace-sidebar .sidebar-btn {
            width: 100%;
            padding: var(--space-2) var(--space-3);
            border: 1px solid var(--warm-200);
            border-radius: var(--radius-sm);
            font-size: var(--text-small);
            font-weight: 500;
            background: var(--warm-50);
            color: var(--warm-500);
            cursor: pointer;
            transition: all 0.15s;
        }
        .workspace-sidebar .sidebar-btn:hover {
            background: var(--warm-100);
            color: var(--warm-600);
        }
        .workspace-sidebar .sidebar-divider {
            height: 1px;
            background: var(--warm-200);
            margin: var(--space-1) 0;
        }
        .workspace-main {
            flex: 1;
            min-width: 0;
            display: flex;
            flex-direction: column;
        }

        /* v79: Compact Health Badges */
        .health-badges {
            display: flex;
            align-items: center;
            gap: var(--space-2);
            margin-left: var(--space-4);
        }
        .health-badge {
            display: inline-flex;
            align-items: center;
            gap: var(--space-1);
            padding: var(--space-1) var(--space-3);
            border-radius: var(--radius-xl);
            font-size: var(--text-small);
            font-weight: 600;
            cursor: pointer;
            transition: all 0.15s;
            border: 1px solid transparent;
        }
        .health-badge:hover {
            transform: translateY(-1px);
        }
        .health-badge.active {
            box-shadow: 0 0 0 2px rgba(124, 58, 237, 0.3);
        }
        .health-badge-total {
            background: var(--warm-100);
            color: var(--warm-600);
        }
        .health-badge-ontrack {
            background: var(--success-light);
            color: var(--success);
        }
        .health-badge-atrisk {
            background: var(--error-light);
            color: var(--error);
        }
        .health-badge-planning {
            background: #F5F3FF;
            color: var(--brand-blue);
        }
        .health-badge .badge-count {
            font-weight: 700;
        }
        .health-badge .badge-label {
            font-weight: 500;
            opacity: 0.9;
        }

        .header-right {
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }

        .view-switcher {
            display: flex;
            background: #FFFFFF;
            border: 1px solid var(--warm-200);
            border-radius: var(--radius-sm);
            overflow: hidden;
        }

        .view-switcher button {
            padding: var(--space-2) var(--space-3);
            background: transparent;
            border: none;
            font-size: var(--text-small);
            font-weight: 500;
            color: var(--warm-500);
            cursor: pointer;
            transition: all 0.2s;
        }

        .view-switcher button.active {
            background: #F5F5F5;
            color: var(--warm-900);
            font-weight: 600;
        }

        /* Old filter bar - kept for compatibility */
        .filter-bar {
            display: none;
        }

        /* Quick Filter Buttons */
        .quick-filters {
            display: flex;
            gap: var(--space-2);
            margin-bottom: var(--space-3);
            flex-shrink: 0;
        }

        .quick-filter-btn {
            display: flex;
            align-items: center;
            gap: var(--space-2);
            padding: var(--space-3) var(--space-4);
            background: #FFFFFF;
            border: 1px solid var(--warm-200);
            border-radius: var(--radius-sm);
            cursor: pointer;
            transition: all 0.15s ease;
            font-family: inherit;
        }

        .quick-filter-btn:hover {
            background: var(--warm-50);
            border-color: var(--warm-300);
        }

        .quick-filter-btn.active {
            background: var(--color-accent-light);
            border-color: var(--color-accent);
            color: var(--color-accent);
        }

        .quick-filter-btn .filter-label {
            font-size: var(--text-small);
            font-weight: 500;
            color: var(--warm-700);
        }

        .quick-filter-btn.active .filter-label {
            color: var(--color-accent);
            font-weight: 600;
        }

        .quick-filter-btn .filter-count {
            font-size: var(--text-small);
            font-weight: 600;
            padding: var(--space-1) var(--space-2);
            border-radius: var(--radius-md);
            background: var(--warm-100);
            color: var(--warm-500);
            font-family: 'JetBrains Mono', monospace;
        }

        .quick-filter-btn.active .filter-count {
            background: var(--color-accent);
            color: white;
        }

        .quick-filter-btn.attention .filter-count {
            background: var(--color-danger-muted);
            color: var(--color-danger-text);
        }

        .quick-filter-btn.attention.active .filter-count {
            background: var(--color-danger);
            color: white;
        }

        /* Redesigned Filter Bar */
        .filter-bar-redesign {
            margin-bottom: 0.5rem;
            padding: 0.5rem 0.75rem;
            background: #FFFFFF;
            border: 1px solid var(--warm-200);
            border-radius: var(--radius-sm);
            box-shadow: var(--shadow-xs);
            flex-shrink: 0;
            display: flex;
            align-items: center;
            gap: 1rem;
            flex-wrap: wrap;
        }

        .filter-row-search {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            flex: 1;
            min-width: 200px;
        }

        .search-icon {
            color: var(--warm-400);
            flex-shrink: 0;
        }

        .filter-search-main {
            flex: 1;
            padding: var(--space-2) var(--space-3);
            background: var(--warm-50);
            border: 1px solid var(--warm-200);
            border-radius: var(--radius-sm);
            font-family: 'DM Sans', system-ui, sans-serif;
            font-size: var(--text-body);
            color: var(--warm-800);
            transition: all 0.2s;
        }

        .filter-search-main:focus {
            border-color: #6366F1;
            background: #FFFFFF;
            outline: none;
            box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
        }

        .filter-search-main::placeholder {
            color: var(--warm-400);
        }

        .clear-all-btn {
            padding: var(--space-2) var(--space-4);
            background: var(--warm-100);
            border: none;
            border-radius: var(--radius-sm);
            font-family: 'DM Sans', system-ui, sans-serif;
            font-size: var(--text-small);
            font-weight: 500;
            color: var(--warm-500);
            cursor: pointer;
            transition: all 0.2s;
            white-space: nowrap;
        }

        .clear-all-btn:hover {
            background: var(--warm-200);
            color: var(--warm-700);
        }

        .filter-row-controls {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            flex-wrap: wrap;
        }

        .filter-label {
            font-family: 'DM Sans', system-ui, sans-serif;
            font-size: var(--text-small);
            font-weight: 600;
            color: var(--warm-500);
            text-transform: uppercase;
            letter-spacing: 0.03em;
        }

        .filter-divider {
            width: 1px;
            height: 20px;
            background: var(--warm-200);
            margin: 0 0.5rem;
        }

        .filter-select {
            padding: var(--space-2) var(--space-3);
            background: var(--warm-50);
            border: 1px solid var(--warm-200);
            border-radius: var(--radius-sm);
            font-family: 'DM Sans', system-ui, sans-serif;
            font-size: var(--text-small);
            font-weight: 500;
            color: var(--warm-700);
            cursor: pointer;
            transition: all 0.2s;
        }

        .filter-select:hover,
        .filter-select:focus {
            border-color: var(--warm-300);
            background: #FFFFFF;
            outline: none;
        }

        /* Attention Banner */
        .attention-banner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: var(--space-3) var(--space-4);
            margin-bottom: 0.75rem;
            background: linear-gradient(135deg, var(--warning-light) 0%, #FDE68A 100%);
            border: 1px solid var(--warning);
            border-radius: var(--radius-sm);
        }

        .attention-banner-content {
            display: flex;
            align-items: center;
            gap: var(--space-2);
        }

        .attention-icon {
            font-size: var(--text-large);
        }

        #attention-text {
            font-family: 'DM Sans', system-ui, sans-serif;
            font-size: var(--text-body);
            font-weight: 500;
            color: var(--warning-dark);
        }

        .view-all-btn {
            padding: var(--space-2) var(--space-3);
            background: rgba(255,255,255,0.8);
            border: 1px solid var(--warning);
            border-radius: var(--radius-sm);
            font-family: 'DM Sans', system-ui, sans-serif;
            font-size: var(--text-small);
            font-weight: 600;
            color: var(--warning-dark);
            cursor: pointer;
            transition: all 0.2s;
        }

        .view-all-btn:hover {
            background: #FFFFFF;
        }

        /* Status Legend - Hidden to maximize table space */
        .status-legend {
            display: none;
        }
        .legend-title {
            font-family: 'DM Sans', system-ui, sans-serif;
            font-size: var(--text-small);
            font-weight: 600;
            color: var(--warm-500);
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
        .legend-items {
            display: flex;
            align-items: center;
            gap: var(--space-3);
            flex-wrap: wrap;
        }
        .legend-item {
            display: flex;
            align-items: center;
            gap: var(--space-2);
            font-family: 'DM Sans', system-ui, sans-serif;
            font-size: var(--text-small);
            color: var(--warm-700);
        }
        .legend-dot {
            width: 10px;
            height: 10px;
            border-radius: var(--radius-full);
        }
        .legend-dot.overdue { background: var(--color-danger); }
        .legend-dot.due-soon { background: var(--color-warning); }
        .legend-dot.on-track { background: var(--color-accent); }
        .legend-dot.complete { background: var(--color-success); }

        /* Legacy - kept for compatibility */
        .filter-search {
            flex: 1;
            min-width: 150px;
            padding: var(--space-2) var(--space-3);
            background: #FCFCFC;
            border: 1px solid var(--warm-200);
            border-radius: var(--radius-sm);
            font-size: var(--text-small);
            color: var(--warm-900);
            transition: all 0.2s;
        }

        .filter-search:focus {
            border-color: var(--brand-blue);
            outline: none;
        }

        .filter-search::placeholder {
            color: var(--warm-400);
        }

        .filter-reset {
            padding: var(--space-2) var(--space-3);
            background: transparent;
            border: 1px solid var(--warm-200);
            border-radius: var(--radius-sm);
            font-size: var(--text-small);
            font-weight: 500;
            color: var(--warm-500);
            cursor: pointer;
            transition: all 0.2s;
        }

        .filter-reset:hover {
            background: #F5F5F5;
            border-color: #D4D4D4;
        }

        .events-table-container {
            flex: 1;
            background: #FFFFFF;
            border: 1px solid var(--warm-200);
            border-radius: var(--radius-sm);
            overflow: hidden;
            display: flex;
            flex-direction: column;
            max-width: 1200px;
            margin: 0 auto;
        }

        .events-table {
            width: 100%;
            border-collapse: collapse;
            table-layout: fixed;
        }

        .events-table thead {
            background: var(--warm-50);
            border-bottom: 1px solid var(--warm-200);
            position: sticky;
            top: 0;
            z-index: 20;
        }

        .events-table thead th {
            background: var(--warm-50);
        }

        .events-table th {
            padding: var(--space-3) var(--space-4);
            text-align: left;
            font-size: var(--text-micro);
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: var(--warm-500);
        }

        /* Removed col-expand - arrow is now inline with event name */
        .events-table th.col-name { width: auto; }
        .events-table th.col-date { width: 85px; }
        .events-table th.col-staff { width: 90px; }
        .events-table th.col-tier { width: 55px; }
        .events-table th.col-progress { width: 110px; }
        .events-table th.col-status { width: 95px; }
        .events-table th.col-actions { width: 45px; }

        .event-row {
            display: table-row;
            border-bottom: 1px solid var(--warm-200);
            transition: background 0.15s;
            cursor: pointer; /* Entire row is clickable */
        }

        .event-row:hover {
            background: var(--dash-bg-subtle, #F8F9FA);
        }

        .event-row.expanded {
            background: var(--dash-bg-muted, #F1F3F5);
        }

        /* Inline expand indicator */
        .event-name-cell {
            display: flex;
            align-items: center;
            gap: var(--space-3);
        }

        .expand-indicator {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 20px;
            height: 20px;
            font-size: var(--text-micro);
            color: var(--dash-text-muted, var(--warm-500));
            transition: transform 0.2s ease;
            flex-shrink: 0;
        }

        .event-row.expanded .expand-indicator {
            transform: rotate(90deg);
        }

        .event-row td {
            padding: var(--space-3) var(--space-4);
            vertical-align: middle;
        }

        .expand-btn {
            width: 44px;
            height: 44px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: var(--warm-100);
            border: 1px solid var(--warm-200);
            border-radius: var(--radius-sm);
            font-size: var(--text-body);
            color: var(--warm-700);
            cursor: pointer;
            transition: all 0.2s;
        }

        .expand-btn:hover {
            background: var(--brand-blue);
            color: white;
            border-color: var(--brand-blue);
        }

        .expand-btn.expanded {
            transform: rotate(90deg);
        }

        .event-name {
            font-size: var(--text-large);
            font-weight: 600;
            color: var(--warm-900);
            line-height: 1.3;
        }

        .event-date {
            font-family: 'JetBrains Mono', monospace;
            font-size: var(--text-small);
            color: var(--warm-500);
        }

        .event-meta {
            font-size: var(--text-small);
            color: var(--warm-500);
        }

        .staff-avatar {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 22px;
            height: 22px;
            background: var(--warm-900);
            color: #FFFFFF;
            border-radius: var(--radius-sm);
            font-family: 'JetBrains Mono', monospace;
            font-size: var(--text-micro);
            font-weight: 700;
            margin-right: var(--space-1);
        }

        .staff-name {
            font-size: var(--text-small);
            font-weight: 500;
            color: var(--warm-900);
        }

        .tier-badge-table {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 26px;
            height: 26px;
            border-radius: var(--radius-sm);
            font-family: 'JetBrains Mono', monospace;
            font-size: var(--text-micro);
            font-weight: 700;
        }

        .tier-badge-table.marquee {
            background: #E9D5FF;
            color: var(--brand-blue);
        }

        .tier-badge-table.medium {
            background: var(--brand-blue-light);
            color: var(--brand-blue);
        }

        .tier-badge-table.small {
            background: var(--info-light);
            color: #0D9488;
        }

        .tier-badge-table.series {
            background: var(--warning-light);
            color: var(--warning);
        }

        .tier-badge-table.ongoing {
            background: var(--warm-200);
            color: var(--warm-600);
        }

        .tier-badge-table.committee {
            background: var(--warm-200);
            color: var(--warm-600);
        }

        .progress-cell {
            display: flex;
            align-items: center;
            gap: var(--space-2);
        }

        .progress-bar-table {
            flex: 1;
            height: 5px;
            background: var(--warm-200);
            border-radius: var(--radius-xs);
            overflow: hidden;
        }

        .progress-fill-table {
            height: 100%;
            border-radius: var(--radius-xs);
            transition: width 0.3s;
        }

        .progress-fill-table.green { background: #15803D; }
        .progress-fill-table.blue { background: var(--brand-blue-dark); }
        .progress-fill-table.amber { background: #A16207; }
        .progress-fill-table.red { background: var(--error-dark); }

        .progress-text {
            font-family: 'JetBrains Mono', monospace;
            font-size: var(--text-micro);
            font-weight: 600;
            color: var(--warm-500);
            min-width: 32px;
            text-align: right;
        }

        .status-badge-table {
            display: inline-flex;
            align-items: center;
            padding: var(--space-1) var(--space-2);
            border-radius: var(--radius-xs);
            font-size: var(--text-micro);
            font-weight: 600;
        }

        .status-badge-table.critical {
            background: var(--color-danger-muted);
            color: var(--color-danger-text);
        }

        .status-badge-table.warning {
            background: var(--color-warning-muted);
            color: var(--color-warning-text);
        }

        .status-badge-table.success {
            background: var(--color-success-muted);
            color: var(--color-success-text);
        }

        .status-badge-table.ontrack {
            background: var(--color-accent-light);
            color: var(--color-accent);
        }

        .action-btn-table {
            width: 26px;
            height: 26px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: transparent;
            border: none;
            border-radius: var(--radius-xs);
            font-size: var(--text-body);
            color: var(--warm-500);
            cursor: pointer;
            transition: all 0.2s;
        }

        .action-btn-table:hover {
            background: var(--warm-200);
            color: var(--warm-900);
        }

        /* Expanded Tasks Row */
        .event-tasks-row {
            display: none;
            background: var(--warm-50);
            border-bottom: 1px solid var(--warm-200);
        }

        .event-tasks-row.visible {
            display: table-row;
            animation: fadeIn 0.2s ease-out;
        }

        .tasks-container {
            padding: 1rem 1.5rem 1.5rem 3rem;
        }

        .tasks-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 0.75rem;
        }

        .tasks-header h4 {
            font-size: var(--text-small);
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: var(--warm-500);
        }

        .btn-collapse {
            padding: var(--space-1) var(--space-2);
            background: transparent;
            border: 1px solid var(--warm-200);
            border-radius: var(--radius-xs);
            font-size: var(--text-micro);
            font-weight: 500;
            color: var(--warm-500);
            cursor: pointer;
            transition: all 0.2s;
        }

        .btn-collapse:hover {
            background: #FFFFFF;
            border-color: #D4D4D4;
        }

        .tasks-table-inner {
            width: 100%;
            background: #FFFFFF;
            border: 1px solid var(--warm-200);
            border-radius: var(--radius-sm);
            overflow: hidden;
        }

        .tasks-table-inner thead th {
            background: var(--warm-50);
            padding: var(--space-2) var(--space-3);
            font-size: var(--text-micro);
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: var(--warm-400);
        }

        /* Task Rows - Enhanced with hover and max-width */
        .task-row {
            border-bottom: 1px solid var(--warm-200);
            transition: background 0.15s ease;
        }

        .task-row:last-child {
            border-bottom: none;
        }

        .task-row:hover {
            background: #EFF6FF;
        }

        .task-row td {
            padding: var(--space-3) var(--space-4);
            vertical-align: middle;
        }

        /* Modern Checkboxes */
        .task-checkbox {
            -webkit-appearance: none;
            appearance: none;
            width: 18px;
            height: 18px;
            border: 2px solid #CBD5E1;
            border-radius: var(--radius-sm);
            cursor: pointer;
            transition: all 0.2s ease;
            position: relative;
            background: #FFFFFF;
        }

        .task-checkbox:hover {
            border-color: var(--brand-blue-dark);
        }

        .task-checkbox:checked {
            background: var(--brand-blue-dark);
            border-color: var(--brand-blue-dark);
        }

        .task-checkbox:checked::after {
            content: '';
            position: absolute;
            left: 5px;
            top: 2px;
            width: 5px;
            height: 9px;
            border: solid white;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }

        .task-checkbox:disabled {
            opacity: 0.5;
            cursor: not-allowed;
            background: var(--warm-100);
        }

        .task-checkbox:disabled:checked {
            background: #15803D;
            border-color: var(--success-dark);
        }

        /* Task Name - Bolder, darker */
        .task-name-cell {
            font-size: var(--text-small);
            font-weight: 600;
            color: var(--warm-900);
        }

        .task-name-cell.complete {
            text-decoration: line-through;
            color: var(--warm-400);
        }

        .task-owner {
            font-size: var(--text-small);
            font-weight: 500;
            color: var(--warm-600);
        }

        /* RACI Badges - Vivid circles */
        .role-badge-table {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 24px;
            height: 24px;
            border-radius: var(--radius-full);
            font-family: 'JetBrains Mono', monospace;
            font-size: var(--text-micro);
            font-weight: 700;
            color: #FFFFFF;
            box-shadow: var(--shadow-xs);
        }

        .role-badge-table.r { background: var(--brand-blue); box-shadow: 0 2px 4px rgba(124, 58, 237, 0.3); }
        .role-badge-table.a { background: var(--brand-blue); box-shadow: 0 2px 4px rgba(37, 99, 235, 0.3); }
        .role-badge-table.c { background: #0D9488; box-shadow: 0 2px 4px rgba(13, 148, 136, 0.3); }
        .role-badge-table.i { background: var(--warm-500); box-shadow: 0 2px 4px rgba(100, 116, 139, 0.3); }

        /* Task Due Date */
        .task-due {
            font-family: 'JetBrains Mono', monospace;
            font-size: var(--text-micro);
            color: var(--warm-500);
        }

        .task-due.overdue {
            color: var(--error);
            font-weight: 600;
        }

        /* Task Status Badges - Vivid with borders */
        .task-status-badge {
            display: inline-flex;
            padding: var(--space-1) var(--space-3);
            border-radius: var(--radius-full);
            font-size: var(--text-micro);
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.02em;
        }

        .task-status-badge.overdue {
            background: var(--error-light);
            color: var(--error-dark);
            border: 1.5px solid #F87171;
            box-shadow: 0 1px 2px rgba(248, 113, 113, 0.2);
        }

        .task-status-badge.due-soon {
            background: var(--warning-light);
            color: var(--warning-dark);
            border: 1.5px solid #FCD34D;
        }

        .task-status-badge.pending {
            background: var(--warm-100);
            color: var(--warm-700);
            border: 1.5px solid var(--warm-200);
        }

        .task-status-badge.complete {
            background: var(--success-light);
            color: #166534;
            border: 1.5px solid #86EFAC;
        }

        /* Phase Sections - Premium Deep Blue Headers */
        .phase-sections {
            display: flex;
            flex-direction: column;
            gap: var(--space-3);
            max-width: 1000px;
            margin: 0 auto;
        }

        .phase-section {
            background: #FFFFFF;
            border: 1px solid var(--warm-200);
            border-radius: var(--radius-md);
            overflow: hidden;
            transition: all 0.2s ease;
            box-shadow: var(--shadow-xs);
        }

        .phase-section.phase-past {
            opacity: 0.7;
            background: #FAFAFA;
        }

        .phase-section.phase-past:hover {
            opacity: 0.9;
        }

        .phase-section.phase-current {
            border-color: var(--brand-blue-dark);
            box-shadow: 0 0 0 2px rgba(30, 64, 175, 0.15), 0 4px 12px rgba(30, 64, 175, 0.12);
        }

        .phase-section.phase-future {
            background: #FCFCFC;
        }

        .phase-section.phase-complete {
            background: #F0FDF4;
            border-color: #86EFAC;
        }

        /* Phase Header - Deep Navy Blue */
        .phase-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: var(--space-4) var(--space-5);
            background: #1E3A8A;
            cursor: pointer;
            user-select: none;
            transition: background 0.15s;
        }

        .phase-header:hover {
            background: var(--brand-blue-dark);
        }

        .phase-past .phase-header {
            background: #475569;
        }

        .phase-past .phase-header:hover {
            background: var(--warm-500);
        }

        .phase-complete .phase-header {
            background: #15803D;
        }

        .phase-complete .phase-header:hover {
            background: #166534;
        }

        .phase-header-left {
            display: flex;
            align-items: center;
            gap: var(--space-3);
        }

        .phase-chevron {
            font-size: var(--text-small);
            color: rgba(255, 255, 255, 0.7);
            width: 16px;
            transition: transform 0.2s;
        }

        .phase-icon {
            font-size: var(--text-large);
        }

        .phase-title {
            font-size: var(--text-body);
            font-weight: 700;
            color: #FFFFFF;
            text-transform: uppercase;
            letter-spacing: 0.03em;
        }

        .phase-past .phase-title {
            color: #FFFFFF;
        }

        /* Progress Badge in Header */
        .phase-count {
            font-family: 'JetBrains Mono', monospace;
            font-size: var(--text-small);
            font-weight: 600;
            color: #FFFFFF;
            padding: var(--space-1) var(--space-3);
            background: rgba(255, 255, 255, 0.2);
            border-radius: var(--radius-full);
        }

        .phase-badge {
            display: inline-flex;
            padding: var(--space-1) var(--space-3);
            border-radius: var(--radius-full);
            font-size: var(--text-micro);
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.03em;
        }

        .phase-badge.complete {
            background: rgba(255, 255, 255, 0.25);
            color: #FFFFFF;
        }

        .phase-badge.overdue {
            background: var(--error-light);
            color: var(--error-dark);
        }

        .phase-badge.current {
            background: rgba(255, 255, 255, 0.3);
            color: #FFFFFF;
        }

        /* Phase Progress Bar */
        .phase-progress {
            height: 4px;
            background: rgba(255, 255, 255, 0.2);
            border-radius: var(--radius-xs);
            overflow: hidden;
            margin-left: var(--space-3);
            flex: 1;
            max-width: 120px;
        }

        .phase-progress-fill {
            height: 100%;
            background: #34D399;
            border-radius: var(--radius-xs);
            transition: width 0.3s ease;
        }

        .phase-tasks {
            border-top: none;
        }

        .phase-tasks .tasks-table-inner {
            border: none;
            border-radius: 0;
        }

        .task-row.task-muted {
            opacity: 0.5;
        }

        .task-row.task-muted .task-status-badge.overdue {
            background: var(--warm-100);
            color: var(--warm-400);
            border-color: var(--warm-200);
        }

        /* Table Footer */
        .table-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0.75rem 1rem;
            background: #FFFFFF;
            border-top: 1px solid #E8E8E8;
        }

        .showing-count {
            font-size: var(--text-small);
            color: var(--warm-500);
        }

        .btn-load-more {
            padding: var(--space-2) var(--space-4);
            background: #FFFFFF;
            border: 1px solid var(--warm-200);
            border-radius: var(--radius-sm);
            font-size: var(--text-small);
            font-weight: 500;
            color: var(--warm-900);
            cursor: pointer;
            transition: all 0.2s;
        }

        .btn-load-more:hover {
            background: #F5F5F5;
            border-color: #D4D4D4;
        }

        .table-body-scroll {
            flex: 1;
            overflow-y: auto;
        }

        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

        /* ============================================
           MOBILE RESPONSIVE STYLES
           ============================================ */

        @media (max-width: 768px) {
            /* Events Table → Card Layout */
            .events-table {
                display: block;
            }

            .events-table thead {
                display: none;
            }

            .events-table tbody {
                display: block;
            }

            .events-table tr.event-row {
                display: block;
                padding: var(--space-4);
                margin-bottom: var(--space-2);
                border: 1px solid var(--dash-border, #DEE2E6);
                border-radius: var(--radius-sm);
                background: white;
                position: relative;
            }

            .events-table tr.event-row td {
                display: block;
                padding: var(--space-1) 0;
                border: none;
            }

            /* Hide non-essential columns on mobile */
            .events-table tr.event-row td:nth-child(3), /* staff */
            .events-table tr.event-row td:nth-child(4), /* tier */
            .events-table tr.event-row td:nth-child(5)  /* progress */ {
                display: none;
            }

            /* Event name cell - full width */
            .event-name-cell {
                font-size: var(--text-large);
                font-weight: 600;
            }

            .expand-indicator {
                width: 24px;
                height: 24px;
                font-size: var(--text-small);
            }

            /* Date styling on mobile */
            .event-date {
                font-size: var(--text-small);
                color: var(--dash-text-muted, var(--warm-500));
            }

            /* Status badge - more prominent on mobile */
            .status-badge-table {
                display: inline-block;
                margin-top: var(--space-2);
            }

            /* Action button - larger touch target */
            .action-btn-table {
                position: absolute;
                right: 12px;
                top: 12px;
                min-width: 44px;
                min-height: 44px;
            }

            /* Tasks expansion row */
            .event-tasks-row {
                display: none;
            }

            .event-tasks-row.visible {
                display: block;
                margin-top: -8px;
                margin-bottom: var(--space-2);
                border: 1px solid var(--dash-border, #DEE2E6);
                border-top: none;
                border-radius: 0 0 8px 8px;
                background: var(--dash-bg-subtle, #F8F9FA);
            }

            .event-tasks-row td {
                display: block;
                padding: var(--space-3);
            }

            /* Tasks inner table → stacked layout */
            .tasks-table-inner {
                display: block;
                font-size: var(--text-small);
            }

            .tasks-table-inner thead {
                display: none;
            }

            .tasks-table-inner tbody {
                display: block;
            }

            .tasks-table-inner tr {
                display: flex;
                flex-wrap: wrap;
                padding: var(--space-3) 0;
                border-bottom: 1px solid var(--dash-border-light, #E9ECEF);
                gap: var(--space-2);
                align-items: center;
            }

            .tasks-table-inner tr:last-child {
                border-bottom: none;
            }

            .tasks-table-inner td {
                display: block;
                padding: 0;
                border: none;
            }

            /* Task checkbox - larger */
            .tasks-table-inner td:first-child {
                flex-shrink: 0;
            }

            .tasks-table-inner input[type="checkbox"] {
                width: 24px;
                height: 24px;
            }

            /* Task name - takes remaining space */
            .tasks-table-inner td:nth-child(2) {
                flex: 1;
                min-width: 0;
                font-weight: 500;
            }

            /* Hide owner/role columns on mobile */
            .tasks-table-inner td:nth-child(3),
            .tasks-table-inner td:nth-child(4) {
                display: none;
            }

            /* Due date and status - on new line */
            .tasks-table-inner td:nth-child(5),
            .tasks-table-inner td:nth-child(6) {
                font-size: var(--text-small);
            }

            /* Quick filters - horizontal scroll on mobile */
            .quick-filters {
                overflow-x: auto;
                padding-bottom: 8px;
                -webkit-overflow-scrolling: touch;
            }

            .quick-filter-btn {
                flex-shrink: 0;
                padding: var(--space-2) var(--space-3);
            }

            /* Filter bar - stack on mobile */
            .filter-bar-redesign {
                flex-direction: column;
                gap: var(--space-2);
            }

            .filter-row-controls {
                flex-wrap: wrap;
            }

            .filter-select {
                flex: 1;
                min-width: 100px;
            }

            /* Workspace header */
            .workspace-header {
                flex-direction: column;
                align-items: flex-start;
                gap: var(--space-3);
            }

            .header-right {
                width: 100%;
                display: flex;
                gap: var(--space-2);
            }

            .header-right button {
                flex: 1;
            }

            /* Status legend - hide on mobile */
            .status-legend {
                display: none;
            }

            /* Task expansion header */
            .tasks-header {
                flex-direction: column;
                gap: var(--space-2);
            }

            .tasks-header-actions {
                width: 100%;
                display: flex;
                gap: var(--space-2);
            }

            .tasks-header-actions button {
                flex: 1;
            }
        }

        /* Tablet adjustments */
        @media (max-width: 1024px) and (min-width: 769px) {
            .events-table th.col-progress {
                display: none;
            }
            .events-table td:nth-child(5) {
                display: none;
            }
        }

        /* ===== PHASE 4: Event Drawer (replaces Quick View Modal) ===== */
        .event-drawer-overlay {
            position: fixed;
            inset: 0;
            background: rgba(30, 41, 59, 0.4);
            z-index: 45;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
        }
        .event-drawer-overlay.open {
            opacity: 1;
            visibility: visible;
        }

        .event-drawer {
            position: fixed;
            right: 0;
            top: 0;
            bottom: 0;
            width: 420px;
            max-width: 90vw;
            background: white;
            box-shadow: -4px 0 24px rgba(0,0,0,0.12);
            transform: translateX(100%);
            transition: transform 0.3s ease;
            z-index: 50;
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }
        .event-drawer.open {
            transform: translateX(0);
        }

        .event-drawer-header {
            padding: var(--space-5);
            border-bottom: 1px solid var(--dash-border, #DEE2E6);
            background: linear-gradient(135deg, #F0FDFA 0%, #CCFBF1 100%);
        }

        .event-drawer-content {
            flex: 1;
            overflow-y: auto;
            padding: var(--space-5);
        }

        .event-drawer-footer {
            padding: var(--space-4) var(--space-5);
            border-top: 1px solid var(--dash-border, #DEE2E6);
            background: var(--warm-50);
        }

        /* Mobile: Bottom sheet style */
        @media (max-width: 768px) {
            .event-drawer {
                width: 100%;
                max-width: 100%;
                top: auto;
                height: 85vh;
                border-radius: var(--radius-xl) var(--radius-xl) 0 0;
                transform: translateY(100%);
            }
            .event-drawer.open {
                transform: translateY(0);
            }
            .event-drawer-header {
                border-radius: var(--radius-xl) var(--radius-xl) 0 0;
            }
            /* Drag handle for mobile */
            .event-drawer-header::before {
                content: '';
                display: block;
                width: 40px;
                height: 4px;
                background: var(--warm-300);
                border-radius: var(--radius-xs);
                margin: 0 auto 12px;
            }
        }

        /* ===== Inline Note Editing ===== */
        .inline-note-editor {
            display: none;
            margin-top: var(--space-2);
            margin-left: var(--space-8);
            padding: var(--space-3);
            background: var(--warning-light);
            border: 1px solid #FCD34D;
            border-radius: var(--radius-sm);
            animation: slideDown 0.2s ease;
        }
        .inline-note-editor.open {
            display: block;
        }
        @keyframes slideDown {
            from { opacity: 0; transform: translateY(-8px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .inline-note-editor textarea {
            width: 100%;
            min-height: 60px;
            padding: var(--space-2);
            border: 1px solid var(--warm-200);
            border-radius: var(--radius-sm);
            font-size: var(--text-small);
            resize: vertical;
            background: white;
        }
        .inline-note-editor textarea:focus {
            outline: none;
            border-color: var(--warning);
            box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.2);
        }
        .inline-note-actions {
            display: flex;
            gap: var(--space-2);
            margin-top: var(--space-2);
            justify-content: flex-end;
        }
        .inline-note-btn {
            padding: var(--space-2) var(--space-3);
            font-size: var(--text-small);
            font-weight: 500;
            border-radius: var(--radius-sm);
            cursor: pointer;
            transition: all 0.15s;
        }
        .inline-note-btn-save {
            background: var(--warning);
            color: white;
            border: none;
        }
        .inline-note-btn-save:hover {
            background: var(--warning);
        }
        .inline-note-btn-cancel {
            background: var(--warm-100);
            color: var(--warm-500);
            border: 1px solid var(--warm-200);
        }
        .inline-note-btn-cancel:hover {
            background: var(--warm-200);
        }
        .inline-note-btn-delete {
            background: var(--error-light);
            color: var(--error);
            border: 1px solid #FECACA;
            margin-right: auto;
        }
        .inline-note-btn-delete:hover {
            background: var(--error-light);
        }

        /* ===== Sync Status Indicator ===== */
        .sync-status {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 20px;
            height: 20px;
            border-radius: var(--radius-full);
            transition: all 0.2s;
        }
        .sync-status.syncing {
            color: var(--brand-blue);
        }
        .sync-status.synced {
            color: var(--success);
            background: var(--success-light);
        }
        .sync-status.error {
            color: var(--error);
            background: var(--error-light);
        }
        .sync-status:empty {
            display: none;
        }
        @keyframes spin {
            to { transform: rotate(360deg); }
        }
        .animate-spin {
            animation: spin 1s linear infinite;
        }

    
        /* ===== LAPTOP LAYOUT TIGHTENING (v48) ===== */
        @media (max-width: 1440px) {
            .container {
                padding-left: 12px !important;
                padding-right: 12px !important;
            }
            #home-subnav {
                margin-top: var(--space-1) !important;
                margin-bottom: var(--space-2) !important;
            }
            #events-subnav {
                margin-top: var(--space-1) !important;
                margin-bottom: var(--space-2) !important;
            }
        }

        @media (max-width: 1280px) {
            .container {
                padding-left: 8px !important;
                padding-right: 8px !important;
            }
            header {
                padding-left: 16px !important;
                padding-right: 16px !important;
            }
        }

        /* ====================================================
           ACCESSIBILITY & STANDARDIZATION - v49
           ==================================================== */

        /* Screen reader only utility */
        .sr-only {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border: 0;
        }

        /* Standardized transition timing */
        .btn, .btn-primary, .btn-secondary, .btn-ghost, .btn-command,
        .quick-filter-btn, .cal-filter-pill, .cal-overlay-toggle,
        .workload-toggle-btn, .report-btn, .view-tab, .exec-tab-btn,
        .nav-tab, .filter-select, .dash-card, .event-card-editorial,
        .cmd-task-row, .cmd-team-member, .alert-action-btn, .report-tile,
        .breakdown-item, .week-row, .pipeline-card, .marquee-item {
            transition: all 0.2s ease;
        }

        /* Focus-visible states for keyboard navigation */
        .btn-primary:focus-visible, .btn-command-primary:focus-visible, .report-btn:focus-visible {
            outline: none;
            box-shadow: 0 0 0 3px var(--color-focus-ring), 0 0 0 5px rgba(255, 255, 255, 0.5);
        }

        .btn-secondary:focus-visible, .btn-ghost:focus-visible, .btn-command:focus-visible,
        .alert-action-btn:focus-visible, .clear-all-btn:focus-visible {
            outline: none;
            box-shadow: 0 0 0 3px var(--color-focus-ring);
        }

        .quick-filter-btn:focus-visible, .cal-filter-pill:focus-visible,
        .cal-overlay-toggle:focus-visible, .workload-toggle-btn:focus-visible,
        .view-tab:focus-visible, .exec-tab-btn:focus-visible {
            outline: none;
            box-shadow: 0 0 0 3px var(--color-focus-ring);
        }

        .nav-tab:focus-visible {
            outline: none;
            box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);
        }

        .dash-card:focus-visible, .event-card-editorial:focus-visible,
        .report-tile:focus-visible, .metric-card:focus-visible, .alert-card:focus-visible {
            outline: none;
            box-shadow: 0 0 0 3px var(--color-focus-ring), var(--shadow-md);
        }

        .cmd-task-row:focus-visible, .cmd-team-member:focus-visible,
        .breakdown-item:focus-visible, .week-row:focus-visible,
        .workload-week-row:focus-visible, .event-row:focus-visible {
            outline: none;
            box-shadow: inset 0 0 0 2px var(--color-accent);
            background: var(--color-accent-light);
        }

        .filter-select:focus-visible {
            outline: none;
            border-color: var(--color-accent);
            box-shadow: 0 0 0 3px var(--color-focus-ring);
        }

        /* Reduced motion preference */
        @media (prefers-reduced-motion: reduce) {
            *, *::before, *::after {
                animation-duration: 0.01ms !important;
                animation-iteration-count: 1 !important;
                transition-duration: 0.01ms !important;
            }
        }

        /* High contrast mode support */
        @media (prefers-contrast: high) {
            :root {
                --color-border: #000000;
                --color-text-muted: var(--warm-600);
            }
            .btn, .quick-filter-btn, .cal-filter-pill, .report-btn {
                border-width: 2px;
            }
        }

        /* ============================================
           PHASE 2 STYLES - Issues #4-7
           ============================================ */

        /* Custom Task Indicators (Issue #4) */
        .badge-custom {
            display: inline-flex;
            align-items: center;
            gap: var(--space-1);
            padding: var(--space-1) var(--space-3);
            background: linear-gradient(135deg, #FCD34D 0%, #F59E0B 100%);
            color: #78350F;
            font-size: var(--text-micro);
            font-weight: 700;
            border-radius: var(--radius-md);
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-left: var(--space-2);
            box-shadow: 0 2px 4px rgba(245, 158, 11, 0.2);
        }

        .task-row.is-custom {
            border-left: 4px solid var(--warning);
            background-color: var(--warning-light);
            padding-left: 12px;
        }

        .task-row.is-custom:hover {
            background-color: var(--warning-light);
        }

        .custom-task-indicator {
            display: inline-flex;
            align-items: center;
            gap: var(--space-2);
            padding: var(--space-1) var(--space-3);
            background-color: var(--warning-light);
            border: 1px solid #FCD34D;
            border-radius: var(--radius-sm);
            font-size: var(--text-small);
            font-weight: 600;
            color: var(--warning-dark);
        }

        /* Task Status Dropdown (Issue #6) */
        .task-status-select {
            min-width: 140px;
            cursor: pointer;
            transition: all 0.2s;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
        }

        .task-status-select:hover {
            transform: translateY(-1px);
            box-shadow: var(--shadow-card);
        }

        .task-status-select:focus {
            outline: none;
            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
        }

        /* Task row status-based styling */
        .task-row.status-completed .task-name {
            text-decoration: line-through;
            opacity: 0.6;
        }

        .task-row.status-n-a {
            opacity: 0.5;
        }

        .task-row.status-n-a .task-name {
            text-decoration: line-through;
            font-style: italic;
        }

        .task-row.status-blocked {
            background-color: var(--error-light);
            border-left: 4px solid #EF4444;
        }

        .task-row.status-snoozed {
            background-color: var(--warning-light);
            border-left: 4px solid var(--warning);
        }

        .task-row.status-in-progress {
            background-color: var(--brand-blue-light);
            border-left: 4px solid #3B82F6;
        }

        /* Change Log Styles (Issue #5) */
        .change-log {
            max-height: 600px;
            overflow-y: auto;
        }

        .change-log-timeline {
            padding-left: 2rem;
        }

        .change-log-entry {
            position: relative;
        }

        .change-log-entry:last-child .timeline-line {
            display: none;
        }

        /* Workload Summary */
        .workload-summary {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
            gap: var(--space-3);
            padding: var(--space-4);
            background: var(--warm-50);
            border-radius: var(--radius-sm);
            margin-bottom: var(--space-4);
        }

        .workload-stat {
            text-align: center;
            padding: var(--space-3);
            background: white;
            border-radius: var(--radius-sm);
            border: 1px solid var(--warm-200);
        }

        .workload-stat-value {
            font-size: var(--text-h1);
            font-weight: 700;
            line-height: 1;
            margin-bottom: var(--space-1);
        }

        .workload-stat-label {
            font-size: var(--text-micro);
            text-transform: uppercase;
            letter-spacing: 0.5px;
            color: var(--warm-500);
            font-weight: 600;
        }

        /* Responsive adjustments */
        @media (max-width: 768px) {
            .task-status-select {
                min-width: 100px;
                font-size: var(--text-micro);
                padding: var(--space-1) var(--space-2);
            }

            .badge-custom {
                font-size: var(--text-micro);
                padding: var(--space-1) var(--space-2);
            }

            .change-log-timeline {
                padding-left: 1rem;
            }
        }

        /* ============================================
           PHASE 3 STYLES - Issues #8-11
           ============================================ */

        /* Tier Info Card (Issue #8) */
        .tier-info-card {
            box-shadow: var(--shadow-card);
            transition: transform 0.2s;
        }

        .tier-info-card:hover {
            transform: translateY(-2px);
            box-shadow: var(--shadow-lg);
        }

        /* Shared Tasks (Issue #9) */
        .badge-shared {
            display: inline-flex;
            align-items: center;
            gap: var(--space-1);
            padding: var(--space-1) var(--space-3);
            background: linear-gradient(135deg, #818CF8 0%, #6366F1 100%);
            color: white;
            font-size: var(--text-micro);
            font-weight: 700;
            border-radius: var(--radius-md);
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-left: var(--space-2);
            box-shadow: 0 2px 4px rgba(99, 102, 241, 0.3);
        }

        .task-row.is-shared {
            border-left: 4px solid #6366F1;
            background-color: #EEF2FF;
        }

        .linked-events-card {
            box-shadow: var(--shadow-sm);
        }

        /* Task Dependencies (Issue #10) */
        .task-dependencies {
            margin-top: var(--space-2);
            padding: var(--space-2);
            border-radius: var(--radius-sm);
            font-size: var(--text-small);
        }

        .task-dependencies.deps-met {
            background-color: var(--success-light);
            border: 1px solid var(--success);
        }

        .task-dependencies.deps-unmet {
            background-color: var(--warning-light);
            border: 1px solid var(--warning);
        }

        .task-row.has-unmet-deps {
            opacity: 0.7;
            pointer-events: none;
            cursor: not-allowed;
        }

        .task-row.has-unmet-deps .task-status-select {
            opacity: 0.5;
        }

        /* Task Template Library (Issue #11) */
        .task-template-library {
            max-height: 400px;
            overflow-y: auto;
        }

        .template-btn {
            text-align: left;
            background: white;
            cursor: pointer;
            transition: all 0.2s;
        }

        .template-btn:hover {
            transform: translateY(-2px);
            box-shadow: var(--shadow-card);
        }

        .template-btn:active {
            transform: translateY(0);
        }

        .template-category {
            padding-bottom: 12px;
            border-bottom: 1px solid var(--warm-200);
        }

        .template-category:last-child {
            border-bottom: none;
        }

        /* General Improvements */
        .task-row {
            transition: all 0.2s;
        }

        .task-row:hover {
            background-color: #F9FAFB;
            transform: translateX(2px);
        }

        /* Badge container */
        .task-badges {
            display: inline-flex;
            align-items: center;
            gap: var(--space-2);
            margin-left: var(--space-2);
        }

        /* Responsive */
        @media (max-width: 768px) {
            .tier-info-card {
                padding: var(--space-3);
            }

            .template-btn {
                font-size: var(--text-micro);
                padding: var(--space-2);
            }

            .task-dependencies {
                font-size: var(--text-micro);
                padding: var(--space-2);
            }
        }

        /* ============================================
           RACI EDITOR STYLES (v72)
           ============================================ */

        /* Phase Group Container */
        .raci-phase-group {
            margin-bottom: 1.5rem;
        }

        .raci-phase-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0.75rem 1rem;
            background: linear-gradient(135deg, #6366F1 0%, #00609C 100%);
            color: white;
            border-radius: 0.75rem 0.75rem 0 0;
            font-weight: 600;
            font-size: 0.875rem;
        }

        .raci-phase-header .phase-count {
            background: rgba(255,255,255,0.2);
            padding: 0.125rem 0.5rem;
            border-radius: 1rem;
            font-size: 0.75rem;
        }

        /* Task Row */
        .raci-task-row {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            padding: 0.75rem 1rem;
            background: white;
            border: 1px solid var(--warm-200);
            border-top: none;
            transition: all 0.15s ease;
        }

        .raci-task-row:last-child {
            border-radius: 0 0 0.75rem 0.75rem;
        }

        .raci-task-row:hover {
            background: var(--warm-50);
        }

        .raci-task-row.expanded {
            background: var(--warm-100);
            border-left: 3px solid var(--brand-blue);
        }

        .raci-task-row.custom-task {
            background: linear-gradient(90deg, var(--warning-light) 0%, white 5%);
        }

        .raci-task-row.modified-task {
            background: linear-gradient(90deg, #DBEAFE 0%, white 5%);
        }

        .raci-task-row.removed-task {
            background: var(--error-light);
            opacity: 0.6;
            text-decoration: line-through;
        }

        /* Source Badge */
        .raci-source-badge {
            padding: 0.125rem 0.5rem;
            border-radius: 0.25rem;
            font-size: 0.625rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            flex-shrink: 0;
        }

        .raci-source-badge.baseline { background: var(--warm-200); color: var(--warm-600); }
        .raci-source-badge.custom { background: var(--warning-light); color: var(--warning-dark); }
        .raci-source-badge.modified { background: var(--brand-blue-light); color: var(--brand-blue-dark); }
        .raci-source-badge.imported { background: var(--success-light); color: #065F46; }
        .raci-source-badge.removed { background: var(--error-light); color: var(--error-dark); }

        /* Task Name */
        .raci-task-name {
            flex: 1;
            font-weight: 500;
            color: var(--warm-800);
            cursor: pointer;
        }

        .raci-task-name:hover {
            color: var(--brand-blue);
        }

        /* Task Meta */
        .raci-task-meta {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            color: var(--warm-500);
            font-size: 0.75rem;
        }

        .raci-task-meta .week-badge {
            background: var(--warm-100);
            padding: 0.125rem 0.5rem;
            border-radius: 0.25rem;
            font-family: 'JetBrains Mono', monospace;
        }

        .raci-task-meta .owner-badge {
            background: var(--brand-blue-light);
            color: var(--brand-blue);
            padding: 0.125rem 0.5rem;
            border-radius: 0.25rem;
        }

        /* Expand/Remove Buttons */
        .raci-task-actions {
            display: flex;
            gap: 0.25rem;
        }

        .raci-task-actions button {
            padding: 0.375rem;
            border-radius: 0.375rem;
            transition: all 0.15s ease;
        }

        .raci-task-actions button:hover {
            background: var(--warm-200);
        }

        .raci-task-actions .remove-btn:hover {
            background: var(--error-light);
            color: var(--error);
        }

        /* Expanded Task Detail */
        .raci-task-detail {
            padding: 1rem 1rem 1rem 2rem;
            background: var(--warm-50);
            border: 1px solid var(--warm-200);
            border-top: none;
            display: none;
        }

        .raci-task-detail.visible {
            display: block;
        }

        .raci-task-detail .field-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 1rem;
        }

        .raci-task-detail label {
            display: block;
            font-size: 0.75rem;
            font-weight: 600;
            color: var(--warm-500);
            margin-bottom: 0.25rem;
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }

        .raci-task-detail input,
        .raci-task-detail select,
        .raci-task-detail textarea {
            width: 100%;
            padding: 0.5rem 0.75rem;
            border: 1px solid var(--warm-300);
            border-radius: 0.5rem;
            font-size: 0.875rem;
            transition: all 0.15s ease;
        }

        .raci-task-detail input:focus,
        .raci-task-detail select:focus,
        .raci-task-detail textarea:focus {
            outline: none;
            border-color: var(--brand-blue);
            box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1);
        }

        /* RACI Assignment Grid */
        .raci-assignment-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 0.5rem;
            margin-top: 1rem;
            padding-top: 1rem;
            border-top: 1px solid var(--warm-200);
        }

        .raci-assignment-item {
            text-align: center;
        }

        .raci-assignment-item .letter {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 1.75rem;
            height: 1.75rem;
            border-radius: var(--radius-full);
            font-weight: 700;
            font-size: 0.75rem;
            margin-bottom: 0.25rem;
        }

        .raci-assignment-item .letter.R { background: var(--brand-blue); color: white; }
        .raci-assignment-item .letter.A { background: #0891B2; color: white; }
        .raci-assignment-item .letter.C { background: var(--success); color: white; }
        .raci-assignment-item .letter.I { background: var(--warm-500); color: white; }

        /* Empty State */
        .raci-empty-state {
            text-align: center;
            padding: 3rem;
            color: var(--warm-500);
        }

        .raci-empty-state .icon {
            font-size: 3rem;
            margin-bottom: 1rem;
        }


/* ============================================
   DASHBOARD BRIEFING STYLES
   ============================================ */
                /* Dashboard Briefing Styles - Premium Cards */
                .briefing-section {
                    background: var(--dash-bg);
                    border-radius: var(--dash-radius-lg);
                    margin-bottom: var(--space-8);
                    border: 1px solid var(--color-border);
                    box-shadow: var(--shadow-sm);
                    transition: box-shadow 0.2s ease;
                }
                .briefing-section:hover {
                    box-shadow: var(--shadow-md);
                }
                .briefing-section-header {
                    padding: var(--space-6) var(--space-8) var(--space-5) var(--space-8);
                    border-bottom: 1px solid var(--dash-border-light);
                }
                .briefing-section-title {
                    font-size: var(--text-body);
                    font-weight: 700;
                    text-transform: uppercase;
                    letter-spacing: 0.05em;
                    color: var(--color-text);
                    margin: 0;
                }
                .briefing-section-content {
                    padding: var(--space-8) var(--space-8);
                }
                .status-row {
                    display: flex;
                    align-items: center;
                    gap: var(--space-4);
                    padding: var(--space-4) 0;
                    border-bottom: 1px solid var(--dash-border-subtle);
                }
                .status-row:last-child { border-bottom: none; }

                /* Status Pills - Vivid SaaS-style badges */
                .status-pill {
                    display: inline-flex;
                    align-items: center;
                    gap: var(--space-3);
                    padding: var(--space-3) var(--space-5);
                    border-radius: var(--radius-full);
                    font-weight: 600;
                    min-width: 140px;
                }
                .status-pill.green {
                    background: var(--color-success-muted);
                    color: var(--color-success-text);
                }
                .status-pill.yellow {
                    background: var(--color-warning-muted);
                    color: var(--color-warning-text);
                }
                .status-pill.red {
                    background: var(--color-danger-muted);
                    color: var(--color-danger-text);
                }
                .status-pill .status-count {
                    font-size: var(--text-h2);
                    font-weight: 700;
                    line-height: 1;
                }
                .status-pill .status-label {
                    font-size: var(--text-body);
                    font-weight: 600;
                }

                /* Legacy dot indicator (fallback) */
                .status-indicator {
                    width: 12px;
                    height: 12px;
                    border-radius: var(--radius-full);
                    flex-shrink: 0;
                }
                .status-indicator.green { background: var(--color-success); }
                .status-indicator.yellow { background: var(--color-warning); }
                .status-indicator.red { background: var(--color-danger); }
                .status-count {
                    font-size: var(--text-h2);
                    font-weight: 700;
                    color: var(--color-text);
                    min-width: 36px;
                }
                .status-label {
                    font-size: var(--text-body);
                    font-weight: 600;
                    color: var(--color-text);
                    flex: 1;
                }
                .status-detail {
                    font-size: var(--text-small);
                    color: var(--color-text-secondary);
                    line-height: 1.5;
                }
                .capacity-summary {
                    display: flex;
                    align-items: center;
                    gap: var(--space-5);
                }
                .capacity-status {
                    display: flex;
                    align-items: center;
                    gap: var(--space-3);
                    padding: var(--space-3) var(--space-5);
                    border-radius: var(--radius-sm);
                    background: var(--color-success-muted);
                }
                .capacity-status.watch { background: var(--color-warning-muted); }
                .capacity-status.overload { background: var(--color-danger-muted); }
                .capacity-status-text {
                    font-size: var(--text-large);
                    font-weight: 600;
                    color: var(--color-success-text);
                }
                .capacity-status.watch .capacity-status-text { color: var(--color-warning-text); }
                .capacity-status.overload .capacity-status-text { color: var(--color-danger-text); }
                .change-item {
                    display: flex;
                    align-items: flex-start;
                    gap: var(--space-3);
                    padding: var(--space-3) 0;
                    font-size: var(--text-body);
                    color: var(--color-text-secondary);
                    line-height: 1.5;
                }
                .change-icon {
                    width: 20px;
                    height: 20px;
                    border-radius: var(--radius-full);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: var(--text-micro);
                    flex-shrink: 0;
                    margin-top: var(--space-1);
                }
                .change-icon.new { background: var(--color-accent-light); color: var(--color-accent); }
                .change-icon.resolved { background: var(--color-success-muted); color: var(--color-success); }
                .change-icon.risk { background: var(--color-warning-muted); color: var(--color-warning-text); }
                .collapsible-header {
                    padding: var(--space-5) var(--space-8);
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    cursor: pointer;
                    transition: background 0.15s;
                }
                .collapsible-header:hover { background: var(--dash-bg-subtle); }
                .staff-context {
                    background: var(--color-accent-light);
                    border-radius: var(--dash-radius-lg);
                    padding: var(--space-5) var(--space-8);
                    margin-bottom: var(--space-4);
                }
                .staff-context-text {
                    font-size: var(--text-body);
                    color: var(--color-text-secondary);
                    line-height: 1.6;
                }
                .staff-context-link {
                    color: var(--color-accent);
                    font-weight: 500;
                    text-decoration: none;
                    margin-left: var(--space-2);
                }
                .staff-context-link:hover { text-decoration: underline; }

                /* ============================================
                   TIMELINE HOME VIEW - v43
                   ============================================ */

                /* Portfolio Health Panel */
                .portfolio-health-panel {
                    background: linear-gradient(135deg, var(--warm-50) 0%, var(--warm-100) 100%);
                    border: 1px solid var(--color-border);
                    border-radius: var(--radius-lg);
                    padding: var(--space-6);
                    margin-bottom: var(--space-6);
                }
                .health-score-display {
                    display: flex;
                    align-items: center;
                    gap: var(--space-5);
                    margin-bottom: var(--space-4);
                }
                .health-score-number {
                    font-size: 48px;
                    font-weight: 700;
                    line-height: 1;
                }
                .health-score-number.excellent { color: var(--color-success); }
                .health-score-number.good { color: var(--success); }
                .health-score-number.fair { color: var(--color-warning); }
                .health-score-number.poor { color: var(--color-danger); }
                .health-bar-container {
                    flex: 1;
                    height: 12px;
                    background: var(--color-border-light);
                    border-radius: var(--radius-sm);
                    overflow: hidden;
                }
                .health-bar-fill {
                    height: 100%;
                    border-radius: var(--radius-sm);
                    transition: width 0.4s ease, background 0.4s ease;
                }
                .health-bar-fill.excellent { background: linear-gradient(90deg, #10b981, #34d399); }
                .health-bar-fill.good { background: linear-gradient(90deg, var(--success), #10b981); }
                .health-bar-fill.fair { background: linear-gradient(90deg, #f59e0b, #fbbf24); }
                .health-bar-fill.poor { background: linear-gradient(90deg, #dc2626, #ef4444); }
                .health-label {
                    font-size: var(--text-large);
                    font-weight: 600;
                    margin-bottom: var(--space-1);
                }
                .health-message {
                    font-size: var(--text-body);
                    color: var(--color-text-secondary);
                }
                .health-stats-row {
                    display: flex;
                    gap: var(--space-6);
                    padding: var(--space-4) 0;
                    border-top: 1px solid var(--color-border-light);
                    border-bottom: 1px solid var(--color-border-light);
                    margin: var(--space-4) 0;
                }
                .health-stat {
                    display: flex;
                    align-items: center;
                    gap: var(--space-2);
                }
                .health-stat-count {
                    font-size: var(--text-h2);
                    font-weight: 700;
                    font-family: var(--font-mono);
                }
                .health-stat-label {
                    font-size: var(--text-small);
                    color: var(--color-text-muted);
                }
                .health-concerns {
                    margin-top: var(--space-4);
                }
                .health-concern-item {
                    display: flex;
                    align-items: flex-start;
                    gap: var(--space-3);
                    padding: var(--space-2) 0;
                    font-size: var(--text-body);
                    color: var(--color-text-secondary);
                }
                .health-concern-icon {
                    font-size: var(--text-large);
                    flex-shrink: 0;
                }
                .view-at-risk-btn {
                    display: inline-flex;
                    align-items: center;
                    gap: var(--space-2);
                    margin-top: var(--space-4);
                    padding: var(--space-3) var(--space-4);
                    background: var(--color-danger-muted);
                    color: var(--color-danger);
                    border: none;
                    border-radius: var(--radius-md);
                    font-size: var(--text-small);
                    font-weight: 600;
                    cursor: pointer;
                    transition: all 0.15s ease;
                }
                .view-at-risk-btn:hover {
                    background: #fecaca;
                }

                /* Filter Bar */
                .home-filter-bar {
                    display: flex;
                    align-items: center;
                    gap: var(--space-3);
                    flex-wrap: wrap;
                    padding: var(--space-4) var(--space-5);
                    background: white;
                    border: 1px solid var(--color-border);
                    border-radius: var(--radius-lg);
                    margin-bottom: var(--space-6);
                }
                .home-filter-group {
                    display: flex;
                    align-items: center;
                    gap: var(--space-2);
                }
                .home-filter-label {
                    font-size: var(--text-small);
                    font-weight: 500;
                    color: var(--color-text-muted);
                    text-transform: uppercase;
                    letter-spacing: 0.03em;
                }
                .home-filter-select {
                    height: 34px;
                    padding: 0 28px 0 12px;
                    font-size: var(--text-small);
                    color: var(--color-text);
                    background: var(--color-surface);
                    border: 1px solid var(--color-border);
                    border-radius: var(--radius-md);
                    cursor: pointer;
                    appearance: none;
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2378716C' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
                    background-repeat: no-repeat;
                    background-position: right 10px center;
                }
                .home-filter-select:hover {
                    border-color: var(--color-accent);
                }
                .home-filter-select:focus {
                    outline: none;
                    border-color: var(--color-accent);
                    box-shadow: 0 0 0 3px var(--color-focus-ring);
                }
                .home-filter-clear {
                    margin-left: auto;
                    padding: var(--space-2) var(--space-3);
                    font-size: var(--text-small);
                    font-weight: 500;
                    color: var(--color-text-muted);
                    background: transparent;
                    border: 1px solid var(--color-border-light);
                    border-radius: var(--radius-md);
                    cursor: pointer;
                    transition: all 0.15s ease;
                }
                .home-filter-clear:hover {
                    background: var(--color-surface);
                    color: var(--color-text-secondary);
                }
                .home-filter-active-count {
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    min-width: 18px;
                    height: 18px;
                    padding: 0 5px;
                    margin-left: var(--space-2);
                    font-size: var(--text-micro);
                    font-weight: 600;
                    color: white;
                    background: var(--color-accent);
                    border-radius: var(--radius-sm);
                }

                /* Timeline Sections */
                .timeline-section {
                    margin-bottom: var(--space-8);
                }
                .timeline-header {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    padding-bottom: 12px;
                    margin-bottom: var(--space-4);
                    border-bottom: 2px solid var(--color-border-light);
                }
                .timeline-title {
                    font-size: var(--text-large);
                    font-weight: 600;
                    color: var(--color-text);
                    letter-spacing: -0.01em;
                }
                .timeline-count {
                    font-size: var(--text-small);
                    color: var(--color-text-muted);
                    font-family: var(--font-mono);
                }
                .timeline-empty {
                    padding: var(--space-6);
                    text-align: center;
                    color: var(--color-text-muted);
                    font-size: var(--text-body);
                    background: var(--color-surface);
                    border-radius: var(--radius-md);
                    border: 1px dashed var(--color-border);
                }
                .timeline-cards {
                    display: grid;
                    gap: var(--space-4);
                }

                /* Featured Event Cards (0-28 days) */
                .event-card-featured {
                    background: white;
                    border: 1px solid var(--color-border);
                    border-radius: var(--radius-lg);
                    padding: var(--space-6);
                    position: relative;
                    transition: all 0.2s ease;
                    border-left: 4px solid var(--color-border);
                }
                .event-card-featured:hover {
                    box-shadow: var(--shadow-lg);
                    transform: translateY(-2px);
                }
                .event-card-featured.status-on-track { border-left-color: var(--color-success); }
                .event-card-featured.status-watch { border-left-color: var(--color-warning); }
                .event-card-featured.status-at-risk { border-left-color: var(--color-danger); }
                .event-card-featured.status-behind { border-left-color: var(--color-danger); }

                .event-card-header {
                    display: flex;
                    align-items: flex-start;
                    justify-content: space-between;
                    margin-bottom: var(--space-4);
                }
                .event-card-title {
                    font-size: var(--text-h3);
                    font-weight: 600;
                    color: var(--color-text);
                    margin: 0 0 4px 0;
                }
                .event-card-meta {
                    display: flex;
                    flex-wrap: wrap;
                    gap: var(--space-3);
                    font-size: var(--text-small);
                    color: var(--color-text-muted);
                    margin-bottom: var(--space-4);
                }
                .event-card-meta-item {
                    display: flex;
                    align-items: center;
                    gap: var(--space-1);
                }
                .event-card-body {
                    display: grid;
                    grid-template-columns: 1fr 1fr;
                    gap: var(--space-4);
                    padding: var(--space-4) 0;
                    border-top: 1px solid var(--color-border-light);
                    border-bottom: 1px solid var(--color-border-light);
                }
                .event-card-info-block {
                    display: flex;
                    flex-direction: column;
                    gap: var(--space-1);
                }
                .event-card-info-label {
                    font-size: var(--text-micro);
                    font-weight: 500;
                    text-transform: uppercase;
                    letter-spacing: 0.04em;
                    color: var(--color-text-muted);
                }
                .event-card-info-value {
                    font-size: var(--text-body);
                    color: var(--color-text);
                    font-weight: 500;
                }
                .event-card-info-detail {
                    font-size: var(--text-small);
                    color: var(--color-text-muted);
                }
                .event-card-actions {
                    display: flex;
                    gap: var(--space-2);
                    margin-top: var(--space-4);
                }
                .event-card-btn {
                    padding: var(--space-2) var(--space-4);
                    font-size: var(--text-small);
                    font-weight: 500;
                    border-radius: var(--radius-md);
                    cursor: pointer;
                    transition: all 0.15s ease;
                    border: 1px solid var(--color-border);
                    background: white;
                    color: var(--color-text-secondary);
                }
                .event-card-btn:hover {
                    background: var(--color-surface);
                    border-color: var(--color-accent);
                    color: var(--color-accent);
                }
                .event-card-btn-primary {
                    background: var(--color-accent);
                    color: white;
                    border-color: var(--color-accent);
                }
                .event-card-btn-primary:hover {
                    background: var(--color-accent-hover);
                }

                /* Tier Badges */
                .tier-badge {
                    display: inline-flex;
                    align-items: center;
                    padding: var(--space-1) var(--space-3);
                    font-size: var(--text-micro);
                    font-weight: 600;
                    text-transform: uppercase;
                    letter-spacing: 0.03em;
                    border-radius: var(--radius-xs);
                }
                .tier-badge-marquee {
                    background: var(--tier-marquee-subtle);
                    color: var(--tier-marquee-text);
                }
                .tier-badge-medium {
                    background: var(--tier-medium-subtle);
                    color: var(--tier-medium-text);
                }
                .tier-badge-small {
                    background: var(--tier-small-subtle);
                    color: var(--tier-small-text);
                }
                .tier-badge-series {
                    background: var(--tier-series-subtle);
                    color: var(--tier-series-text);
                }
                .tier-badge-committee {
                    background: var(--tier-committee-subtle);
                    color: var(--tier-committee-text);
                }

                /* Status Badges */
                .status-badge {
                    display: inline-flex;
                    align-items: center;
                    gap: var(--space-2);
                    padding: var(--space-1) var(--space-3);
                    font-size: var(--text-small);
                    font-weight: 600;
                    border-radius: var(--radius-md);
                }
                .status-badge-dot {
                    width: 8px;
                    height: 8px;
                    border-radius: var(--radius-full);
                }
                .status-badge.on-track {
                    background: var(--color-success-muted);
                    color: var(--color-success-text);
                }
                .status-badge.on-track .status-badge-dot { background: var(--color-success); }
                .status-badge.watch {
                    background: var(--color-warning-muted);
                    color: var(--color-warning-text);
                }
                .status-badge.watch .status-badge-dot { background: var(--color-warning); }
                .status-badge.at-risk, .status-badge.behind {
                    background: var(--color-danger-muted);
                    color: var(--color-danger-text);
                }
                .status-badge.at-risk .status-badge-dot, .status-badge.behind .status-badge-dot { background: var(--color-danger); }

                /* Compact Event Cards (29+ days) */
                .event-card-compact {
                    background: white;
                    border: 1px solid var(--color-border);
                    border-radius: var(--radius-md);
                    padding: var(--space-4);
                    display: flex;
                    align-items: center;
                    gap: var(--space-4);
                    transition: all 0.15s ease;
                    border-left: 3px solid var(--color-border);
                }
                .event-card-compact:hover {
                    box-shadow: var(--shadow-md);
                    border-color: var(--color-accent);
                }
                .event-card-compact.status-on-track { border-left-color: var(--color-success); }
                .event-card-compact.status-watch { border-left-color: var(--color-warning); }
                .event-card-compact.status-at-risk { border-left-color: var(--color-danger); }
                .event-card-compact.status-behind { border-left-color: var(--color-danger); }
                .compact-card-main {
                    flex: 1;
                    min-width: 0;
                }
                .compact-card-title {
                    font-size: var(--text-large);
                    font-weight: 600;
                    color: var(--color-text);
                    margin: 0 0 4px 0;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }
                .compact-card-meta {
                    font-size: var(--text-small);
                    color: var(--color-text-muted);
                    display: flex;
                    flex-wrap: wrap;
                    gap: var(--space-2);
                }
                .compact-card-actions {
                    flex-shrink: 0;
                }
                .compact-view-btn {
                    padding: var(--space-2) var(--space-3);
                    font-size: var(--text-small);
                    font-weight: 500;
                    color: var(--color-accent);
                    background: transparent;
                    border: 1px solid var(--color-accent);
                    border-radius: var(--radius-sm);
                    cursor: pointer;
                    transition: all 0.15s ease;
                }
                .compact-view-btn:hover {
                    background: var(--color-accent);
                    color: white;
                }

                /* Collapsed Summary (90+ days) */
                .collapsed-summary {
                    background: var(--color-surface);
                    border: 1px solid var(--color-border);
                    border-radius: var(--radius-lg);
                    padding: var(--space-5);
                }
                .collapsed-summary-header {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    margin-bottom: var(--space-3);
                }
                .collapsed-summary-title {
                    font-size: var(--text-large);
                    font-weight: 600;
                    color: var(--color-text);
                    display: flex;
                    align-items: center;
                    gap: var(--space-2);
                }
                .collapsed-summary-count {
                    font-size: var(--text-body);
                    color: var(--color-text-muted);
                }
                .collapsed-summary-highlights {
                    padding-top: 12px;
                    border-top: 1px solid var(--color-border-light);
                }
                .collapsed-summary-highlights h4 {
                    font-size: var(--text-small);
                    font-weight: 500;
                    color: var(--color-text-muted);
                    text-transform: uppercase;
                    letter-spacing: 0.03em;
                    margin: 0 0 8px 0;
                }
                .collapsed-highlight-item {
                    display: flex;
                    align-items: center;
                    gap: var(--space-2);
                    padding: var(--space-2) 0;
                    font-size: var(--text-small);
                    color: var(--color-text-secondary);
                }
                .collapsed-highlight-dot {
                    width: 8px;
                    height: 8px;
                    border-radius: var(--radius-full);
                    flex-shrink: 0;
                }
                .view-calendar-link {
                    display: inline-flex;
                    align-items: center;
                    gap: var(--space-1);
                    margin-top: var(--space-3);
                    font-size: var(--text-small);
                    font-weight: 500;
                    color: var(--color-accent);
                    text-decoration: none;
                    cursor: pointer;
                }
                .view-calendar-link:hover {
                    text-decoration: underline;
                }

                /* ============================================
                   V56 DASHBOARD CLEAN SLATE
                   ============================================ */

                /* Main container - wider max-width */
                .timeline-dashboard {
                    max-width: 1100px;
                    margin: 0 auto;
                    padding: 0 24px;
                }

                /* Header with title and controls */
                .timeline-header {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    margin-bottom: var(--space-6);
                }
                .timeline-header h1 {
                    font-size: var(--text-h1);
                    font-weight: 700;
                    color: var(--color-text);
                    margin: 0;
                    letter-spacing: -0.02em;
                }
                .timeline-header-controls {
                    display: flex;
                    align-items: center;
                    gap: var(--space-3);
                }
                .timeline-view-toggle {
                    display: flex;
                    background: var(--warm-50);
                    border-radius: var(--radius-sm);
                    padding: var(--space-1);
                }
                .timeline-view-btn {
                    padding: var(--space-2) var(--space-4);
                    border: none;
                    border-radius: var(--radius-sm);
                    font-size: var(--text-small);
                    font-weight: 500;
                    cursor: pointer;
                    transition: all 0.15s;
                    background: transparent;
                    color: var(--warm-500);
                }
                .timeline-view-btn.active {
                    background: white;
                    color: var(--warm-900);
                    box-shadow: var(--shadow-xs);
                }

                /* Role-based View Toggle (My Events / Global / Admin) */
                .nm-view-toggle {
                    display: flex;
                    gap: var(--space-2);
                    background: var(--warm-50);
                    border-radius: var(--radius-sm);
                    padding: var(--space-1);
                }
                .nm-view-toggle-btn {
                    padding: var(--space-2) var(--space-4);
                    border: none;
                    border-radius: var(--radius-sm);
                    font-size: var(--text-small);
                    font-weight: 500;
                    cursor: pointer;
                    transition: all 0.15s;
                    background: transparent;
                    color: var(--warm-500);
                }
                .nm-view-toggle-btn:hover {
                    background: var(--warm-100);
                    color: var(--warm-700);
                }
                .nm-view-toggle-btn.active {
                    background: white;
                    color: var(--warm-900);
                    box-shadow: var(--shadow-xs);
                }

                /* Stats Row - 3 cards */
                .timeline-stats-row {
                    display: grid;
                    grid-template-columns: repeat(3, 1fr);
                    gap: var(--space-4);
                    margin-bottom: var(--space-6);
                }
                .timeline-stat-card {
                    background: white;
                    border-radius: var(--radius-md);
                    padding: var(--space-5);
                    text-align: center;
                    box-shadow: var(--shadow-xs);
                    border: 1px solid var(--warm-200);
                }
                .timeline-stat-number {
                    font-size: 36px;
                    font-weight: 700;
                    color: var(--warm-900);
                    font-family: var(--font-mono);
                    line-height: 1;
                }
                .timeline-stat-number.success { color: var(--success); }
                .timeline-stat-number.warning { color: var(--warning); }
                .timeline-stat-number.danger { color: var(--error); }
                .timeline-stat-number.accent { color: var(--brand-blue); }
                .timeline-stat-label {
                    font-size: var(--text-small);
                    color: var(--warm-600);
                    margin-top: var(--space-2);
                    font-weight: 500;
                }

                /* Dashboard Cards */
                .timeline-card {
                    background: white;
                    border-radius: var(--radius-md);
                    padding: var(--space-5);
                    margin-bottom: var(--space-4);
                    box-shadow: var(--shadow-xs);
                    border: 1px solid var(--warm-200);
                }
                .timeline-card-header {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    margin-bottom: var(--space-4);
                }
                .timeline-card-title {
                    font-size: var(--text-small);
                    font-weight: 600;
                    letter-spacing: 0.05em;
                    text-transform: uppercase;
                    color: var(--warm-600);
                }
                .timeline-card-link {
                    font-size: var(--text-small);
                    color: var(--brand-blue);
                    text-decoration: none;
                    cursor: pointer;
                }
                .timeline-card-link:hover {
                    text-decoration: underline;
                }

                /* Portfolio Health */
                .timeline-health-content {
                    display: flex;
                    align-items: center;
                    gap: var(--space-6);
                }
                .timeline-health-score {
                    font-size: 56px;
                    font-weight: 700;
                    line-height: 1;
                    font-family: var(--font-mono);
                }
                .timeline-health-score.excellent { color: var(--success); }
                .timeline-health-score.good { color: var(--success); }
                .timeline-health-score.fair { color: var(--warning); }
                .timeline-health-score.poor { color: var(--error); }
                .timeline-health-details {
                    flex: 1;
                }
                .timeline-health-bar {
                    height: 10px;
                    background: var(--warm-200);
                    border-radius: var(--radius-sm);
                    overflow: hidden;
                    margin-bottom: var(--space-3);
                }
                .timeline-health-bar-fill {
                    height: 100%;
                    border-radius: var(--radius-sm);
                    transition: width 0.4s ease;
                }
                .timeline-health-bar-fill.excellent { background: var(--success); }
                .timeline-health-bar-fill.good { background: var(--success); }
                .timeline-health-bar-fill.fair { background: var(--warning); }
                .timeline-health-bar-fill.poor { background: var(--error); }
                .timeline-health-breakdown {
                    display: flex;
                    gap: var(--space-6);
                    font-size: var(--text-body);
                    color: var(--warm-600);
                }
                .timeline-health-breakdown span {
                    display: flex;
                    align-items: center;
                    gap: var(--space-2);
                }
                .timeline-health-dot {
                    width: 8px;
                    height: 8px;
                    border-radius: var(--radius-full);
                }
                .timeline-health-dot.green { background: var(--success); }
                .timeline-health-dot.yellow { background: var(--warning); }
                .timeline-health-dot.red { background: var(--error); }

                /* Capacity Section */
                .timeline-capacity-grid {
                    display: grid;
                    grid-template-columns: repeat(3, 1fr);
                    gap: var(--space-5);
                }
                .timeline-capacity-month {
                    text-align: center;
                }
                .timeline-capacity-bar {
                    height: 80px;
                    background: var(--warm-50);
                    border-radius: var(--radius-sm);
                    position: relative;
                    overflow: hidden;
                    margin-bottom: var(--space-2);
                }
                .timeline-capacity-bar-fill {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    background: var(--brand-blue);
                    border-radius: var(--radius-sm);
                    transition: height 0.4s ease;
                }
                .timeline-capacity-bar-fill.high { background: var(--error); }
                .timeline-capacity-bar-fill.medium { background: var(--warning); }
                .timeline-capacity-label {
                    font-size: var(--text-small);
                    font-weight: 600;
                    color: var(--warm-900);
                }
                .timeline-capacity-pct {
                    font-size: var(--text-small);
                    color: var(--warm-500);
                    margin-top: var(--space-1);
                }

                /* Timeline */
                .timeline-timeline-section {
                    margin-bottom: var(--space-6);
                }
                .timeline-timeline-header {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    padding-bottom: 12px;
                    margin-bottom: var(--space-3);
                    border-bottom: 1px solid var(--warm-200);
                }
                .timeline-timeline-title {
                    font-size: var(--text-body);
                    font-weight: 600;
                    color: var(--warm-900);
                }
                .timeline-timeline-count {
                    font-size: var(--text-small);
                    color: var(--warm-500);
                    font-family: var(--font-mono);
                }
                .timeline-timeline-cards {
                    display: flex;
                    flex-direction: column;
                    gap: var(--space-3);
                }
                .timeline-event-row {
                    display: flex;
                    align-items: center;
                    gap: var(--space-4);
                    padding: var(--space-3) var(--space-4);
                    background: var(--warm-50);
                    border-radius: var(--radius-sm);
                    border-left: 3px solid var(--warm-200);
                    transition: all 0.15s;
                }
                .timeline-event-row:hover {
                    background: var(--warm-50);
                }
                .timeline-event-row.on-track { border-left-color: var(--success); }
                .timeline-event-row.watch { border-left-color: var(--warning); }
                .timeline-event-row.at-risk { border-left-color: var(--error); }
                .timeline-event-name {
                    flex: 1;
                    font-size: var(--text-body);
                    font-weight: 500;
                    color: var(--warm-900);
                }
                .timeline-event-date {
                    font-size: var(--text-small);
                    color: var(--warm-500);
                    font-family: var(--font-mono);
                    min-width: 60px;
                }
                .timeline-event-progress {
                    width: 100px;
                    height: 6px;
                    background: var(--warm-200);
                    border-radius: var(--radius-xs);
                    overflow: hidden;
                }
                .timeline-event-progress-fill {
                    height: 100%;
                    border-radius: var(--radius-xs);
                    transition: width 0.3s ease;
                }
                .timeline-event-pct {
                    font-size: var(--text-small);
                    font-weight: 600;
                    color: var(--warm-600);
                    font-family: var(--font-mono);
                    min-width: 36px;
                    text-align: right;
                }
                .timeline-timeline-empty {
                    padding: var(--space-5);
                    text-align: center;
                    color: var(--warm-500);
                    font-size: var(--text-small);
                    background: var(--warm-50);
                    border-radius: var(--radius-sm);
                    border: 1px dashed var(--warm-300);
                }

                /* Team Grid */
                .timeline-team-grid {
                    display: grid;
                    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
                    gap: var(--space-4);
                }
                .timeline-team-card {
                    background: var(--warm-50);
                    border-radius: var(--radius-md);
                    padding: var(--space-4);
                    border: 1px solid var(--warm-200);
                }
                .timeline-team-name {
                    font-size: var(--text-body);
                    font-weight: 600;
                    color: var(--warm-900);
                    margin-bottom: var(--space-3);
                    display: flex;
                    align-items: center;
                    gap: var(--space-2);
                }
                .timeline-team-count {
                    font-size: var(--text-micro);
                    background: var(--warm-200);
                    color: var(--warm-600);
                    padding: var(--space-1) var(--space-2);
                    border-radius: var(--radius-xs);
                    font-weight: 500;
                }
                .timeline-team-events {
                    list-style: none;
                    padding: 0;
                    margin: 0;
                }
                .timeline-team-events li {
                    font-size: var(--text-small);
                    color: var(--warm-600);
                    padding: var(--space-2) 0;
                    border-bottom: 1px solid var(--warm-200);
                    display: flex;
                    align-items: center;
                    gap: var(--space-2);
                }
                .timeline-team-events li:last-child {
                    border-bottom: none;
                }
                .timeline-team-dot {
                    width: 6px;
                    height: 6px;
                    border-radius: var(--radius-full);
                    flex-shrink: 0;
                }
                .timeline-team-dot.marquee { background: var(--brand-blue); }
                .timeline-team-dot.medium { background: #0891B2; }
                .timeline-team-dot.small { background: var(--success); }

                /* Responsive */
                @media (max-width: 768px) {
                    .timeline-stats-row {
                        grid-template-columns: 1fr;
                    }
                    .timeline-capacity-grid {
                        grid-template-columns: 1fr;
                    }
                    .timeline-health-content {
                        flex-direction: column;
                        text-align: center;
                    }
                    .timeline-health-breakdown {
                        justify-content: center;
                    }
                }

                /* ========================================
                   V73 DASHBOARD - QUESTION-ANSWERING HUB
                   ======================================== */

                .dash-dashboard {
                    max-width: 900px;
                    margin: 0 auto;
                    padding: 0 16px;
                }

                /* Reports Sidebar */
                .dash-reports-sidebar {
                    width: 220px;
                    flex-shrink: 0;
                    background: white;
                    border-radius: var(--radius-lg);
                    border: 1px solid var(--warm-200);
                    padding: var(--space-5) var(--space-4);
                    height: fit-content;
                    position: sticky;
                    top: 16px;
                    box-shadow: var(--shadow-xs);
                }

                .dash-sidebar-header {
                    display: flex;
                    align-items: center;
                    gap: var(--space-2);
                    font-family: var(--font-display);
                    font-size: var(--text-small);
                    font-weight: 600;
                    color: var(--warm-600);
                    margin-bottom: var(--space-4);
                    padding-bottom: 12px;
                    border-bottom: 1px solid #F5F5F4;
                }

                .dash-report-btn {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    gap: var(--space-3);
                    padding: var(--space-3);
                    border-radius: var(--radius-md);
                    border: 1px solid transparent;
                    background: var(--warm-50);
                    cursor: pointer;
                    transition: all 0.15s ease;
                    margin-bottom: var(--space-2);
                    text-align: left;
                }

                .dash-report-btn:hover {
                    background: white;
                    border-color: var(--warm-200);
                    box-shadow: var(--shadow-card);
                    transform: translateY(-1px);
                }

                .dash-report-btn:active {
                    transform: translateY(0);
                }

                .dash-report-btn-icon {
                    width: 36px;
                    height: 36px;
                    border-radius: var(--radius-sm);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    flex-shrink: 0;
                }

                .dash-report-btn-violet .dash-report-btn-icon {
                    background: linear-gradient(135deg, var(--brand-blue) 0%, var(--brand-blue-dark) 100%);
                    color: white;
                }

                .dash-report-btn-amber .dash-report-btn-icon {
                    background: linear-gradient(135deg, var(--warning) 0%, #F59E0B 100%);
                    color: white;
                }

                .dash-report-btn-slate .dash-report-btn-icon {
                    background: linear-gradient(135deg, #475569 0%, var(--warm-500) 100%);
                    color: white;
                }

                .dash-report-btn-text {
                    display: flex;
                    flex-direction: column;
                    min-width: 0;
                }

                .dash-report-btn-title {
                    font-family: var(--font-body);
                    font-size: var(--text-small);
                    font-weight: 600;
                    color: var(--warm-900);
                    line-height: 1.3;
                }

                .dash-report-btn-desc {
                    font-family: var(--font-body);
                    font-size: var(--text-micro);
                    color: var(--warm-500);
                    line-height: 1.3;
                }

                .dash-sidebar-footer {
                    margin-top: var(--space-4);
                    padding-top: 12px;
                    border-top: 1px solid #F5F5F4;
                    font-size: var(--text-micro);
                    color: var(--warm-400);
                    text-align: center;
                    text-transform: uppercase;
                    letter-spacing: 0.05em;
                }

                /* Hide sidebar on mobile */
                @media (max-width: 900px) {
                    .dash-reports-sidebar {
                        display: none;
                    }
                }

                /* Header */
                .dash-header {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    margin-bottom: var(--space-6);
                    padding-bottom: 16px;
                    border-bottom: 1px solid var(--warm-200);
                }
                .dash-title {
                    font-family: var(--font-display);
                    font-size: var(--text-title);
                    font-weight: 700;
                    color: var(--color-text);
                    margin: 0;
                    letter-spacing: -0.02em;
                }
                .dash-date {
                    font-size: var(--text-body);
                    color: var(--warm-500);
                    margin-top: var(--space-1);
                    display: block;
                }
                /* v109: High-visibility toggle buttons for non-tech users */
                /* v132: Simplified filter toggle - subtle segmented control */
                .dash-view-toggle {
                    display: flex;
                    background: var(--warm-100);
                    border-radius: var(--radius-sm);
                    padding: 2px;
                    gap: 2px;
                    border: 1px solid var(--warm-200);
                }
                .dash-toggle-btn {
                    padding: var(--space-1) var(--space-3);
                    border: none;
                    border-radius: var(--radius-xs);
                    font-family: var(--font-family);
                    font-size: var(--text-small);
                    font-weight: var(--font-medium);
                    cursor: pointer;
                    transition: all var(--transition-fast);
                    background: transparent;
                    color: var(--warm-600);
                    display: flex;
                    align-items: center;
                    gap: var(--space-1);
                }
                .dash-toggle-btn:hover:not(.active) {
                    background: var(--warm-200);
                    color: var(--warm-700);
                }
                .dash-toggle-btn:focus-visible {
                    outline: 2px solid var(--brand-blue);
                    outline-offset: 1px;
                }
                .dash-toggle-btn.active {
                    background: white;
                    color: var(--warm-800);
                    box-shadow: var(--shadow-xs);
                }
                .dash-toggle-btn .toggle-icon {
                    width: 14px;
                    height: 14px;
                }

                /* v105: Beta Badge - softened for Phase 4 */
                .beta-badge {
                    display: inline-block;
                    background: var(--brand-blue);
                    color: white;
                    font-size: var(--text-micro);
                    font-weight: 700;
                    padding: var(--space-1) var(--space-2);
                    border-radius: var(--radius-xl);
                    text-transform: uppercase;
                    letter-spacing: 0.5px;
                    vertical-align: middle;
                    margin-left: var(--space-2);
                    box-shadow: var(--shadow-sm);
                }

                /* v105: Beta Welcome Banner */
                .beta-welcome-banner {
                    display: flex;
                    align-items: flex-start;
                    gap: var(--space-3);
                    background: var(--warm-100);
                    border: 1px solid var(--warm-300);
                    border-radius: var(--radius-md);
                    padding: var(--space-4) var(--space-4);
                    margin-bottom: var(--space-5);
                    position: relative;
                }
                .beta-welcome-icon {
                    font-size: var(--text-h1);
                    line-height: 1;
                    flex-shrink: 0;
                }
                .beta-welcome-text {
                    flex: 1;
                    font-size: var(--text-body);
                    color: var(--warm-700);
                    line-height: 1.5;
                }
                .beta-welcome-text strong {
                    color: var(--warm-800);
                }
                .beta-feedback-link {
                    color: var(--brand-blue);
                    text-decoration: underline;
                    font-weight: 500;
                }
                .beta-feedback-link:hover {
                    color: var(--brand-blue-dark);
                }
                .beta-dismiss-btn {
                    position: absolute;
                    top: 8px;
                    right: 8px;
                    background: none;
                    border: none;
                    font-size: var(--text-h2);
                    color: var(--warm-500);
                    cursor: pointer;
                    padding: var(--space-1) var(--space-2);
                    line-height: 1;
                    border-radius: var(--radius-xs);
                    opacity: 0.6;
                    transition: opacity 0.15s;
                }
                .beta-dismiss-btn:hover {
                    opacity: 1;
                    background: var(--warm-100);
                }
                .beta-welcome-banner.hidden {
                    display: none;
                }

                /* v163: Enhanced WIP Banner Styles */
                .beta-welcome-content {
                    flex: 1;
                    padding-right: var(--space-6);
                }
                .beta-welcome-header {
                    display: flex;
                    align-items: center;
                    gap: var(--space-2);
                    margin-bottom: var(--space-2);
                }
                .beta-welcome-header strong {
                    font-size: var(--text-large);
                    color: var(--warm-800);
                }
                .beta-feedback-cta {
                    margin-top: var(--space-3);
                    font-size: var(--text-small);
                }
                .wip-fixes-details {
                    margin-top: var(--space-3);
                    border-top: 1px solid var(--warm-200);
                    padding-top: var(--space-3);
                }
                .wip-fixes-summary {
                    cursor: pointer;
                    font-size: var(--text-small);
                    font-weight: 500;
                    color: var(--warm-600);
                    list-style: none;
                }
                .wip-fixes-summary::-webkit-details-marker {
                    display: none;
                }
                .wip-fixes-summary::before {
                    content: '▶ ';
                    font-size: 10px;
                    margin-right: 4px;
                }
                details[open] .wip-fixes-summary::before {
                    content: '▼ ';
                }
                .wip-fixes-list {
                    margin-top: var(--space-2);
                    padding-left: var(--space-5);
                    font-size: var(--text-small);
                    color: var(--warm-600);
                }
                .wip-fixes-list li {
                    margin-bottom: var(--space-1);
                }

                /* v163: Pending Kickoffs Section */
                .dash-kickoffs-section {
                    background: #FEF3C7;
                    border: 1px solid #FCD34D;
                    border-left: 4px solid #F59E0B;
                    border-radius: var(--radius-sm);
                    padding: var(--space-4);
                    margin-bottom: var(--space-6);
                }
                .dash-kickoffs-header {
                    display: flex;
                    align-items: center;
                    gap: var(--space-3);
                    margin-bottom: var(--space-3);
                }
                .dash-kickoffs-icon {
                    font-size: var(--text-h2);
                    line-height: 1;
                }
                .dash-kickoffs-title {
                    font-weight: 600;
                    color: #92400E;
                    font-size: var(--text-body);
                }
                .dash-kickoffs-list {
                    display: flex;
                    flex-direction: column;
                    gap: var(--space-2);
                }
                .dash-kickoff-item {
                    display: flex;
                    align-items: center;
                    gap: var(--space-3);
                    padding: var(--space-2) var(--space-3);
                    background: white;
                    border-radius: var(--radius-xs);
                    cursor: pointer;
                    transition: background 0.15s;
                }
                .dash-kickoff-item:hover {
                    background: #FFFBEB;
                }
                .dash-kickoff-name {
                    flex: 1;
                    font-weight: 500;
                    color: var(--warm-800);
                    font-size: var(--text-body);
                }
                .dash-kickoff-date {
                    font-size: var(--text-small);
                    color: var(--warm-500);
                    font-family: var(--font-mono);
                }
                .dash-kickoff-tier {
                    font-size: var(--text-micro);
                    font-weight: 500;
                    padding: 2px 6px;
                    border-radius: var(--radius-xs);
                    background: var(--warm-100);
                    color: var(--warm-600);
                }

                /* v164: Ready for Action Section - Event rows with progress */
                .dash-ready-row {
                    display: grid;
                    grid-template-columns: 1fr 70px 80px 100px 70px;
                    gap: var(--space-3);
                    align-items: center;
                    padding: var(--space-3) var(--space-4);
                    background: white;
                    border: 1px solid var(--warm-200);
                    border-radius: var(--radius-sm);
                    cursor: pointer;
                    transition: all 0.15s ease;
                    box-shadow: var(--shadow-xs);
                }
                .dash-ready-row:hover {
                    border-color: var(--brand-blue);
                    box-shadow: var(--shadow-sm);
                    transform: translateY(-1px);
                }
                .dash-ready-name {
                    font-weight: 500;
                    color: var(--warm-800);
                    font-size: var(--text-body);
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }
                .dash-ready-date {
                    font-size: var(--text-small);
                    color: var(--warm-600);
                    font-family: var(--font-mono);
                }
                /* Tier badges with distinct colors */
                .dash-tier-badge {
                    font-size: var(--text-micro);
                    font-weight: 600;
                    padding: 2px 8px;
                    border-radius: var(--radius-xs);
                    text-transform: uppercase;
                    letter-spacing: 0.03em;
                }
                .dash-tier-badge.tier-marquee {
                    background: #EDE9FE;
                    color: #7C3AED;
                }
                .dash-tier-badge.tier-medium {
                    background: #ECFEFF;
                    color: #0891B2;
                }
                .dash-tier-badge.tier-small {
                    background: #ECFDF5;
                    color: #059669;
                }
                .dash-tier-badge.tier-series {
                    background: #FEF3C7;
                    color: #B45309;
                }
                /* Progress bar */
                .dash-progress-bar {
                    display: flex;
                    align-items: center;
                    gap: var(--space-2);
                }
                .dash-progress-track {
                    flex: 1;
                    height: 8px;
                    background: var(--warm-100);
                    border-radius: var(--radius-full);
                    overflow: hidden;
                    min-width: 50px;
                }
                .dash-progress-fill {
                    height: 100%;
                    border-radius: var(--radius-full);
                    transition: width 0.3s ease;
                }
                .dash-progress-fill.fill-ready {
                    background: var(--success);
                }
                .dash-progress-fill.fill-watch {
                    background: var(--warning);
                }
                .dash-progress-fill.fill-review {
                    background: var(--error);
                }
                .dash-progress-percent {
                    font-size: var(--text-small);
                    font-weight: 600;
                    color: var(--warm-700);
                    min-width: 36px;
                    text-align: right;
                    font-family: var(--font-mono);
                }
                /* Status badges */
                .dash-status-badge {
                    font-size: var(--text-micro);
                    font-weight: 600;
                    padding: 3px 8px;
                    border-radius: var(--radius-xs);
                    text-align: center;
                }
                .dash-status-badge.status-ready {
                    background: var(--success-light);
                    color: var(--success-dark);
                }
                .dash-status-badge.status-watch {
                    background: var(--warning-light);
                    color: var(--warning-dark);
                }
                .dash-status-badge.status-review {
                    background: var(--error-light);
                    color: var(--error-dark);
                }

                /* v164.2: Kickoff Status Table */
                .dash-kickoff-table {
                    padding: var(--space-4);
                }
                .dash-kickoff-row {
                    display: grid;
                    grid-template-columns: 1fr 80px 90px 120px;
                    gap: var(--space-3);
                    padding: var(--space-3) var(--space-4);
                    border-bottom: 1px solid var(--warm-100);
                    align-items: center;
                    font-size: var(--text-small);
                }
                .dash-kickoff-row:last-child {
                    border-bottom: none;
                }
                .dash-kickoff-row.header {
                    font-weight: 600;
                    color: var(--warm-600);
                    background: var(--warm-50);
                    border-radius: var(--radius-sm) var(--radius-sm) 0 0;
                    font-size: var(--text-micro);
                    text-transform: uppercase;
                    letter-spacing: 0.03em;
                }
                .dash-kickoff-name {
                    font-weight: 500;
                    color: var(--warm-800);
                }
                .dash-kickoff-status {
                    display: flex;
                    align-items: center;
                    gap: var(--space-2);
                    font-weight: 500;
                }
                .dash-kickoff-status.scheduled {
                    color: var(--success-dark);
                }
                .dash-kickoff-status.needs-scheduling {
                    color: var(--warning-dark);
                }
                .dash-kickoff-status-icon {
                    font-size: var(--text-large);
                }

                /* v164.11: Kickoff Action Items */
                .dash-kickoff-list {
                    padding: var(--space-3);
                }
                .dash-kickoff-action-item {
                    display: flex;
                    flex-direction: column;
                    gap: var(--space-2);
                    padding: var(--space-3) var(--space-4);
                    margin-bottom: var(--space-2);
                    border-radius: var(--radius-md);
                    cursor: pointer;
                    transition: background 0.15s ease;
                    border-left: 4px solid var(--warning);
                    background: var(--warning-light);
                }
                .dash-kickoff-action-item:last-child {
                    margin-bottom: 0;
                }
                .dash-kickoff-action-item:hover {
                    background: #FEF3C7;
                }
                .dash-kickoff-action-item.overdue,
                .dash-kickoff-action-item.overdue-critical {
                    border-left-color: var(--error);
                    background: var(--error-light);
                }
                .dash-kickoff-action-item.overdue:hover,
                .dash-kickoff-action-item.overdue-critical:hover {
                    background: #FEE2E2;
                }
                .dash-kickoff-action-main {
                    display: flex;
                    align-items: center;
                    gap: var(--space-3);
                }
                .dash-kickoff-action-meta {
                    display: flex;
                    align-items: center;
                    gap: var(--space-4);
                    font-size: var(--text-small);
                    color: var(--warm-600);
                }
                .dash-kickoff-urgency {
                    font-weight: 600;
                    color: var(--warning-dark);
                }
                .dash-kickoff-urgency.overdue,
                .dash-kickoff-urgency.overdue-critical {
                    color: var(--error-dark);
                }

                /* v174: Kickoff status badges */
                .dash-kickoff-badge {
                    padding: var(--space-1) var(--space-3);
                    border-radius: var(--radius-full);
                    font-size: var(--text-small);
                    font-weight: 600;
                    white-space: nowrap;
                }
                .dash-kickoff-badge.has-kickoff {
                    background: var(--success-light);
                    color: var(--success-dark);
                }
                .dash-kickoff-badge.needs-kickoff {
                    background: var(--warning-light);
                    color: var(--warning-dark);
                }

                .dash-section-count.on-track {
                    color: var(--success-dark);
                    background: var(--success-light);
                }
                .dash-section-count.needs-action {
                    color: var(--warning-dark);
                    background: var(--warning-light);
                }
                .dash-empty-success {
                    color: var(--success-dark);
                    background: var(--success-light);
                    border-radius: var(--radius-md);
                    padding: var(--space-4);
                    display: flex;
                    align-items: center;
                    gap: var(--space-2);
                }
                .dash-empty-success span {
                    font-size: var(--text-large);
                }

                /* Attention Banner */
                .dash-attention-banner {
                    background: var(--error-light);
                    border: 1px solid #FECACA;
                    border-left: 4px solid var(--error);
                    border-radius: var(--radius-sm);
                    padding: var(--space-4);
                    margin-bottom: var(--space-6);
                }
                .dash-attention-header {
                    display: flex;
                    align-items: center;
                    gap: var(--space-3);
                }
                .dash-attention-icon {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 28px;
                    height: 28px;
                    background: var(--error);
                    color: white;
                    border-radius: var(--radius-full);
                    font-weight: 700;
                    font-size: var(--text-large);
                }
                .dash-attention-count {
                    font-weight: 600;
                    color: var(--error-dark);
                    flex: 1;
                }
                .dash-attention-link {
                    background: none;
                    border: none;
                    color: var(--error);
                    font-size: var(--text-small);
                    font-weight: 500;
                    cursor: pointer;
                    text-decoration: underline;
                }
                .dash-attention-link:focus-visible {
                    outline: 2px solid var(--error);
                    outline-offset: 2px;
                }
                .dash-attention-items {
                    margin-top: var(--space-3);
                    padding-top: 12px;
                    border-top: 1px solid #FECACA;
                }
                .dash-attention-item {
                    display: flex;
                    align-items: center;
                    gap: var(--space-2);
                    padding: var(--space-2) 0;
                    font-size: var(--text-small);
                    color: var(--error-dark);
                    cursor: pointer;
                }
                .dash-attention-item:hover {
                    text-decoration: underline;
                }

                /* Sections */
                .dash-section {
                    background: white;
                    border: 1px solid var(--warm-200);
                    border-radius: var(--radius-md);
                    margin-bottom: var(--space-5);
                    overflow: hidden;
                }
                .dash-section-header {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    padding: var(--space-4) var(--space-5);
                    background: var(--warm-50);
                    border-bottom: 1px solid var(--warm-200);
                }
                .dash-section-title {
                    font-size: var(--text-body);
                    font-weight: 600;
                    color: var(--warm-900);
                    text-transform: uppercase;
                    letter-spacing: 0.05em;
                }
                .dash-section-count {
                    font-size: var(--text-small);
                    color: var(--warm-600);  /* Improved contrast */
                }

                /* v133: Events List - Card style */
                .dash-events-list {
                    padding: 0;
                    display: flex;
                    flex-direction: column;
                    gap: var(--space-2);
                }
                .dash-event-row {
                    display: grid;
                    grid-template-columns: 70px 1fr auto auto;
                    gap: var(--space-3);
                    align-items: center;
                    padding: var(--space-3) var(--space-4);
                    background: white;
                    border: 1px solid var(--warm-200);
                    border-radius: var(--radius-sm);
                    cursor: pointer;
                    transition: all 0.15s ease;
                    box-shadow: var(--shadow-xs);
                }
                .dash-event-row:hover {
                    border-color: var(--brand-blue);
                    box-shadow: var(--shadow-sm);
                    transform: translateY(-1px);
                }
                .dash-event-row:active {
                    transform: translateY(0);
                }
                .dash-event-date {
                    font-size: var(--text-small);
                    color: var(--warm-600);  /* Improved contrast */
                    font-family: var(--font-mono);
                }
                .dash-event-date.today {
                    color: var(--brand-blue);
                    font-weight: 600;
                }
                .dash-event-info {
                    min-width: 0;
                }
                .dash-event-name {
                    font-size: var(--text-body);
                    font-weight: 500;
                    color: var(--warm-900);
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }
                .dash-event-meta {
                    font-size: var(--text-small);
                    color: var(--warm-600);  /* Improved contrast */
                    margin-top: var(--space-1);
                }
                .dash-event-status {
                    padding: var(--space-1) var(--space-3);
                    border-radius: var(--radius-md);
                    font-size: var(--text-micro);
                    font-weight: 600;
                    text-transform: uppercase;
                }
                .dash-event-status.ready {
                    background: var(--success-light);
                    color: var(--success-dark);
                }
                .dash-event-status.watch {
                    background: var(--warning-light);
                    color: var(--warning-dark);
                }
                .dash-event-status.review {
                    background: var(--error-light);
                    color: var(--error-dark);
                }
                .dash-event-action {
                    color: var(--brand-blue);
                    font-size: var(--text-h3);
                    padding: var(--space-1);
                    cursor: pointer;
                    background: none;
                    border: none;
                    border-radius: var(--radius-xs);
                }
                .dash-event-action:focus-visible {
                    outline: 2px solid var(--brand-blue);
                    outline-offset: 2px;
                }
                .dash-empty-state {
                    padding: var(--space-8) var(--space-5);
                    text-align: center;
                    color: var(--warm-400);
                    font-size: var(--text-body);
                }

                /* My Portfolio Section */
                .dash-portfolio-content {
                    padding: var(--space-5);
                }
                .dash-portfolio-health {
                    display: flex;
                    align-items: center;
                    gap: var(--space-4);
                    margin-bottom: var(--space-5);
                }
                .dash-health-label {
                    font-size: var(--text-small);
                    color: var(--warm-600);  /* Improved contrast */
                    white-space: nowrap;
                }
                .dash-health-bar-container {
                    flex: 1;
                    height: 10px;
                    background: var(--warm-200);
                    border-radius: var(--radius-sm);
                    overflow: hidden;
                }
                .dash-health-bar {
                    height: 100%;
                    background: linear-gradient(90deg, var(--success), #10B981);
                    border-radius: var(--radius-sm);
                    transition: width 0.4s ease;
                }
                .dash-health-score {
                    font-size: var(--text-h3);
                    font-weight: 700;
                    color: var(--success);
                    font-family: var(--font-mono);
                }
                .dash-health-status {
                    font-size: var(--text-small);
                    font-weight: 500;
                    color: var(--success);
                }
                .dash-portfolio-breakdown {
                    display: flex;
                    gap: var(--space-3);
                    margin-bottom: var(--space-5);
                }
                .dash-portfolio-stat {
                    flex: 1;
                    padding: var(--space-4);
                    border-radius: var(--radius-sm);
                    text-align: center;
                    cursor: pointer;
                    transition: transform 0.15s, box-shadow 0.15s;
                }
                .dash-portfolio-stat:hover {
                    transform: translateY(-2px);
                    box-shadow: var(--shadow-md);
                }
                .dash-portfolio-stat.on-track {
                    background: var(--success-light);
                }
                .dash-portfolio-stat.watch {
                    background: var(--warning-light);
                }
                .dash-portfolio-stat.at-risk {
                    background: var(--error-light);
                }
                .dash-stat-number {
                    font-size: var(--text-title);
                    font-weight: 700;
                    font-family: var(--font-mono);
                    display: block;
                }
                .dash-portfolio-stat.on-track .dash-stat-number { color: var(--success-dark); }
                .dash-portfolio-stat.watch .dash-stat-number { color: var(--warning-dark); }
                .dash-portfolio-stat.at-risk .dash-stat-number { color: var(--error-dark); }
                .dash-stat-label {
                    font-size: var(--text-micro);
                    font-weight: 600;
                    text-transform: uppercase;
                    letter-spacing: 0.05em;
                    margin-top: var(--space-1);
                    display: block;
                }
                .dash-portfolio-stat.on-track .dash-stat-label { color: var(--success-dark); }
                .dash-portfolio-stat.watch .dash-stat-label { color: var(--warning-dark); }
                .dash-portfolio-stat.at-risk .dash-stat-label { color: var(--error-dark); }

                /* Kickoffs */
                .dash-kickoffs {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    padding-top: 16px;
                    border-top: 1px solid var(--warm-200);
                }
                .dash-kickoff-status {
                    font-size: var(--text-small);
                    color: var(--warm-600);
                }
                .dash-kickoff-divider {
                    margin: 0 8px;
                    color: var(--warm-300);
                }
                .dash-kickoff-pending {
                    color: var(--warning);
                    font-weight: 500;
                }
                .dash-kickoff-btn {
                    background: var(--warning-light);
                    color: var(--warning-dark);
                    border: none;
                    padding: var(--space-2) var(--space-3);
                    border-radius: var(--radius-sm);
                    font-size: var(--text-small);
                    font-weight: 500;
                    cursor: pointer;
                }
                .dash-kickoff-btn:hover {
                    background: var(--warning-light);
                }

                /* My Tasks Section */
                .dash-tasks-content {
                    padding: 0;
                }
                .dash-task-group {
                    border-bottom: 1px solid var(--warm-200);
                }
                .dash-task-group:last-child {
                    border-bottom: none;
                }
                .dash-task-group-header {
                    display: flex;
                    align-items: center;
                    gap: var(--space-3);
                    padding: var(--space-3) var(--space-5);
                    background: var(--warm-50);
                    font-size: var(--text-small);
                    font-weight: 500;
                    color: var(--warm-600);
                }
                .dash-task-group-header.overdue {
                    background: var(--error-light);
                    color: var(--error-dark);
                }
                .dash-task-count {
                    background: var(--warm-200);
                    padding: var(--space-1) var(--space-2);
                    border-radius: var(--radius-md);
                    font-size: var(--text-small);
                    font-weight: 600;
                }
                .dash-task-count.danger {
                    background: var(--error-light);
                    color: var(--error-dark);
                }
                .dash-view-all-btn {
                    margin-left: auto;
                    background: none;
                    border: none;
                    color: var(--brand-blue);
                    font-size: var(--text-small);
                    cursor: pointer;
                }
                .dash-view-all-btn:hover {
                    text-decoration: underline;
                }
                .dash-task-list {
                    padding: 0;
                }
                .dash-task-item {
                    display: flex;
                    align-items: flex-start;
                    gap: var(--space-3);
                    padding: var(--space-3) var(--space-5);
                    border-bottom: 1px solid #F5F5F4;
                    cursor: pointer;
                }
                .dash-task-item:last-child {
                    border-bottom: none;
                }
                .dash-task-item:hover {
                    background: var(--warm-50);
                }
                .dash-task-checkbox {
                    width: 18px;
                    height: 18px;
                    border: 2px solid var(--warm-300);
                    border-radius: var(--radius-xs);
                    flex-shrink: 0;
                    margin-top: var(--space-1);
                }
                .dash-task-content {
                    flex: 1;
                    min-width: 0;
                }
                .dash-task-event {
                    font-size: var(--text-micro);
                    color: var(--warm-500);
                    margin-bottom: var(--space-1);
                }
                .dash-task-name {
                    font-size: var(--text-small);
                    color: var(--warm-900);
                }
                .dash-task-due {
                    font-size: var(--text-micro);
                    color: var(--warm-500);
                    margin-top: var(--space-1);
                }
                .dash-task-due.overdue {
                    color: var(--error);
                    font-weight: 500;
                }
                .dash-task-action {
                    background: var(--brand-blue);
                    color: white;
                    border: none;
                    padding: var(--space-1) var(--space-3);
                    border-radius: var(--radius-xs);
                    font-size: var(--text-micro);
                    font-weight: 500;
                    cursor: pointer;
                    white-space: nowrap;
                }
                .dash-task-action:hover {
                    background: var(--brand-blue);
                }

                /* Quick Popup Modal */
                .dash-popup-overlay {
                    position: fixed;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    background: rgba(0,0,0,0.5);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    z-index: 1000;
                    padding: var(--space-5);
                }
                .dash-popup {
                    background: white;
                    border-radius: var(--radius-lg);
                    width: 100%;
                    max-width: 440px;
                    box-shadow: var(--shadow-xl);
                    overflow: hidden;
                }
                .dash-popup-header {
                    display: flex;
                    justify-content: space-between;
                    align-items: flex-start;
                    padding: var(--space-5) var(--space-5) var(--space-3);
                    border-bottom: 1px solid var(--warm-200);
                }
                .dash-popup-title {
                    font-size: var(--text-h3);
                    font-weight: 600;
                    color: var(--warm-900);
                    margin: 0;
                    padding-right: 20px;
                }
                .dash-popup-close {
                    background: none;
                    border: none;
                    font-size: var(--text-h1);
                    color: var(--warm-500);  /* Improved contrast from #A8A29E */
                    cursor: pointer;
                    line-height: 1;
                    padding: var(--space-1);
                    border-radius: var(--radius-xs);
                }
                .dash-popup-close:hover {
                    color: var(--warm-600);
                    background: var(--warm-50);
                }
                .dash-popup-close:focus-visible {
                    outline: 2px solid var(--brand-blue);
                    outline-offset: 2px;
                }
                .dash-popup-meta {
                    padding: var(--space-3) var(--space-5);
                    font-size: var(--text-small);
                    color: var(--warm-600);  /* Improved contrast */
                    border-bottom: 1px solid var(--warm-200);
                }
                .dash-popup-body {
                    padding: var(--space-5);
                }
                .dash-popup-readiness {
                    display: flex;
                    align-items: center;
                    gap: var(--space-3);
                    margin-bottom: var(--space-5);
                }
                .dash-popup-readiness-label {
                    font-size: var(--text-small);
                    color: var(--warm-500);
                }
                .dash-popup-progress-bar {
                    flex: 1;
                    height: 8px;
                    background: var(--warm-200);
                    border-radius: var(--radius-xs);
                    overflow: hidden;
                }
                .dash-popup-progress-fill {
                    height: 100%;
                    background: linear-gradient(90deg, var(--success), #10B981);
                    border-radius: var(--radius-xs);
                    transition: width 0.3s;
                }
                .dash-popup-percent {
                    font-size: var(--text-body);
                    font-weight: 600;
                    color: var(--success);
                    font-family: var(--font-mono);
                }
                .dash-popup-tasks {
                    max-height: 200px;
                    overflow-y: auto;
                }
                .dash-popup-task {
                    display: flex;
                    align-items: flex-start;
                    gap: var(--space-3);
                    padding: var(--space-2) 0;
                    font-size: var(--text-small);
                    color: var(--warm-600);
                    border-bottom: 1px solid #F5F5F4;
                }
                .dash-popup-task:last-child {
                    border-bottom: none;
                }
                .dash-popup-task:hover {
                    background: var(--warm-50);
                    border-radius: var(--radius-xs);
                    margin: 0 -8px;
                    padding: var(--space-2);
                }
                .dash-popup-task:hover .dash-popup-task-checkbox {
                    border-color: var(--brand-blue);
                    background: var(--brand-blue-light);
                }
                /* v164.8: Active state for immediate click feedback */
                .dash-popup-task:active .dash-popup-task-checkbox {
                    border-color: var(--brand-blue);
                    background: var(--brand-blue);
                    transform: scale(0.9);
                }
                .dash-popup-task-checkbox {
                    width: 16px;
                    height: 16px;
                    border: 2px solid var(--warm-300);
                    border-radius: var(--radius-xs);
                    flex-shrink: 0;
                    margin-top: 1px;
                    cursor: pointer;
                    transition: all 0.15s;
                }
                .dash-popup-task-due {
                    font-size: var(--text-micro);
                    color: var(--warm-400);
                    margin-left: auto;
                    white-space: nowrap;
                }
                .dash-popup-footer {
                    display: flex;
                    gap: var(--space-3);
                    padding: var(--space-4) var(--space-5);
                    background: var(--warm-50);
                    border-top: 1px solid var(--warm-200);
                }
                .dash-popup-btn {
                    flex: 1;
                    padding: var(--space-3) var(--space-4);
                    border-radius: var(--radius-sm);
                    font-size: var(--text-small);
                    font-weight: 500;
                    cursor: pointer;
                    border: none;
                    transition: all 0.15s;
                }
                .dash-popup-btn:focus-visible {
                    outline: 2px solid var(--brand-blue);
                    outline-offset: 2px;
                }
                .dash-popup-btn.primary {
                    background: var(--brand-blue);
                    color: white;
                }
                .dash-popup-btn.primary:hover {
                    background: var(--brand-blue);
                }
                .dash-popup-btn.primary:focus-visible {
                    outline-color: #005480;
                }
                .dash-popup-btn.secondary {
                    background: white;
                    color: var(--warm-600);
                    border: 1px solid var(--warm-200);
                }
                .dash-popup-btn.secondary:hover {
                    background: var(--warm-50);
                }

                /* V73 Responsive */
                @media (max-width: 768px) {
                    .dash-header {
                        flex-direction: column;
                        gap: var(--space-4);
                        align-items: flex-start;
                    }
                    .dash-event-row {
                        grid-template-columns: 60px 1fr auto;
                    }
                    .dash-event-action {
                        display: none;
                    }
                    .dash-portfolio-breakdown {
                        flex-direction: column;
                    }
                    .dash-portfolio-health {
                        flex-wrap: wrap;
                    }
                }

/* ============================================
   REPORTS GRID STYLES
   ============================================ */
                /* Reports Grid Styles */
                .reports-grid {
                    display: grid;
                    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
                    gap: var(--space-4);
                }
                .report-tile {
                    background: white;
                    border-radius: var(--radius-md);
                    padding: var(--space-5);
                    border: 1px solid var(--warm-200);
                    transition: all 0.2s ease;
                    display: flex;
                    flex-direction: column;
                }
                .report-tile:hover {
                    box-shadow: var(--shadow-lg);
                    transform: translateY(-2px);
                }
                .report-tile-header {
                    display: flex;
                    align-items: center;
                    gap: var(--space-3);
                    margin-bottom: var(--space-3);
                }
                .report-tile-icon {
                    width: 40px;
                    height: 40px;
                    border-radius: var(--radius-md);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    flex-shrink: 0;
                }
                .report-tile-icon svg {
                    width: 20px;
                    height: 20px;
                }
                .report-tile h4 {
                    font-size: var(--text-large);
                    font-weight: 600;
                    color: var(--warm-800);
                    margin: 0;
                }
                .report-tile-desc {
                    font-size: var(--text-small);
                    color: var(--warm-500);
                    line-height: 1.5;
                    margin-bottom: var(--space-4);
                    flex-grow: 1;
                }
                .report-tile-meta {
                    font-size: var(--text-micro);
                    color: var(--warm-400);
                    margin-bottom: var(--space-3);
                    text-transform: uppercase;
                    letter-spacing: 0.03em;
                }
                .report-btn {
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    gap: var(--space-2);
                    padding: var(--space-3) var(--space-4);
                    border-radius: var(--radius-sm);
                    font-size: var(--text-small);
                    font-weight: 600;
                    text-decoration: none;
                    cursor: pointer;
                    border: none;
                    transition: all 0.15s ease;
                    width: 100%;
                }
                .report-btn:hover {
                    transform: scale(1.02);
                }
                .report-btn svg {
                    width: 16px;
                    height: 16px;
                }
                /* Color themes */
                .report-tile.purple .report-tile-icon { background: var(--brand-blue-light); color: var(--brand-blue); }
                .report-tile.purple .report-btn { background: var(--brand-blue); color: white; }
                .report-tile.purple .report-btn:hover { background: var(--brand-blue); }

                .report-tile.blue .report-tile-icon { background: var(--brand-blue-light); color: var(--brand-blue); }
                .report-tile.blue .report-btn { background: var(--brand-blue); color: white; }
                .report-tile.blue .report-btn:hover { background: #1D4ED8; }

                .report-tile.red .report-tile-icon { background: var(--error-light); color: var(--error); }
                .report-tile.red .report-btn { background: var(--error); color: white; }
                .report-tile.red .report-btn:hover { background: var(--error-dark); }

                .report-tile.amber .report-tile-icon { background: var(--warning-light); color: var(--warning); }
                .report-tile.amber .report-btn { background: var(--warning); color: white; }
                .report-tile.amber .report-btn:hover { background: var(--warning-dark); }

                .report-tile.teal .report-tile-icon { background: var(--info-light); color: #0D9488; }
                .report-tile.teal .report-btn { background: #0D9488; color: white; }
                .report-tile.teal .report-btn:hover { background: #0F766E; }

                .report-tile.emerald .report-tile-icon { background: var(--success-light); color: var(--success); }
                .report-tile.emerald .report-btn { background: var(--success); color: white; }
                .report-tile.emerald .report-btn:hover { background: var(--success-dark); }

                .report-tile.indigo .report-tile-icon { background: #E0E7FF; color: #4F46E5; }
                .report-tile.indigo .report-btn { background: #4F46E5; color: white; }
                .report-tile.indigo .report-btn:hover { background: #4338CA; }

                .reports-section-header {
                    font-size: var(--text-micro);
                    font-weight: 700;
                    text-transform: uppercase;
                    letter-spacing: 0.1em;
                    color: var(--warm-400);
                    margin-bottom: var(--space-3);
                    padding-left: 4px;
                }

/* ==========================================
   NIEMEYER DESIGN SYSTEM COMPONENTS
   Architectural-inspired dashboard design
   Enabled via body.niemeyer-theme class
   ========================================== */

/* Niemeyer Hero Section */
.niemeyer-hero {
    position: relative;
    background: var(--niemeyer-orange);
    color: var(--niemeyer-cream);
    min-height: 280px;
    display: flex;
    align-items: flex-end;
    padding: 0 var(--niemeyer-gap-lg);
    overflow: hidden;
}

.niemeyer-hero-sun {
    position: absolute;
    top: 24px;
    right: 48px;
    width: 60px;
    height: 60px;
    background: var(--niemeyer-cream);
    border-radius: 50%;
    opacity: 0.9;
    box-shadow: 0 0 40px rgba(250, 247, 242, 0.4);
}

.niemeyer-hero-title {
    position: absolute;
    top: 24px;
    left: 48px;
    text-align: left;
}

.niemeyer-hero-title h1 {
    font-family: var(--font-niemeyer);
    font-size: var(--niemeyer-title);
    font-weight: var(--niemeyer-light);
    letter-spacing: 0.02em;
    margin: 0;
    color: var(--niemeyer-cream);
}

.niemeyer-hero-title p {
    font-family: var(--font-niemeyer);
    font-size: var(--niemeyer-body);
    font-weight: var(--niemeyer-regular);
    opacity: 0.8;
    margin: var(--space-2) 0 0 0;
}

.niemeyer-horizon {
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(250,247,242,0.3) 20%,
        rgba(250,247,242,0.3) 80%,
        transparent 100%
    );
}

.niemeyer-reflection {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    background: linear-gradient(180deg,
        rgba(232, 93, 4, 0.3) 0%,
        var(--niemeyer-orange) 100%
    );
}

/* Niemeyer Skyline (Building Stats) */
.niemeyer-skyline {
    display: flex;
    align-items: flex-end;
    gap: var(--niemeyer-gap-lg);
    position: relative;
    z-index: 1;
    padding-bottom: 24px;
    margin-left: auto;
    margin-right: auto;
}

.niemeyer-building {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.niemeyer-building:hover {
    transform: translateY(-8px);
}

.niemeyer-building-shape {
    transition: all 0.3s ease;
}

/* Tower (Total Events) - Tallest building */
.niemeyer-building--tower .niemeyer-building-shape {
    width: 40px;
    height: 120px;
    background: var(--niemeyer-brown);
    border-radius: 4px 4px 0 0;
}

/* Dome (On Track) - Medium curved building */
.niemeyer-building--dome .niemeyer-building-shape {
    width: 80px;
    height: 50px;
    background: var(--success);
    border-radius: 80px 80px 0 0;
}

/* Triangle (At Risk) - Wedge building */
.niemeyer-building--triangle .niemeyer-building-shape {
    width: 0;
    height: 0;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    border-bottom: 70px solid var(--building-marquee);
    background: transparent;
}

/* Bar (Planning) - Horizontal bar building */
.niemeyer-building--bar .niemeyer-building-shape {
    width: 100px;
    height: 24px;
    background: var(--building-medium);
    border-radius: 2px;
}

.niemeyer-building-number {
    font-family: var(--font-niemeyer);
    font-size: 36px;
    font-weight: var(--niemeyer-light);
    margin-top: 12px;
    letter-spacing: -1px;
    color: var(--niemeyer-cream);
}

.niemeyer-building-label {
    font-family: var(--font-niemeyer);
    font-size: 10px;
    font-weight: var(--niemeyer-medium);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    opacity: 0.8;
    margin-top: 4px;
    color: var(--niemeyer-cream);
}

/* Niemeyer Tier Shapes (for tables/lists) */
.niemeyer-tier {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
}

.niemeyer-tier-shape {
    transition: transform 0.2s;
}

.niemeyer-tier:hover .niemeyer-tier-shape {
    transform: scale(1.15);
}

/* Marquee = Tall Rectangle */
.niemeyer-tier--marquee .niemeyer-tier-shape {
    width: 10px;
    height: 32px;
    background: var(--building-marquee);
    border-radius: 2px 2px 0 0;
}

/* Medium = Dome */
.niemeyer-tier--medium .niemeyer-tier-shape {
    width: 28px;
    height: 14px;
    background: var(--building-medium);
    border-radius: 28px 28px 0 0;
}

/* Small = Square */
.niemeyer-tier--small .niemeyer-tier-shape {
    width: 18px;
    height: 18px;
    background: var(--building-small);
    border-radius: 2px;
}

/* Committee = Horizontal Bar */
.niemeyer-tier--committee .niemeyer-tier-shape {
    width: 32px;
    height: 8px;
    background: var(--building-committee);
    border-radius: 2px;
}

/* Mini Tier Dots for Calendar Grid */
.niemeyer-tier-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
}
.niemeyer-tier-dot.niemeyer-tier--marquee {
    width: 4px;
    height: 8px;
    background: var(--building-marquee);
    border-radius: 1px 1px 0 0;
}
.niemeyer-tier-dot.niemeyer-tier--medium {
    width: 6px;
    height: 6px;
    background: var(--building-medium);
    border-radius: 50% 50% 0 0;
}
.niemeyer-tier-dot.niemeyer-tier--small {
    width: 6px;
    height: 6px;
    background: var(--building-small);
    border-radius: 1px;
}
.niemeyer-tier-dot.niemeyer-tier--committee {
    width: 8px;
    height: 3px;
    background: var(--building-committee);
    border-radius: 1px;
}

/* Niemeyer Content Section */
.niemeyer-content {
    background: var(--niemeyer-cream);
    color: var(--warm-800);
    padding: var(--niemeyer-gap-lg) var(--niemeyer-gap-lg);
    min-height: calc(100vh - 344px);
}

.niemeyer-content-inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 var(--space-4);
}

/* Niemeyer Section */
.niemeyer-section {
    margin-bottom: 40px;
}

.niemeyer-section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--warm-200);
}

.niemeyer-section-title {
    font-family: var(--font-niemeyer);
    font-size: var(--niemeyer-label);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--warm-600);
}

/* Niemeyer Navigation Override */
body.niemeyer-theme .site-header {
    background: var(--warm-900) !important;
    padding: 0 var(--niemeyer-gap-lg) !important;
    height: 64px !important;
    box-shadow: none !important;
    border-bottom: none !important;
}

body.niemeyer-theme .site-header .nav-logo,
body.niemeyer-theme .site-header .logo-text {
    color: white !important;
    font-family: var(--font-niemeyer) !important;
}

body.niemeyer-theme .nav-tab {
    font-family: var(--font-niemeyer) !important;
    font-weight: var(--niemeyer-regular) !important;
    font-size: 14px !important;
    color: var(--warm-400) !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0;
    margin: 0 8px;
    padding: 20px 12px !important;
    height: auto !important;
    transition: all 0.2s ease;
    background: transparent !important;
}

body.niemeyer-theme .nav-tab.active {
    color: white !important;
    background: transparent !important;
    border-bottom: 2px solid var(--niemeyer-orange) !important;
}

body.niemeyer-theme .nav-tab:not(.active):hover {
    color: var(--warm-200) !important;
    background: transparent !important;
}

body.niemeyer-theme .ds-btn-primary {
    background: var(--niemeyer-orange) !important;
    border: none !important;
}

body.niemeyer-theme .ds-btn-primary:hover {
    background: var(--niemeyer-orange-dark) !important;
}

/* Niemeyer Attention Banner */
.niemeyer-attention {
    margin-bottom: 40px;
    padding: 20px 24px;
    background: rgba(232, 93, 4, 0.06);
    border-left: 3px solid var(--niemeyer-orange);
    border-radius: 0 8px 8px 0;
}

.niemeyer-attention-header {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-3);
}

.niemeyer-attention-dot {
    width: 8px;
    height: 8px;
    background: var(--niemeyer-orange);
    border-radius: 50%;
    animation: niemeyer-pulse 2s infinite;
}

@keyframes niemeyer-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.niemeyer-attention-title {
    font-family: var(--font-niemeyer);
    font-size: var(--text-body);
    font-weight: var(--niemeyer-medium);
    color: var(--warm-800);
}

/* Hide Niemeyer elements when theme is not active */
.niemeyer-hero,
.niemeyer-content,
.niemeyer-attention {
    display: none;
}

/* Show Niemeyer elements when theme is active */
body.niemeyer-theme .niemeyer-hero,
body.niemeyer-theme .niemeyer-content,
body.niemeyer-theme .niemeyer-attention {
    display: block;
}

body.niemeyer-theme .niemeyer-hero {
    display: flex;
}

/* Hide default dashboard when Niemeyer is active */
body.niemeyer-theme .dash-dashboard,
body.niemeyer-theme #executive-content {
    display: none;
}

/* Niemeyer Event Row Styling */
body.niemeyer-theme .dash-event-row {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-4);
    background: white;
    border-radius: var(--radius-md);
    margin-bottom: var(--space-2);
    cursor: pointer;
    transition: all 0.2s;
    border: 1px solid var(--warm-200);
}

body.niemeyer-theme .dash-event-row:hover {
    transform: translateX(4px);
    border-color: var(--niemeyer-orange);
    box-shadow: 0 2px 8px rgba(232, 93, 4, 0.1);
}

body.niemeyer-theme .dash-event-date {
    font-family: var(--font-niemeyer);
    font-weight: var(--niemeyer-medium);
    font-size: var(--text-small);
    color: var(--niemeyer-orange);
    min-width: 40px;
}

body.niemeyer-theme .dash-event-info {
    flex: 1;
}

body.niemeyer-theme .dash-event-name {
    font-family: var(--font-niemeyer);
    font-weight: var(--niemeyer-medium);
    color: var(--warm-800);
    font-size: var(--text-body);
}

body.niemeyer-theme .dash-event-meta {
    font-size: var(--text-small);
    color: var(--warm-500);
    margin-top: 2px;
}

body.niemeyer-theme .dash-empty-state {
    text-align: center;
    padding: var(--space-8);
    color: var(--warm-500);
    font-style: italic;
}

/* Niemeyer Events List */
body.niemeyer-theme .dash-events-list {
    display: flex;
    flex-direction: column;
}

/* Niemeyer Events Table Styling */
body.niemeyer-theme .events-table {
    font-family: var(--font-niemeyer);
    border: none;
}

body.niemeyer-theme .events-table thead {
    background: var(--warm-100);
}

body.niemeyer-theme .events-table th {
    font-family: var(--font-niemeyer);
    font-weight: var(--niemeyer-medium);
    font-size: var(--niemeyer-label);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--warm-600);
    padding: var(--space-3) var(--space-4);
}

body.niemeyer-theme .events-table td {
    padding: var(--space-3) var(--space-4);
    border-bottom: 1px solid var(--warm-100);
}

body.niemeyer-theme .event-row {
    transition: all 0.2s;
}

body.niemeyer-theme .event-row:hover {
    background: rgba(232, 93, 4, 0.04);
}

body.niemeyer-theme .event-row.expanded {
    background: rgba(232, 93, 4, 0.06);
}

body.niemeyer-theme .event-name {
    font-weight: var(--niemeyer-medium);
    color: var(--warm-800);
}

body.niemeyer-theme .event-date {
    font-family: var(--font-mono);
    font-size: var(--text-small);
    color: var(--warm-600);
}

body.niemeyer-theme .progress-fill-table {
    background: var(--niemeyer-orange) !important;
}

body.niemeyer-theme .progress-fill-table.success {
    background: var(--building-small) !important;
}

body.niemeyer-theme .status-badge-table {
    font-family: var(--font-niemeyer);
    font-size: var(--niemeyer-label);
    font-weight: var(--niemeyer-medium);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Niemeyer Page Background */
body.niemeyer-theme {
    background: var(--niemeyer-cream);
}

body.niemeyer-theme #events-content,
body.niemeyer-theme #settings-content {
    background: var(--niemeyer-cream);
}

/* Niemeyer Modal Styling */
body.niemeyer-theme .ds-modal-wrapper {
    background: rgba(41, 37, 36, 0.6);
}

body.niemeyer-theme .ds-modal {
    border-radius: var(--radius-md);
    border: 1px solid var(--warm-200);
}

body.niemeyer-theme .ds-modal-header {
    background: var(--niemeyer-cream);
    border-bottom: 2px solid var(--niemeyer-orange);
}

body.niemeyer-theme .ds-modal-title {
    font-family: var(--font-niemeyer);
    font-weight: var(--niemeyer-semibold);
    color: var(--warm-900);
}

body.niemeyer-theme .ds-modal-body {
    background: white;
    font-family: var(--font-niemeyer);
}

body.niemeyer-theme .ds-modal-footer {
    background: var(--niemeyer-cream);
    border-top: 1px solid var(--warm-200);
}

body.niemeyer-theme .ds-modal-close:hover {
    background: rgba(232, 93, 4, 0.1);
    color: var(--niemeyer-orange);
}

/* Niemeyer Quick Popup Modal */
body.niemeyer-theme .dash-popup {
    border-radius: var(--radius-md);
    border: 1px solid var(--warm-200);
}

body.niemeyer-theme .dash-popup-header {
    background: var(--niemeyer-cream);
    border-bottom: 2px solid var(--niemeyer-orange);
}

body.niemeyer-theme .dash-popup-title {
    font-family: var(--font-niemeyer);
    font-weight: var(--niemeyer-semibold);
}

body.niemeyer-theme .dash-popup-meta {
    font-family: var(--font-niemeyer);
}

body.niemeyer-theme .dash-popup-task {
    font-family: var(--font-niemeyer);
}

body.niemeyer-theme .dash-popup-task:hover {
    background: rgba(232, 93, 4, 0.05);
}

body.niemeyer-theme .dash-popup-action {
    font-family: var(--font-niemeyer);
    font-weight: var(--niemeyer-medium);
}

body.niemeyer-theme .dash-popup-action.primary {
    background: var(--niemeyer-orange);
}

body.niemeyer-theme .dash-popup-action.primary:hover {
    background: #d45503;
}

/* ============================================
   NIEMEYER CALENDAR PAGE STYLING
   ============================================ */

/* Calendar Page Background */
body.niemeyer-theme #calendar-content {
    background: var(--niemeyer-cream);
    padding: var(--space-6);
}

/* Calendar Page Purpose Text */
body.niemeyer-theme #calendar-content .page-purpose {
    font-family: var(--font-niemeyer);
    color: var(--warm-500);
    margin-bottom: var(--space-6);
}

/* Calendar Simplified Header Banner */
body.niemeyer-theme #calendar-content::before {
    content: '';
    position: absolute;
    top: 64px;
    left: 0;
    right: 0;
    height: 80px;
    background: var(--niemeyer-orange);
    z-index: 0;
}

body.niemeyer-theme #calendar-content {
    position: relative;
}

body.niemeyer-theme #calendar-content > * {
    position: relative;
    z-index: 1;
}

/* Calendar Filter Bar */
body.niemeyer-theme #calendar-content > .bg-white.rounded-xl.shadow-sm {
    background: white !important;
    border: 1px solid var(--warm-200) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-sm) !important;
    margin-top: 60px;
}

/* Calendar Tier Filter Pills */
body.niemeyer-theme .cal-filter-pill {
    font-family: var(--font-niemeyer);
    font-weight: var(--niemeyer-medium);
    font-size: var(--text-small);
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-sm);
    border: 1px solid var(--warm-200);
    background: white;
    color: var(--warm-600);
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
}

body.niemeyer-theme .cal-filter-pill:hover {
    border-color: var(--niemeyer-orange);
    color: var(--niemeyer-orange);
}

body.niemeyer-theme .cal-filter-pill.active {
    background: var(--niemeyer-orange);
    border-color: var(--niemeyer-orange);
    color: white;
}

body.niemeyer-theme .cal-filter-pill.active:hover {
    background: #d45503;
    border-color: #d45503;
}

/* Calendar Create Event Button */
body.niemeyer-theme #calendar-content button[onclick*="openCreateEvent"] {
    background: var(--niemeyer-orange) !important;
    font-family: var(--font-niemeyer) !important;
    font-weight: var(--niemeyer-medium) !important;
    border-radius: var(--radius-sm) !important;
}

body.niemeyer-theme #calendar-content button[onclick*="openCreateEvent"]:hover {
    background: #d45503 !important;
}

/* Calendar Layout Container */
body.niemeyer-theme #calendar-content > .flex.gap-4 {
    margin-top: var(--space-4);
}

/* Events List Panel */
body.niemeyer-theme #calendar-content .flex-1 > .bg-white {
    background: white !important;
    border: 1px solid var(--warm-200) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-sm) !important;
}

body.niemeyer-theme #calendar-content #events-list-title {
    font-family: var(--font-niemeyer);
    font-weight: var(--niemeyer-semibold);
    color: var(--warm-800);
    font-size: var(--text-h3);
}

body.niemeyer-theme #calendar-content #calendar-events-count {
    font-family: var(--font-niemeyer);
    color: var(--warm-500);
}

/* Calendar Events List Items */
body.niemeyer-theme #calendar-events-list > * {
    font-family: var(--font-niemeyer);
    padding: var(--space-3);
    border-radius: var(--radius-sm);
    border: 1px solid var(--warm-100);
    background: white;
    transition: all 0.2s ease;
}

body.niemeyer-theme #calendar-events-list > *:hover {
    border-color: var(--niemeyer-orange);
    transform: translateX(4px);
    box-shadow: 0 2px 8px rgba(232, 93, 4, 0.1);
}

/* Calendar Grid Panel */
body.niemeyer-theme #calendar-content .w-80 > .bg-white {
    background: white !important;
    border: 1px solid var(--warm-200) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-sm) !important;
}

/* Calendar Month Title */
body.niemeyer-theme #calendar-month-title {
    font-family: var(--font-niemeyer);
    font-weight: var(--niemeyer-semibold);
    color: var(--warm-800);
    letter-spacing: -0.01em;
}

/* Calendar Navigation Arrows */
body.niemeyer-theme #calendar-content .w-80 button[onclick*="changeCalendarView"] {
    background: transparent;
    border: 1px solid var(--warm-200);
    border-radius: var(--radius-sm);
    padding: var(--space-2);
    transition: all 0.2s ease;
}

body.niemeyer-theme #calendar-content .w-80 button[onclick*="changeCalendarView"]:hover {
    background: rgba(232, 93, 4, 0.1);
    border-color: var(--niemeyer-orange);
}

body.niemeyer-theme #calendar-content .w-80 button[onclick*="changeCalendarView"] svg {
    color: var(--warm-600);
}

body.niemeyer-theme #calendar-content .w-80 button[onclick*="changeCalendarView"]:hover svg {
    color: var(--niemeyer-orange);
}

/* Calendar Day Headers */
body.niemeyer-theme #calendar-grid .grid-cols-7 > div {
    font-family: var(--font-niemeyer);
    font-weight: var(--niemeyer-medium);
    font-size: var(--niemeyer-label);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--warm-500);
}

/* Calendar Day Cells */
body.niemeyer-theme #calendar-days-grid > * {
    font-family: var(--font-niemeyer);
    border-radius: var(--radius-xs);
    transition: all 0.2s ease;
}

body.niemeyer-theme #calendar-days-grid > *:hover {
    background: rgba(232, 93, 4, 0.08);
}

/* Today Highlight - Orange Circle */
body.niemeyer-theme #calendar-days-grid .today,
body.niemeyer-theme #calendar-days-grid [class*="today"] {
    background: var(--niemeyer-orange) !important;
    color: white !important;
    font-weight: var(--niemeyer-semibold);
    border-radius: 50%;
}

/* Calendar Event Dots - Tier Colors */
body.niemeyer-theme #calendar-days-grid .bg-purple-500,
body.niemeyer-theme .cal-event-dot.marquee {
    background: var(--building-marquee) !important;
}

body.niemeyer-theme #calendar-days-grid .bg-blue-500,
body.niemeyer-theme .cal-event-dot.medium {
    background: var(--building-medium) !important;
}

body.niemeyer-theme #calendar-days-grid .bg-emerald-500,
body.niemeyer-theme .cal-event-dot.small {
    background: var(--building-small) !important;
}

body.niemeyer-theme #calendar-days-grid .bg-orange-500,
body.niemeyer-theme .cal-event-dot.series {
    background: var(--niemeyer-orange) !important;
}

/* Calendar Legend */
body.niemeyer-theme #calendar-content .flex.flex-wrap.gap-2.text-xs {
    font-family: var(--font-niemeyer);
    padding-top: var(--space-3);
    border-top: 1px solid var(--warm-100);
}

body.niemeyer-theme #calendar-content .flex.flex-wrap.gap-2.text-xs span:not(.rounded-full) {
    color: var(--warm-600);
}

/* Legend Dots - Use Building Colors */
body.niemeyer-theme #calendar-content .flex.flex-wrap.gap-2.text-xs .bg-purple-500 {
    background: var(--building-marquee) !important;
}

body.niemeyer-theme #calendar-content .flex.flex-wrap.gap-2.text-xs .bg-blue-500 {
    background: var(--building-medium) !important;
}

body.niemeyer-theme #calendar-content .flex.flex-wrap.gap-2.text-xs .bg-emerald-500 {
    background: var(--building-small) !important;
}

body.niemeyer-theme #calendar-content .flex.flex-wrap.gap-2.text-xs .bg-orange-500 {
    background: var(--niemeyer-orange) !important;
}

/* Calendar Action Buttons (Today, Export) */
body.niemeyer-theme #calendar-content .flex.gap-2.mt-3 button {
    font-family: var(--font-niemeyer);
    font-weight: var(--niemeyer-medium);
    border-radius: var(--radius-sm);
    transition: all 0.2s ease;
}

body.niemeyer-theme #calendar-content button[onclick*="changeCalendarView(0)"] {
    background: var(--warm-100) !important;
    color: var(--warm-700) !important;
}

body.niemeyer-theme #calendar-content button[onclick*="changeCalendarView(0)"]:hover {
    background: var(--warm-200) !important;
}

body.niemeyer-theme #calendar-content button[onclick*="exportCalendarICS"] {
    background: rgba(232, 93, 4, 0.1) !important;
    color: var(--niemeyer-orange) !important;
}

body.niemeyer-theme #calendar-content button[onclick*="exportCalendarICS"]:hover {
    background: rgba(232, 93, 4, 0.2) !important;
}

/* Calendar Day Modal */
body.niemeyer-theme #calendar-day-modal .ds-modal {
    border-top: 3px solid var(--niemeyer-orange);
}

body.niemeyer-theme #calendar-day-modal .ds-modal-header {
    background: var(--niemeyer-cream);
}

body.niemeyer-theme #calendar-day-modal .ds-modal-title {
    font-family: var(--font-niemeyer);
}

/* ============================================
   NIEMEYER EVENTS PAGE STYLING
   ============================================ */

/* Events Page Background */
body.niemeyer-theme #milestones-content,
body.niemeyer-theme .events-workspace {
    background: var(--niemeyer-cream);
    padding: var(--space-6);
}

/* Events Workspace Header */
body.niemeyer-theme .workspace-header {
    margin-bottom: var(--space-4);
}

body.niemeyer-theme .workspace-title {
    font-family: var(--font-niemeyer);
    font-weight: var(--niemeyer-semibold);
    font-size: var(--text-h1);
    color: var(--warm-900);
    letter-spacing: -0.02em;
}

/* Events View Toggle (My Events / All Events) */
body.niemeyer-theme #events-view-toggle {
    background: var(--warm-100) !important;
    border-radius: var(--radius-sm) !important;
    padding: var(--space-1) !important;
}

body.niemeyer-theme #events-view-toggle button {
    font-family: var(--font-niemeyer) !important;
    font-weight: var(--niemeyer-medium) !important;
    font-size: var(--text-small) !important;
    border-radius: var(--radius-xs) !important;
    transition: all 0.2s ease !important;
}

body.niemeyer-theme #view-mode-my.active,
body.niemeyer-theme #view-mode-all.active {
    background: white !important;
    color: var(--warm-800) !important;
    box-shadow: var(--shadow-xs) !important;
}

body.niemeyer-theme #events-view-toggle button:not(.active) {
    background: transparent !important;
    color: var(--warm-500) !important;
}

body.niemeyer-theme #events-view-toggle button:hover:not(.active) {
    color: var(--niemeyer-orange) !important;
}

/* Health Badges */
body.niemeyer-theme .health-badges {
    display: flex;
    gap: var(--space-2);
}

body.niemeyer-theme .health-badge {
    font-family: var(--font-niemeyer);
    font-weight: var(--niemeyer-medium);
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-sm);
    font-size: var(--text-small);
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
}

body.niemeyer-theme .health-badge-total {
    background: var(--warm-100);
    color: var(--warm-700);
}

body.niemeyer-theme .health-badge-ontrack {
    background: rgba(76, 156, 46, 0.1);
    color: var(--building-small);
}

body.niemeyer-theme .health-badge-atrisk {
    background: rgba(211, 18, 69, 0.1);
    color: var(--building-marquee);
}

body.niemeyer-theme .health-badge-planning {
    background: rgba(0, 96, 156, 0.1);
    color: var(--building-medium);
}

body.niemeyer-theme .health-badge:hover {
    transform: translateY(-1px);
    box-shadow: var(--shadow-sm);
}

body.niemeyer-theme .health-badge.active {
    border: 2px solid var(--niemeyer-orange);
}

/* Events Create Button */
body.niemeyer-theme #milestones-content button[onclick*="openCreateEventModal"] {
    background: var(--niemeyer-orange) !important;
    font-family: var(--font-niemeyer) !important;
    font-weight: var(--niemeyer-medium) !important;
    border-radius: var(--radius-sm) !important;
}

body.niemeyer-theme #milestones-content button[onclick*="openCreateEventModal"]:hover {
    background: #d45503 !important;
}

/* Events Filter Bar */
body.niemeyer-theme .filter-bar {
    background: white;
    border: 1px solid var(--warm-200);
    border-radius: var(--radius-md);
    padding: var(--space-3);
    margin-bottom: var(--space-4);
}

body.niemeyer-theme .filter-bar select,
body.niemeyer-theme .filter-bar input {
    font-family: var(--font-niemeyer);
    border: 1px solid var(--warm-200);
    border-radius: var(--radius-sm);
    padding: var(--space-2) var(--space-3);
    font-size: var(--text-small);
    transition: all 0.2s ease;
}

body.niemeyer-theme .filter-bar select:focus,
body.niemeyer-theme .filter-bar input:focus {
    border-color: var(--niemeyer-orange);
    outline: none;
    box-shadow: 0 0 0 2px rgba(232, 93, 4, 0.1);
}

/* Events Table Container */
body.niemeyer-theme #events-table-container {
    background: white;
    border: 1px solid var(--warm-200);
    border-radius: var(--radius-md);
    overflow: hidden;
}

/* Tier Building Icons - SVG Mini Buildings */
body.niemeyer-theme .tier-icon {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: flex-end;
    justify-content: center;
    margin-right: var(--space-2);
}

body.niemeyer-theme .tier-icon-marquee::before {
    content: '';
    width: 8px;
    height: 20px;
    background: var(--building-marquee);
    border-radius: 2px 2px 0 0;
}

body.niemeyer-theme .tier-icon-medium::before {
    content: '';
    width: 16px;
    height: 12px;
    background: var(--building-medium);
    border-radius: 12px 12px 0 0;
}

body.niemeyer-theme .tier-icon-small::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 14px solid var(--building-small);
}

/* Event Row Styling */
body.niemeyer-theme .event-row {
    font-family: var(--font-niemeyer);
    border-bottom: 1px solid var(--warm-100);
    transition: all 0.2s ease;
}

body.niemeyer-theme .event-row:hover {
    background: rgba(232, 93, 4, 0.04);
}

body.niemeyer-theme .event-row.expanded {
    background: rgba(232, 93, 4, 0.06);
    border-left: 3px solid var(--niemeyer-orange);
}

body.niemeyer-theme .event-row td {
    padding: var(--space-3) var(--space-4);
}

/* Event Name */
body.niemeyer-theme .event-name {
    font-weight: var(--niemeyer-medium);
    color: var(--warm-800);
}

body.niemeyer-theme .event-row:hover .event-name {
    color: var(--niemeyer-orange);
}

/* Event Tier Badge */
body.niemeyer-theme .tier-badge {
    font-family: var(--font-niemeyer);
    font-size: var(--niemeyer-label);
    font-weight: var(--niemeyer-medium);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-xs);
}

body.niemeyer-theme .tier-badge.marquee {
    background: rgba(211, 18, 69, 0.1);
    color: var(--building-marquee);
}

body.niemeyer-theme .tier-badge.medium {
    background: rgba(0, 96, 156, 0.1);
    color: var(--building-medium);
}

body.niemeyer-theme .tier-badge.small {
    background: rgba(76, 156, 46, 0.1);
    color: var(--building-small);
}

body.niemeyer-theme .tier-badge.series,
body.niemeyer-theme .tier-badge.ongoing {
    background: rgba(232, 93, 4, 0.1);
    color: var(--niemeyer-orange);
}

body.niemeyer-theme .tier-badge.committee {
    background: var(--warm-100);
    color: var(--building-committee);
}

/* Progress Bar - Events */
body.niemeyer-theme .progress-bar-table {
    background: var(--warm-100);
    border-radius: var(--radius-full);
    overflow: hidden;
}

body.niemeyer-theme .progress-fill-table {
    background: var(--niemeyer-orange);
    border-radius: var(--radius-full);
    transition: width 0.3s ease;
}

body.niemeyer-theme .progress-fill-table.complete {
    background: var(--building-small);
}

/* Expanded Task List */
body.niemeyer-theme .expanded-tasks {
    background: var(--niemeyer-cream);
    border-top: 1px solid var(--warm-200);
    padding: var(--space-4);
}

body.niemeyer-theme .expanded-tasks table {
    font-family: var(--font-niemeyer);
}

body.niemeyer-theme .expanded-tasks th {
    font-size: var(--niemeyer-label);
    font-weight: var(--niemeyer-medium);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--warm-600);
    padding: var(--space-2) var(--space-3);
    border-bottom: 1px solid var(--warm-200);
}

body.niemeyer-theme .expanded-tasks td {
    padding: var(--space-2) var(--space-3);
    border-bottom: 1px solid var(--warm-100);
}

/* Task Checkboxes */
body.niemeyer-theme .expanded-tasks input[type="checkbox"] {
    width: 16px;
    height: 16px;
    accent-color: var(--niemeyer-orange);
    cursor: pointer;
}

body.niemeyer-theme .expanded-tasks input[type="checkbox"]:checked {
    background: var(--niemeyer-orange);
}

/* Task Status Badges */
body.niemeyer-theme .task-status-badge {
    font-family: var(--font-niemeyer);
    font-size: var(--niemeyer-label);
    font-weight: var(--niemeyer-medium);
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-xs);
}

body.niemeyer-theme .task-status-badge.overdue {
    background: rgba(211, 18, 69, 0.1);
    color: var(--building-marquee);
}

body.niemeyer-theme .task-status-badge.due-soon {
    background: rgba(232, 93, 4, 0.1);
    color: var(--niemeyer-orange);
}

body.niemeyer-theme .task-status-badge.pending {
    background: var(--warm-100);
    color: var(--warm-600);
}

body.niemeyer-theme .task-status-badge.complete {
    background: rgba(76, 156, 46, 0.1);
    color: var(--building-small);
}

/* Mark All Complete Button */
body.niemeyer-theme .btn-mark-all-complete {
    font-family: var(--font-niemeyer);
    font-weight: var(--niemeyer-medium);
    background: var(--building-small);
    color: white;
    border: none;
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: all 0.2s ease;
}

body.niemeyer-theme .btn-mark-all-complete:hover {
    background: #3d7a23;
}

/* Load More Events Button */
body.niemeyer-theme .btn-load-more {
    font-family: var(--font-niemeyer);
    font-weight: var(--niemeyer-medium);
    background: transparent;
    color: var(--niemeyer-orange);
    border: 1px solid var(--niemeyer-orange);
    padding: var(--space-2) var(--space-6);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: all 0.2s ease;
}

body.niemeyer-theme .btn-load-more:hover {
    background: var(--niemeyer-orange);
    color: white;
}

/* Progress Monitor (Overview Content) */
body.niemeyer-theme #overview-content {
    background: var(--niemeyer-cream);
}

body.niemeyer-theme .command-center {
    font-family: var(--font-niemeyer);
}

body.niemeyer-theme .command-title {
    font-family: var(--font-niemeyer);
    font-weight: var(--niemeyer-semibold);
    color: var(--warm-900);
}

body.niemeyer-theme .command-subtitle {
    font-family: var(--font-niemeyer);
    color: var(--warm-500);
}

body.niemeyer-theme .metric-card {
    background: white;
    border: 1px solid var(--warm-200);
    border-radius: var(--radius-md);
    padding: var(--space-4);
}

body.niemeyer-theme .metric-value {
    font-family: var(--font-niemeyer);
    font-weight: var(--niemeyer-light);
    font-size: 48px;
    letter-spacing: -2px;
}

body.niemeyer-theme .metric-label {
    font-family: var(--font-niemeyer);
    font-size: var(--niemeyer-label);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--warm-600);
}

body.niemeyer-theme .alert-card {
    background: white;
    border: 1px solid var(--warm-200);
    border-radius: var(--radius-md);
    padding: var(--space-4);
}

body.niemeyer-theme .alert-card.alert-critical {
    border-left: 3px solid var(--building-marquee);
}

body.niemeyer-theme .alert-card.alert-warning {
    border-left: 3px solid var(--niemeyer-orange);
}

body.niemeyer-theme .alert-header h3 {
    font-family: var(--font-niemeyer);
    font-weight: var(--niemeyer-medium);
    color: var(--warm-800);
}

body.niemeyer-theme .alert-action-btn {
    font-family: var(--font-niemeyer);
    font-weight: var(--niemeyer-medium);
    background: transparent;
    color: var(--niemeyer-orange);
    border: 1px solid var(--niemeyer-orange);
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: all 0.2s ease;
}

body.niemeyer-theme .alert-action-btn:hover {
    background: var(--niemeyer-orange);
    color: white;
}

/* ============================================
   NIEMEYER SETTINGS PAGE STYLING
   ============================================ */

/* Settings Tab Background */
body.niemeyer-theme #tab-settings {
    background: var(--niemeyer-cream);
    padding: var(--space-6);
}

/* Settings Sidebar */
body.niemeyer-theme #settings-sidebar > div {
    background: white !important;
    border: 1px solid var(--warm-200) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-sm) !important;
    overflow: hidden;
}

body.niemeyer-theme #settings-sidebar .p-3.bg-slate-50 {
    background: var(--niemeyer-cream) !important;
    border-bottom: 2px solid var(--niemeyer-orange) !important;
    padding: var(--space-4) !important;
}

body.niemeyer-theme #settings-sidebar h3 {
    font-family: var(--font-niemeyer);
    font-size: var(--niemeyer-label);
    font-weight: var(--niemeyer-semibold);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--warm-700);
}

/* Settings Navigation Buttons */
body.niemeyer-theme .settings-nav-btn {
    font-family: var(--font-niemeyer);
    font-weight: var(--niemeyer-medium);
    font-size: var(--text-small);
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius-sm);
    transition: all 0.2s ease;
    border: none;
    cursor: pointer;
}

body.niemeyer-theme .settings-nav-btn:not(.active) {
    background: transparent !important;
    color: var(--warm-600) !important;
}

body.niemeyer-theme .settings-nav-btn:not(.active):hover {
    background: rgba(232, 93, 4, 0.08) !important;
    color: var(--niemeyer-orange) !important;
}

body.niemeyer-theme .settings-nav-btn.active {
    background: var(--niemeyer-orange) !important;
    color: white !important;
}

body.niemeyer-theme .settings-nav-btn svg {
    width: 16px;
    height: 16px;
}

/* Settings Admin Button - Special Styling */
body.niemeyer-theme #settings-nav-admin:not(.active) {
    color: var(--niemeyer-orange) !important;
    background: rgba(232, 93, 4, 0.08) !important;
}

body.niemeyer-theme #settings-nav-admin:not(.active):hover {
    background: rgba(232, 93, 4, 0.15) !important;
}

/* Settings Sidebar Divider */
body.niemeyer-theme #settings-sidebar .border-t {
    border-color: var(--warm-200) !important;
    margin: var(--space-3) 0 !important;
}

/* Settings Content Area */
body.niemeyer-theme #tab-settings .flex-1 {
    background: white;
    border: 1px solid var(--warm-200);
    border-radius: var(--radius-md);
    padding: var(--space-6);
    box-shadow: var(--shadow-sm);
}

/* RACI Guide Content */
body.niemeyer-theme #raci-content {
    font-family: var(--font-niemeyer);
}

body.niemeyer-theme #raci-content h2,
body.niemeyer-theme #raci-content h3 {
    font-family: var(--font-niemeyer);
    font-weight: var(--niemeyer-semibold);
    color: var(--warm-900);
}

body.niemeyer-theme #raci-content h2 {
    font-size: var(--text-h2);
    margin-bottom: var(--space-4);
    padding-bottom: var(--space-3);
    border-bottom: 2px solid var(--niemeyer-orange);
}

body.niemeyer-theme #raci-content h3 {
    font-size: var(--text-h3);
    margin-top: var(--space-6);
    margin-bottom: var(--space-3);
}

body.niemeyer-theme #raci-content p {
    font-family: var(--font-niemeyer);
    color: var(--warm-700);
    line-height: 1.6;
}

/* Tier Decision Tree */
body.niemeyer-theme .tier-decision-tree {
    background: var(--niemeyer-cream);
    border: 1px solid var(--warm-200);
    border-radius: var(--radius-md);
    padding: var(--space-4);
    margin: var(--space-4) 0;
}

/* Tier Cards in Guide */
body.niemeyer-theme .tier-card {
    background: white;
    border: 1px solid var(--warm-200);
    border-radius: var(--radius-md);
    padding: var(--space-4);
    margin-bottom: var(--space-3);
    transition: all 0.2s ease;
}

body.niemeyer-theme .tier-card:hover {
    border-color: var(--niemeyer-orange);
    box-shadow: var(--shadow-sm);
}

body.niemeyer-theme .tier-card.marquee {
    border-left: 4px solid var(--building-marquee);
}

body.niemeyer-theme .tier-card.medium {
    border-left: 4px solid var(--building-medium);
}

body.niemeyer-theme .tier-card.small {
    border-left: 4px solid var(--building-small);
}

body.niemeyer-theme .tier-card.committee {
    border-left: 4px solid var(--building-committee);
}

/* Archive Content */
body.niemeyer-theme #archive-content {
    font-family: var(--font-niemeyer);
}

body.niemeyer-theme #archive-content table {
    width: 100%;
    border-collapse: collapse;
}

body.niemeyer-theme #archive-content th {
    font-family: var(--font-niemeyer);
    font-size: var(--niemeyer-label);
    font-weight: var(--niemeyer-semibold);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--warm-600);
    text-align: left;
    padding: var(--space-3) var(--space-4);
    border-bottom: 2px solid var(--warm-200);
    background: var(--niemeyer-cream);
}

body.niemeyer-theme #archive-content td {
    padding: var(--space-3) var(--space-4);
    border-bottom: 1px solid var(--warm-100);
    color: var(--warm-700);
}

body.niemeyer-theme #archive-content tr:hover {
    background: rgba(232, 93, 4, 0.04);
}

/* Workload Content */
body.niemeyer-theme #workload-content {
    background: var(--niemeyer-cream);
    font-family: var(--font-niemeyer);
}

body.niemeyer-theme #workload-content .page-purpose {
    font-family: var(--font-niemeyer);
    color: var(--warm-500);
}

/* Workload Stats Cards */
body.niemeyer-theme #workload-content .grid-cols-4 > div {
    background: white !important;
    border: 1px solid var(--warm-200) !important;
    border-radius: var(--radius-md) !important;
}

body.niemeyer-theme #workload-content [class*="text-3xl"] {
    font-family: var(--font-niemeyer);
    font-weight: var(--niemeyer-light);
    letter-spacing: -1px;
}

body.niemeyer-theme #workload-content [class*="text-emerald"] {
    color: var(--building-small) !important;
}

body.niemeyer-theme #workload-content [class*="text-amber"] {
    color: var(--niemeyer-orange) !important;
}

body.niemeyer-theme #workload-content [class*="text-red"] {
    color: var(--building-marquee) !important;
}

/* Workload Toggle Buttons */
body.niemeyer-theme .workload-toggle-btn {
    font-family: var(--font-niemeyer);
    font-weight: var(--niemeyer-medium);
    font-size: var(--text-small);
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--warm-200);
    border-radius: var(--radius-sm);
    background: white;
    color: var(--warm-600);
    cursor: pointer;
    transition: all 0.2s ease;
}

body.niemeyer-theme .workload-toggle-btn:hover {
    border-color: var(--niemeyer-orange);
    color: var(--niemeyer-orange);
}

body.niemeyer-theme .workload-toggle-btn.active {
    background: var(--niemeyer-orange);
    border-color: var(--niemeyer-orange);
    color: white;
}

/* Workload Chart Container */
body.niemeyer-theme #workload-content .bg-white.rounded-xl {
    background: white !important;
    border: 1px solid var(--warm-200) !important;
    border-radius: var(--radius-md) !important;
}

body.niemeyer-theme #workload-content h3 {
    font-family: var(--font-niemeyer);
    font-weight: var(--niemeyer-semibold);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

/* Admin Content */
body.niemeyer-theme #admin-content {
    font-family: var(--font-niemeyer);
}

body.niemeyer-theme #admin-content h2 {
    font-family: var(--font-niemeyer);
    font-weight: var(--niemeyer-semibold);
    color: var(--warm-900);
    padding-bottom: var(--space-3);
    border-bottom: 2px solid var(--niemeyer-orange);
    margin-bottom: var(--space-4);
}

body.niemeyer-theme #admin-content .bg-white {
    background: white !important;
    border: 1px solid var(--warm-200) !important;
    border-radius: var(--radius-md) !important;
}

/* Admin Form Elements */
body.niemeyer-theme #admin-content input,
body.niemeyer-theme #admin-content select,
body.niemeyer-theme #admin-content textarea {
    font-family: var(--font-niemeyer);
    border: 1px solid var(--warm-200);
    border-radius: var(--radius-sm);
    padding: var(--space-2) var(--space-3);
    transition: all 0.2s ease;
}

body.niemeyer-theme #admin-content input:focus,
body.niemeyer-theme #admin-content select:focus,
body.niemeyer-theme #admin-content textarea:focus {
    border-color: var(--niemeyer-orange);
    outline: none;
    box-shadow: 0 0 0 2px rgba(232, 93, 4, 0.1);
}

/* Admin Buttons */
body.niemeyer-theme #admin-content button[type="submit"],
body.niemeyer-theme #admin-content .btn-primary {
    font-family: var(--font-niemeyer);
    font-weight: var(--niemeyer-medium);
    background: var(--niemeyer-orange);
    color: white;
    border: none;
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: all 0.2s ease;
}

body.niemeyer-theme #admin-content button[type="submit"]:hover,
body.niemeyer-theme #admin-content .btn-primary:hover {
    background: #d45503;
}

/* Admin Danger Zone */
body.niemeyer-theme .danger-zone {
    background: rgba(211, 18, 69, 0.05);
    border: 1px solid rgba(211, 18, 69, 0.2);
    border-radius: var(--radius-md);
    padding: var(--space-4);
    margin-top: var(--space-6);
}

body.niemeyer-theme .danger-zone h3 {
    font-family: var(--font-niemeyer);
    font-weight: var(--niemeyer-semibold);
    color: var(--building-marquee);
    margin-bottom: var(--space-3);
}

body.niemeyer-theme .danger-zone button {
    font-family: var(--font-niemeyer);
    font-weight: var(--niemeyer-medium);
    background: var(--building-marquee);
    color: white;
    border: none;
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: all 0.2s ease;
}

body.niemeyer-theme .danger-zone button:hover {
    background: #b00f38;
}