.tab-bar {
    display: flex;
    gap: 0;
    padding: 0 1.5rem;
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border);
    position: sticky;
    top: 49px;
    z-index: 999;
}

.tab-btn {
    padding: 0.6rem 1.2rem;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-muted);
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    transition: color 0.2s, border-color 0.2s, text-shadow 0.2s;
    font-family: var(--font-sans);
}

.tab-btn:hover {
    color: var(--text-secondary);
}

.tab-btn--active {
    color: var(--accent-radar);
    border-bottom-color: var(--accent-radar);
    text-shadow: 0 0 8px rgba(0, 229, 160, 0.4);
}

.views {
    padding: 1rem 1.5rem;
    flex: 1;
}

.view {
    display: none;
}

.view--active {
    display: block;
    animation: viewFadeIn 0.25s ease-out;
}

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