:root{--bg:#050d12;--panel:#091820;--line:#1a3743;--text:#eaf4f5;--muted:#8ca2a9;--teal:#4ce0c1;--green:#62df91;--yellow:#efc65d;--red:#ff6675;--blue:#69b9ff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}
header{height:70px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#071319}.brand{display:flex;gap:10px;align-items:center}.brand>b{width:36px;height:36px;border:1px solid var(--teal);border-radius:50%;display:grid;place-items:center;color:var(--teal);font-size:.68rem}.brand span{font-weight:800;letter-spacing:.12em;font-size:.8rem}.brand small{display:block;color:var(--muted);font-size:.55rem}.shiftmeta{display:flex;gap:20px;align-items:center}.shiftmeta div span,.shiftmeta div b{display:block}.shiftmeta span{font-size:.55rem;color:var(--muted)}.shiftmeta b{font-size:.8rem}.shiftmeta button{width:32px;height:32px;border:1px solid var(--line);background:transparent;color:var(--text);border-radius:7px}.green{color:var(--green)}.yellow{color:var(--yellow)}.red{color:var(--red)}
.dash{min-height:calc(100vh - 70px);padding:10px;display:grid;gap:10px;grid-template-columns:250px minmax(520px,1fr) 330px;grid-template-rows:minmax(490px,1fr) 230px;grid-template-areas:'systems ops chat' 'help help evidence'}
.panel{border:1px solid var(--line);border-radius:11px;background:linear-gradient(#0b1d26,#08151c);overflow:hidden}.systems{grid-area:systems}.ops{grid-area:ops}.chatpanel{grid-area:chat}.help{grid-area:help}.evidence{grid-area:evidence}
.head{padding:14px;border-bottom:1px solid var(--line)}.head.wide{display:flex;justify-content:space-between;align-items:center}.head span,.head b{display:block}.head span{font-size:.57rem;color:var(--teal);letter-spacing:.15em}.head b{font-size:.88rem;margin-top:4px}.head em,#ticketBadge,#evidenceBadge{font-style:normal;border:1px solid var(--line);border-radius:999px;padding:6px 9px;font-size:.57rem;color:var(--muted)}
.loc{display:flex;gap:9px;align-items:center;padding:10px 12px;border-bottom:1px solid #1a3743aa;font-size:.78rem}.loc .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 9px #62df91aa}.loc .dot.warn{background:var(--yellow)}.loc .dot.bad{background:var(--red)}.loc strong{flex:1}.loc small{color:var(--muted);text-transform:uppercase;font-size:.62rem}.summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:13px;border-top:1px solid var(--line)}.summary span,.summary b{display:block}.summary span{font-size:.55rem;color:var(--muted)}.summary b{font-size:1.4rem}
.diagram{min-height:300px;padding:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;background:linear-gradient(#4ce0c108 1px,transparent 1px),linear-gradient(90deg,#4ce0c108 1px,transparent 1px);background-size:38px 38px;border-bottom:1px solid var(--line)}.building{min-height:100px;border:1px solid var(--line);border-radius:9px;background:#0a1a22;padding:13px;position:relative}.building:after{content:'';position:absolute;left:14px;right:14px;bottom:13px;height:3px;background:var(--green)}.building.warn:after{background:var(--yellow)}.building.bad:after{background:var(--red)}.building span,.building b,.building small{display:block}.building span{font-size:.55rem;color:var(--muted)}.building b{margin-top:12px;font-size:.78rem}.building small{color:var(--muted);font-size:.62rem;margin-top:5px}
.lower{display:grid;grid-template-columns:1fr 1fr}.lower section{padding:11px}.lower section:first-child{border-right:1px solid var(--line)}.lower h3{font-size:.56rem;color:var(--muted);letter-spacing:.12em}.alert{border-left:3px solid var(--red);padding:8px;background:#ff66750b;margin-bottom:6px;font-size:.7rem}.event{display:grid;grid-template-columns:42px 1fr;gap:8px;padding:5px 0;border-bottom:1px dashed #1a3743;font-size:.66rem;color:var(--muted)}.event time{color:var(--blue)}
#chat{height:calc(100% - 104px);min-height:375px;padding:13px;overflow:auto}.msg{margin-bottom:12px}.msg span{font-size:.61rem;color:var(--teal);font-weight:800}.msg p{margin:4px 0 0;padding:10px;border:1px solid var(--line);border-radius:4px 11px 11px;background:#0d222b;font-size:.78rem;line-height:1.45}.chatpanel footer{height:36px;padding:9px 12px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:.61rem}.chatpanel i{width:8px;height:8px;background:var(--green);border-radius:50%}
#tickets{height:172px;padding:10px;display:flex;gap:9px;overflow:auto}.ticket{min-width:220px;max-width:220px;padding:11px;border:1px solid var(--line);border-radius:8px;background:#0b1c24;display:flex;flex-direction:column}.ticket.closed{opacity:.4}.ticket .top{display:flex;justify-content:space-between;font-size:.61rem;color:var(--muted)}.ticket h3{font-size:.78rem;margin:12px 0 6px}.ticket p{font-size:.67rem;color:var(--muted);line-height:1.42}.ticket button{margin-top:auto;border:1px solid var(--line);background:transparent;color:var(--text);padding:6px;border-radius:5px;font-size:.64rem}
#locker{height:172px;padding:10px}.evidence-card{padding:10px;border:1px solid var(--line);border-radius:7px;background:#0b1c24;margin-bottom:7px;cursor:pointer}.evidence-card b,.evidence-card span{display:block}.evidence-card b{font-size:.75rem}.evidence-card span{font-size:.61rem;color:var(--muted)}.placeholder{color:var(--muted);font-size:.68rem}
.arrival{position:fixed;inset:0;z-index:100;background:#03090d;display:grid;place-items:center;text-align:center;transition:.7s}.arrival.hidden{opacity:0;pointer-events:none}.arrival span{color:var(--teal);font-size:.6rem;letter-spacing:.15em}.arrival h1{font-size:2.8rem;margin:10px}.arrival p{color:var(--muted)}.arrival b{display:block;color:var(--teal);margin-top:26px}
.modal{position:fixed;inset:0;z-index:90;background:#01070ad9;display:grid;place-items:center;padding:18px;backdrop-filter:blur(9px)}.modal.hidden{display:none}.card{position:relative;width:min(660px,100%);padding:28px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(#0f232d,#08161d)}.card>span{font-size:.58rem;color:var(--teal);letter-spacing:.15em}.card h2{font-size:1.65rem}.card p{color:var(--muted);line-height:1.6}.card>button:not(.close){display:block;width:100%;text-align:left;margin-top:9px;padding:12px;border:1px solid var(--line);border-radius:7px;background:#0a1a21;color:var(--text)}.close{position:absolute;right:12px;top:10px;background:none;border:0;color:var(--muted);font-size:1.5rem}.card table{width:100%;border-collapse:collapse}.card th,.card td{border:1px solid var(--line);padding:9px;font-size:.74rem}.history{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}.history>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.history b{padding:12px;border:1px solid var(--line);border-radius:7px;text-align:center}blockquote{border-left:3px solid var(--teal);padding:14px;background:#4ce0c10a}.card>a,.card>button{display:inline-block;width:auto!important;margin-right:8px;padding:10px 14px;border-radius:7px}.card>a{border:1px solid var(--line)}.card>button{background:var(--teal)!important;color:#03110f!important}
@media(max-width:1100px){.dash{grid-template-columns:230px 1fr;grid-template-areas:'systems ops' 'chat ops' 'help help' 'evidence evidence'}.diagram{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.shiftmeta div:not(:nth-child(2)){display:none}.dash{grid-template-columns:1fr;grid-template-areas:'systems' 'ops' 'chat' 'help' 'evidence'}.diagram{grid-template-columns:repeat(2,1fr)}.lower{grid-template-columns:1fr}.history>div{grid-template-columns:1fr}}