.novi-control-workspace{max-width:1440px;margin:22px auto;padding:0 14px 28px}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.control-panel{min-height:280px;padding:16px}.control-panel h2{font-size:15px;letter-spacing:1.1px;margin:0 0 12px;color:#e6f8ff}.control-panel p{color:#88a9b9;font-size:12px;line-height:1.5}.control-wide{grid-column:1/-1}.control-agent-matrix{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:8px}.control-agent{border:1px solid #1b526c;background:#071b2b;border-radius:7px;padding:9px}.control-agent b{display:block;color:#d9f4fb;font-size:12px}.control-agent small{display:block;margin-top:4px;color:#8aa9b8;font-size:10px}.control-agent.active{border-left:3px solid #21d48f}.control-agent.degraded{border-left:3px solid #ffb84a}.control-agent.waiting{border-left:3px solid #ff6476}.control-trust{display:grid;gap:9px}.trust-row{display:grid;grid-template-columns:112px 1fr 46px;gap:8px;align-items:center;color:#b9d9e6;font-size:11px}.trust-bar{height:10px;border-radius:8px;background:#0a2637;overflow:hidden}.trust-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff6476,#ffd166,#21d48f)}.control-timeline{display:flex;gap:10px;overflow-x:auto;padding:6px 2px}.timeline-event{min-width:190px;border-left:3px solid #16eaff;background:#071b2b;padding:9px;color:#d9f4fb;font-size:12px}.timeline-event small{display:block;color:#83aabb;margin-top:5px}.control-heatmap{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.heat-cell{border-radius:4px;padding:12px 5px;text-align:center;font-size:11px;font-weight:800;color:#e9fbff}.control-regime{position:relative;min-height:180px;border-left:1px solid #275b73;border-bottom:1px solid #275b73;background:linear-gradient(135deg,rgba(33,212,143,.10),rgba(255,100,118,.12));margin:22px 18px}.control-regime:before{content:'LOW LIQUIDITY';position:absolute;top:-18px;left:0;color:#85a8b8;font-size:10px}.control-regime:after{content:'HIGH LIQUIDITY';position:absolute;bottom:-18px;right:0;color:#85a8b8;font-size:10px}.regime-axis{position:absolute;right:-8px;top:4px;color:#85a8b8;font-size:10px;writing-mode:vertical-rl}.regime-point{position:absolute;width:16px;height:16px;border-radius:50%;background:#16eaff;box-shadow:0 0 18px #16eaff;transform:translate(-50%,50%)}.regime-label{position:absolute;left:10px;bottom:10px;color:#d9f4fb;font-weight:800;font-size:12px}@media(max-width:760px){.control-grid{grid-template-columns:1fr}.control-wide{grid-column:auto}.trust-row{grid-template-columns:92px 1fr 38px}.control-panel{min-height:240px}}
.control-agent-title{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.agent-grade{font-style:normal;border:1px solid #8aa9b8;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;font-weight:900;color:#d9f4fb}.grade-A{border-color:#21d48f;color:#8bf2c0}.grade-B{border-color:#16eaff;color:#80edff}.grade-C{border-color:#ffd166;color:#ffe29a}.grade-D{border-color:#ff6476;color:#ffa1ad}.grade-P{color:#bdd2dc}.agent-reason{line-height:1.35;color:#7197a8}.control-agent-note{margin:-4px 0 12px;color:#8aa9b8;font-size:11px}
.novi-control-workspace{position:relative;z-index:3;min-width:0}
.control-grid>*{min-width:0}
.control-agent{min-width:0;overflow-wrap:anywhere}
.agent-grade{flex-shrink:0}
#controlCalibration{display:block;width:100%;height:auto}
.novi-control-workspace .panel-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}
#controlAgentState{color:#9fe8ff;font-size:12px}
.control-regime:before,.control-regime:after{display:none}.regime-y,.regime-x-left,.regime-x-right,.regime-readout{position:absolute;color:#85a8b8;font-size:10px}.regime-y{right:6px;top:7px}.regime-x-left{left:7px;bottom:-18px}.regime-x-right{right:7px;bottom:-18px}.regime-readout{left:10px;bottom:10px}.control-regime{overflow:visible;margin:28px 18px 36px}.regime-label{bottom:28px}

/* Keep data panels legible over the ambient visual layer, especially on phones. */
.novi-control-workspace{background:rgba(2,15,27,.82);border-radius:14px;backdrop-filter:blur(12px)}.novi-control-workspace .control-panel{background:rgba(4,23,39,.94);border:1px solid rgba(35,142,175,.48);border-radius:10px;box-shadow:0 10px 26px rgba(0,0,0,.22)}.control-heatmap{background:rgba(2,15,27,.5);padding:8px;border-radius:8px}.heat-cell{min-height:76px;display:grid;place-items:center;line-height:1.35;text-shadow:0 1px 2px rgba(0,0,0,.7)}.control-regime{background:linear-gradient(135deg,rgba(33,212,143,.18),rgba(255,100,118,.2));border-color:#3988a4}.regime-label{color:#f0fcff;text-shadow:0 0 10px rgba(39,224,245,.45)}@media(max-width:760px){.control-heatmap{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.heat-cell{min-height:82px;font-size:12px;padding:10px 6px}.novi-control-workspace{margin:12px 8px;padding:0 10px 20px}.novi-control-workspace .control-panel{padding:14px}.control-regime{min-height:210px;margin:30px 16px 38px}}