*{box-sizing:border-box} :root{--ink:#172329;--muted:#77868a;--line:#dbe3e1;--paper:#f7f8f5;--white:#fff;--teal:#087e7b;--teal-dark:#075e61;--coral:#ef725e;--yellow:#f5ba4d;--panel-bg:rgba(255,255,255,.82);--panel-edge:rgba(15,64,70,.08);--soft-shadow:0 12px 32px rgba(15,64,70,.08)} body{margin:0;background:radial-gradient(circle at top left,rgba(255,255,255,.12),transparent 18%),radial-gradient(circle at bottom right,rgba(255,136,118,.15),transparent 25%),linear-gradient(135deg,#5a0d12 0%,#8e1f22 30%,#a71a1c 100%);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:13px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:64px;background:#3b0b0d;color:white;display:flex;align-items:center;padding:0 28px;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-family:'Barlow Condensed',sans-serif;font-size:23px;letter-spacing:1.2px}.brand-mark{color:#f4b547;font-size:22px}.brand small{font:500 9px 'DM Sans',sans-serif;letter-spacing:1.2px;color:#f2c4b5;border-left:1px solid rgba(255,255,255,.25);padding-left:11px;margin-left:3px}.exercise-status{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.2px;color:#ffd4d6}.exercise-status strong{color:white;font-size:12px;letter-spacing:0;margin-left:16px}.live-dot{width:7px;height:7px;background:#f17560;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px rgba(241,117,96,.16)}.top-actions{display:flex;align-items:center;gap:18px}.icon-button,.avatar,.plus-button{border:0;background:transparent;color:white;cursor:pointer}.icon-button{font-size:18px;transform:rotate(-30deg)}.avatar{width:32px;height:32px;background:#e77965;border-radius:50%;font-size:10px;font-weight:bold}.avatar.small{width:28px;height:28px;display:grid;place-items:center;flex:none}.scenario-bar{height:83px;border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 18px rgba(25,0,0,.14);border-radius:18px;margin:18px 28px 0;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(255,245,245,.12);backdrop-filter:blur(4px)}.eyebrow{font-size:9px;letter-spacing:1.3px;color:var(--muted);font-weight:700}.scenario-bar h1{font:600 25px 'Barlow Condensed',sans-serif;letter-spacing:1.8px;margin:5px 0 0}.scenario-meta{display:flex;align-items:center;gap:25px;color:var(--muted);font-size:11px}.scenario-meta strong{color:var(--ink)}.signal{color:var(--coral);font-size:13px}.outline-button{border:1px solid var(--line);background:white;border-radius:3px;padding:9px 13px;color:var(--ink);font-weight:600;cursor:pointer}.workspace{flex:1;display:grid;grid-template-columns:290px minmax(420px,1fr) 320px;min-height:650px;gap:18px;padding:18px 18px 0}.left-panel,.right-panel{background:rgba(255,255,255,.82);padding:18px 16px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.14);border-radius:18px;box-shadow:0 12px 24px rgba(15,64,70,.08)}.left-panel{border-right:1px solid rgba(15,64,70,.08);background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,248,248,.82))}.right-panel{border-left:1px solid rgba(15,64,70,.08);background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,249,249,.82))}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:10px;border-bottom:1px solid rgba(15,64,70,.08);margin-bottom:14px}.panel-heading h2{font:600 20px "Barlow Condensed",sans-serif;margin:5px 0 0;letter-spacing:.3px}.panel-heading h2 span{font:500 12px "DM Sans";color:var(--muted);vertical-align:middle;margin-left:4px}.plus-button{color:var(--teal);font-size:25px;line-height:18px}.role-switch{display:flex;background:rgba(255,238,238,.9);padding:3px;border-radius:12px;margin-bottom:12px}.role-switch button{border:0;background:none;flex:1;padding:8px;color:var(--muted);font-size:11px;font-weight:600;cursor:pointer;border-radius:9px}.role-switch button.active{background:white;color:var(--teal);box-shadow:0 1px 4px rgba(15,64,70,.08)}.review-card{background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(255,245,245,.85));border:1px solid rgba(15,64,70,.08);border-radius:14px;padding:12px;margin-bottom:12px;box-shadow:0 6px 12px rgba(15,64,70,.03)}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.review-item{display:flex;flex-direction:column;gap:4px;padding:8px 9px;background:rgba(255,255,255,.7);border:1px solid rgba(15,64,70,.08);border-radius:10px}.review-item span{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-weight:700}.review-item strong{font-size:11px;line-height:1.3;color:var(--ink)}.queue{display:flex;flex-direction:column;gap:8px}.incident{border:1px solid rgba(15,64,70,.08);border-left:3px solid var(--coral);padding:12px 11px;cursor:pointer;transition:.2s;border-radius:12px;background:rgba(255,255,255,.72);box-shadow:0 4px 10px rgba(15,64,70,.02)}.incident:hover,.incident.selected{border-color:#a8ceca;background:#f4faf8}.incident.warning{border-left-color:var(--yellow)}.incident.resource{border-left-color:var(--teal)}.incident-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.incident-id{font:700 11px "Barlow Condensed";letter-spacing:1px}.incident h3{font-size:12px;margin:0 0 4px}.incident p{font-size:10px;color:var(--muted);margin:0}.status{font-size:8px;letter-spacing:.8px;font-weight:700;padding:4px 6px;border-radius:999px;background:#fde5df;color:#c85847}.status.amber{background:#fff1d3;color:#a87521}.status.green{background:#dff1ec;color:#197b72}.briefing-card{border-top:1px solid rgba(15,64,70,.08);margin-top:auto;padding-top:18px;background:linear-gradient(135deg,#fff7f5,#fff);border-radius:14px;padding:12px}.briefing-card p{font-size:11px;line-height:1.6;color:#536266;margin:8px 0 15px}.briefing-footer{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:600}.briefing-footer small{font-size:9px;color:var(--muted);font-weight:400}.status-tag{margin-left:auto;font-size:8px;color:var(--teal);border:1px solid #b6d8d2;padding:4px 5px;border-radius:999px}.map-panel{position:relative;background:#c8d6d1;min-height:650px}.map-panel #map{height:100%;min-height:650px;filter:saturate(.78)}.map-overlay{position:absolute;z-index:500;display:flex;gap:8px}.map-overlay.top-left{top:17px;left:18px}.map-label{background:#173c40;color:white;padding:8px 10px;font-size:9px;letter-spacing:1px;font-weight:700;box-shadow:0 2px 8px #263b3a33}.map-label .live-dot{margin-right:7px}.map-label.muted{background:#ffffffdd;color:#617170}.map-overlay.bottom-left{bottom:21px;left:18px;gap:5px}.map-tool{background:white;border:0;width:34px;height:34px;color:var(--teal);font-size:18px;cursor:pointer;box-shadow:0 2px 7px #263b3a44}.map-tool.active{background:var(--teal);color:white}.map-legend{position:absolute;z-index:500;right:18px;bottom:21px;background:#ffffffed;padding:11px 13px;display:flex;gap:13px;font-size:9px;color:#576669}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.critical{background:var(--coral)}.active-mark{background:var(--yellow)}.resource{background:var(--teal)}.online-count{color:var(--teal);font-size:11px;font-weight:700}.online-count i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#36af82;margin-right:5px}.channel-tabs{display:flex;gap:17px;border-bottom:1px solid var(--line);margin:0 -20px;padding:0 20px}.channel-tabs button{border:0;background:none;padding:0 0 11px;color:var(--muted);font-size:10px;cursor:pointer}.channel-tabs button.active{color:var(--teal);border-bottom:2px solid var(--teal);font-weight:700}.activity{flex:1;padding-top:15px}.activity-item{display:flex;gap:9px;margin-bottom:20px}.activity-avatar{width:26px;height:26px;border-radius:50%;color:white;display:grid;place-items:center;font-size:8px;font-weight:700;flex:none}.teal{background:#3f9d97}.coral{background:#e27c68}.yellow{background:#d6a13a}.activity-item p{margin:0 0 3px;font-size:10px;line-height:1.4}.activity-item small{font-size:9px;color:var(--muted)}.activity-note{margin-top:8px;background:#f0f6f3;border-left:2px solid var(--teal);padding:9px;font-size:10px;line-height:1.45;color:#496264}.dispatch-box{border-top:1px solid var(--line);padding-top:15px}.dispatch-box label{font-size:9px;letter-spacing:1px;font-weight:700;color:var(--muted)}textarea{resize:none;width:100%;border:1px solid var(--line);font:11px 'DM Sans';padding:10px;margin:8px 0;color:var(--ink);outline:none}textarea:focus{border-color:var(--teal)}.dispatch-actions{display:flex;justify-content:space-between;align-items:center;color:#a1abad;font-size:9px}.send-button{border:0;background:var(--teal);color:white;padding:9px 12px;font-size:10px;font-weight:700;cursor:pointer}.send-button:hover{background:var(--teal-dark)}.footer{height:34px;border-top:1px solid var(--line);background:#f0f3f0;display:flex;align-items:center;justify-content:space-between;padding:0 28px;color:#8b9898;font-size:9px;letter-spacing:.6px}.footer b{color:#5f6d6d}.footer strong{color:var(--ink)}.secure-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#39a87f;margin-right:5px}@media(max-width:1000px){.workspace{grid-template-columns:235px minmax(360px,1fr)}.right-panel{display:none}.scenario-meta span{display:none}}@media(max-width:680px){.topbar{padding:0 16px}.brand small,.exercise-status strong{display:none}.scenario-bar{padding:14px 16px;height:auto;align-items:flex-start}.scenario-bar h1{font-size:21px}.workspace{display:block}.left-panel{border:0;min-height:auto}.queue{display:grid;grid-template-columns:1fr 1fr}.briefing-card{margin-top:20px}.map-panel,.map-panel #map{height:430px;min-height:430px}.footer{padding:0 16px}.footer span:nth-child(2){display:none}.map-legend{right:10px;bottom:10px}.map-overlay.bottom-left{bottom:10px;left:10px}}