[hidden]{display:none!important}
.mode-switch{display:flex;background:#e7ede6;border-radius:8px;padding:4px;margin-bottom:22px;gap:3px}
.mode-switch button{border:0;background:transparent;flex:1;padding:9px 3px;font-size:11px;color:#7c8f7c}
.mode-switch button.active{background:white;color:#244f3c;box-shadow:0 1px 4px #173e3415;font-weight:700}
#liveSettings select{width:100%;padding:9px 7px;margin-top:8px;color:#365844;border:1px solid #d6dfd5;background:white;border-radius:6px;font-size:11px}
.connect-button{background:#204f3d;color:white;border-color:#204f3d}.connect-button:hover{background:#326d53}
.live-stats{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:15px 0;font-size:10px;color:#84927e}.live-stats strong{display:block;color:#365843;font-size:15px;margin-top:4px;font-variant-numeric:tabular-nums}
.simulation-gap{font-size:11px;color:#99742e;display:flex;gap:5px;align-items:center}
.live-transport{display:flex;align-items:center;justify-content:space-between;gap:12px}.live-transport>div{display:grid;gap:7px}.live-transport .eyebrow{margin:0}.live-transport strong{font-variant-numeric:tabular-nums;font-size:20px;color:#2e664b}.live-transport small{font-size:11px;color:#8b987f}.live-transport button{background:#204f3d;color:white;white-space:nowrap}
#record.recording{background:#fff0e7;border-color:#e6b8a3;color:#a44d31}#recordFiles{display:grid;gap:6px;font-size:10px;overflow-wrap:anywhere}#recordFiles a{color:#3d7756}
#bridgeStatus.error,#recordStatus.error{color:#ab613e}
.settings{max-height:calc(100vh - 84px);overflow:auto}.plot-wrap{height:clamp(380px,40vw,620px)}
@media(max-width:680px){.settings{max-height:none}.plot-wrap{height:440px}.live-transport small{font-size:10px}}