/* Running-state styles shared between /c (result.html) and /d
 * (verdict.html in_progress branch). Active/pulse states reference
 * the canonical brass accent (was leftover violet from the pre-brass
 * palette).
 */

.phase-pill { transition: background-color 0.4s, color 0.4s, border-color 0.4s; }
.panel-card { transition: border-color 0.3s, box-shadow 0.3s, transform 0.2s; }
.panel-card.active {
    border-color: var(--accent) !important;
    box-shadow: 0 0 0 3px var(--accent-glow);
    transform: translateY(-1px);
}
.panel-card.failed { opacity: 0.55; }
.pulse-ring {
    box-shadow: 0 0 0 0 var(--accent-glow);
    animation: pulse-ring 2s infinite;
}
@keyframes pulse-ring {
    0%   { box-shadow: 0 0 0 0 var(--accent-glow); }
    70%  { box-shadow: 0 0 0 10px transparent; }
    100% { box-shadow: 0 0 0 0 transparent; }
}
.convergence-fill { transition: width 0.8s ease-out; }
.ticker-scroll { scrollbar-width: thin; scrollbar-color: var(--scrollbar-thumb) transparent; }
.ticker-scroll::-webkit-scrollbar { width: 6px; }
.ticker-scroll::-webkit-scrollbar-track { background: transparent; }
.ticker-scroll::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); border-radius: var(--radius-sm); }
.ticker-scroll::-webkit-scrollbar-thumb:hover { background: var(--scrollbar-thumb-hover); }
.ticker-line { animation: fade-in 0.4s ease-out; }
.ticker-line.is-stage {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    text-decoration: underline;
    text-underline-offset: 3px;
    color: var(--text-primary);
    padding: 4px 0 2px;
}
.ticker-line.is-round-marker {
    text-decoration: underline;
    text-underline-offset: 3px;
    color: var(--text-primary);
    padding-top: 4px;
}
@keyframes fade-in {
    from { opacity: 0; transform: translateY(4px); }
    to   { opacity: 1; transform: translateY(0); }
}