/* Companion workspace: shared visual language with the office overview. */
:root{--ink:#182a42;--muted:#64738a;--teal:#087b9f;--teal-dark:#065f7c;--line:#e0e7ef;--bg:#f4f6fa;--navy:#111e31;--radius:16px}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.topbar{background:#111e31;color:#fff;border-bottom-color:#20324b}.topbar .brand small,.topbar .workspace-label{color:#a7b8ce}.topbar .workspace-label{border-color:#34465f}.topbar .site-link{color:#ced9e6}.topbar button.quiet{background:#1c304a;color:#edf5ff;border-color:#3b506b}.brand img{background:#fff;border-radius:10px;padding:4px}
.page-heading h1{letter-spacing:-1.1px}.view-nav{border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 16px #102d3b05;padding:5px;background:#fff;gap:3px}.view-nav a,.view-nav a[aria-current]{border:0;border-radius:8px;margin:0;min-height:44px}.view-nav a[aria-current]{background:#e7f2f8;color:#076580}.view-nav a:first-child{color:#334861;font-weight:600}
.card{box-shadow:0 4px 22px #172a4204}.section-head h2{letter-spacing:-.5px}.toolbar input,.toolbar select{min-height:44px;border-radius:8px}.toolbar>button{min-height:44px}.table-wrap{border-radius:10px}.table-wrap td{padding-top:14px;padding-bottom:14px}.scanner-context{padding:18px 20px;background:#f2f7fc;border-left:3px solid #087b9f;border-radius:9px;margin-bottom:24px}.scanner-context p{margin:6px 0 0;color:#4a6078;font-size:13px;line-height:1.6}.access-form{background:linear-gradient(110deg,#eef5fa,#f8fbfc)}.wifi-history{padding-top:24px}.wifi-chart{background:#fbfcfe;border:1px solid #e5ebf1;border-radius:12px;padding:10px}.wifi-meter{background:#e4eaf2}.wifi-meter i{background:#2483ac}.metrics>button:first-child{background:#162d49;border-color:#162d49}
@media(max-width:800px){.page-heading{flex-wrap:wrap}.page-heading>.refresh-choice{margin-top:0}.page-heading>.refresh-choice span{max-width:none}.view-nav{margin-left:-2px;margin-right:-2px}.view-nav a{padding:10px 13px}.scanner-context{padding:14px}.topbar .brand img{width:36px;height:36px}.toolbar label{min-width:0}.view-nav a:first-child{font-size:11px}.header-actions{gap:7px}}
@media(max-width:460px){.page-heading h1{font-size:25px}.view-nav a{flex:0 0 auto;white-space:nowrap}.view-nav{scrollbar-width:thin}.wifi-chart{padding:5px}.access-form label{min-width:0;width:100%}.access-form button{min-height:44px}.card{padding:16px}.brand>span{font-size:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}