:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--text:#203747;--muted:#526b7b;--page:#f3f6f9;--surface:#fff;--sidebar:#fff;--border:#d4e0e8;--input:#f5f8fa;--hover:#e6eff5;--selected:#e0f0f7;--selected-text:#005f85;--brand:#006b93;--brand-secondary:#009ac1;--button-text:#fff;--success-text:#246342;--success-surface:#e6f3ea;--neutral-text:#526b7b;--neutral-surface:#e9eef2;--error-text:#932d26;--error-surface:#fff0ed;--error-border:#edb7b0;--blue-border:#b3d3e5;--blue-surface:#edf5fa;--good-border:#b7d9c5;--good-surface:#edf6f0;--warn-border:#e2cfaa;--warn-surface:#fbf5e9;--accent-border:#d0c3e3;--accent-surface:#f3eef8;--glow-blue:#e2eff7;--shadow:#20374718;--focus:#006b9328;--state-neutral:#6f8796;--state-wait:#aa740c;--state-forward:#8054ae;--state-retry:#bc6032;--button-hover:#32773e;--action:#398344;--action-text:#fff}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#e9f1f7;--muted:#9bb1c0;--page:#0b1623;--surface:#122737;--sidebar:#0d1b2a;--border:#304b5e;--input:#13283a;--hover:#25455c;--selected:#1d4758;--selected-text:#c2ebfc;--brand:#75cce9;--brand-secondary:#369fcb;--button-text:#102a23;--success-text:#d3fff0;--success-surface:#1c5a4d;--neutral-text:#bdc9d0;--neutral-surface:#2a3d49;--error-text:#ffb4ab;--error-surface:#5a2727;--error-border:#9e4d4d;--blue-border:#3a659a;--blue-surface:#183959;--good-border:#3c826c;--good-surface:#164238;--warn-border:#98714b;--warn-surface:#493621;--accent-border:#7655a3;--accent-surface:#332553;--glow-blue:#164c5e;--shadow:#0008;--focus:#75cce938;--state-neutral:#9db6c3;--state-wait:#ffd377;--state-forward:#c7a4ff;--state-retry:#ffad8d;--button-hover:#ade4b3;--action:#8dcf99;--action-text:#102a23}:root{color:var(--text);background:var(--page);font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--page);min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.loading-screen,.login-shell{place-items:center;min-height:100vh;display:grid}.login-shell{background:radial-gradient(circle at 10% 10%, var(--glow-blue) 0, transparent 33%), radial-gradient(circle at 90% 90%, var(--glow-blue) 0, transparent 35%), var(--page);padding:24px}.login-card{border:1px solid var(--border);background:var(--surface);width:min(100%,480px);box-shadow:0 28px 80px var(--shadow);border-radius:28px;padding:52px}.brand-mark,.tenant-icon,.avatar{color:var(--button-text);background:linear-gradient(135deg, var(--brand), var(--brand-secondary));border-radius:13px;place-items:center;font-weight:800;display:grid}.brand-mark{width:38px;height:38px;font-size:21px}.login-card .brand-mark{border-radius:18px;width:58px;height:58px;margin-bottom:30px;font-size:31px}h1,h2,p{margin-top:0}h1{letter-spacing:-.05em;margin-bottom:14px;font-size:clamp(2rem,5vw,3.3rem);line-height:1.04}h2{margin-bottom:0;font-size:1.15rem}.eyebrow{color:var(--brand);text-transform:uppercase;letter-spacing:.13em;margin-bottom:8px;font-size:.7rem;font-weight:800}.muted,small{color:var(--muted);line-height:1.5}.microsoft-button,.primary-button,.secondary-button{border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:0 18px;font-weight:750;text-decoration:none;display:inline-flex}.microsoft-button,.primary-button{color:var(--button-text);background:var(--brand)}.microsoft-button{width:100%;margin-top:28px}.microsoft-logo{color:#0e6edb;font-size:23px}.secondary-button{color:var(--text);background:var(--input);border:1px solid var(--border)}.primary-button:hover,.microsoft-button:hover{background:var(--button-hover)}.secondary-button:hover{background:var(--hover)}.form-error{color:var(--error-text);background:var(--error-surface);border:1px solid var(--error-border);border-radius:9px;padding:11px 13px;font-size:.9rem}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;padding:24px 15px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:11px;margin:0 10px 35px;font-size:1.25rem;font-weight:800;display:flex}.tenant-switcher{margin:0 9px 22px}.tenant-switcher label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:7px;font-size:.7rem;font-weight:800;display:block}.tenant-switcher select,select,input{width:100%;color:var(--text);background:var(--input);border:1px solid var(--border);border-radius:8px;outline:none;padding:10px}.tenant-switcher select:focus,input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus)}nav{gap:4px;display:grid}nav button{width:100%;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:9px;padding:11px 13px;font-weight:650}nav button:hover{color:var(--selected-text);background:var(--hover)}nav .nav-active{color:var(--selected-text);background:var(--selected)}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding:17px 9px 0}.current-user{align-items:center;gap:9px;display:flex}.avatar{border-radius:10px;flex:0 0 32px;width:32px;height:32px;font-size:.88rem}.current-user strong,.current-user small{text-overflow:ellipsis;white-space:nowrap;max-width:152px;display:block;overflow:hidden}.current-user strong{font-size:.84rem}.current-user small{font-size:.7rem}.logout,.text-button{color:var(--muted);background:0 0;border:0;padding:0;font-size:.8rem}.logout{margin:14px 0 0 42px}.logout:hover,.text-button:hover{color:var(--brand)}.main-area{background:linear-gradient(125deg, var(--page), var(--page) 65%);min-width:0}.mobile-header{display:none}.dashboard,.content-page{padding:40px clamp(20px,5vw,70px)}.page-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px;display:flex}.page-heading h1{margin-bottom:0}.heading-actions{flex-wrap:wrap;justify-content:end;align-items:center;gap:9px;display:flex}.updated{color:var(--muted);font-size:.82rem}.dashboard-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;display:grid}.metric-card{border:1px solid var(--border);background:linear-gradient(135deg, var(--surface), var(--surface));border-radius:16px;flex-direction:column;grid-column:span 2;min-height:158px;padding:20px;display:flex}.metric-card p{color:var(--muted);margin-bottom:auto;font-size:.82rem}.metric-card strong{letter-spacing:-.06em;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1}.metric-card small{margin-top:12px;font-size:.74rem}.metric-card.blue{border-color:var(--blue-border);background:linear-gradient(135deg, var(--blue-surface), var(--blue-surface))}.metric-card.good{border-color:var(--good-border);background:linear-gradient(135deg, var(--good-surface), var(--good-surface))}.metric-card.warn{border-color:var(--warn-border);background:linear-gradient(135deg, var(--warn-surface), var(--warn-surface))}.metric-card.accent{border-color:var(--accent-border);background:linear-gradient(135deg, var(--accent-surface), var(--accent-surface))}.panel{border:1px solid var(--border);background:var(--surface);border-radius:17px;padding:22px}.panel-heading{justify-content:space-between;align-items:start;gap:15px;margin-bottom:20px;display:flex}.panel-heading .eyebrow{margin-bottom:5px}.panel-heading>span{color:var(--muted);font-size:.75rem}.trend-panel,.live-panel{grid-column:span 3}.bar-chart{justify-content:space-between;align-items:end;gap:8px;height:205px;display:flex}.bar-column{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:6px;min-width:0;height:100%;display:flex}.bar-track{background:var(--input);border-radius:5px 5px 2px 2px;align-items:end;width:100%;height:155px;display:flex;overflow:hidden}.bar{background:linear-gradient(var(--brand), var(--brand-secondary));border-radius:5px 5px 0 0;width:100%;min-height:2px}.bar-label,.bar-value{color:var(--muted);font-size:.65rem}.bar-value{min-height:12px;color:var(--text);font-weight:700}.live-indicator{align-items:center;gap:6px;display:inline-flex}.live-indicator i{background:var(--brand);width:7px;height:7px;box-shadow:0 0 0 4px var(--focus);border-radius:50%}.empty-state{min-height:150px;color:var(--muted);place-items:center;display:grid}.call-list{gap:8px;display:grid}.call-row{border-bottom:1px solid var(--border);grid-template-columns:9px 1fr auto;align-items:center;gap:10px;padding:9px 0;display:grid}.call-row:last-child{border-bottom:0}.call-row strong,.call-row small{display:block}.call-row small{font-size:.72rem}.call-row time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.state-dot{background:var(--state-neutral);border-radius:50%;width:8px;height:8px}.state-dot.alerting{background:var(--state-wait)}.state-dot.connected{background:var(--brand)}.state-dot.forwarded{background:var(--state-forward)}.state-dot.retrying{background:var(--state-retry)}.layout-editor{z-index:3;border-left:1px solid var(--border);background:var(--surface);width:min(100%,390px);height:100vh;box-shadow:-20px 0 50px var(--shadow);padding:30px;position:fixed;top:0;right:0;overflow-y:auto}.icon-button{width:32px;height:32px;color:var(--text);background:var(--input);border:0;border-radius:8px;place-items:center;font-size:1.3rem;display:grid}.layout-options{gap:7px;margin-top:20px;display:grid}.layout-option{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.layout-option label{color:var(--text);font-size:.9rem}.layout-option input{width:auto;margin-right:7px}.layout-option button{width:25px;height:25px;color:var(--text);border:1px solid var(--border);background:var(--input);border-radius:5px;margin-left:4px}.two-column{grid-template-columns:minmax(280px,.9fr) minmax(0,1.3fr);gap:16px;display:grid}.form-panel,.settings-form{align-content:start;gap:14px;display:grid}.form-panel h2{margin-bottom:0}.form-panel label,.settings-form label{color:var(--muted);gap:7px;font-size:.8rem;font-weight:700;display:grid}.form-divider{border-top:1px solid var(--border);color:var(--brand);text-transform:uppercase;letter-spacing:.1em;margin-top:6px;padding-top:15px;font-size:.72rem;font-weight:800}.user-list,.tenant-list{display:grid}.user-row,.tenant-row{border-bottom:1px solid var(--border);grid-template-columns:36px minmax(0,1fr) 100px auto;align-items:center;gap:11px;padding:12px 0;display:grid}.user-row:last-child,.tenant-row:last-child{border-bottom:0}.user-row strong,.user-row small,.tenant-row strong,.tenant-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.user-row small,.tenant-row small{font-size:.72rem}.user-row select{width:auto;padding:7px;font-size:.78rem}.tenant-row{grid-template-columns:36px minmax(0,1fr) auto}.tenant-icon{width:32px;height:32px;font-size:.85rem}.status{color:var(--neutral-text);background:var(--neutral-surface);border-radius:20px;padding:5px 8px;font-size:.68rem;font-weight:750}.status.active{color:var(--success-text);background:var(--success-surface)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.toggle{grid-template-columns:auto 1fr;align-items:center;margin:4px 0;display:flex!important}.toggle input{width:auto}.wallboard{padding:36px clamp(26px,5vw,90px)}.wallboard .sidebar{display:none}.wallboard .metric-card{min-height:190px}.wallboard .metric-card strong{font-size:clamp(2.8rem,6vw,5rem)}.wallboard .dashboard-grid{gap:20px}.tenant-row-actions{justify-items:end;gap:7px;display:grid}.connection-status{min-height:42px;color:var(--text);border:1px solid var(--border);background:var(--input);border-radius:8px;padding:10px;font-weight:500}.onboarding-link{border-color:var(--good-border);background:linear-gradient(135deg, var(--good-surface), var(--surface));gap:14px;margin:0 0 16px;display:grid}.onboarding-link h2,.onboarding-link p{margin-bottom:0}.onboarding-link input{font-size:.76rem}@media (width<=1000px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card,.trend-panel,.live-panel{grid-column:span 1}.two-column,.form-grid{grid-template-columns:1fr}}@media (width<=720px){.app-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--border);min-height:auto;padding:13px 16px}.brand,.tenant-switcher{margin:0;display:inline-flex}.brand{margin-right:15px}.brand .brand-mark{width:28px;height:28px;font-size:15px}.tenant-switcher{align-items:center;gap:7px;width:calc(100% - 105px)}.tenant-switcher label{display:none}.tenant-switcher select{padding:7px}.sidebar nav{margin-top:12px;display:flex;overflow-x:auto}.sidebar nav button{white-space:nowrap;width:auto}.sidebar-footer{display:none}.dashboard,.content-page{padding:25px 18px}.page-heading{flex-direction:column;align-items:start;margin-bottom:22px}.heading-actions{justify-content:start}.dashboard-grid{grid-template-columns:1fr}.metric-card,.trend-panel,.live-panel{grid-column:auto}.metric-card{min-height:140px}.user-row{grid-template-columns:32px minmax(0,1fr)}.user-row select,.user-row .text-button{grid-column:2;width:fit-content}.login-card{padding:35px 26px}.bar-chart{gap:4px}}.integrations-section{margin-top:28px;margin-bottom:20px}.integration-item{border-bottom:1px solid var(--border);overflow-wrap:anywhere;padding:16px 0}.integration-item .status{margin-left:10px}.integration-item:last-child{border-bottom:0}.live-overview{margin:0 0 28px}.live-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.live-summary button{text-align:left;border:1px solid var(--border);background:var(--input);color:var(--text);border-radius:12px;padding:17px}.live-summary button.selected{border-color:var(--brand);background:var(--selected)}.live-summary span,.live-summary strong{display:block}.live-summary strong{margin-top:8px;font-size:2rem}.live-table-scroll{overflow-x:auto}.live-table{border-collapse:collapse;white-space:nowrap;text-align:left;width:100%}.live-table th{color:var(--muted);font-size:.78rem}.live-table td,.live-table th{border-bottom:1px solid var(--border);padding:14px 10px}.live-table small{display:block}.live-table .state-dot{margin-right:8px;display:inline-block}.daily-heading{margin-bottom:16px}.daily-heading h2{margin-bottom:8px}@media (width<=700px){.live-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.brand-logo{width:100%;height:auto;display:block}.brand{background:0 0;border-radius:10px;margin:0 9px 15px;padding:12px}.login-brand{background:0 0;border-radius:10px;width:220px;max-width:100%;margin-bottom:24px;padding:12px}.theme-toggle{flex:0 0 44px;width:44px;padding:0}.login-card>.theme-toggle{margin:20px 0 0 auto;display:flex}.primary-button,.microsoft-button{background:var(--action);color:var(--action-text)}.avatar,.tenant-icon{color:#fff;background:#006b93}.state-dot.connected,.live-indicator i{background:var(--action)}button:focus-visible,a:focus-visible{outline:3px solid var(--brand);outline-offset:3px}@media (width<=720px){.sidebar{grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}.sidebar .brand{width:155px;max-width:100%;margin:0}.sidebar .tenant-switcher{grid-column:1/-1;width:100%}.sidebar nav{grid-column:1/-1;margin-top:0}}:root[data-theme=dark] .brand-logo{filter:brightness(0)invert()}.dashboard-body,.daily-overview{min-width:0}.dashboard{max-width:1920px;margin:0 auto;padding:28px clamp(22px,3vw,48px)}.dashboard .page-heading{align-items:center;margin-bottom:18px}.dashboard h1{font-size:clamp(2rem,3vw,2.8rem)}.dashboard .panel{box-shadow:0 3px 12px var(--shadow)}.dashboard .live-overview{margin-bottom:22px;padding:18px 22px}.dashboard .live-overview .panel-heading{margin-bottom:12px}.dashboard .live-summary{margin:12px 0}.dashboard .live-summary button{padding:12px 16px;transition:background .15s,border-color .15s}.dashboard .live-summary strong{margin-top:5px;font-size:1.85rem}.dashboard .live-overview>.muted{margin-bottom:10px;font-size:.78rem}.dashboard .live-table-scroll{max-height:210px;overflow-y:auto}.dashboard .live-table th{background:var(--surface);position:sticky;top:0}.dashboard .live-table td,.dashboard .live-table th{padding:10px}.dashboard .empty-state{min-height:70px}.dashboard .daily-heading{margin-bottom:14px}.dashboard .daily-heading .muted{margin-bottom:0;font-size:.78rem}.dashboard .metric-card{min-height:126px;padding:16px}.dashboard .metric-card strong{margin-top:10px;font-size:clamp(1.5rem,2vw,2.4rem)}.dashboard .metric-card small{margin-top:8px}.dashboard .trend-panel{grid-column:1/-1}.dashboard .bar-chart{height:125px}.dashboard .bar-track{height:85px}.customer-controls{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:18px;display:flex}.customer-selector{color:var(--muted);align-items:center;gap:12px;font-size:.82rem;display:flex}.customer-selector select{width:clamp(200px,25vw,370px)}.share-panel{flex-basis:100%;gap:12px;display:grid}.share-panel p{margin-bottom:0}.share-panel label{gap:7px;font-size:.82rem;display:grid}.share-panel textarea{width:100%;font:inherit;color:var(--text);background:var(--input);border:1px solid var(--border);resize:vertical;border-radius:8px;padding:12px}.share-panel button{justify-self:start}.share-actions{flex-wrap:wrap;gap:10px;display:flex}.shared-dashboard{background:var(--page);min-height:100dvh}@media (width>=1250px){.app-shell{grid-template-columns:230px minmax(0,1fr)}.dashboard .dashboard-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.dashboard .metric-card{grid-column:span 1}.dashboard .metric-card strong{font-size:clamp(1.35rem,1.65vw,2rem)}.dashboard .metric-card p{font-size:.76rem}.dashboard .metric-card small{font-size:.68rem}}@media (width>=1000px) and (height<=850px){.dashboard{padding-top:18px;padding-bottom:18px}.dashboard .live-table-scroll{max-height:140px}.dashboard .live-overview{margin-bottom:16px;padding:14px 18px}.dashboard .metric-card{min-height:112px;padding:12px}.dashboard .trend-panel{padding:14px 18px}.dashboard .trend-panel .panel-heading{margin-bottom:8px}.dashboard .bar-chart{height:85px}.dashboard .bar-track{height:45px}}@media (width<=720px){.dashboard{padding:22px 16px}.dashboard .page-heading{align-items:start}.customer-controls,.customer-selector{width:100%}.customer-selector select{width:100%;min-width:0}.dashboard .live-overview{padding:16px}.dashboard .live-summary button{padding:12px}.dashboard .metric-card{min-height:120px}}.dashboard-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:14px;margin-bottom:18px;display:flex}.dashboard-toolbar .customer-controls{flex:300px;margin-bottom:0}.period-controls,.period-controls form{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.period-controls label{color:var(--muted);gap:5px;font-size:.75rem;display:grid}.period-controls select{min-width:165px}.dashboard-analysis{border-top:1px solid var(--border);gap:18px;margin-top:32px;padding-top:26px;display:grid}.dashboard-analysis .daily-heading{margin:0}.trend-scroll,.heatmap-scroll{overflow-x:auto}.heatmap{border-collapse:separate;border-spacing:4px;width:100%;min-width:800px;font-size:.7rem}.heatmap th{color:var(--muted);text-align:center;font-weight:600}.heatmap tbody th{text-align:left;padding-right:12px}.heatmap td{text-align:center;background:var(--input);min-width:23px;height:30px;color:var(--text);border-radius:4px;position:relative}.heatmap td:before{content:"";border-radius:inherit;background:var(--brand);opacity:calc(var(--heat) * .35);position:absolute;inset:0}.heatmap td span{position:relative}.heatmap-panel>.muted{font-size:.8rem}.heatmap-legend{align-items:center;gap:8px;margin:14px 0 0;display:flex}.heatmap-legend span{background:linear-gradient(to right, var(--input), var(--brand));border-radius:3px;width:80px;height:12px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=720px){.dashboard-toolbar{display:grid}.period-controls form{width:100%}.period-controls input{min-width:0;max-width:155px}.heatmap-legend{flex-wrap:wrap}}.dashboard-toolbar{align-items:end}.customer-selector{gap:5px;font-size:.75rem;display:grid}.dashboard .metric-card p{margin-bottom:10px}.dashboard .metric-card strong{margin-top:0}.dashboard .metric-card small{margin-top:auto;padding-top:10px}@media (width>=1250px) and (width<=1699px){.dashboard .metric-card{grid-column:span 2;min-height:122px;padding:16px}.dashboard .metric-card strong{font-size:1.8rem}.dashboard .metric-card p{font-size:.82rem}.dashboard .metric-card small{font-size:.74rem}}.app-shell:has(.dashboard.wallboard){grid-template-columns:minmax(0,1fr)}.app-shell:has(.dashboard.wallboard)>.sidebar{display:none}.dashboard-analysis>*{min-width:0}@media (width>=721px){.sidebar{height:100dvh;position:sticky;top:0;overflow-y:auto}}@media (width<=720px){.heading-actions{grid-template-columns:44px auto auto;gap:8px;width:100%;display:grid}.heading-actions .updated{grid-column:1/-1}.heading-actions button{padding-left:10px;padding-right:10px;font-size:.8rem}.sidebar nav button{padding:10px;font-size:.8rem}}.live-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.state-dot.lookup,.state-dot.planned{background:var(--brand)}.booking-checks{margin-top:24px}.booking-check-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.booking-check-grid>div{border:1px solid var(--border);border-radius:10px;padding:14px}.booking-check-grid span{color:var(--muted);font-size:.8rem;display:block}.booking-check-grid strong{margin-top:8px;font-size:1.7rem;display:block}.booking-checks>.muted{margin:16px 0 0;font-size:.78rem}@media (width<=1000px){.live-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.live-summary>button:first-child{grid-column:1/-1}}@media (width<=720px){.booking-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.dashboard h1{overflow-wrap:anywhere}@media (width>=721px) and (width<=1150px){.live-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.live-summary>button:first-child{grid-column:1/-1}}.customer-overview{margin:0;padding:10px 0;font-size:.82rem}