.diversion-safety{display:flex;align-items:center;gap:14px;margin:18px 0;padding:14px 16px;border:1px solid rgba(242,186,75,.34);border-left:4px solid #f0ba4b;border-radius:12px;background:rgba(112,75,17,.14)}
.diversion-safety b{font:800 .72rem/1.25 "Roboto Mono",monospace;letter-spacing:.05em;color:#f3c96d;white-space:nowrap}.diversion-safety span{font-size:.82rem;line-height:1.45;color:#c5d2d7}
.diversion-context{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px;padding:17px 19px;border:1px solid rgba(86,197,214,.2);border-radius:14px;background:linear-gradient(100deg,rgba(17,70,83,.24),rgba(5,22,31,.92))}.diversion-context>div{display:grid;gap:4px}.diversion-context small{font:700 .68rem/1.2 "Roboto Mono",monospace;color:#64d6e4}.diversion-context b{font-size:1rem;color:#f0f7f8}.diversion-context span{font-size:.8rem;color:#8ca6b0}.diversion-context dl{display:flex;gap:22px;margin:0}.diversion-context dl>div{display:grid;gap:3px}.diversion-context dt{font-size:.68rem;color:#7895a1}.diversion-context dd{margin:0;font-size:.82rem;font-weight:800;color:#dfedef}
.diversion-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(285px,.36fr);gap:16px;align-items:start}.diversion-layout>.incident-card{margin:0;padding:20px}.diversion-priorities{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0;padding:0;border:0}.diversion-priorities legend{width:100%;margin-bottom:2px;font-size:.78rem;font-weight:700;color:#9ab0b9}.diversion-priorities label{position:relative}.diversion-priorities input{position:absolute;opacity:0}.diversion-priorities span{display:block;padding:8px 10px;border:1px solid rgba(120,169,181,.18);border-radius:8px;background:rgba(3,17,25,.32);font-size:.78rem;color:#91a8b2;cursor:pointer}.diversion-priorities input:checked+span{border-color:rgba(75,204,221,.45);background:rgba(75,204,221,.1);color:#d9f5f8}.diversion-priorities input:focus-visible+span{outline:2px solid #67dae8;outline-offset:2px}
.diversion-port-list{display:grid;gap:10px}.diversion-port{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:13px;align-items:center;padding:14px;border:1px solid rgba(119,169,182,.16);border-radius:12px;background:rgba(3,17,25,.32);transition:.18s}.diversion-port:hover{border-color:rgba(78,204,220,.34);transform:translateY(-1px)}.diversion-port.selected{border-color:rgba(84,215,163,.57);background:linear-gradient(100deg,rgba(34,124,92,.15),rgba(3,17,25,.38));box-shadow:inset 0 0 0 1px rgba(84,215,163,.07)}.diversion-port.caution{border-color:rgba(240,186,75,.22)}.port-score{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(77,206,222,.25);border-radius:50%;background:rgba(77,206,222,.07)}.port-score b{font:800 1rem/1 "Roboto Mono",monospace;color:#70ddea}.port-score small{font:700 .52rem/1 "Roboto Mono",monospace;color:#7898a4}.diversion-port.caution .port-score{border-color:rgba(240,186,75,.3);background:rgba(240,186,75,.07)}.diversion-port.caution .port-score b{color:#efc15e}.diversion-port>div:nth-child(2)>small{font:700 .63rem/1.2 "Roboto Mono",monospace;letter-spacing:.04em;color:#5ed6a4}.diversion-port.caution>div:nth-child(2)>small{color:#edbf5d}.diversion-port h3{margin:4px 0;font-size:.94rem;color:#edf6f8}.diversion-port p{margin:0 0 8px;font-size:.78rem;color:#8fa7b1}.diversion-port>div:nth-child(2)>div{display:flex;flex-wrap:wrap;gap:6px}.diversion-port>div:nth-child(2)>div span{padding:4px 6px;border-radius:5px;background:rgba(78,204,220,.07);font:700 .59rem/1 "Roboto Mono",monospace;color:#73cbd7}.diversion-port button{padding:8px 11px;font-size:.76rem}.diversion-port.selected button{border-color:#59d7a6;background:#59d7a6;color:#052117}
.diversion-plan{position:sticky;top:82px}.diversion-plan>h2{margin:4px 0 10px}.diversion-match{display:flex;align-items:end;gap:8px;margin-bottom:12px;padding:12px;border-radius:10px;background:rgba(70,197,213,.08)}.diversion-match b{font:800 1.3rem/1 "Roboto Mono",monospace;color:#6eddea}.diversion-match span{font-size:.7rem;color:#7e9aa5}.diversion-plan dl{margin:0}.diversion-plan dl>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(120,168,181,.11)}.diversion-plan dt{font-size:.73rem;color:#7f9aa5}.diversion-plan dd{margin:0;max-width:58%;text-align:right;font-size:.74rem;font-weight:700;color:#dce9ec}.diversion-plan dd.zero{color:#5cd8a6}.diversion-plan ol{display:grid;gap:7px;margin:15px 0;padding:0;list-style:none}.diversion-plan li{display:grid;grid-template-columns:25px 1fr;gap:8px;align-items:center}.diversion-plan li>b{display:grid;place-items:center;width:25px;height:25px;border:1px solid rgba(120,168,181,.2);border-radius:50%;font:700 .63rem/1 "Roboto Mono",monospace;color:#728e99}.diversion-plan li>span{font-size:.75rem;color:#91a7b0}.diversion-plan li.done>b{border-color:rgba(85,215,163,.35);background:rgba(85,215,163,.1);color:#5ad7a5}.diversion-plan li.done>span{color:#d8e8eb}.diversion-confirm{display:flex;align-items:flex-start;gap:8px;margin:13px 0;padding:11px;border-radius:9px;background:rgba(240,186,75,.07)}.diversion-confirm input{margin-top:3px;accent-color:#f0ba4b}.diversion-confirm span{font-size:.7rem;line-height:1.45;color:#aebec5}.diversion-ready{display:grid;gap:4px;margin-top:10px;padding:12px;border:1px solid rgba(84,215,163,.3);border-radius:9px;background:rgba(84,215,163,.08)}.diversion-ready span{font:700 .61rem/1.2 "Roboto Mono",monospace;color:#5bd7a5}.diversion-ready b{font:800 .8rem/1.3 "Roboto Mono",monospace;color:#e9f8f3}.diversion-ready p{margin:0;font-size:.67rem;line-height:1.45;color:#8ba2ab}.diversion-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.diversion-links button{padding:9px 6px;font-size:.7rem}
@media(max-width:980px){.diversion-context{align-items:flex-start;flex-direction:column}.diversion-context dl{width:100%;justify-content:space-between}.diversion-layout{grid-template-columns:1fr}.diversion-plan{position:static}.diversion-plan dl{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}}
@media(max-width:680px){.diversion-safety{align-items:flex-start;flex-direction:column}.diversion-safety b{white-space:normal}.diversion-context dl{display:grid;grid-template-columns:1fr 1fr;gap:12px}.diversion-port{grid-template-columns:48px minmax(0,1fr)}.port-score{width:48px;height:48px}.diversion-port>button{grid-column:2;width:100%}.diversion-plan dl{grid-template-columns:1fr}.diversion-links{grid-template-columns:1fr}}