#bar{
  flex-shrink:0;
  display:flex;flex-wrap:wrap;
  align-items:center;
  gap:6px;
  padding:8px 10px;
  background:#090d1a;
  border-top:1px solid #1a2236;
}
#grpSpd{margin-left:auto}
@media(max-width:500px){
  #grpSpd{margin-left:0;width:100%;border-top:1px solid #1a2236;padding-top:6px;}
  #grpSpd input[type=range]{flex:1;width:auto;max-width:none;}
}
#bar-row2{
  flex-shrink:0;display:flex;align-items:center;flex-wrap:wrap;
  gap:6px 10px;padding:6px 10px 8px;
  background:#090d1a;border-top:1px solid #111825;
}

button{
  font-size:clamp(12px,3.2vw,14px);padding:7px 10px;
  cursor:pointer;white-space:nowrap;
  background:rgba(255,255,255,0.04);border:1px solid #2a3a55;color:#ffffff;
  border-radius:6px;min-height:36px;-webkit-tap-highlight-color:transparent;
}
button:active{background:#1a2a40}
#bBoom{border-color:#8b2020;color:#f06060;font-weight:600}
#bBoom:disabled{opacity:0.3;cursor:default}
#bFocus:disabled{opacity:0.3;cursor:default}
#bMode:disabled{opacity:0.3;cursor:default}
#bFocus.active{border-color:#00cc88;color:#00ffb4;font-weight:600}
#bAllOrbits.active{border-color:#4a9eff;color:#4a9eff;font-weight:600}

.ctl{display:flex;align-items:center;gap:5px;white-space:nowrap}
.ctl label{font-size:clamp(11px,2.8vw,13px);color:#ffffff}
.ctl .v{font-size:clamp(11px,2.8vw,13px);font-weight:600;color:#ffffff;min-width:36px}
.ctl input[type=range]{
  width:clamp(80px,22vw,160px);
  -webkit-appearance:none;appearance:none;
  height:4px;background:rgba(255,255,255,0.2);
  border-radius:2px;outline:none;cursor:pointer;margin:0;padding:0;vertical-align:middle;
}
.ctl input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;
  width:14px;height:14px;border-radius:50%;background:#00cc44;
  cursor:pointer;box-shadow:0 0 4px rgba(0,204,68,0.6);margin-top:-5px;
}
.ctl input[type=range]::-moz-range-thumb{
  width:14px;height:14px;border-radius:50%;background:#00cc44;
  cursor:pointer;border:none;box-shadow:0 0 4px rgba(0,204,68,0.6);
}
.ctl input[type=range]::-webkit-slider-runnable-track{height:4px;background:rgba(255,255,255,0.2);border-radius:2px;}
.ctl input[type=range]::-moz-range-track{height:4px;background:rgba(255,255,255,0.2);border-radius:2px;}
.ctl input[type=number],.ctl input[type=text]{
  width:clamp(52px,12vw,68px);font-size:clamp(12px,3vw,14px);
  background:#080d1a;border:1px solid #2a3a55;color:#ffffff;
  border-radius:5px;padding:4px 6px;outline:none;-webkit-appearance:none;
}
.ctl input[type=number]:focus,.ctl input[type=text]:focus{border-color:#4a9eff}
.ctl input[type=number]:disabled,.ctl input[type=text]:disabled,
.ctl input[type=range]:disabled{opacity:0.35;pointer-events:none}
.param-group.locked label{color:rgba(80,100,140,0.5)}
.param-group.locked .v{color:rgba(100,120,160,0.5)}
#cbWrap{display:flex;align-items:center;gap:5px}
#cbWrap label{font-size:clamp(12px,3vw,14px);color:#ffffff;cursor:pointer}
#cbAtmo{accent-color:#4a9eff;width:15px;height:15px;cursor:pointer}

#bSkipStop{
  border-color:#8b2020;color:#f06060;
  padding:7px 9px;min-width:32px;
}
#bSkipStop:disabled{opacity:0.25;cursor:default}
#selIncl:disabled{opacity:0.3!important;cursor:default;color:rgba(255,255,255,0.3)!important}
#selDvDist:disabled{opacity:0.3!important;cursor:default;color:rgba(255,255,255,0.3)!important}

.cb-lbl{
  display:inline-flex;align-items:center;gap:5px;
  font-size:clamp(11px,2.5vw,13px);color:#a0b8d8;
  cursor:pointer;user-select:none;white-space:nowrap;
}
.cb-lbl input[type=checkbox]{
  accent-color:#4a9eff;width:13px;height:13px;cursor:pointer;
}
.cb-lbl.disabled{color:rgba(80,100,140,0.5);cursor:default;pointer-events:none}
.cb-lbl.disabled input[type=checkbox]{cursor:default;opacity:0.4}
