/* alt display modes (modes.js) */
.mseg{display:flex;gap:2px;margin-left:8px;background:rgba(255,255,255,.06);border-radius:10px;padding:2px}
.mseg button{font:600 11px/1 inherit;color:#cbd5e1;background:none;border:0;padding:6px 9px;border-radius:6px;cursor:pointer}
.mseg button.on{background:var(--slate-green);color:var(--slate-green-ink)}
#ffield.altmode>:not(.galt){display:none!important}
.galt{color:#e5e7eb;font-size:12px;animation:mfade .25s ease}
@keyframes mfade{from{opacity:.4}to{opacity:1}}
.mhead{font-size:11px;color:#94a3b8;margin:4px 0 8px}.mhead b{color:#fff;letter-spacing:var(--gc-track-label,.06em);margin-right:4px}
.mstrip{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;max-height:560px;overflow:auto}
.mcard{background:#0f172a;border:1px solid #1e293b;border-radius:10px;padding:6px}.mcard.new{border-color:var(--slate-green);box-shadow:0 0 0 1px var(--slate-green) inset;animation:mfade .4s}
.mf{width:100%;display:block;border-radius:6px}.mcap{display:flex;gap:6px;align-items:baseline;margin-top:4px;font-size:11px}.mq{color:#94a3b8}.mdd{flex:1;color:#e2e8f0}
.mtx{font-size:11px;color:#94a3b8;margin-top:2px;line-height:1.35}
.mdrive{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:12px}.mpf{width:100%;display:block;border-radius:6px}
.mlist{margin:0;padding:0;list-style:none;max-height:620px;overflow:auto}.mlist li{padding:6px 0;border-bottom:1px solid #1e293b;font-size:12px}.mlist li div{color:#94a3b8;font-size:11px}
.mlist em{color:#fff;font-style:normal;font-weight:700;margin-left:4px}.mdot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}
.mpulse{animation:mp 1.2s ease-in-out infinite}@keyframes mp{50%{r:9}}
.msit{text-align:center;padding:6px 0 10px}.mbig{font:800 44px/1.05 "Barlow Condensed",system-ui;letter-spacing:var(--gc-track-label,.06em);color:#fff}.mposs{color:#94a3b8;margin:4px 0 10px}
.mbar{display:flex;height:34px;border-radius:6px;overflow:hidden}.mez{width:9%;display:grid;place-items:center;font-weight:800;color:#fff;font-size:11px}
.mtrack{flex:1;position:relative;background:#1f5a37}.mtrack i{position:absolute;top:0;bottom:0;width:1px;background:rgba(255,255,255,.3)}
.mlos,.mfd{position:absolute;top:0;bottom:0;width:3px;margin-left:-1.5px;transition:left .5s ease}.mlos{background:#2196f3}.mfd{background:#ffd400}
.mball{position:absolute;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;transition:left .5s ease;text-shadow:0 0 4px #000}
.mtab{width:100%;border-collapse:collapse;margin-top:8px;font-size:11.5px}.mtab th{color:#94a3b8;text-align:left;font-weight:600;padding:4px;border-bottom:1px solid #334155}
.mtab td{padding:4px;border-bottom:1px solid #1e293b;white-space:nowrap}.mtab td.mpt{white-space:normal;color:#cbd5e1}.mtab .up{color:#22c55e}.mtab .dn{color:#ef4444}
.mnote{font-size:11px;color:#64748b;margin-top:6px}

/* 2026-10-27: the segmented control must really disappear when hidden (display:flex above used to override the hidden attribute) */
.mseg[hidden]{display:none!important}