/* =====================================================
   CYBERPUNK COMMAND CENTER
   STATUS BAR
--------------------------------------------------------
   A thin, persistent readout of Engine.summary() —
   VS Code style: color shifts with overall station
   health, using the same cyan/amber/coral-red meaning
   as everywhere else in CYBERCORE (nominal/idle/
   disposed). No state of its own, no interaction.
===================================================== */

.status-bar{

    /*
        A normal-flow row inside .app-status-bar (see the
        app shell in layout.css), not a fixed overlay — so
        it's never at risk of the browser's own scrollbar
        rendering on top of it. Width comes from its flex
        parent spanning the full viewport width.

        Still needs position:relative (not the static
        default) for z-index to have any effect at all —
        without it, the fixed header (z-index:var(--z-header))
        would paint over this despite the lower number, since
        a static element's z-index is simply ignored.
    */
    position:relative;

    width:100%;

    z-index:950;

    height:var(--status-bar-height);

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:var(--space-md);

    padding:0 var(--space-md);

    font-family:var(--font-body);
    font-size:.68rem;
    letter-spacing:1px;
    white-space:nowrap;
    overflow:hidden;

    color:var(--bg-color);
    background:var(--cyan);

    transition:
        background var(--transition-fast),
        color var(--transition-fast);

    user-select:none;

}

.status-bar.is-warning{

    background:var(--warning);

}

.status-bar.is-critical{

    background:var(--danger);
    color:var(--text-color);

}

.status-bar-left,
.status-bar-right{

    overflow:hidden;
    text-overflow:ellipsis;

}

.status-bar-right{

    opacity:.85;

}