:root{--sidebar-compact:72px}.sidebar{width:var(--sidebar-compact);position:fixed;inset:0 auto 0 0;z-index:40;padding:18px 10px;overflow-x:hidden;transition:width .16s ease}.workspace{margin-left:var(--sidebar-compact);transition:margin-left .16s ease}.sidebar .brand{font-size:17px;padding:12px 0;width:100%;background:transparent;color:#eaff00;border:0}.sidebar .brand span,.sidebar .side-label,.sidebar .side-bottom,.sidebar .nav-label{display:none}.sidebar-controls{display:flex;gap:4px;flex-wrap:wrap}.sidebar-controls button{padding:6px;min-width:24px;font-size:14px;background:#30343b;color:white}.sidebar nav button{display:flex;align-items:center;gap:12px;padding:12px 9px;min-height:46px;white-space:nowrap}.nav-icon{min-width:26px;text-align:center;font-size:20px}.sidebar-expanded .sidebar,.sidebar-pinned .sidebar,.sidebar-expanded .sidebar{width:236px}.sidebar-expanded .sidebar .nav-label,.sidebar-pinned .nav-label,.sidebar-expanded .nav-label{display:inline}.sidebar-expanded .sidebar .brand span,.sidebar-pinned .brand span,.sidebar-expanded .brand span{display:inline}.sidebar-pinned .workspace{margin-left:236px}.sidebar-pinned #sidebar-pin{background:#eaff00;color:black}@media(hover:hover){.sidebar-expanded .sidebar{width:236px}.sidebar-expanded .sidebar .nav-label,.sidebar-expanded .sidebar .brand span{display:inline}}@media(max-width:800px){.sidebar{width:64px;position:fixed;height:100dvh}.workspace,.sidebar-pinned .workspace{margin-left:64px}.sidebar-pinned .sidebar,.sidebar-expanded .sidebar{width:236px}.topbar{padding:12px;flex-wrap:wrap}#content{padding:16px}}.operation-counters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:20px}.operation-counters article{background:#30343b;color:white;padding:18px;border-radius:12px}.operation-counters article[style]{color:black}.operation-counters strong{display:block;font-size:38px}.operation-counters span{display:block;margin-top:5px}.dashboard-middle{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin-bottom:20px}.dashboard-gauges{display:flex;gap:20px}.gauge{width:220px;max-width:100%;text-align:center}.gauge svg{display:block;width:100%}.gauge>strong{display:block;margin:8px 0 16px}.event-layout{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(320px,1.3fr);gap:20px}.event-row{display:block;background:#30343b;color:white;border:1px solid #555d6b;text-align:left;width:100%;margin:8px 0;padding:12px;border-radius:8px}.event-row strong,.event-row span{display:block}.event-row span{font-size:12px;color:#bac1cc;margin-top:6px}.event-row p{margin:6px 0 0}.hospital-option{padding:10px;background:#30343b;margin:15px 0;border-radius:8px}.call-list{max-height:calc(100dvh - 200px);min-height:55vh}.operational-card{padding:10px 12px;margin:7px 0}.operational-card h3{font-size:16px;margin:0 0 7px}.operational-card .quick-status{max-width:185px;margin:7px 0}.operational-card .quick-status select{max-width:185px;padding:6px}.operational-card p{font-size:12px;margin:7px 0}.operational-actions{gap:5px}.operational-actions button,.operational-actions .button{font-size:11px;padding:6px 8px}.op-comment-form{margin:7px 0}.card[class*="type-"] .engage-check,.mini-resource[class*="means-"] .engage-check{color:black}.card:not([class*="type-"]) .engage-check{color:white}.personnel-table{width:100%}.personnel-table td{vertical-align:middle}.personnel-table .row{margin:0}.personnel-table td:last-child{min-width:280px}.layout-card{position:absolute;min-height:110px;box-sizing:border-box;overflow-wrap:anywhere;padding:12px}.layout-card h3{font-size:15px}.layout-card strong{font-size:13px}.layout-card p{margin:8px 0}.layout-card .row{gap:4px}.layout-card button{padding:5px;font-size:11px}.liaison-canvas{position:relative;width:100%;min-width:900px}.liaison-section{min-width:940px}#liaison-layout{position:relative;overflow:auto;isolation:isolate}#liaison-links{position:absolute;inset:0;z-index:5;pointer-events:none}.layout-resize{position:absolute;right:0;top:40%;width:18px;height:30px;cursor:ew-resize;background:#0002;border-radius:5px;text-align:center;line-height:30px;touch-action:none}[data-layout-drag]{cursor:grab;touch-action:none}.regconfig-content .card[class*="configured-measure"] .engage-check{color:black}@media(max-width:1000px){.dashboard-middle,.event-layout{grid-template-columns:1fr}.operation-counters{grid-template-columns:repeat(3,1fr)}}@media(max-width:550px){.operation-counters{grid-template-columns:repeat(2,1fr)}.dashboard-gauges{gap:6px}.gauge{max-width:48%}}
