.system-boards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.system-boards h3{font-size:13px}.system-boards p{font-size:11px;line-height:1.8}.system-actions{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.system-actions button{font-size:11px}.system-state{border:1px solid #36534f;border-radius:7px;background:#142a2e;padding:13px;margin:12px 0;min-width:0}.system-state h3{font-size:13px;margin-bottom:8px}.system-state h3 small{font:10px var(--mono,monospace);color:#83a99e}.system-metrics{display:flex;flex-wrap:wrap;gap:8px;font:11px/1.7 var(--mono,monospace)}.system-metrics span{padding:4px 6px;background:#1c3737;border-radius:4px;color:#98b6b5}.system-metrics b{color:#c2eed6}.system-state summary{font-size:11px;margin-top:10px;color:#a2c5b6}.system-state pre{white-space:pre-wrap;overflow-wrap:anywhere;font:10px/1.8 var(--mono,monospace);padding:9px;background:#0d1e24;margin-top:8px}.system-table-wrap{overflow:auto;max-height:300px;margin-top:8px}.system-table-wrap table{width:100%;font:10px/1.8 var(--mono,monospace);border-collapse:collapse}.system-table-wrap th,.system-table-wrap td{border-bottom:1px solid #324d4f;padding:6px;text-align:left;overflow-wrap:anywhere}.system-table-wrap th{color:#9ad7b8}.system-field{display:block;font-size:12px;color:#b3cec6;margin:13px 0}.system-field input,.system-field textarea{display:block;width:100%;margin-top:5px;font:12px/1.7 var(--mono,monospace)}#systems-error{font-size:12px;line-height:1.8;color:#efb08d;margin-top:12px}[data-system-selected-live]{font:10px/1.8 var(--mono,monospace);color:#9eb9bd;overflow-wrap:anywhere}@media(max-width:680px){.system-boards{grid-template-columns:1fr}.system-state{padding:10px}.system-actions{gap:5px}.system-actions button{font-size:10px}.system-metrics{font-size:10px}}
.system-signals{display:flex;flex-wrap:wrap;gap:6px 11px;margin-top:9px;font:10px/1.8 var(--mono,monospace);color:#789eaa}.system-signals b{color:#b0d8bf}