/* ACCURIS clarity review - local approval build */
:root{--ui-muted:#b4bdd3;--ui-purple:#aa8cff;--ui-green:#57dfae;--ui-line:#ffffff12}
body{background:#090d19!important;color:#edf0fa;font-size:14px}
.ambient{opacity:.12!important}button,input,select{font-family:inherit}button:focus-visible,a:focus-visible{outline:2px solid #c0a9ff;outline-offset:4px}
.sidebar{width:224px!important;padding:26px 16px!important;background:#0d1220!important;border-left:1px solid var(--ui-line)!important;box-shadow:none!important}
.brand{padding:0 12px 22px!important}.brand-mark{box-shadow:none!important}.sidebar-title{padding:12px!important}.sidebar-title small,.brand small{letter-spacing:1px!important}
.nav{gap:7px!important}.nav-item{font-size:14px!important;min-height:47px!important;border-radius:10px!important;padding:11px 14px!important}.nav-item.active{background:#a581ff19!important;border:1px solid #a581ff33!important;color:#cfbaff!important;box-shadow:none!important}.nav-planned{display:none!important}.sidebar-health{margin-top:auto!important}.sidebar-health *{font-size:12px!important}.sidebar-title small{font-size:9px!important}
.workspace{margin-right:224px!important;padding:0 32px 32px!important;min-width:0}.topbar{min-height:108px!important;padding:22px 0!important;border-bottom:1px solid var(--ui-line)!important;margin-bottom:24px!important;gap:20px!important;background:transparent!important}.topbar h1{font-size:25px!important;letter-spacing:-.5px}.eyebrow{color:#8f9ab8!important;font-size:10px!important;letter-spacing:1.5px!important}.top-actions{gap:10px!important}.system-clock,.notification-btn{display:none!important}.sync-state{background:#111a29!important;border:1px solid #223447!important;padding:10px 14px!important;min-height:44px}.sync-state span{font-size:12px!important}.sync-state small{display:none}.btn.primary{background:#9367ec!important;border:1px solid #ab87f3!important;box-shadow:none!important;border-radius:10px!important;min-height:44px}.icon-btn{width:42px!important;height:42px!important;border-radius:10px!important}
.ops-preview-notice{background:#a481ff10!important;color:#b9a9dc!important;border:1px dashed #a481ff42!important;padding:8px 16px!important;margin-bottom:16px!important;border-radius:8px!important;font-size:12px!important}
.ui-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.ui-stat{text-align:right;background:#111827;border:1px solid #ffffff10;border-radius:14px;padding:19px 20px;position:relative;color:#edf0fa;cursor:pointer;min-height:120px;transition:border-color .15s,transform .15s}.ui-stat:hover{border-color:#a887fa70;transform:translateY(-2px)}.ui-stat>span{font-size:13px;color:#b8c1d4}.ui-stat strong{font-size:32px;display:block;line-height:1.6;font-variant-numeric:tabular-nums}.ui-stat small{font-size:11px;color:#8794ac}.ui-stat em{position:absolute;left:18px;top:19px;font-style:normal;font-size:18px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#ffffff08;color:#b597f0}.ui-stat.green strong{color:#63ddb0}.ui-stat.amber strong{color:#f5c274}.ui-stat.rose strong{color:#f18d9f}
.surface,.ops-vpn-card{background:#101726!important;border:1px solid #ffffff10!important;border-radius:15px!important;box-shadow:none!important}.ops-section-head{padding:20px 22px!important;border-bottom:1px solid #ffffff0b!important}.ops-section-head h2{font-size:17px!important;line-height:1.6}.ops-section-head span{font-size:9px!important;color:#8d9ab5!important;letter-spacing:1px}.ops-section-head p{font-size:12px!important;color:#9aa7bf!important;margin-top:5px!important}.ops-space-hero{margin-bottom:22px!important;min-height:0!important}.ops-hero-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 250px!important;gap:0!important;min-height:0!important;height:258px!important;direction:ltr;padding:0!important}.ops-protection-panel{display:none!important}.transit-core{grid-column:1!important;min-height:0!important;height:258px!important;border:none!important;border-radius:0!important;background:transparent!important}.transit-core canvas{height:100%!important}.ops-hero-status{grid-column:2!important;direction:rtl;padding:20px 25px!important;min-height:0!important;border-right:1px solid #ffffff0b!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}.ops-hero-status>span{font-size:12px!important;color:#b8c1d4!important}.ops-hero-status>strong{font-size:35px!important;line-height:1.4!important;color:#65ddb2!important}.ops-hero-status>em{font-size:13px!important}.ops-hero-status>small{font-size:11px!important;line-height:1.8!important;color:#93a0b8!important}.ops-health-diagnostics{margin-top:12px!important}.ops-health-diagnostics div{font-size:11px!important;margin-top:5px}.ops-health-diagnostics b{font-size:11px!important}.ops-health-diagnostics div:nth-child(n+3),#opsHealthFactors{display:none!important}.transit-legend{font-size:9px!important}.transit-readout{font-size:10px!important}.transit-head-meta small{font-size:11px!important}
.ops-service-grid{gap:18px!important;margin-bottom:24px!important}.ops-vpn-card{height:auto!important;min-height:180px!important;padding:20px!important}.ops-service-main{grid-template-columns:126px minmax(0,1fr)!important;gap:18px!important}.ops-latency-block{grid-template-columns:1fr!important;gap:8px!important;justify-items:center}.ops-latency-ring{width:83px!important;height:83px!important;box-shadow:none!important;background:radial-gradient(circle at center,#101726 59%,transparent 60%),conic-gradient(#61dcb0 0 100%)!important}.ops-latency-ring strong{font-size:19px!important;color:#6ae0b5!important}.ops-latency-ring span{font-size:9px!important;color:#b2bdd2!important}.ops-mini-spark{height:28px!important;width:100px!important;color:#aa8cff!important}.ops-service-copy p{font-size:11px!important;line-height:1.8!important;color:#a3afc5!important;margin:9px 0 12px!important}.ops-vpn-title h3{font-size:20px!important}.ops-live-state{font-size:11px!important}.ops-service-badge{font-size:11px!important;background:#52d9aa12!important;border:1px solid #52d9aa28;color:#6bdcb5!important}.ops-service-copy .ops-vpn-stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.ops-service-copy .ops-vpn-stats div{background:transparent!important;border:none!important;padding:0!important;text-align:right!important}.ops-vpn-stats span{font-size:11px!important;color:#94a1ba!important}.ops-service-copy .ops-vpn-stats b{font-size:12px!important;display:block!important;margin-top:4px}.ops-vpn-actions{display:none!important}
.ops-primary-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)!important;gap:18px!important;direction:rtl!important}.ops-traffic-panel{grid-column:1!important;grid-row:1!important}.ops-health-panel{grid-column:2!important;grid-row:1!important}.ops-events-panel{grid-column:1/-1!important;grid-row:2!important}.ops-primary-grid>.surface{height:auto!important;min-height:285px!important}.ops-events-panel{min-height:0!important}.ops-event-list{max-height:none!important;display:grid!important;grid-template-columns:repeat(3,1fr)}.ops-event{padding:18px!important;border-left:1px solid #ffffff0c!important}.ops-event *{font-size:12px!important}.ops-health-panel .ops-resource-list{gap:22px!important;padding:30px 12px!important}.ops-health-panel .ops-resource>div{width:76px!important;height:76px!important}.ops-health-panel .ops-resource>span{font-size:12px!important;margin-top:8px}.ops-health-panel .ops-resource>b{font-size:19px!important}.ops-range button{font-size:11px!important}.ops-chart-legend{font-size:12px!important}.ops-health-badge{font-size:11px!important}
.data-surface{overflow:hidden}.data-head{padding:24px!important}.data-head h2{font-size:22px!important}.data-head p{font-size:13px!important;color:#aab6cb!important}.filters{padding:0 24px 20px!important;gap:12px!important}.filters input,.filters select{font-size:13px!important;min-height:44px!important}.ui-account-table{width:100%;border-collapse:collapse;min-width:0!important}.ui-account-table th{font-size:12px!important;font-weight:500!important;color:#a7b4cd!important;background:#0c1320!important;padding:15px 18px!important;white-space:nowrap}.ui-account-table td{padding:19px 18px!important;border-top:1px solid #ffffff0b!important;font-size:13px;vertical-align:middle}.ui-account-table tr:hover{background:#a182ee06!important}.ui-identity{display:flex;align-items:center;gap:12px}.ui-identity .avatar{width:37px;height:37px;background:#a18af514!important;color:#bda5ff!important;border:1px solid #aa8eff20;border-radius:11px}.ui-identity strong{font-size:13px;display:block}.ui-identity small{color:#8795af;font-size:10px;display:block;margin-top:5px}.ui-quota{min-width:140px}.ui-quota strong{font-size:13px}.ui-quota small{display:block;font-size:10px;color:#8f9db5;margin-top:6px}.ui-progress{height:4px;background:#ffffff0b;border-radius:3px;margin-top:9px;overflow:hidden}.ui-progress i{height:100%;display:block;background:#9f7bef;border-radius:3px}.ui-quota.warning .ui-progress i{background:#edbb65}.ui-quota.danger .ui-progress i{background:#e68197}.ui-expiry{font-size:13px;font-weight:600}.ui-expiry.warning{color:#efc17a}.ui-expiry.danger{color:#f393a5}.ui-expiry small{display:block;font-size:10px;font-weight:400;color:#8795af;margin-top:5px}.ui-actions{display:flex;align-items:center;gap:7px}.ui-renew{background:#a77afb15!important;border:1px solid #a77afb35!important;border-radius:8px;color:#ccb6f8!important;font-size:12px!important;padding:8px 13px!important;min-height:35px;cursor:pointer}.ui-actions .table-btn{height:34px!important;width:34px!important;border:1px solid #ffffff0b!important;border-radius:8px!important;background:transparent!important;color:#9daac1!important}.ui-actions .danger{color:#db8d9c!important}.ui-actions svg{width:15px;height:15px}.status{font-size:11px!important;padding:5px 10px!important;border-radius:6px!important}.status.online{color:#63dbaf!important;background:#56d5a812!important}.status.offline{color:#a5b1c7!important;background:#94a3bb12!important}.status.expired,.status.quota_exhausted{color:#ef9aaa!important;background:#f18aa412!important}.ui-mobile-accounts{display:none}.ui-account-note{padding:14px 22px;color:#8795af;font-size:11px;border-top:1px solid #ffffff0b}.ui-mobile-card{padding:18px;border:1px solid #ffffff10;border-radius:12px;background:#111a2a;display:grid;gap:17px}.ui-mobile-card header{display:flex;justify-content:space-between;gap:10px;align-items:center}.ui-mobile-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ui-mobile-meta label{display:block;font-size:11px;color:#94a1b9;margin-bottom:6px}.ui-mobile-card .ui-actions{border-top:1px solid #ffffff0b;padding-top:14px}.modal{background:#111827!important}.modal input,.modal select{background:#0c1320!important}.modal h3{font-size:14px!important}.form-section label>span{font-size:12px!important}
@media(max-width:1250px){.workspace{padding:0 22px 24px!important}.sidebar{width:205px!important}.workspace{margin-right:205px!important}.top-actions .sync-state{display:none!important}.ops-service-main{grid-template-columns:90px 1fr!important;gap:12px!important}.ui-account-table th,.ui-account-table td{padding:14px 10px!important}.ui-actions{gap:4px}}
@media(max-width:1000px){.sidebar{transform:translateX(100%)!important}.sidebar.open{transform:translateX(0)!important}.workspace{margin-right:0!important}.mobile-menu{display:inline-flex!important}.ui-account-table{display:none!important}.ui-mobile-accounts{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 20px 20px}.ui-summary{gap:12px}.ui-stat{padding:15px}}
@media(max-width:700px){.workspace{padding:0 16px 24px!important}.topbar{min-height:90px!important;margin-bottom:16px!important;padding:18px 0!important;gap:10px!important;flex-wrap:wrap}.topbar h1{font-size:20px!important}.topbar .eyebrow{font-size:8px!important}.top-actions{margin-right:auto!important}.top-actions #refreshBtn{display:none!important}.top-actions .btn{min-height:38px;font-size:12px!important;padding:8px 12px!important}.top-actions .btn svg{display:none}.ui-summary{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.ui-stat{min-height:109px;padding:14px}.ui-stat strong{font-size:27px}.ui-stat>span{font-size:12px}.ui-stat small{font-size:10px}.ui-stat em{font-size:15px;width:25px;height:25px;left:12px;top:12px}.ops-section-head{padding:16px!important}.ops-section-head h2{font-size:16px!important}.ops-section-head span{font-size:8px!important}.ops-hero-layout{height:230px!important;grid-template-columns:1fr!important}.transit-core{height:230px!important}.ops-hero-status{display:none!important}.transit-head-meta{display:none!important}.ops-service-grid{grid-template-columns:1fr!important;gap:12px!important}.ops-vpn-card{padding:17px!important;min-height:190px!important}.ops-service-main{grid-template-columns:78px minmax(0,1fr)!important;gap:14px!important}.ops-latency-ring{width:72px!important;height:72px!important}.ops-latency-ring strong{font-size:16px!important}.ops-mini-spark{width:70px!important}.ops-vpn-title h3{font-size:17px!important}.ops-service-copy p{font-size:10px!important}.ops-service-copy .ops-vpn-stats b{font-size:11px!important}.ops-service-badge{display:none!important}.ops-primary-grid{grid-template-columns:1fr!important}.ops-traffic-panel,.ops-health-panel,.ops-events-panel{grid-column:1!important;grid-row:auto!important}.ops-event-list{display:block!important}.ops-range{display:none!important}.ui-mobile-accounts{grid-template-columns:1fr;padding:0 14px 16px}.data-head{padding:18px!important;gap:12px}.data-head h2{font-size:19px!important}.data-actions .btn{font-size:11px}.filters{padding:0 14px 16px!important;display:grid!important;grid-template-columns:1fr 1fr!important}.filters .searchbox{grid-column:1/-1}.filters>*{min-width:0!important;width:100%!important}.ui-account-note{line-height:1.8}.ops-preview-notice{font-size:10px!important}.transit-readout{transform:scale(.8)}.ops-dashboard{overflow:hidden!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Layout and state alignment */
.app-shell{display:block!important;width:100%!important;max-width:none!important;min-height:100vh}.app-shell.hidden{display:none!important}.workspace{width:auto!important;max-width:none!important;display:block!important}.sidebar{position:fixed!important;top:0!important;right:0!important;bottom:0!important;height:100vh!important;display:flex!important;flex-direction:column!important}.sidebar .nav{display:flex!important;flex-direction:column!important;flex:0 0 auto!important;justify-content:flex-start!important;grid-auto-rows:auto!important;margin:18px 0!important}.sidebar .nav-item{flex:0 0 auto!important;height:47px!important;max-height:47px!important}.sidebar-title{margin-top:0!important}.view:not(.active){display:none!important}.ops-preview-notice{position:static!important;inset:auto!important;transform:none!important;width:auto!important;display:block;margin:0 0 16px!important;text-align:right}.ops-preview-notice[hidden]{display:none!important}.ops-health-panel .ops-resource{grid-template-columns:1fr!important}.ops-health-panel .ops-resource>div,.ops-health-panel .ops-resource>b,.ops-health-panel .ops-resource>span{grid-column:1!important}.ops-health-panel .ops-resource>b{font-size:17px!important}.ops-hero-layout{height:295px!important}.transit-core{height:295px!important}.ops-hero-status{overflow:hidden}.ops-chart-wrap{margin:14px 20px!important}.ops-line{stroke-width:2!important;filter:none!important}.ops-area{opacity:.3!important}.ops-traffic-summary div{padding:10px!important}.ops-traffic-summary span{font-size:10px!important}.ops-traffic-summary b{font-size:13px!important}.ops-space-hero>.ops-section-head{display:flex!important}.ops-events-panel{min-height:190px!important}.ops-preview-notice{font-size:12px!important}
@media(max-width:700px){.ops-hero-layout,.transit-core{height:250px!important}.topbar .top-actions{width:auto!important;flex:0 0 auto!important}.ops-preview-notice{font-size:10px!important}}
.ui-identity a{color:inherit;text-decoration:none}.ui-identity a:hover{color:#c4adfa}.ops-health-badge.healthy{color:#78dfb8!important;background:#4fd7a510!important;border-color:#4fd7a533!important}.ui-renew:hover{background:#a77afb30!important}.filters{background:#0e1625!important}.searchbox{flex:1!important;background:#0c1320!important}.ops-hero-layout{background:#0d1220!important}.transit-core{opacity:.92}
@media(max-width:700px){.top-actions #createBtn{width:auto!important;min-width:91px!important;max-width:none!important}.top-actions #createBtn span{display:inline!important;font-size:12px!important}.data-actions #exportBtn{font-size:12px!important;min-width:90px!important;width:auto!important}.data-head{flex-wrap:wrap!important}}