/* Main menu — deep-space glow */

.site-chrome {
    isolation: isolate;
}

.site-header {
    isolation: isolate;
    background:
        linear-gradient(180deg, rgba(12, 22, 44, 0.35) 0%, transparent 100%),
        var(--header-glass);
    box-shadow:
        0 1px 0 rgba(90, 159, 212, 0.1),
        0 4px 28px rgba(0, 6, 24, 0.45),
        0 0 48px rgba(90, 159, 212, 0.08),
        inset 0 1px 0 rgba(126, 179, 240, 0.06);
}

.site-header::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background: radial-gradient(
        ellipse 55% 120% at 50% -40%,
        rgba(90, 159, 212, 0.12),
        transparent 68%
    );
}

.site-header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    pointer-events: none;
    z-index: 0;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(90, 159, 212, 0.22) 18%,
        rgba(126, 179, 240, 0.45) 50%,
        rgba(90, 159, 212, 0.22) 82%,
        transparent 100%
    );
    box-shadow: 0 0 18px rgba(90, 159, 212, 0.28), 0 0 36px rgba(90, 159, 212, 0.12);
}

.site-brand,
.header-controls {
    position: relative;
    z-index: 1;
}

.site-subtitle {
    text-shadow: 0 0 14px rgba(90, 159, 212, 0.12);
}

.header-controls {
    padding: 0.1rem;
    border-radius: calc(var(--radius) + 2px);
    background: rgba(4, 8, 18, 0.28);
    box-shadow:
        inset 0 0 28px rgba(90, 159, 212, 0.05),
        0 0 24px rgba(90, 159, 212, 0.04);
}

.filter-toggle {
    box-shadow:
        inset 0 0 16px rgba(90, 159, 212, 0.04),
        0 0 12px rgba(90, 159, 212, 0.03);
}

.view-switcher {
    box-shadow:
        inset 0 0 20px rgba(90, 159, 212, 0.05),
        0 0 16px rgba(90, 159, 212, 0.04);
}

.view-btn {
    transition:
        color var(--transition),
        background var(--transition),
        box-shadow var(--transition),
        text-shadow var(--transition);
}

.view-btn i {
    transition: filter var(--transition), opacity var(--transition);
}

.view-btn:hover {
    box-shadow: inset 0 0 14px rgba(90, 159, 212, 0.08);
}

.view-btn:hover i {
    filter: drop-shadow(0 0 6px rgba(90, 159, 212, 0.35));
    opacity: 1;
}

.view-btn.active i {
    filter: drop-shadow(0 0 8px rgba(90, 159, 212, 0.55));
    opacity: 1;
}

.admin-link {
    box-shadow:
        inset 0 0 16px rgba(90, 159, 212, 0.04),
        0 0 12px rgba(90, 159, 212, 0.03);
}

.admin-link i {
    transition: filter var(--transition);
}

.admin-link:hover i,
.admin-link--active i {
    filter: drop-shadow(0 0 8px rgba(90, 159, 212, 0.5));
}

.admin-link--active {
    text-shadow: 0 0 12px rgba(90, 159, 212, 0.35);
}

.year-nav {
    isolation: isolate;
    background:
        linear-gradient(180deg, rgba(8, 14, 28, 0.4) 0%, transparent 100%),
        var(--nav-glass);
    box-shadow:
        0 4px 24px rgba(0, 6, 24, 0.35),
        0 0 36px rgba(90, 159, 212, 0.06),
        inset 0 1px 0 rgba(90, 159, 212, 0.05);
}

.year-nav::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    pointer-events: none;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(90, 159, 212, 0.18) 20%,
        rgba(90, 159, 212, 0.18) 80%,
        transparent
    );
    box-shadow: 0 0 12px rgba(90, 159, 212, 0.15);
}

.year-pill {
    box-shadow: inset 0 0 12px rgba(90, 159, 212, 0.03);
}

.year-pill:hover {
    box-shadow:
        inset 0 0 16px rgba(90, 159, 212, 0.08),
        0 0 14px rgba(90, 159, 212, 0.08);
}

body.view-focus .site-chrome {
    background:
        linear-gradient(180deg, rgba(12, 22, 44, 0.55) 0%, var(--bg-deep) 100%);
    box-shadow:
        0 1px 0 rgba(90, 159, 212, 0.1),
        0 4px 32px rgba(0, 6, 24, 0.65),
        0 0 40px rgba(90, 159, 212, 0.1);
}

body.view-focus .site-chrome .site-header::after {
    box-shadow: 0 0 22px rgba(90, 159, 212, 0.35), 0 0 44px rgba(90, 159, 212, 0.14);
}