:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#06101d;color:#eef6ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,#173b65 0,transparent 36%),#06101d}.topbar{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.6rem clamp(1rem,4vw,4rem);border-bottom:1px solid #29415f;background:rgba(5,15,28,.9);position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.eyebrow{color:#62c4ff;font-size:.72rem;font-weight:800;letter-spacing:.18em;margin:0 0 .4rem}h1,h2,h3,p{margin-top:0}.subtitle{color:#9fb4ca;margin-bottom:0}.status-wrap{display:flex;align-items:center;gap:.6rem;color:#b8c8d8}.live-dot{width:.75rem;height:.75rem;border-radius:50%;background:#ef4444}.live-dot.connected{background:#22c55e;box-shadow:0 0 0 .25rem rgba(34,197,94,.16)}main{padding:1.4rem clamp(1rem,4vw,4rem) 4rem}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.summary article,.toolbar,.link-nav,.link-detail,.now-tx{border:1px solid #29415f;border-radius:1rem;background:rgba(13,30,51,.88)}.summary article{padding:1rem 1.2rem}.summary strong{display:block;font-size:1.8rem}.summary span{color:#9fb4ca}.tx-summary strong{color:#ffd34e}.toolbar{display:flex;gap:.8rem;align-items:center;margin:1rem 0;padding:1rem}.toolbar input[type=search]{flex:1}.toolbar input,.toolbar select{min-height:2.7rem;border:1px solid #385372;border-radius:.65rem;background:#071422;color:#eef6ff;padding:.6rem .8rem}.operations-layout{display:grid;grid-template-columns:minmax(250px,330px) 1fr;gap:1rem}.link-nav{padding:.55rem;align-self:start;max-height:75vh;overflow:auto}.link-nav-item{width:100%;display:grid;grid-template-columns:1fr auto auto;gap:.6rem;text-align:left;align-items:center;border:0;border-radius:.75rem;background:transparent;color:inherit;padding:.8rem;cursor:pointer}.link-nav-item:hover,.link-nav-item.selected{background:#173452}.link-nav-item span{display:grid}.link-nav-item small{color:#91a8bd;margin-top:.2rem}.link-nav-item b{background:#284866;border-radius:999px;padding:.25rem .5rem}.link-nav-item i{font-style:normal;color:#111827;background:#facc15;border-radius:.4rem;padding:.2rem .35rem;font-weight:900}.detail{display:grid;gap:1rem}.now-tx{display:flex;gap:1rem;align-items:center;padding:1.2rem}.now-tx.transmitting{border-color:#facc15;background:linear-gradient(90deg,rgba(250,204,21,.24),rgba(13,30,51,.95));animation:pulse 1.2s infinite}.microphone{font-size:2.2rem}.now-tx h2{margin:.15rem 0;font-size:1.7rem}.now-tx p{color:#b9c9d8;margin:0}.link-detail{overflow:hidden}.link-detail>header{display:flex;justify-content:space-between;gap:1rem;padding:1.2rem;border-bottom:1px solid #29415f}.stats{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:flex-end}.stats span{background:#102944;border-radius:.75rem;padding:.65rem;text-align:center;color:#9fb4ca}.stats b{display:block;color:#fff}.caller-table,.activity{padding:1rem 1.2rem}.caller{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;text-align:left;color:inherit;background:transparent;border:0;border-top:1px solid #29415f;padding:.85rem;cursor:pointer}.caller.talking{background:linear-gradient(90deg,rgba(250,204,21,.22),transparent);box-shadow:inset .3rem 0 #facc15}.tx-icon{width:2.25rem;height:2.25rem;display:grid;place-items:center;border-radius:50%;background:#17314f;font-weight:900}.talking .tx-icon{background:#facc15;color:#111827}.identity{display:grid}.identity small{color:#9eb2c5;margin-top:.2rem}.extension{font-weight:800;color:#73c8ff}.activity ol{list-style:none;padding:0;margin:0}.activity li{display:grid;grid-template-columns:100px 100px 1fr;gap:.6rem;padding:.55rem 0;border-top:1px solid #203952}.activity time,.activity span{color:#9eb2c5}.empty-panel{padding:2rem;text-align:center;color:#8da3b8}.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:grid;place-items:center;z-index:20;padding:1rem}.modal[hidden]{display:none}.modal-card{position:relative;width:min(560px,100%);border:1px solid #3b5878;border-radius:1rem;background:#0b1d31;padding:1.5rem}.modal-close{position:absolute;right:1rem;top:.7rem;border:0;background:none;color:#fff;font-size:2rem;cursor:pointer}dl{display:grid;grid-template-columns:150px 1fr;gap:.5rem}dt{color:#8fa8c0}dd{margin:0}.action{display:inline-block;margin-top:1rem;padding:.7rem 1rem;border-radius:.65rem;background:#1f6fa8;color:#fff;text-decoration:none}@keyframes pulse{50%{filter:brightness(1.18)}}@media(max-width:850px){.operations-layout{grid-template-columns:1fr}.link-nav{max-height:300px}.summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.topbar,.link-detail>header{align-items:flex-start;flex-direction:column}.toolbar{align-items:stretch;flex-direction:column}.summary{grid-template-columns:repeat(2,1fr)}.caller{grid-template-columns:auto 1fr}.extension{grid-column:2}.activity li{grid-template-columns:85px 1fr}.activity li span{grid-column:2}.stats{justify-content:flex-start}}
.tx-panels{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.now-tx.rf-side.transmitting{border-color:#38bdf8;background:linear-gradient(90deg,rgba(14,165,233,.26),rgba(13,30,51,.95));animation:rfPulse 1.15s infinite}.link-nav-item .rf-badge{background:#38bdf8;color:#03131f}.rf-stat b{color:#7dd3fc}.activity li.rf-activity{background:linear-gradient(90deg,rgba(14,165,233,.12),transparent)}.activity li.rf-activity strong{color:#7dd3fc}@keyframes rfPulse{50%{filter:brightness(1.22);box-shadow:0 0 1.25rem rgba(56,189,248,.18)}}@media(max-width:1050px){.tx-panels{grid-template-columns:1fr}}

.link-nav-item .link-location{color:#73c8ff;font-size:.72rem}.rf-link-title{margin-bottom:.35rem;font-size:1.8rem}.rf-link-meta{color:#9fb4ca;margin-bottom:0}.rf-link-meta span{color:#7f96ad}.tx-extension{font-size:.7em;color:#9fc4df;font-weight:700}
.link-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.caller{display:flex;padding:0;cursor:default}.caller-info{min-width:0;flex:1;display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;text-align:left;color:inherit;background:transparent;border:0;padding:.85rem;cursor:pointer}.hangup-button{border:1px solid #ef4444;border-radius:.6rem;background:rgba(127,29,29,.72);color:#fee2e2;font-weight:800;padding:.55rem .8rem;cursor:pointer;white-space:nowrap}.hangup-button:hover{background:#b91c1c;color:#fff}.caller>.hangup-button{margin:.55rem .7rem .55rem 0;align-self:center}.hangup-button.danger{padding:.65rem .95rem}@media(max-width:700px){.link-actions{align-items:flex-start}.caller-info{grid-template-columns:auto 1fr}.caller-info .extension{grid-column:2}.caller{align-items:stretch}.caller>.hangup-button{margin:.55rem}}