/*! © 2026 Noxx Labs. All rights reserved. Noxx™ and Noxx Labs™ are trademarks of Noxx Labs. Proprietary: no licence is granted to copy, modify, host or redistribute any part of this code. noxxreplays.co.uk · build 6.1.0-f984a20 · 3d818a9198 */

.ww-row { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(90px, 1fr) 7.5rem; gap: 0.7rem; align-items: center; padding: 0.45rem 0; border-top: 1px solid var(--border); }
.ww-name { display: flex; flex-direction: column; min-width: 0; }
.ww-name b { font-size: 0.84rem; font-weight: 600; }
.ww-name small, .ww-now small { font-size: 0.7rem; color: var(--text3); }
.ww-bars { display: flex; align-items: flex-end; gap: 3px; height: 30px; }
.ww-bars i { flex: 1; background: var(--text3); opacity: 0.55; border-radius: 2px 2px 0 0; min-height: 2px; }
.ww-bars i.none { background: transparent; border-bottom: 1px dashed var(--border); opacity: 1; }
.ww-row.down .ww-bars i:not(.none) { background: var(--green, #10b981); }
.ww-row.up .ww-bars i:not(.none) { background: var(--red, #ef4444); }
.ww-row .ww-bars i:nth-last-child(-n+2) { opacity: 1; }
.ww-now { display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
.ww-now b { font-family: var(--mono, monospace); font-size: 0.95rem; }
.ww-row.down .ww-t, .ww-good { color: var(--green, #10b981); }
.ww-row.up .ww-t, .ww-bad { color: var(--red, #ef4444); }
@media (max-width: 560px) { .ww-row { grid-template-columns: minmax(0, 1fr) 6rem; } .ww-bars { grid-column: 1 / -1; order: 3; } }