/* Portal workspace 1.4: restrained movement, real data, accessible controls. */
.company-brand-logo{display:block;width:133px;height:34px;object-fit:contain;object-position:left center}.brand-row{gap:12px;padding:22px 20px;min-height:91px}.brand-row>div>span{margin-top:5px;font-size:10px;letter-spacing:.4px}.sidebar{display:flex;flex-direction:column;overflow-y:auto}.sidebar nav{flex:1;overflow:visible;padding:13px 12px}.nav-label{margin:11px 10px 7px;font-size:9px}.nav-divider{margin-top:15px;padding-top:15px}.nav-item{min-height:40px;padding:10px 12px;font-size:12px}.devices-nav-row{display:flex;align-items:center}.devices-nav-row .nav-item{flex:1;min-width:0}.tree-expand{display:grid;place-items:center;background:transparent;border:0;color:#8a80aa;width:32px;height:32px;min-height:32px;padding:0;font-size:21px;transition:transform .2s}.tree-expand[aria-expanded=true]{transform:rotate(180deg)}.customer-tree{max-height:none;overflow:visible;padding-left:16px}.sidebar-footer{padding:12px 22px 16px}.sidebar-footer small{margin:8px 0;font-size:10px;line-height:1.7}.support-presence{padding:9px}.sidebar-powered{display:block;margin:13px 0 10px}.sidebar-powered img{width:166px;height:auto;filter:brightness(.55) sepia(.3) hue-rotate(185deg)}.sidebar-version{font-size:9px}.nav-item .ui-icon{transition:transform .2s ease;color:#7a6add}.nav-item[data-page=devices] .ui-icon{color:#3d91d9}.nav-item[data-page=customers] .ui-icon{color:#27aaa0}.nav-item[data-page=alerts] .ui-icon{color:#dba044}.nav-item[data-page=tickets] .ui-icon{color:#a779c9}.nav-item[data-page=audit] .ui-icon{color:#6581a4}.nav-item:hover .ui-icon{transform:translateY(-2px) rotate(-6deg)}
.overview-heading{margin-bottom:24px}.stats{gap:14px}.stat{border-radius:13px;box-shadow:0 3px 12px #26305c03}.stat strong{font-weight:650}.insights-grid{display:grid;grid-template-columns:minmax(230px,1fr) minmax(290px,1.25fr) minmax(210px,.8fr);gap:18px;margin:0 0 22px}.insights-grid .panel{border-radius:14px;overflow:hidden}.insights-grid .panel-head{padding:22px 22px 14px;border:0;gap:10px}.insights-grid h3{font-size:17px;letter-spacing:-.4px}.live-label{font-size:9px;white-space:nowrap;color:#329c91}.live-label i{display:inline-block;width:5px;height:5px;background:#22b8ae;border-radius:50%;margin-right:5px}.health-chart{padding:0 25px 14px}.donut-wrap{width:190px;height:190px;margin:0 auto;position:relative}.donut-wrap svg{width:100%;height:100%;overflow:visible}.donut-value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.donut-value strong{font-size:34px;font-weight:650;color:#34354c;letter-spacing:-1px}.donut-value span{font-size:11px;color:#999cae}.donut-segment{animation:donut-enter 1.1s ease both}.chart-key{display:grid;grid-template-columns:1fr 1fr;gap:13px 18px;margin-top:10px}.chart-key>div{display:flex;justify-content:space-between;gap:10px;font-size:11px}.chart-key span{color:#888b9b}.chart-key i{display:inline-block;width:7px;height:7px;border-radius:3px;margin-right:6px}.chart-key strong{color:#4a4d63}.chart-note{border-top:1px solid #f0eef6;margin-top:6px;padding:15px 20px;font-size:10px;color:#8c8a9e;text-align:center}.company-bars{padding:0 22px 18px}.company-bar{display:flex;align-items:center;gap:13px;background:transparent;color:inherit;border:0;padding:12px 0;width:100%;text-align:left;border-radius:0;font-weight:400;box-shadow:none}.company-bar:hover{background:#faf9ff}.rank{font-size:11px;color:#b9b6cd}.bar-body{flex:1;min-width:0}.bar-label{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin-bottom:8px}.bar-label strong{font-weight:550;color:#55566b;overflow-wrap:anywhere}.bar-label b{font-size:12px;white-space:nowrap}.bar-label small{font-weight:400;font-size:9px;color:#9895ac}.bar-track{display:block;height:6px;background:#f3f1f8;border-radius:5px;overflow:hidden}.bar-track>span{display:block;height:100%;border-radius:5px;animation:bar-enter 1s ease both;transform-origin:left}.bar-body>small{font-size:9px;color:#9c9aac;display:block;margin-top:5px}.operations-panel{padding:25px;background:linear-gradient(155deg,#f3f1ff,#fff 65%);display:flex;flex-direction:column}.operations-panel h3{margin:5px 0 10px}.pulse-number{font-size:51px;font-weight:600;letter-spacing:-2px;color:#6253cf;margin:8px 0 21px}.pulse-number span{display:block;font-size:11px;letter-spacing:0;font-weight:400;color:#9390ad;margin-top:4px}.attention-item{display:flex;align-items:center;gap:8px;font-size:10px;padding:12px 0;border-bottom:1px solid #ece9f7;color:#88839f}.attention-item .ui-icon{width:16px;height:16px;flex-basis:16px;color:#9485c8}.attention-item strong{margin-left:auto;color:#554d77;font-size:13px}.operations-panel p{font-size:10px;line-height:1.6;color:#a09bb3;margin:17px 0}.operations-panel button{margin-top:auto;background:#fff;font-size:11px}.empty-state{padding:28px;color:#9193a4;font-size:12px}.screen-permissions{display:grid;gap:8px;min-width:112px}.permission-toggle{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:400;margin:0}.permission-toggle input{width:15px;height:15px;min-height:15px;margin:0;accent-color:#6c5ada}.presence-pill{display:inline-flex;align-items:center;gap:6px;background:#f1f2f6;color:#9697a4;border-radius:20px;padding:5px 9px;font-size:10px}.presence-pill:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}.presence-pill.is-online{background:#e9f9f4;color:#20a893}#usersTable td{vertical-align:top;padding:18px 14px}#usersTable td:first-child{min-width:160px}#usersTable td small{display:block;margin:5px 0;font-size:10px;overflow-wrap:anywhere}#usersTable td:nth-child(3){min-width:180px;max-width:290px}#usersTable code{font-size:10px;color:#9a95ac}#usersTable .role-pill{display:inline-block;margin-top:6px;font-size:10px}#usersTable .table-actions{display:grid;gap:7px}#usersTable .quiet{font-size:10px;padding:7px 10px;min-height:30px}.company-profile{padding:22px;border-top:1px solid #eef0f5}.company-profile-head{display:flex;gap:12px;align-items:center}.company-profile-head>div{flex:1;min-width:0}.company-profile-head strong{font-size:14px}.company-profile-head small{display:block;font-size:10px;color:#989aaa;margin-top:5px}.company-initial{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;background:#eeebfb;color:#8474ba;border-radius:10px;font-size:12px;font-weight:600}.company-contact{display:flex;flex-wrap:wrap;gap:9px 15px;margin:15px 0;color:#9996a7;font-size:11px}.company-contact span{display:flex;align-items:center;gap:6px;overflow-wrap:anywhere}.company-contact .ui-icon{width:13px;height:13px;flex-basis:13px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.view-screen-button{display:inline-flex;align-items:center;gap:8px;font-size:12px}.view-screen-button svg{width:18px;height:18px}
@keyframes donut-enter{from{opacity:0;stroke-width:7}to{opacity:1;stroke-width:17}}@keyframes bar-enter{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:761px) and (max-height:800px){.brand-row{min-height:75px;padding-top:14px;padding-bottom:14px}.sidebar nav{padding-top:5px;padding-bottom:5px}.nav-item{min-height:35px;padding-top:7px;padding-bottom:7px}.nav-divider{margin-top:8px;padding-top:10px}.sidebar-footer small{font-size:9px;line-height:1.5}.sidebar-footer{padding-top:7px}}
@media(max-width:1250px){.insights-grid{grid-template-columns:1fr 1.15fr}.operations-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 20px}.operations-panel>.eyebrow,.operations-panel>h3,.operations-panel>p{grid-column:1/-1}.operations-panel .pulse-number{grid-row:3/6;margin:0}.operations-panel button{align-self:end}.chart-key{gap:10px}}
@media(max-width:760px){.company-brand-logo{width:112px;height:28px}.sidebar nav{display:flex;flex-wrap:wrap;padding:8px 12px}.devices-nav-row{display:flex}.sidebar-footer{display:none}.nav-item{font-size:11px}.insights-grid{grid-template-columns:1fr}.operations-panel{display:flex}.contact-fields{grid-template-columns:1fr}.overview-heading p{line-height:1.6}.screen-permissions{min-width:110px}.company-bars{padding-bottom:22px}}
@media(prefers-reduced-motion:reduce){.donut-segment,.bar-track>span{animation:none}.nav-item:hover .ui-icon{transform:none}.tree-expand,.nav-item .ui-icon{transition:none}}
.login-product{margin-top:22px;padding-top:17px;border-top:1px solid #e5e7ef;font-size:12px;line-height:1.65;color:#657186}.login-product p{margin:0 0 9px}.login-product a{font-weight:600;color:#5145cd}