/* Build 024: live kinematic obstacle controls within non-blocking drawer. */
.kin-lab[hidden]{display:none!important}
.kin-lab{display:grid;gap:.65rem;padding:.2rem .2rem 1rem}
.kin-lab p{margin:0;color:#adc4d3;font-size:.82rem;line-height:1.5}
.kin-lab label{display:grid;gap:.35rem;font-size:.83rem}
.kin-lab .kin-toggle{display:flex;align-items:center;gap:.55rem}
.kin-lab input[type="checkbox"]{width:1.1rem;height:1.1rem}
.kin-lab input[type="range"]{width:100%;min-height:36px;accent-color:#85cce8}
.kin-lab select{width:100%;min-height:42px;background:#0d2535;color:#e3f2fb;border:1px solid #42647b;border-radius:7px;padding:.5rem}
.kin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
.kin-grid>label{padding:.6rem;background:rgba(14,36,52,.68);border:1px solid #29485e;border-radius:8px;min-width:0}
.kin-readouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}
.kin-readouts>div{display:grid;gap:.25rem;padding:.55rem;border:1px solid #29485e;border-radius:8px}
.kin-readouts span{color:#adc6d4;font-size:.72rem}
.kin-readouts b{font-size:.95rem;color:#e2f4fc}
@media(max-width:420px){.kin-grid{gap:.35rem}.kin-grid>label{padding:.4rem}.kin-readouts b{font-size:.85rem}}