/* ═══════════════════════════════════════════════════════════════
   CYKLBOARD MANAGEMENT — DASHBOARD.CSS
   Module C: Admin Dashboard / Metrics
   ═══════════════════════════════════════════════════════════════ */

/* Ocupancy Bar */
.occ-bar-wrap {
    margin-top: var(--space-3);
}

.occ-bar-track {
    width: 100%;
    height: 6px;
    background: var(--bg-surface3);
    border-radius: var(--radius-full);
    overflow: hidden;
}

.occ-bar-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--primary-neon-dim), var(--primary-neon));
    border-radius: var(--radius-full);
    width: 0%;
    transition: width 1s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 0 8px var(--primary-neon-glow);
}

.occ-bar-label {
    display: flex;
    justify-content: space-between;
    margin-top: var(--space-1);
    font-size: var(--font-size-xs);
    color: var(--text-muted);
}