/* Build 006: scrollable tabs leave the entire tank visible on narrow phones. */
.panel-tabs{display:flex!important;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#4a7f9c transparent;gap:3px}
.panel-tabs button{flex:0 0 67px;min-height:38px;font-size:10px}
.flow-editor p{font-size:11px;color:#9ab8c9;line-height:1.5;margin:0 0 12px}
.flow-editor .wide-label{margin:10px 0}
.flow-editor .slider-line{margin:11px 0}
.flow-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:10px 0}
.flow-actions button{padding:7px 3px;min-height:38px;font-size:10px}
.flow-mode-toggle{display:flex;gap:8px;align-items:center;font-size:11px;color:#c6e6f5;margin:8px 0}
.flow-mode-toggle input{accent-color:#52cffa}
.flow-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:9px 0}
.flow-list button{padding:7px 5px;font-size:10px;text-align:left}
.flow-list button[aria-pressed=true]{border-color:#7ce3ff;background:#184d65}
.flow-readouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:10px 0}
.flow-readouts div{padding:8px;border:1px solid #34566c;border-radius:9px;background:#091f30}
.flow-readouts span{display:block;color:#93b6c9;font-size:9px}
.flow-readouts b{display:block;margin-top:4px;font-variant-numeric:tabular-nums;font-size:14px;color:#9fe8ff}
.flow-editor input:disabled{opacity:.35}


/* Build 047: flow chemistry stays inside the compact floating settings drawer. */
.flow-composition,.flow-composition-readouts{margin:10px 0;padding:10px;border:1px solid rgba(140,184,218,.22);border-radius:9px;background:rgba(13,27,42,.5)}
.flow-composition[hidden]{display:none!important}
.flow-composition h4,.flow-composition-readouts h4{margin:0 0 8px;font-size:11px;letter-spacing:.09em;color:#b6d9f2}
.flow-composition .slider-line{margin:8px 0}
.flow-composition input[type=color]{width:58px;height:29px;padding:2px;vertical-align:middle;background:transparent;border:1px solid #5a7c94;border-radius:5px}
.flow-composition-readouts>div{display:flex;gap:5px;align-items:baseline;flex-wrap:wrap;padding:4px 0;font-size:11px}
.flow-composition-readouts>div span{flex:1 1 100%;opacity:.8}
.flow-composition-readouts b{font-variant-numeric:tabular-nums;color:#c3e6fb}
@media(max-width:640px){.flow-composition,.flow-composition-readouts{padding:8px;margin:8px 0}.flow-composition .slider-line{margin:6px 0}}