.gauge-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-sm);
}
.gauge-svg { width: 140px; height: 140px; }
.gauge-track { fill: none; stroke: var(--bg-input); stroke-width: 10; }
.gauge-fill { fill: none; stroke-width: 10; stroke-linecap: round; transition: stroke-dashoffset 0.5s ease, stroke 0.5s ease; }
.gauge-text {
    font-family: var(--font-mono);
    font-size: 1.8rem;
    font-weight: 700;
    fill: var(--text-primary);
    text-anchor: middle;
    dominant-baseline: central;
}
.gauge-label {
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.mini-gauge-svg { width: 80px; height: 80px; }
.mini-gauge-text { font-size: 1.1rem; }

.timeline-canvas {
    width: 100%;
    height: 120px;
    border-radius: var(--radius-md);
    background: var(--bg-input);
}

.phase-ring-svg {
    width: 280px;
    height: 280px;
}
.phase-node {
    transition: all 0.3s ease;
}
.phase-label {
    font-size: 9px;
    fill: var(--text-muted);
    text-anchor: middle;
}