/* ── TABS.CSS v1.1.2 ── */
#tabs {
    display:       flex;
    background:    var(--panel);
    border-bottom: 1px solid var(--border);
    flex-shrink:   0;
}

.tab {
    flex:           1;
    padding:        7px 4px;
    text-align:     center;
    font-size:      0.65em;
    letter-spacing: 1.5px;
    color:          var(--text-dim);
    cursor:         pointer;
    border-bottom:  2px solid transparent;
    transition:     all 0.2s;
    user-select:    none;
    font-family:    var(--font-ui);
}
/* CYAN active tab */
.tab.active {
    color:               var(--cyan);
    border-bottom-color: var(--cyan);
    background:          rgba(0,229,255,0.05);
}
.tab:active { background: rgba(0,229,255,0.06); }