@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#101c35;--blue:#3167ed;--ink:#182640;--muted:#7a879d;--line:#e6eaf1;--surface:#f5f7fb}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;border-radius:9px;background:var(--blue);color:white;padding:12px 17px;font-weight:600;transition:background .15s,transform .15s}button:hover:enabled{filter:brightness(.95)}button:active:enabled{transform:translateY(1px)}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #91b1ff;outline-offset:3px}.secondary{background:white;border:1px solid var(--line);color:#53627b}.icon-button{background:white;border:1px solid var(--line);color:#53627b;font-size:21px;padding:8px 13px}aside{width:228px;background:var(--navy);color:#a8b5ce;position:fixed;inset:0 auto 0 0;padding:31px 21px;display:flex;flex-direction:column;overflow:auto}.brand{display:flex;align-items:center;gap:11px;color:white;font:800 19px Manrope,sans-serif;white-space:nowrap}.brand small{display:block;font:600 9px 'DM Sans';letter-spacing:2px;color:#8799bb;margin-top:5px}.logo{position:relative;background:#3167ed;width:39px;height:43px;border-radius:11px;display:grid;place-items:center;font-size:25px}.logo span{font-size:12px;position:absolute;right:3px;top:3px;color:#bcd1ff}.aside-label{font-size:9px;letter-spacing:1.8px;color:#607493;font-weight:700;margin:45px 11px 15px}.nav{display:flex;align-items:center;gap:13px;color:#a8b5ce;text-decoration:none;padding:13px;border-radius:8px;margin-bottom:5px}.nav.active{background:#233455;color:#fff}.campuses-label{margin-top:31px}.tabs{display:flex;flex-direction:column;gap:5px}.tabs button{text-align:left;background:none;color:#a8b5ce;font-size:13px;font-weight:500;padding:12px 14px}.tabs button:before{content:'◦';margin-right:13px;color:#617ca8}.tabs button.selected{background:#1c3054;color:#8cb0ff}.tabs button.selected:before{color:#6d9cff}.campus-note{margin:34px 11px 24px;border-top:1px solid #26334b;padding-top:25px}.signal{display:block;color:#598cff;font-size:21px;margin-bottom:14px;letter-spacing:3px}.campus-note strong{font:700 21px/1.4 Manrope;color:#e9effd}.campus-note p{font-size:11px;line-height:1.8;color:#798dab}.aside-bottom{margin-top:auto;padding:24px 11px 0;font-size:10px;color:#899bb8}.aside-bottom small{display:block;font-size:9px;color:#586e91;margin-top:7px}main{margin-left:228px;padding:35px 36px 20px;max-width:1800px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:700;color:#8b98ad}h1{font:800 29px Manrope;margin:10px 0 7px;letter-spacing:-1px}h1 span{color:var(--blue)}p{color:var(--muted);line-height:1.6;margin:7px 0}header p{font-size:12px}.header-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.header-actions button{font-size:12px}.banner{border:1px solid #dce6ff;background:#ecf2ff;border-radius:8px;padding:11px 15px;font-size:11px;line-height:1.5;color:#526eaa;margin-bottom:20px}.identity{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px 22px;display:flex;align-items:center;gap:15px;margin-bottom:30px;box-shadow:0 5px 18px #15234a03}.avatar{background:#eaf0ff;color:var(--blue);width:47px;height:47px;display:grid;place-items:center;border-radius:12px;font-size:25px;flex-shrink:0}.station-copy .eyebrow{font-size:8px;display:block;margin-bottom:5px}.station-copy strong{display:block;font-size:13px}.station-copy p{font-size:11px;margin:5px 0 0}.identity-actions{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}.identity-actions button{font-size:11px;padding:10px 14px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:26px;align-items:start}.directory-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}h2{font:800 17px Manrope;margin:0}.directory-heading p{font-size:11px;margin:5px 0 0}.count{font-size:10px;color:#647baf;background:#eaf0fc;padding:7px 10px;border-radius:20px;white-space:nowrap}.toolbar{display:flex;align-items:center;gap:15px;margin:19px 0}.search-wrap{position:relative;flex:1}.search-wrap span{position:absolute;left:13px;top:7px;font-size:24px;color:#9ba8bc}.search-wrap input{width:100%;padding:12px 12px 12px 39px;background:#fff;border:1px solid var(--line);border-radius:9px;font-size:11px;outline:none}.availability{display:flex;align-items:center;gap:7px;font-size:10px;white-space:nowrap;color:#647188;margin:0}.availability input{accent-color:var(--blue)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px;display:flex;flex-direction:column;min-height:196px;transition:box-shadow .2s,border-color .2s}.card:hover{border-color:#c3d2f5;box-shadow:0 7px 22px #14357a08}.card-top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:15px}.office-icon{background:#f0f4fc;color:#7589ad;font-size:19px;width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.badge{font-size:9px;color:#9da7b7;white-space:nowrap}.badge.online{color:#3167ed}.badge.busy{color:#c48923}.badge.not-configured{color:#8e9aaf}.card h3{font:700 12px/1.5 Manrope;margin:0 0 4px}.card p{font-size:10px;margin:0 0 16px}.card button{margin-top:auto;background:#edf3ff;color:var(--blue);font-size:10px;text-align:left;padding:10px 12px;border:1px solid #e3ebff}.card button:disabled{background:#f8f9fc;color:#97a3b5;border-color:#eef0f5;opacity:1}.empty-directory{grid-column:1/-1;padding:35px;text-align:center;border:1px dashed #cad5e6;border-radius:12px;font-size:12px}.call-rail{border:1px solid var(--line);border-radius:14px;background:white;overflow:hidden;position:sticky;top:25px}.rail-heading{padding:20px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.rail-heading .eyebrow{font-size:8px}.audio-label{font-size:7px;letter-spacing:1px;background:#edf3ff;color:#5d7bbc;border-radius:4px;padding:5px 7px}.idle-call{text-align:center;padding:36px 18px 20px}.headset-art{width:120px;height:120px;background:radial-gradient(circle,#eaf1ff 0 60%,#f5f8ff 61%);border-radius:50%;margin:0 auto 27px;display:grid;place-items:center;color:#5585f1}.headset-art svg{width:76px;height:76px}.idle-call .eyebrow{font-size:8px;color:#7293d0}.idle-call h2{font-size:17px;margin-top:11px}.idle-call p{font-size:11px;margin-top:10px}.waveform{color:#a9c2f8;margin:30px 0 9px;letter-spacing:4px;font-size:17px}.rail-bottom{padding:20px;border-top:1px solid var(--line);text-align:center}.rail-bottom button{width:100%;font-size:11px;background:#f8faff}.rail-bottom p{font-size:10px;line-height:1.8;margin:14px 0 0}.history{margin-top:25px;background:white;border:1px solid var(--line);border-radius:12px;padding:20px}.history-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.history-heading h2{font-size:14px}.history-heading span{font-size:8px;letter-spacing:1.2px;color:#a0aabc}.empty-history{text-align:center;color:#a5b2c9;padding:12px;font-size:25px}.empty-history strong{display:block;font-size:11px;color:#7a8ba6;margin-top:8px}.empty-history p{font-size:10px;margin:5px 0}.history-row{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid var(--line);font-size:10px;color:#78879e}.history-row span:first-child{color:#334864;flex:1}footer{display:flex;justify-content:space-between;gap:16px;color:#96a3b6;font-size:9px;margin-top:35px}footer b{color:#b3c8f6;margin:0 7px}dialog{border:1px solid var(--line);border-radius:16px;max-width:540px;width:92%;padding:28px;box-shadow:0 30px 100px #101c3533;color:var(--ink)}dialog::backdrop{background:#101c35b0}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.close{background:none;color:#7c8ba3;font-size:24px;padding:0 8px}dialog p{font-size:12px}label{display:block;font-size:12px;margin:18px 0;color:#4b5e7b}label input,label textarea,label select{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #dbe2ee;border-radius:8px;background:white}.help{font-size:11px!important;margin-top:18px}a{color:var(--blue)}#callDialog{position:static;width:100%;max-width:none;margin:0;padding:29px 18px;border:0;border-radius:0;box-shadow:none;background:linear-gradient(#f7faff,#fff)}.call-body{text-align:center}.call-avatar{width:95px;height:95px;border-radius:50%;background:#eaf1ff;color:var(--blue);font-size:42px;margin:28px auto;display:grid;place-items:center;box-shadow:0 0 0 9px #f1f5ff}.call-body h2{font-size:16px;margin-bottom:8px}.call-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:28px 0 10px}.call-actions button{font-size:11px}.danger{background:#e35b69}#timer{display:block;margin-top:24px;color:#5477b4;font-size:19px;font-variant-numeric:tabular-nums}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:14px 22px;border-radius:9px;max-width:90%;z-index:100;display:none;box-shadow:0 8px 25px #101c3533}.managed-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}#managedOffices{max-height:220px;overflow:auto;margin-top:20px}[hidden]{display:none!important}@media(min-width:1500px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}main{padding:40px 50px}.workspace{grid-template-columns:minmax(0,1fr) 320px;gap:32px}}@media(max-width:1150px){aside{width:200px;padding:28px 15px}main{margin-left:200px;padding:28px 23px}.workspace{grid-template-columns:minmax(0,1fr) 250px;gap:18px}h1{font-size:25px}.grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.search-wrap{flex-basis:100%}.brand{font-size:16px}.identity{padding:16px;flex-wrap:wrap}.identity-actions{margin-left:62px}}@media(max-width:820px){aside{position:static;width:100%;padding:18px;display:block}.brand{font-size:18px}.aside-label,.nav,.campus-note,.aside-bottom{display:none}.tabs{flex-direction:row;overflow:auto;margin-top:18px}.tabs button{flex-shrink:0;padding:9px 12px;font-size:10px}.tabs button:before{display:none}main{margin:0;padding:24px 18px}.workspace{grid-template-columns:minmax(0,1fr) 250px}.header-actions{gap:6px}.header-actions button{font-size:10px;padding:9px}h1{font-size:24px}.identity-actions{margin-left:auto}header{align-items:flex-start}.eyebrow{font-size:8px}}@media(max-width:620px){.workspace{display:flex;flex-direction:column}.directory-column,.call-rail{width:100%}.call-rail{position:static;order:-1}.idle-call{padding:20px}.headset-art{width:70px;height:70px;margin-bottom:13px}.headset-art svg{width:48px;height:48px}.idle-call p br{display:none}.waveform{display:none}.rail-bottom{padding:12px 18px}.rail-bottom p{margin:8px 0;font-size:9px}.rail-bottom p br{display:none}.rail-heading{padding:13px 18px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:13px;min-height:200px}.card-top{flex-wrap:wrap;gap:7px}.card h3{font-size:11px}.card .badge{font-size:8px}h1{font-size:22px}header{flex-wrap:wrap}.header-actions{margin-top:0}.identity-actions{margin:6px 0 0;width:100%}.station-copy{flex:1}.count{font-size:9px}.history-row{flex-wrap:wrap}footer{font-size:8px}#callDialog[open]{position:fixed;inset:auto 10px 10px;width:calc(100% - 20px);max-height:90vh;overflow:auto;z-index:50;border:1px solid #c9d8f6;border-radius:18px;box-shadow:0 12px 100px #101c3588}.call-avatar{width:65px;height:65px;margin:18px auto;font-size:30px}}
/* Connected workspace visual system */
:root{--navy:#0c142a;--blue:#5264f5;--ink:#20304c;--surface:#f4f6fc}body{background:radial-gradient(ellipse at 85% 0,#e9edff 0,transparent 45%),var(--surface)}aside{background:radial-gradient(ellipse at 0 30%,#1b2850,transparent 60%),#0c142a;border-right:1px solid #29334a}.logo{background:linear-gradient(140deg,#6475fc,#385aca);box-shadow:0 5px 25px #5264f540}.brand small{letter-spacing:2.4px}.nav.active{background:linear-gradient(100deg,#2e3d74,#1b284e);box-shadow:inset 3px 0 #8e9bff}.tabs button.selected{background:#273763;color:#c5d6ff}.campus-note strong{letter-spacing:-.5px}.signal{color:#80cbff}.aside-bottom{line-height:1.7}header{margin-bottom:24px}h1{font-size:30px;line-height:1.2;letter-spacing:-1.2px}header p{margin-top:12px;font-size:12px}.header-actions button{background:#ffffffb8;box-shadow:0 4px 10px #20304c03}.command-hero{position:relative;overflow:hidden;min-height:224px;border-radius:19px;background:radial-gradient(ellipse at 80% 40%,#284b7b,transparent 55%),linear-gradient(110deg,#111c37,#202951);color:white;padding:29px 31px;box-shadow:0 12px 30px #1a285212;margin-bottom:20px;border:1px solid #344263}.command-hero:after{content:'';position:absolute;width:260px;height:260px;right:-100px;bottom:-180px;border:1px solid #759bc033;border-radius:50%;box-shadow:0 0 0 35px #759bc00a,0 0 0 75px #759bc008}.hero-copy{position:relative;z-index:1}.hero-tag{font-size:8px;letter-spacing:2px;color:#afc1ec;display:flex;gap:8px;align-items:center;font-weight:600}.hero-tag i{width:5px;height:5px;border-radius:50%;background:#75d6ee;box-shadow:0 0 12px #75d6ee}.command-hero h2{font:700 26px/1.3 Manrope;margin:14px 0 10px;letter-spacing:-.7px}.command-hero p{color:#a8bad9;font-size:11px;line-height:1.8}.hero-pills{display:flex;gap:16px;margin-top:18px;color:#b8cbea;font-size:9px}.hero-pills span:first-letter{color:#8acaf8}.network-art{position:absolute;right:25px;top:0;width:340px;height:100%;opacity:.95}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:21px}.metrics>div{display:flex;align-items:center;gap:12px;background:#ffffffd6;border:1px solid #e1e6f1;border-radius:12px;padding:16px}.metric-symbol{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;background:#eff0ff;color:#6b74da;border-radius:10px;font-size:18px}.metric-symbol.cyan{background:#e9f7fc;color:#4ba5c1}.metric-symbol.violet{background:#f2eefd;color:#9b7bd0}.metrics p{font-size:9px;line-height:1.4;margin:0;color:#8e9bb1}.metrics strong{display:flex;align-items:baseline;gap:6px;font:800 20px Manrope;color:#2d3c59;margin-top:6px}.metrics small{font:400 8px 'DM Sans';color:#98a4b7}.banner{background:#f1f4ffcc;color:#6875a3;border-color:#e0e5f6;margin-bottom:17px;border-left:3px solid #9baafa}.identity{box-shadow:0 4px 22px #17224a04;margin-bottom:27px}.identity .avatar{background:linear-gradient(140deg,#eef0ff,#e8f2ff);color:#6878ce}.directory-heading h2{font-size:18px;letter-spacing:-.4px}.directory-actions{display:flex;gap:9px;align-items:center}.directory-actions .icon-button{font-size:17px;padding:5px 10px;border-radius:7px}.count{background:#ecf0fa;color:#8392ac;font-size:9px}.toolbar{gap:9px}.filter-button{font-size:10px;padding:10px 12px;border:1px solid #e2e6ef;background:white;color:#8490a8;white-space:nowrap}.filter-button[aria-pressed=true]{background:#e9ecff;color:#6470d5;border-color:#ccd2fc}.search-wrap{min-width:100px}.card{padding:18px;border-radius:13px;border-color:#e3e8f3;box-shadow:0 2px 4px #24385902}.card:hover{box-shadow:0 10px 28px #3337650b;border-color:#bfc7ef}.card-top{justify-content:flex-start;gap:9px}.office-icon{background:#f2f4fd;color:#8190bc;border-radius:10px}.badge{display:flex;align-items:center;gap:5px;font-size:8px}.badge:before{content:'';width:5px;height:5px;background:#a7b1c3;border-radius:50%}.badge.available{color:#528db4}.badge.available:before{background:#54adc9;box-shadow:0 0 0 3px #54adc90c}.badge.busy:before{background:#d9a251}.badge.not-configured:before{background:#b6bfce}.favorite-star{margin:0!important;margin-left:auto!important;padding:1px 4px!important;border:0!important;background:none!important;font-size:19px!important;color:#a5afc3!important}.favorite-star[aria-pressed=true]{color:#ad94e4!important}.office-copy{flex:1}.card h3{font-size:12px;color:#3b4965}.card p{font-size:9px;letter-spacing:.2px;color:#97a4b8}.card .call-office{background:#eef0ff;color:#6873cc;border-color:#e6e9fc;text-align:center;font-size:10px;border-radius:7px}.call-rail{background:linear-gradient(160deg,#fff,#f9fbff);box-shadow:0 8px 30px #20294e05;border-color:#e0e6f3}.rail-heading{background:#fcfdff}.rail-heading .eyebrow{color:#697b9d;font-size:8px;letter-spacing:1.8px}.audio-label{background:#edf3fe;color:#8c9cc0}.headset-art{background:radial-gradient(circle,#e9efff 0 58%,#f1f5fc 59%);color:#7484d8;box-shadow:0 0 0 12px #f8faff,0 0 0 13px #e9eef8}.idle-call{padding-top:45px}.idle-call h2{font-size:17px;letter-spacing:-.4px}.idle-call p{font-size:10px;color:#9ba8bc}.waveform{display:flex;align-items:center;justify-content:center;gap:5px;height:30px;margin:23px 0 8px}.waveform i{display:block;width:3px;height:8px;border-radius:5px;background:#b4c5eb}.waveform i:nth-child(2n){height:17px}.waveform i:nth-child(3n){height:25px}.waveform i:nth-child(5){height:30px;background:#8299d9}.workspace-guide{margin:12px 17px 18px;padding:15px;background:linear-gradient(125deg,#f0effc,#eff6ff);border:1px solid #e5e8fa;border-radius:10px}.workspace-guide .eyebrow{color:#8b85c0;font-size:8px;letter-spacing:1.3px}.workspace-guide p{font-size:10px;line-height:1.8;color:#7f8cab;margin:10px 0}.guide-caption{color:#a6afc2;font-size:8px}.rail-bottom{border-top:1px solid #e8edf7}.rail-bottom button{background:#fff;color:#8090ac;font-size:10px}.rail-bottom p{color:#a1aec3;font-size:9px}.list-view{grid-template-columns:1fr}.list-view .card{min-height:0;flex-direction:row;align-items:center;gap:14px;padding:12px 15px}.list-view .card-top{margin:0;min-width:135px}.list-view .office-copy{flex:1}.list-view .card p{margin:4px 0 0}.list-view .call-office{margin:0;width:105px;flex-shrink:0}.list-view .favorite-star{order:-1}.history{border-color:#e3e8f3}.history-heading h2{color:#60708e}.empty-history{font-size:24px}.empty-directory strong{display:block;color:#71829f}.empty-directory p{font-size:11px;margin:10px}.empty-directory button{font-size:11px}.management-dialog{max-width:970px;width:94%;padding:28px;background:#f8faff}.management-dialog h2{margin-top:7px;font-size:23px;letter-spacing:-.5px}.manage-intro{max-width:660px;font-size:12px;margin:14px 0 25px}.management-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}.managed-directory,.office-editor{padding:21px;border:1px solid #e0e7f4;background:#fff;border-radius:12px;min-width:0}.managed-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.management-dialog h3{font:700 14px Manrope;margin:0}.managed-toolbar button{font-size:10px;padding:8px 10px}.managed-directory>input{width:100%;border:1px solid #e2e8f3;background:#f9faff;padding:11px;border-radius:8px;font-size:11px}#managedOffices{max-height:375px;overflow:auto;margin-top:12px}.managed-row{padding:15px 0;align-items:flex-start;gap:14px}.managed-row strong{font-size:11px;font-weight:600;line-height:1.6;display:block}.managed-row small{display:block;color:#9aa9bf;font-size:9px;margin-top:4px}.managed-row button{font-size:9px;padding:7px 9px;flex-shrink:0}.office-editor h3{margin:9px 0}.office-editor>p{font-size:10px;line-height:1.8;min-height:37px}.office-editor label{font-size:10px;margin:15px 0}.office-editor input,.office-editor select{font-size:11px;padding:10px}.office-editor input[readonly]{background:#f5f7fc;color:#8f9eb6}.editor-actions{display:flex;gap:8px}.editor-actions button{font-size:11px}#officeFeedback{font-size:10px;line-height:1.8;color:#687bb5;min-height:20px;margin-top:12px}.management-dialog .help{font-size:10px!important;color:#91a1b9}dialog::backdrop{background:#0e1838b8;backdrop-filter:blur(5px)}.danger{background:#e56480}.call-avatar{color:#7a88de;background:#eff1ff;box-shadow:0 0 0 9px #f6f7fc}#callDialog{background:linear-gradient(#f8f9ff,#fff)}#timer{color:#7585b5}#toast{background:#202d50;border:1px solid #51628b;font-size:12px}footer{color:#a0acc1}
@media(min-width:1500px){.command-hero{min-height:255px;padding:33px 38px}.command-hero h2{font-size:31px}.network-art{right:55px;width:430px}.metrics>div{padding:20px}.metrics strong{font-size:23px}.card{min-height:205px}.grid{gap:18px}.workspace{grid-template-columns:minmax(0,1fr) 315px}}
@media(max-width:1150px){.metrics{gap:9px}.metrics>div{padding:12px 10px;gap:8px}.metric-symbol{width:28px;height:28px;font-size:15px}.metrics strong{flex-wrap:wrap;gap:1px;font-size:17px}.metrics small{width:100%;font-size:7px}.network-art{width:280px;right:0;opacity:.65}.hero-copy{max-width:70%}.toolbar{gap:9px}.search-wrap{flex-basis:100%}.command-hero h2{font-size:24px}.list-view .card{gap:10px;flex-wrap:wrap}.list-view .card-top{min-width:100px}.list-view .call-office{margin-left:auto}.management-layout{gap:15px}.managed-directory,.office-editor{padding:16px}}
@media(max-width:820px){.command-hero{padding:24px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics strong{display:flex;flex-wrap:nowrap;font-size:20px;gap:6px}.metrics small{width:auto;font-size:8px}.metrics>div{padding:15px}.hero-pills{font-size:8px;gap:10px}.management-layout{grid-template-columns:1fr}#managedOffices{max-height:180px}.management-dialog{max-height:92vh;overflow:auto}.office-editor>p{min-height:0}.management-dialog h2{font-size:21px}}
@media(max-width:620px){h1{font-size:28px}header{gap:14px}.command-hero{min-height:218px;padding:23px}.hero-copy{max-width:100%}.network-art{right:-110px;width:260px;opacity:.3}.command-hero h2{font-size:24px}.command-hero p{font-size:10px}.hero-tag{font-size:7px;letter-spacing:1.5px}.hero-pills{gap:12px;font-size:8px}.metrics{gap:9px}.metrics>div{padding:13px 10px;gap:9px}.metrics strong{font-size:18px;gap:5px}.metrics small{font-size:7px}.metrics p{font-size:8px}.metric-symbol{width:30px;height:30px}.idle-call{padding:22px}.headset-art{box-shadow:0 0 0 6px #f8faff,0 0 0 7px #e9eef8;margin-bottom:20px}.waveform{display:none}.workspace-guide{margin:5px 15px 15px;padding:12px}.workspace-guide p{margin:6px 0;font-size:10px}.guide-caption{display:none}.list-view .card-top{min-width:110px}.list-view .office-copy{min-width:100px}.card{padding:14px}.favorite-star{font-size:17px!important}.badge{font-size:7px}.card-top{gap:6px}.directory-heading h2{font-size:16px}.count{font-size:8px}.directory-actions{gap:6px}.toolbar{margin:16px 0}.filter-button{font-size:9px;padding:9px 11px}.availability{font-size:9px}.management-dialog{padding:20px}.managed-row button{font-size:8px}.management-dialog h2{font-size:19px}.office-editor label{margin:12px 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* v4 — neural communication workspace */
:root{color-scheme:dark;--navy:#050e21;--blue:#258fea;--ink:#d7e6fa;--muted:#91a6c6;--line:#203855;--surface:#040c1b}html{background:#040c1b;scroll-behavior:smooth}body{background:radial-gradient(ellipse at 85% 3%,#16366050,transparent 45%),radial-gradient(ellipse at 20% 60%,#1c22552b,transparent 50%),#040c1b;color:#d7e6fa}body:before{content:'';position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#3997d905 1px,transparent 1px),linear-gradient(90deg,#3997d905 1px,transparent 1px);background-size:45px 45px;z-index:-1}button{background:linear-gradient(130deg,#1a75dc,#228ccc);border:1px solid #399fe366;color:#e9f5ff;box-shadow:inset 0 1px #bcf0ff0d;letter-spacing:.1px}button:hover:enabled{filter:none;border-color:#6bdcff;box-shadow:0 0 20px #309ad322,inset 0 1px #bcf0ff18}button:disabled{opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #64e5ff;outline-offset:3px}a{color:#78cdff}aside{background:radial-gradient(ellipse at 50% 0,#12305b66,transparent 55%),linear-gradient(#070f23,#040b19);border-right:1px solid #26517988;box-shadow:8px 0 35px #02081150}.logo{background:linear-gradient(135deg,#19528b,#142859);border:1px solid #48baff88;color:#9adeff;box-shadow:0 0 24px #2684e333,inset 0 0 15px #419fff22}.logo span{color:#8aefff}.brand{color:#edf6ff;font-size:18px}.brand small{font-size:7px;letter-spacing:1.8px;color:#648cb8}.aside-label{color:#637c9f;font-size:8px;letter-spacing:2.1px}.nav{color:#91a8c8;border:1px solid transparent}.nav.active{background:linear-gradient(100deg,#123f68b0,#0e25464d);color:#a5e6ff;border:1px solid #256193aa;box-shadow:inset 3px 0 #5acfff,0 0 20px #258cff0a}.nav:hover{color:#cfedff;border-color:#245279}.tabs button{color:#8ca5c9;box-shadow:none;border:1px solid transparent;border-radius:6px}.tabs button.selected{background:linear-gradient(100deg,#143653,#0e20374d);color:#a1e8ff;border-color:#235876}.tabs button:before{color:#396b97}.tabs button.selected:before{color:#75e7ff}.campus-note{border-color:#203755}.signal{color:#66cfff;text-shadow:0 0 15px #47baffaa}.campus-note strong{color:#c7e9ff;font-size:20px}.campus-note p{color:#617e9f}.aside-bottom{color:#758daa;border-top:1px solid #1b2d46;padding-top:20px}.aside-bottom small{color:#546e8c}main{position:relative;padding-top:30px}.eyebrow{color:#6b91bb;letter-spacing:2px}h1{color:#e0efff;text-shadow:0 0 25px #258fff1a;font-size:31px;letter-spacing:-.9px}h1 span{color:#56d9ff;text-shadow:0 0 20px #56d9ff88}header p{color:#7891b3;font-size:11px}.header-actions .secondary,.header-actions .icon-button{background:linear-gradient(#122642cc,#0b1930cc);color:#b0d0eb;border:1px solid #2a4b71;box-shadow:0 5px 20px #00000020}.command-hero{background:radial-gradient(ellipse at 75% 50%,#183b6777,transparent 65%),linear-gradient(105deg,#0c1b35,#071123 65%,#0c1931);border:1px solid #25659a99;border-radius:14px;min-height:260px;padding:31px 34px;box-shadow:0 0 35px #176ccc0c,inset 0 1px #4cbcff26}.command-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,transparent 95%,#53bbff08 96%);background-size:100% 24px;pointer-events:none}.command-hero:after{width:340px;height:340px;right:-80px;bottom:-240px;border-color:#5ccfff1a;box-shadow:0 0 0 40px #2774dc06,0 0 0 80px #2774dc06}.command-hero h2{font-size:30px;color:#d6eeff;font-weight:700;line-height:1.28}.hero-tag{color:#79badd;letter-spacing:2px;font-size:8px}.hero-tag i{background:#7aeaff;box-shadow:0 0 15px #49dbff}.command-hero p{color:#86a4c8;line-height:1.8;font-size:11px}.hero-pills{gap:10px;margin-top:21px}.hero-pills span{font-size:8px;border:1px solid #28577c88;padding:6px 9px;background:#0b213754;border-radius:4px;color:#89c3e6;letter-spacing:.5px}.network-art{width:480px;height:100%;right:-5px;opacity:.94;object-fit:contain;filter:drop-shadow(0 0 12px #238cfa24)}.hero-copy{max-width:54%}.metrics{gap:12px}.metrics>div{background:linear-gradient(135deg,#10213bcc,#0a152acc);border:1px solid #234362;border-radius:9px;box-shadow:inset 0 1px #77bcff09;position:relative;overflow:hidden}.metrics>div:after{content:'';position:absolute;left:0;top:22%;height:56%;width:2px;background:#388ace;box-shadow:0 0 12px #388ace}.metric-symbol{background:#112f4b;color:#78ccf4;border:1px solid #23516e;border-radius:8px}.metric-symbol.cyan{background:#0c2a3b;color:#69d5dd;border-color:#1e4d5b}.metric-symbol.violet{background:#211e41;color:#b0a7f7;border-color:#40375e}.metrics p{color:#849dbf;font-size:9px}.metrics strong{color:#d4ebff;font-size:20px;font-weight:700}.metrics small{color:#627c9e;font-size:8px}.banner{background:linear-gradient(90deg,#0c2a4166,#10254366);color:#8bb4d2;border:1px solid #24415e;border-left:2px solid #4188af;border-radius:7px;font-size:10px;padding:10px 14px}.identity{background:linear-gradient(110deg,#12223bcc,#0b172ccc);border:1px solid #24415e;border-radius:11px;box-shadow:0 5px 30px #0000001a}.identity .avatar{background:radial-gradient(#194667,#10273d);color:#71d7f7;border:1px solid #2e6689;box-shadow:0 0 15px #159bdd12}.station-copy strong{color:#c8dff6}.station-copy .eyebrow{color:#5e8fb2;font-size:8px}.station-copy p{color:#7da7b9}.identity-actions .secondary{background:#122440;color:#9fbedb;border-color:#2a4666}.identity-actions button{font-size:10px}.directory-heading h2{color:#d1e4fa;letter-spacing:-.2px}.directory-heading p{color:#7890b0;font-size:10px}.count{background:#102b44;color:#75abd2;border:1px solid #234665;font-size:8px}.directory-actions .icon-button{background:#10233c;border:1px solid #294a6b;color:#8bc6ed;box-shadow:none}.search-wrap input{background:#0a182b;color:#cfe5fc;border:1px solid #28435f;box-shadow:inset 0 2px 10px #0000001a;padding-top:13px;padding-bottom:13px;border-radius:6px}.search-wrap span{color:#53789e}.search-wrap input::placeholder{color:#63809f}.filter-button{background:#0d1d33;color:#7c9bbd;border-color:#25415e;border-radius:6px}.filter-button[aria-pressed=true]{background:#163254;color:#8ad7ff;border-color:#4187b6;box-shadow:0 0 15px #2da5f70a}.availability{color:#8ba2bf}.availability input{accent-color:#41bff0;color-scheme:dark}.grid{gap:15px}.card{background:linear-gradient(135deg,#112139c9,#0a172bd9);border:1px solid #24415f;box-shadow:0 4px 16px #00000016,inset 0 1px #5388be08;border-radius:10px;position:relative;overflow:hidden;min-height:199px}.card:before{content:'';position:absolute;right:0;top:0;width:42px;height:42px;border-top:1px solid #69bfff44;border-right:1px solid #69bfff44;border-radius:0 9px 0 0;pointer-events:none}.card:hover{background:linear-gradient(135deg,#142d49,#0c1b32);border-color:#397fa8;box-shadow:0 0 24px #268df00e,inset 0 1px #69bfff13}.office-icon{background:#122c46;color:#8bc6ee;border:1px solid #274b70;box-shadow:inset 0 0 12px #2c88ff0c;border-radius:8px}.badge{color:#7086a4;font-size:8px}.badge.available{color:#79dae2}.badge.available:before{background:#6edce6;box-shadow:0 0 9px #6edce677}.badge.busy{color:#e5b27c}.badge.busy:before{background:#dba778}.badge.offline{color:#8094b0}.badge.offline:before{background:#5f738e}.badge.not-configured{color:#7389a7}.badge.not-configured:before{background:#455c7c}.card h3{color:#c4d9f2;font-size:12px;line-height:1.6}.card p{color:#607da3;font-size:9px;letter-spacing:.7px;text-transform:uppercase}.favorite-star{color:#527594!important;box-shadow:none!important}.favorite-star[aria-pressed=true]{color:#a89bfd!important;text-shadow:0 0 12px #aa8aff66}.card .call-office{background:linear-gradient(120deg,#153c68,#16314f);color:#8bd0f7;border:1px solid #2a5c83;border-radius:5px;font-size:10px;padding:10px}.card .call-office:disabled{background:#101f34;color:#54718e;border-color:#1f344f;opacity:1}.list-view .card{min-height:0}.call-rail{background:radial-gradient(ellipse at 50% 30%,#122d4a88,transparent 75%),linear-gradient(#0b1a30,#091426);border:1px solid #285779;border-radius:12px;box-shadow:0 0 30px #178ddd0c,inset 0 1px #55c5ff26}.rail-heading{background:#0c1d33;border-bottom:1px solid #244565}.rail-heading .eyebrow{color:#73abc8;font-size:8px;letter-spacing:1.7px}.audio-label{background:#0e3142;color:#75c5d1;border:1px solid #245465;font-size:7px}.idle-call{padding-top:44px}.headset-art{background:radial-gradient(circle,#174568,#102b46 58%,#10223a 60%);color:#82ddff;border:1px solid #4d99c288;box-shadow:0 0 0 11px #11263d77,0 0 0 12px #366f9555,0 0 38px #19a6ff25,inset 0 0 24px #198afc22}.headset-art svg{filter:drop-shadow(0 0 6px #49bdff66)}.idle-call .eyebrow{color:#63a4c5;font-size:8px}.idle-call h2{color:#c7e7fd}.idle-call p{color:#708ead;line-height:1.8}.waveform i{background:#3983b7;box-shadow:0 0 7px #359fdd44}.waveform i:nth-child(5){background:#69dfff}.workspace-guide{background:linear-gradient(125deg,#172644,#0e2840);border:1px solid #2a4968;border-radius:7px;box-shadow:inset 0 1px #70bbff10}.workspace-guide .eyebrow{color:#969fe6}.workspace-guide p{color:#8ea4c3;font-size:10px}.guide-caption{color:#667ea6;font-size:7px;line-height:1.7;display:block}.rail-bottom{border-top:1px solid #213e59}.rail-bottom button{background:#102742;color:#8cbbdf;border:1px solid #2c5073}.rail-bottom p{color:#607e9f}.history{background:linear-gradient(135deg,#0e1d33b8,#0a1426cc);border:1px solid #233e5c;border-radius:10px}.history-heading h2{color:#9dbad9}.history-heading span{color:#536e90}.empty-history{color:#416684}.empty-history strong{color:#7e9db9}.empty-history p{color:#5b7899}.history-row{border-color:#20344f;color:#708db0}.history-row span:first-child{color:#b7cfe8}.empty-directory{background:#0e1c3055;border-color:#2b5172}.empty-directory strong{color:#acc9e4}.empty-directory p{color:#688bad}.empty-directory button{background:#132b47;color:#9fc8ea;border-color:#2d5879}footer{border-top:1px solid #1c3049;padding-top:18px;color:#4f7096;font-size:8px;letter-spacing:.5px}footer b{color:#2f729c}dialog{background:radial-gradient(ellipse at 80% 0,#16436d55,transparent 60%),#0a162b;color:#c7def7;border:1px solid #33789e;border-radius:13px;box-shadow:0 0 50px #267cc415,0 30px 100px #00000099;max-height:92vh;overflow:auto}dialog::backdrop{background:#020916d9;backdrop-filter:blur(8px)}.dialog-heading h2{color:#cee9ff}.close{background:transparent;color:#83abce;border:0;box-shadow:none}dialog p{color:#7d9abb;line-height:1.8}label{color:#9cb7d4}label input,label textarea,label select{background:#071427;color:#c4dcf5;border:1px solid #294c6c;border-radius:6px;box-shadow:inset 0 3px 12px #00000022}input::placeholder,textarea::placeholder{color:#536d8f}select option{background:#09192e;color:#c4dcf5}.help{color:#6985a8!important;font-size:10px!important}.secondary{background:#112a45;color:#9fc7e7;border:1px solid #2b5274}.management-dialog{background:radial-gradient(ellipse at 50% 0,#15386555,transparent 65%),#071327;border-color:#317ca6}.management-dialog h2{color:#cee9ff}.managed-directory,.office-editor{background:linear-gradient(145deg,#10223b,#0b192d);border:1px solid #2a4869;border-radius:9px}.management-dialog h3{color:#b9d4ef}.managed-directory>input{background:#09182c;border-color:#284561;color:#bfd8f4}.managed-row{border-color:#243951}.managed-row strong{color:#acc8e7}.managed-row small{color:#607ea5}.managed-row button{background:#123252;border-color:#2d5b82;color:#8dccf7}.office-editor>p{color:#758fb2}.office-editor input[readonly]{background:#0d1c31;color:#6884a3;border-color:#233a55}.office-editor .eyebrow{color:#739ed8}.office-editor label{color:#9cb5d4}#officeFeedback{color:#81c6d9}.management-dialog .help{color:#6283aa!important}#callDialog{background:radial-gradient(ellipse at 50% 25%,#183e6377,transparent 70%),#0a1b30;color:#cce4ff;box-shadow:none}.call-avatar{background:radial-gradient(#1b526c,#163250);color:#8cdef4;border:1px solid #51b4da88;box-shadow:0 0 0 9px #132d48,0 0 0 10px #366586,0 0 30px #219fd433}.call-body h2{color:#cde9ff}.call-body p{color:#7b9dbe}#callState{color:#8dd9f4}#timer{color:#8acbfa;text-shadow:0 0 16px #299ee833}.danger{background:linear-gradient(130deg,#8f355a,#6d2845);color:#ffb8d0;border:1px solid #cf5c81}.call-actions .secondary{background:#152e48;color:#a1c8e2}#toast{background:#112a45;color:#b8ddf5;border:1px solid #3d81a7;box-shadow:0 0 30px #248eb015,0 10px 40px #00000055}
@media(min-width:1500px){.command-hero{min-height:275px;padding:35px 40px}.command-hero h2{font-size:33px}.network-art{width:570px;right:0}.hero-copy{max-width:50%}.card{min-height:215px}}
@media(max-width:1150px){.network-art{width:390px;right:-45px;opacity:.85}.command-hero{padding:28px;min-height:245px}.command-hero h2{font-size:27px}.hero-copy{max-width:64%}.hero-tag{font-size:7px;letter-spacing:1.5px}.hero-pills{gap:6px}.hero-pills span{font-size:7px;padding:5px 7px}.metrics strong{font-size:18px}.metrics small{font-size:7px}.metrics>div{padding:12px 10px}.guide-caption{font-size:7px}}
@media(max-width:820px){aside{border-right:0;border-bottom:1px solid #255071;box-shadow:0 5px 25px #00000022}.network-art{width:320px;right:-35px;opacity:.7}.metrics strong{font-size:20px}.metrics>div{padding:15px}.command-hero h2{font-size:26px}h1{font-size:29px}}
@media(max-width:620px){.command-hero{min-height:240px;padding:25px 22px}.network-art{right:-125px;width:380px;opacity:.42}.hero-copy{max-width:100%}.command-hero h2{font-size:28px}.command-hero p{font-size:10px}.hero-tag{font-size:6px;letter-spacing:1.3px}.hero-pills{gap:6px}.hero-pills span{font-size:7px;padding:6px}.metrics>div{padding:13px 10px}.metrics strong{font-size:18px}.metrics small{font-size:7px}.identity .avatar{width:42px;height:42px}.station-copy strong{font-size:12px}.identity-actions button{font-size:10px}.headset-art{box-shadow:0 0 0 6px #11263d77,0 0 0 7px #366f9555,0 0 25px #19a6ff25}.call-rail{border-color:#285779}.workspace-guide{margin-top:8px}.guide-caption{display:block;font-size:7px}.grid{gap:10px}.card{min-height:204px;padding:13px}.card h3{font-size:11px}.card p{font-size:8px}.badge{font-size:7px}.card-top{gap:6px}.office-icon{width:30px;height:30px;font-size:16px}.favorite-star{font-size:16px!important}.list-view .card{min-height:0}.availability{font-size:9px}.count{font-size:8px}.toolbar{gap:8px}.history-row{font-size:9px}#callDialog[open]{background:#0b1d34;border-color:#4588ab;box-shadow:0 0 35px #209fda22,0 10px 80px #000000aa}.guide-caption{max-width:none}footer{font-size:7px;line-height:1.7;flex-wrap:wrap}.management-dialog h2{font-size:19px}}
/* v5 — motion and direct interaction */
#networkCanvas{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.3}aside{z-index:3}main{z-index:1}button{position:relative;overflow:hidden}.favorite-star,.close{overflow:visible}.button-ripple{position:absolute;pointer-events:none;width:10px;height:10px;border-radius:50%;background:#b4edff55;transform:translate(-50%,-50%);animation:ripple .65s ease-out forwards}.hero-pills button{padding:7px 10px;background:#0c294577;border:1px solid #285a80;color:#8fcde8;font-size:8px;letter-spacing:.5px;border-radius:5px;box-shadow:none}.hero-pills button:hover{background:#174568;color:#c0efff}.motion-enabled .network-art{animation:neural-float 7s ease-in-out infinite}.motion-enabled .command-hero:after{animation:halo-breathe 6s ease-in-out infinite}.motion-enabled .hero-tag i{animation:signal-pulse 3s ease-in-out infinite}.motion-enabled .headset-art{animation:halo-breathe 5s ease-in-out infinite}.motion-enabled .card{transition:transform .2s ease-out,border-color .25s,box-shadow .25s;background-image:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),#2c72a520,transparent 70%),linear-gradient(135deg,#112139c9,#0a172bd9)}.motion-enabled .card:hover{box-shadow:0 0 25px #239fec20}.motion-enabled .nav,.motion-enabled .tabs button{transition:background .25s,border-color .25s,box-shadow .25s}.motion-enabled .tabs button.selected{box-shadow:inset 0 0 15px #30b9ff15,0 0 12px #3099ff0c}.motion-enabled .metric-update{animation:metric-flash .8s ease-out}.motion-enabled dialog[open]:not(#callDialog){animation:dialog-reveal .22s ease-out}.motion-enabled .waveform i{animation:signal-wave 1.8s ease-in-out infinite}.motion-enabled .waveform i:nth-child(2n){animation-delay:-.6s}.motion-enabled .waveform i:nth-child(3n){animation-delay:-1.1s}.call-spectrum{display:flex;align-items:center;justify-content:center;height:30px;gap:4px;margin:20px 0 16px}.call-spectrum i{display:block;width:3px;height:5px;border-radius:3px;background:#37799d;transition:background .4s}.call-connected .call-spectrum i{background:#79dce8}.motion-enabled.call-connected .call-spectrum i{animation:signal-wave 1s ease-in-out infinite}.motion-enabled.call-connected .call-spectrum i:nth-child(2n){animation-delay:-.5s}.motion-enabled.call-connected .call-spectrum i:nth-child(3n){animation-delay:-.8s}.motion-enabled.has-call:not(.call-connected) .call-avatar{animation:call-ring 2s ease-out infinite}.motion-enabled.call-incoming .call-rail{animation:incoming-outline 1.6s ease-in-out infinite}.call-incoming .rail-heading{border-bottom-color:#58ccef}.volume-control{display:grid;grid-template-columns:1fr auto;text-align:left;font-size:9px;color:#7198bd;margin:0 0 20px}.volume-control output{color:#8fc5e6;font-variant-numeric:tabular-nums}.volume-control input{grid-column:1/-1;margin:10px 0 0;padding:0;border:0;background:none;accent-color:#4dbbea;cursor:pointer;box-shadow:none}.shortcut-row{display:flex;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid #243d5d;color:#9cb6d5;font-size:12px}kbd{min-width:85px;text-align:center;border:1px solid #37618a;border-bottom-width:3px;border-radius:5px;padding:8px 10px;background:#122842;color:#b3e2ff;font-size:11px}.header-actions #motionBtn{font-size:10px;padding:11px 13px}.header-actions #shortcutsBtn{font-size:18px;padding:7px 11px}.card:focus-within{border-color:#71d2f5;box-shadow:0 0 20px #43c2e422}.has-call .workspace-guide{border-color:#3972a2}#directory{scroll-margin-top:24px}#recentCalls{scroll-margin-top:24px}
@keyframes ripple{from{opacity:.7;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(35)}}@keyframes neural-float{0%,100%{transform:translateY(-3px)}50%{transform:translateY(5px)}}@keyframes halo-breathe{0%,100%{filter:brightness(1)}50%{filter:brightness(1.18)}}@keyframes signal-pulse{0%,100%{opacity:1;box-shadow:0 0 10px #49dbff}50%{opacity:.65;box-shadow:0 0 23px #49dbff}}@keyframes signal-wave{0%,100%{transform:scaleY(.65)}25%{transform:scaleY(1.45)}65%{transform:scaleY(.9)}}@keyframes call-ring{0%{box-shadow:0 0 0 8px #132d48,0 0 0 9px #56c9ff66,0 0 30px #219fd433}100%{box-shadow:0 0 0 22px #132d4800,0 0 0 23px #56c9ff00,0 0 30px #219fd433}}@keyframes incoming-outline{0%,100%{border-color:#285779;box-shadow:0 0 15px #39b5f322}50%{border-color:#68d6ff;box-shadow:0 0 30px #39b5f344}}@keyframes metric-flash{0%{color:#d4ebff;text-shadow:0 0 22px #77dfff}100%{text-shadow:none}}@keyframes dialog-reveal{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:820px){.header-actions{flex-wrap:wrap}.header-actions #motionBtn{font-size:9px;padding:9px 11px}.hero-pills button{font-size:7px;padding:6px 8px}}@media(max-width:620px){.header-actions #shortcutsBtn{display:none}.hero-pills{flex-wrap:wrap}.hero-pills button{font-size:7px}.volume-control{margin-bottom:14px}.header-actions #motionBtn{padding:9px 10px}.call-connected .call-spectrum i{height:12px}.shortcut-row{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
.call-connected .call-spectrum i{height:15px}.call-connected .call-spectrum i:nth-child(2n){height:22px}.call-connected .call-spectrum i:nth-child(3n){height:10px}.call-connected .call-spectrum i:nth-child(5){height:26px}
body:not(.motion-enabled) .card{transform:none!important}body:not(.motion-enabled){scroll-behavior:auto}body:not(.motion-enabled) *{scroll-behavior:auto}
/* v6 — emergency and station interactions */
.emergency-trigger{background:linear-gradient(135deg,#9f3659,#6c244a);border:1px solid #df6b93;color:#ffd2e0;box-shadow:0 0 18px #bf31561a}.emergency-trigger:hover:enabled{background:linear-gradient(135deg,#b74667,#8d315f);border-color:#ffc0d3;box-shadow:0 0 25px #bf315633}.identity-actions .emergency-trigger{font-size:10px}.emergency-notice{display:flex;align-items:center;gap:15px;background:linear-gradient(100deg,#3b152a,#201b39);border:1px solid #d3648b;border-left:4px solid #ff9ab9;padding:20px;border-radius:10px;margin-bottom:24px;box-shadow:0 0 30px #b742661a}.emergency-notice .eyebrow{color:#f19dbc;font-size:8px}.emergency-notice h2{color:#ffd8e5;font-size:17px;margin:7px 0}.emergency-notice p{color:#cd94ad;font-size:10px;margin:0}.alarm-beacon{font-size:28px;color:#ffadc6;width:50px;height:50px;display:grid;place-items:center;background:#7d294d55;border:1px solid #d65a7c77;border-radius:50%}#emergencyCountdown{font:700 27px Manrope;color:#ffcbdf;margin-left:auto;min-width:50px}.emergency-notice button{font-size:10px}.motion-enabled.emergency-active .alarm-beacon{animation:emergency-beacon 1s ease-in-out infinite}.motion-enabled.emergency-active .emergency-notice{animation:emergency-border 1.5s ease-in-out infinite}.emergency-dialog{max-width:740px;border-color:#9a5479;background:radial-gradient(ellipse at 90% 0,#4e274855,transparent 60%),#0c172a}.emergency-dialog h2{margin-top:9px;color:#ffe0ed}.emergency-dialog h3{font-size:12px;color:#c1d6ef;margin:0}.emergency-controls{display:flex;gap:20px;align-items:center;margin:20px 0}.emergency-controls label{flex:1;font-size:11px;margin:0}.emergency-controls button{font-size:10px;margin-top:22px}.recipient-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:20px 0 14px}.recipient-toolbar h3 span{color:#7f91b3;font-size:9px;margin-left:8px;font-weight:400}.recipient-toolbar button{font-size:9px;padding:8px 10px}.recipient-toolbar>div{display:flex;gap:7px}#sirenSearch{width:100%;background:#09182b;border:1px solid #334767;color:#c6dbf5;padding:11px;border-radius:7px;font-size:11px}.siren-recipients{max-height:300px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.siren-recipient{display:flex;align-items:center;gap:10px;background:#10213a;border:1px solid #293d5c;border-radius:7px;padding:12px;margin:0;cursor:pointer}.siren-recipient:has(input:checked){border-color:#d2749c;background:#30223f}.siren-recipient input{width:14px;height:14px;margin:0;accent-color:#d586ad;flex-shrink:0;padding:0;box-shadow:none}.siren-recipient strong{font-size:10px;color:#b6cbe7;display:block;line-height:1.6;font-weight:500}.siren-recipient small{font-size:8px;color:#728bad;display:block;margin-top:4px}.siren-live{background:#15273f;color:#8eabc8;border:1px solid #2c4865;border-radius:6px;padding:12px;font-size:10px;margin-top:18px}.siren-actions{display:flex;gap:10px;margin-top:17px}.siren-actions button{font-size:11px}#sirenFeedback{font-size:11px;color:#e3b2cb;min-height:20px}.alert-sound-button{font-size:10px!important;border-color:#56709d!important;color:#a8bee7!important;margin-bottom:0}.alert-sound-button.sound-enabled{background:#153544;color:#8ed5d9!important;border-color:#3a7b8c!important}.rail-bottom .sound-status{font-size:8px;line-height:1.7;margin:9px 0 20px;color:#697fa9}.station-details{background:transparent!important;border:0!important;color:#6da3c7!important;box-shadow:none!important;font-size:8px!important;padding:9px 0 0!important;margin-top:0!important;text-align:center!important;letter-spacing:.6px}.station-details:hover{color:#b2e7ff!important}.list-view .station-details{width:auto;flex-shrink:0;max-width:55px;padding:0!important}.station-detail-icon{width:80px;height:80px;display:grid;place-items:center;border:1px solid #388aaa;background:radial-gradient(#174c66,#132742);border-radius:50%;color:#82d3ed;font-size:35px;margin:25px auto;box-shadow:0 0 25px #219fd422}#officeDetails{text-align:center}#officeDetails .dialog-heading{text-align:left}#detailOffice{font-size:19px;line-height:1.6}#detailCampus{color:#7398be;font-size:11px}.detail-status{display:inline-block;background:#12334c;border:1px solid #34597b;color:#8dcdea;padding:7px 15px;border-radius:30px;font-size:10px;margin:12px auto}.detail-actions{display:flex;gap:10px;justify-content:center;margin-top:25px}.detail-actions button{font-size:11px}#detailHelp{font-size:11px;max-width:350px;margin:10px auto}.motion-enabled .station-detail-icon{animation:halo-breathe 4s ease-in-out infinite}.hero-pills button:focus-visible{outline-color:#87eaff}.metrics>div{transition:transform .25s,box-shadow .25s,border-color .25s}.motion-enabled .metrics>div:hover{transform:translateY(-3px);border-color:#38799b;box-shadow:0 7px 25px #2497cf12}.motion-enabled .call-rail:hover{border-color:#4a8ba9}.motion-enabled .managed-row{transition:background .2s}.managed-row:hover{background:#14304d44}.siren-recipient:focus-within{outline:2px solid #cda7e9;outline-offset:2px}.siren-recipient:hover{border-color:#736990}.emergency-active .rail-heading .eyebrow{color:#dcaac3}
@keyframes emergency-beacon{0%,100%{box-shadow:0 0 0 0 #eb71972c}50%{box-shadow:0 0 0 10px #eb71970c}}@keyframes emergency-border{0%,100%{border-color:#d3648b}50%{border-color:#f5aac2}}
@media(max-width:1150px){.identity-actions{flex-wrap:wrap}.emergency-notice{flex-wrap:wrap}.emergency-notice>div:nth-child(2){flex:1}.emergency-notice button{padding:9px 11px}.list-view .station-details{max-width:100%;width:auto}}
@media(max-width:620px){.siren-recipients{grid-template-columns:1fr;max-height:250px}.recipient-toolbar{flex-wrap:wrap;gap:9px}.emergency-controls{gap:10px}.emergency-controls button{font-size:8px;padding:10px}.siren-actions{flex-wrap:wrap}.emergency-notice{padding:14px;gap:10px}.emergency-notice h2{font-size:14px}.alarm-beacon{width:38px;height:38px;font-size:22px}#emergencyCountdown{font-size:23px;margin:0}.emergency-notice p{font-size:9px}.identity-actions .emergency-trigger{font-size:9px}.station-details{font-size:7px!important}.list-view .station-details{font-size:8px!important}.siren-actions button{flex:1}.emergency-dialog{padding:21px}}
/* v7 — Personnel chat and broadcast paging */
.paging-trigger{background:linear-gradient(135deg,#165a73,#173b67);border:1px solid #438bad;color:#a4e4f5}#chatBadge{font-size:8px;background:#514374;color:#d2baf5;border-radius:10px;padding:3px 6px;margin-left:5px}.page-notice{display:flex;align-items:center;gap:15px;padding:18px 20px;background:linear-gradient(110deg,#133d4e,#172641);border:1px solid #3f859b;border-left:4px solid #72d6e1;border-radius:10px;margin-bottom:20px;box-shadow:0 0 25px #229cba0d}.page-notice h2{font:600 14px/1.6 Manrope;color:#c5f0fb;margin:5px 0;overflow-wrap:anywhere}.page-notice p{font-size:10px;color:#85bdcd;margin:0}.page-notice .eyebrow{font-size:8px;color:#6fc0d4}.page-notice>div{flex:1;min-width:0}.page-notice button{font-size:10px;flex-shrink:0}.page-beacon{font-size:26px;width:44px;height:44px;display:grid;place-items:center;border:1px solid #3e8ba2;color:#7cdeea;border-radius:50%;background:#16435b55}.motion-enabled.page-playing .page-beacon{animation:signal-pulse 2s infinite}.motion-enabled.page-playing .page-notice{box-shadow:0 0 30px #28a4bb22}.chat-dialog{max-width:920px}.chat-dialog h2,.paging-dialog h2{margin-top:8px;font-size:23px}.chat-dialog>p{margin:17px 0;font-size:11px}.chat-dialog>label{max-width:400px;font-size:10px}.chat-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:20px}.chat-layout:has(#personnelInboxPanel[hidden]){grid-template-columns:1fr}#personnelInboxPanel{border:1px solid #294461;background:#0d1e34;padding:14px;border-radius:9px;max-height:450px;overflow:auto}#personnelInboxPanel h3{font-size:11px;color:#96b8d8;margin:0 0 13px}.thread-button{display:block;width:100%;text-align:left;background:#112844;color:#9fc3e7;border:1px solid #284566;padding:12px;margin-bottom:8px;border-radius:6px}.thread-button.selected{border-color:#508fba;background:#1a3b58}.thread-button strong{display:block;font-size:10px;font-weight:500;line-height:1.5}.thread-button small{font-size:9px;color:#678eb0;display:block;line-height:1.6;margin-top:4px;overflow-wrap:anywhere}.chat-conversation{background:#0b1b2f;border:1px solid #284666;border-radius:9px;padding:17px;min-width:0}.chat-conversation h3{font-size:13px;color:#a6cae8;margin:0 0 15px}.chat-messages{height:290px;overflow:auto;display:flex;flex-direction:column;gap:13px;padding:6px 3px 15px}.chat-bubble{background:#142b48;border:1px solid #294a6a;border-radius:10px 10px 10px 2px;padding:12px;max-width:88%;align-self:flex-start}.chat-bubble.own{background:#163b52;border-color:#2e6a7e;border-radius:10px 10px 2px 10px;align-self:flex-end}.chat-bubble small{font-size:8px;color:#7aa1c3;line-height:1.5;display:block}.chat-bubble p{font-size:11px;color:#b9d3ee;margin:6px 0 0;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.chat-bubble .message-page-action{font-size:8px;background:#254363;border:1px solid #427599;color:#a9e4f5;padding:6px 8px;margin-top:10px}#chatMessageForm{display:flex;gap:10px;align-items:stretch;margin-top:16px}#chatText{flex:1;min-width:0;background:#071629;border:1px solid #2d5574;color:#c6ddf4;border-radius:6px;padding:12px;font-size:11px;resize:vertical}#sendChat{font-size:10px;padding:12px;white-space:nowrap}#chatFeedback{font-size:10px;color:#7fb7c9;min-height:17px;margin:12px 0 0}#requestToPage{font-size:10px;margin-top:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.paging-dialog{max-width:690px}.paging-dialog>p{font-size:11px;line-height:1.8}.paging-dialog label{font-size:11px}.recording-panel{padding:26px;text-align:center;border:1px solid #2d5773;border-radius:10px;background:radial-gradient(ellipse at 50% 0,#20526b44,transparent 80%),#10213b;margin:20px 0}#recordingIcon{font-size:30px;color:#73cce9;display:block;margin-bottom:12px}#recordingTimer{font:600 23px Manrope;color:#b3e6fc;font-variant-numeric:tabular-nums}.recording-panel p{font-size:10px;color:#739bbd;margin:13px 0}.recording-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.recording-actions button{font-size:10px}.page-recording #recordingIcon{color:#ed92bc}.motion-enabled.page-recording #recordingIcon{animation:signal-pulse 1.5s ease-in-out infinite}.page-recording .recording-panel{border-color:#b37294}.paging-summary{display:flex;justify-content:space-between;gap:15px;background:#0f2c40;border:1px solid #31536b;color:#7fb4c6;border-radius:6px;padding:12px;font-size:9px;line-height:1.7;margin:20px 0}.paging-summary span:last-child{color:#638bad}.paging-actions{display:flex;gap:12px;flex-wrap:wrap}.paging-actions button{font-size:11px}#pagingFeedback{min-height:20px;font-size:10px;color:#8ac6d4;margin:16px 0}#pagePreview{width:100%;height:40px}.office-editor #officeRole{font-size:10px}.managed-row:has(small){line-height:1.5}.alert-sound-button{font-size:9px!important}.identity-actions #chatPersonnelBtn,.identity-actions #pagingBtn{font-size:9px;padding:10px 11px}
@media(max-width:820px){.chat-layout{grid-template-columns:190px minmax(0,1fr)}.chat-dialog{padding:24px}.chat-messages{height:250px}}
@media(max-width:620px){.chat-layout{grid-template-columns:1fr}#personnelInboxPanel{max-height:140px}.chat-conversation{padding:13px}.chat-messages{height:230px}.chat-dialog h2,.paging-dialog h2{font-size:19px}.chat-dialog{padding:20px}#chatMessageForm{flex-direction:column}#sendChat{padding:10px}.chat-bubble{max-width:95%}.page-notice{padding:13px;gap:10px;flex-wrap:wrap}.page-notice h2{font-size:12px}.page-beacon{width:35px;height:35px;font-size:22px}.page-notice p{font-size:9px}.page-notice .eyebrow{font-size:7px}.paging-summary{flex-direction:column;gap:4px}.recording-panel{padding:22px 14px}.paging-actions button{flex:1}.identity-actions #chatPersonnelBtn,.identity-actions #pagingBtn{font-size:9px}.paging-dialog{padding:20px}}

/* v7.3: prominent communication controls */
button.communication-action{font-size:15px!important;font-weight:800!important;min-height:48px;padding:13px 18px!important;letter-spacing:.2px;border:2px solid #497596!important;}
button.communication-action.station-ready:not(:disabled){background:#32e58c!important;color:#032919!important;border-color:#91ffbf!important;opacity:1!important;box-shadow:0 0 0 3px #32e58c20,0 0 20px #32e58c40!important;}
button.communication-action.station-ready:not(:disabled):hover{background:#72ffb1!important;filter:none;}
.card button.communication-action{width:100%;margin-top:10px;}
.identity-actions button.communication-action{font-size:15px!important;}
body.motion-enabled button.communication-action.station-ready:not(:disabled){animation:communication-blink 1.8s ease-in-out infinite;}
@keyframes communication-blink{0%,100%{box-shadow:0 0 0 2px #32e58c28,0 0 10px #32e58c30;}50%{box-shadow:0 0 0 5px #32e58c50,0 0 30px #32e58c85;filter:brightness(1.16);}}
@media(prefers-reduced-motion:reduce){button.communication-action{animation:none!important;}}

button.communication-action,.identity-actions button.communication-action{font-size:12px!important;font-weight:400!important;}

.turn-settings{margin-top:24px;padding-top:20px;border-top:1px solid #294c6c}.turn-settings>div{display:flex;gap:8px;flex-wrap:wrap}.turn-settings label{display:block;margin:12px 0}.turn-settings input[type=checkbox]{width:auto;margin-right:8px}

button.communication-action:disabled{background:#17273b!important;color:#9cacc0!important;border-color:#35465d!important;box-shadow:none!important;animation:none!important;opacity:1!important;}