/* Build 053 — closed-loop flux controls live inside the floating Flow drawer. */
.flux-control-lab{margin:12px 0;padding:10px;border:1px solid rgba(119,225,195,.32);border-radius:11px;background:rgba(9,29,40,.73);font-size:.8rem;color:#c8e2e9}
.flux-control-lab>summary{cursor:pointer;font-weight:700;color:#91efd3;letter-spacing:.04em;min-height:32px;align-content:center}
.flux-control-lab p{margin:6px 0 9px;line-height:1.45;color:#aecbd5}
.flux-actions,.flux-list{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.flux-control-lab button{min-height:34px;border:1px solid #426879;border-radius:7px;background:#163242;color:#dcf4f2;padding:6px 9px;cursor:pointer}
.flux-control-lab button[aria-pressed=true]{border-color:#85f2d4;background:#20505a}
.flux-control-lab button:disabled{opacity:.4}
.flux-config[hidden]{display:none!important}
.flux-config{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}
.flux-config>label{display:flex;flex-direction:column;gap:4px;min-width:0;color:#b9d9e4}
.flux-config>label:first-child{grid-column:1/-1;flex-direction:row;align-items:center}
.flux-config input[type=range],.flux-config select{width:100%;min-width:0}
.flux-config select{background:#142b3b;color:#e4f7f6;border:1px solid #426879;padding:5px;border-radius:5px}
.flux-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:10px 0}
.flux-metrics>div{padding:7px 5px;border:1px solid rgba(155,213,211,.2);border-radius:7px;min-width:0}
.flux-metrics span{display:block;font-size:.64rem;color:#b2cbd5}
.flux-metrics b{display:block;font-size:.95rem;color:#92f3d1;overflow-wrap:anywhere}
#flux-chart{display:block;width:100%;height:105px}
#flux-state{font-size:.73rem;color:#b6dfd8}
@media(max-width:420px){.flux-control-lab{padding:8px}.flux-config{gap:6px}.flux-metrics b{font-size:.83rem}}