.robot-dashboard[hidden],.robot-dashboard-layout[hidden]{display:none!important}
.robot-dashboard-active #panels{display:none!important}
.robot-dashboard-active header>.layout-control:not(.robot-dashboard-layout){display:none}
.robot-dashboard-active #add{display:none}
header .robot-dashboard-layout{margin-left:auto}

.robot-dashboard{flex:1;min-height:0;min-width:0;display:grid;grid-template-columns:repeat(var(--robot-cols),minmax(0,1fr));grid-template-rows:repeat(var(--robot-rows),minmax(0,1fr));gap:8px;padding:8px;overflow:hidden;background:#0b1016}
.robot-dashboard-cell{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:#111b25;border:1px solid #2a3b4b;border-radius:6px;container-type:inline-size}
.robot-cell-head{display:flex;align-items:center;gap:8px;flex:none;min-height:37px;padding:4px 10px;border-bottom:1px solid #263747;background:#16232f}
.robot-cell-head .instrument{flex:1;min-width:0;max-width:100%;height:28px;border-color:transparent;background:transparent;font-size:13px;font-weight:600;color:#d5e2ed}
.robot-cell-head .instrument:hover{border-color:#3a5064}
.robot-cell-count{color:#8ba1b5;font:11px Consolas,monospace}
.robot-cell-summary{flex:none;display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 12px}
.robot-cell-summary .robot-total{height:40px;margin:0;padding:0;border:0}
.robot-cell-summary>div:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}
.robot-cell-label{color:#8298ab;font-size:10px;white-space:nowrap}
.robot-cell-power{color:#a6b3bf;font:14px Consolas,monospace;white-space:nowrap}
.robot-cell-power[data-side=buy]{color:#55d1ae}.robot-cell-power[data-side=sell]{color:#ed8c96}
.robot-dashboard-cell>.panel-robots{display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;gap:12px 10px;min-height:0;overflow:auto;padding:6px 12px 12px;scrollbar-width:thin;scrollbar-color:#3a5064 transparent}
.robot-dashboard-cell .robot-indicator{flex:none}
.robot-cell-state{color:#7890a4;font-size:11px;line-height:1.5;padding:0 12px 10px;overflow:auto;min-height:0}.robot-cell-state:empty{display:none}
@container(max-width:220px){.robot-cell-head{padding:3px 5px;min-height:30px}.robot-cell-head .instrument{font-size:11px;padding-left:0}.robot-cell-summary{padding:5px 7px;gap:6px;min-height:45px}.robot-cell-label{font-size:9px}.robot-cell-power{font-size:11px}.robot-dashboard-cell>.panel-robots{padding:5px 7px 10px;gap:10px 7px}.robot-cell-state{font-size:10px;padding:0 7px 6px}}