:root{--somaf-red:#d51f2e;--somaf-red-deep:#b51422;--somaf-red-soft:#fff1f2;--ink:#17171a;--ink-strong:#0d0d0f;--muted:#6f7179;--line:#e6e7eb;--line-strong:#d8d9df;--surface:#fff;--canvas:#f3f3f5;--green:#168a62;--amber:#a96b12;--red:#b42318;--blue:#334155;--blue-dark:#111827;--navy-950:#0d0d10;--navy-900:#141418;--navy-800:#222229;--shadow-sm:0 1px 2px rgba(12,12,16,.04),0 4px 12px rgba(12,12,16,.03);--shadow:0 12px 32px rgba(17,17,20,.06);--shadow-lg:0 24px 60px rgba(17,17,20,.12);--focus-ring:0 0 0 3px rgba(213,31,46,.14)}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 88% 0%,rgba(213,31,46,.035),transparent 30rem),var(--canvas);color:var(--ink)}body.is-sidebar-open{overflow:hidden}::selection{background:rgba(213,31,46,.16);color:var(--ink-strong)}.app-shell{grid-template-columns:268px minmax(0,1fr)}.sidebar{z-index:40;padding:1.25rem 1rem 1rem;color:#f7f7f8;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 30%),#101013;border-right:1px solid rgba(255,255,255,.06)}.sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.brand{min-width:0;gap:.75rem}.brand-mark{width:42px;height:42px;border:0;border-radius:12px;background:transparent;box-shadow:0 8px 24px rgba(0,0,0,.22)}.brand-copy{min-width:0}.brand strong{color:#fff;font-size:.93rem;letter-spacing:.15em}.brand small{color:#90919a;font-size:.64rem;letter-spacing:.015em;white-space:nowrap}.sidebar-close,.sidebar-toggle{border:0;background:transparent;color:inherit;cursor:pointer}.sidebar-close{display:none;width:36px;height:36px;color:#a4a5ae;font-size:1.35rem}.sidebar-context{display:grid;gap:.15rem;margin:1.3rem 0 .8rem;padding:.85rem .9rem;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:rgba(255,255,255,.035)}.sidebar-context .context-kicker,.nav-section-label{color:#757680;font-size:.59rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.sidebar-context strong{font-size:.78rem}.sidebar-context small{color:#91929b;font-size:.64rem}.nav-list{margin-top:.9rem}.nav-section-label{display:block;padding:.2rem .8rem .45rem}.nav-section-spaced{margin-top:.9rem}.nav-item{position:relative;gap:.7rem;margin:.1rem 0;padding:.68rem .78rem;border-radius:10px;color:#a7a8b1;font-size:.79rem;transition:color .16s ease,background .16s ease,transform .16s ease}.nav-item::before{content:"";position:absolute;left:-1rem;width:3px;height:22px;border-radius:0 4px 4px 0;background:transparent}.nav-item:hover{color:#fff;background:rgba(255,255,255,.055);transform:translateX(2px)}.nav-item.active{color:#fff;background:rgba(213,31,46,.12)}.nav-item.active::before{background:var(--somaf-red)}.nav-glyph{display:grid;place-items:center;width:22px;height:22px;flex:0 0 auto;color:#8f9098;font-size:.92rem}.nav-item.active .nav-glyph{color:#ff6571}.sidebar-foot{gap:.75rem}.secure-label{color:#85868f}.status-dot{background:#28b882;box-shadow:0 0 0 3px rgba(40,184,130,.12)}.user-card{border-top-color:rgba(255,255,255,.08)}.avatar{background:#29292f}.logout-button{color:#9697a0}.logout-button:hover{color:#fff}.sidebar-backdrop{display:none}.main-content{padding:0 2rem 3rem}.topbar{position:sticky;top:0;z-index:30;align-items:center;min-height:88px;margin:0 -2rem 1.35rem;padding:1rem 2rem;border-bottom:1px solid rgba(216,217,223,.85);background:rgba(243,243,245,.9);backdrop-filter:blur(14px)}.topbar-leading,.topbar-meta{display:flex;align-items:center;gap:.85rem}.topbar-meta{gap:.65rem}.topbar h1{color:var(--ink-strong);font-size:clamp(1.45rem,2.2vw,1.95rem)}.eyebrow{color:var(--somaf-red)}.environment-chip{padding:.32rem .6rem;border:1px solid var(--line-strong);border-radius:999px;background:rgba(255,255,255,.7);color:#51525a;font-size:.65rem;font-weight:750}.live-indicator{padding:.32rem .6rem;border-radius:999px;background:rgba(22,138,98,.07);color:#39705d}.sidebar-toggle{display:none;width:38px;height:38px;padding:9px 8px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}.sidebar-toggle span{display:block;height:2px;margin:4px 0;border-radius:2px;background:currentColor}.page-stage{max-width:1600px;margin:0 auto;animation:stage-in .28s ease both}.panel,.metric-card,.commercial-section,.commercial-summary{border-color:var(--line);border-radius:18px;box-shadow:var(--shadow-sm)}.panel{padding:1.25rem;background:rgba(255,255,255,.96);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.panel:hover{border-color:#dcdee4;box-shadow:var(--shadow)}.section-heading{margin-bottom:1.05rem}.section-heading h2{font-size:1.02rem;color:var(--ink-strong)}.count-pill{background:#f0f0f2;color:#55565f}.metric-grid{gap:.75rem}.metric-card{position:relative;overflow:hidden;min-height:112px;padding:1rem 1.05rem;background:linear-gradient(180deg,#fff,#fbfbfc)}.metric-card::after{content:"";position:absolute;right:-18px;top:-20px;width:64px;height:64px;border:1px solid rgba(213,31,46,.08);border-radius:50%}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.metric-card>span{color:#73747c;font-weight:650}.metric-card strong{color:var(--ink-strong);font-size:1.72rem}.metric-wide{background:linear-gradient(135deg,#fff,#fff6f7)}.health-grid{gap:.65rem}.health-item{min-height:68px;padding:.75rem;border-color:#ececf0;border-radius:12px;background:#fbfbfc;transition:background .16s ease,transform .16s ease}.health-item:hover{background:#fff;transform:translateY(-1px)}.table-wrap{border-radius:12px}th{padding:.72rem .7rem;background:#fafafb;color:#777983;border-bottom-color:var(--line)}td{padding:.86rem .7rem;border-bottom-color:#efeff2}tbody tr{transition:background .14s ease}tbody tr:hover{background:#fafafa}.network-link{color:#24252a;text-decoration-color:rgba(213,31,46,.35);text-underline-offset:3px}.network-link:hover{color:var(--somaf-red-deep)}.badge{gap:.25rem;padding:.25rem .52rem;border-radius:999px;font-weight:760}.state-active,.state-succeeded,.state-closed,.state-requested,.state-current,.state-paid{background:#e8f7f1;color:#116c4b}.state-restricted,.state-pending,.state-running,.state-grace{background:#fff4dd;color:#86560b}.state-suspended,.state-failed,.state-unhealthy,.state-past_due,.state-outage{background:#fff0ef;color:#a52a22}.state-unknown,.state-no_active_session,.state-noop{background:#f0f1f3;color:#5b5e68}.state-unreachable,.state-degraded,.state-not_enforceable{background:#fff0e5;color:#96500e}.badge-outline{background:#fff}.progress{height:6px;background:#ececf0}.progress span{background:linear-gradient(90deg,#d51f2e,#ed5a66)}.progress-large{height:9px}.button,.button-primary,a.button{border-radius:10px;border-color:var(--somaf-red);background:var(--somaf-red);color:#fff;box-shadow:0 5px 14px rgba(213,31,46,.12);transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.button:hover,.button-primary:hover,a.button:hover{background:var(--somaf-red-deep);border-color:var(--somaf-red-deep);transform:translateY(-1px)}.button-secondary,a.button-secondary{border-radius:10px;border-color:var(--line-strong);background:#fff;color:#3f4047}.button-secondary:hover,a.button-secondary:hover{border-color:#bfc1c8;background:#f8f8f9}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--somaf-red);outline-offset:2px}input:not([type=checkbox]):not([type=radio]),select,textarea{border-color:#d7d8de;border-radius:10px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:rgba(213,31,46,.7);box-shadow:var(--focus-ring);outline:0}input[type=checkbox],input[type=radio]{accent-color:var(--somaf-red)}.message{border-radius:11px;box-shadow:var(--shadow-sm)}.message-warning{border-left-color:var(--amber)}.empty-state,.billing-empty,.commercial-empty-state{min-height:120px;padding:1rem;border:1px dashed #d8d9df;border-radius:14px;background:linear-gradient(180deg,#fcfcfd,#f8f8fa)}.network-hero{position:relative;overflow:hidden;min-height:150px;border:0;border-radius:22px;background:linear-gradient(120deg,rgba(213,31,46,.2),transparent 42%),linear-gradient(135deg,#111114,#202026);box-shadow:0 20px 48px rgba(17,17,20,.16)}.network-hero::after{content:"";position:absolute;right:-70px;top:-90px;width:260px;height:260px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 34px rgba(255,255,255,.018),0 0 0 70px rgba(255,255,255,.012)}.network-hero>*{position:relative;z-index:1}.network-hero .eyebrow{color:#ff7f89}.rate-display strong{font-size:1.75rem}.control-panel{border-color:#ead7da}.action-grid{gap:.7rem}.action-card{min-height:88px;border-radius:12px;border-left-width:1px;background:#fbfbfc;transition:transform .15s ease,box-shadow .15s ease}.action-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.action-warning{border-top:2px solid var(--amber)}.action-positive{border-top:2px solid var(--green)}.action-danger{border-top:2px solid var(--red)}.service-chain{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;align-items:stretch;margin-bottom:.9rem}.service-chain-node{position:relative;display:grid;gap:.18rem;align-content:center;min-height:76px;padding:.72rem .8rem;border:1px solid var(--line);border-radius:12px;background:#fff}.service-chain-node:not(:last-child)::after{content:"→";position:absolute;right:-.43rem;top:50%;z-index:2;display:grid;place-items:center;width:.85rem;height:.85rem;transform:translateY(-50%);border-radius:50%;background:var(--canvas);color:#9b9ca4;font-size:.65rem}.service-chain-node small{color:#8a8b93;font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.service-chain-node strong{overflow:hidden;color:#2a2b30;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.service-chain-node span{color:var(--muted);font-size:.62rem}.service-chain-node.is-live{border-color:#cde8de;background:#f5fbf8}.timeline-dot,.activity-marker{background:var(--somaf-red)}.noc-hero{position:relative;overflow:hidden;padding:1.4rem;border-radius:22px;background:linear-gradient(135deg,#111114,#1e1e24);color:#fff;box-shadow:0 18px 42px rgba(17,17,20,.15)}.noc-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1.2rem;align-items:center}.noc-hero .eyebrow{color:#ff7884}.noc-hero h2{margin-bottom:.45rem;font-size:1.35rem}.noc-hero p:last-child{margin-bottom:0;color:#aaaab4;font-size:.75rem}.noc-pulse-map{position:relative;min-height:132px}.noc-pulse-map::before,.noc-pulse-map::after{content:"";position:absolute;inset:50% auto auto 50%;width:104px;height:104px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.11);border-radius:50%}.noc-pulse-map::after{width:58px;height:58px;border-color:rgba(213,31,46,.45)}.noc-core-dot{position:absolute;left:50%;top:50%;z-index:3;width:12px;height:12px;transform:translate(-50%,-50%);border-radius:50%;background:var(--somaf-red);box-shadow:0 0 0 8px rgba(213,31,46,.12)}.noc-orbit-dot{position:absolute;z-index:2;width:8px;height:8px;border-radius:50%;background:#51c89e;box-shadow:0 0 0 4px rgba(81,200,158,.1)}.noc-orbit-a{left:26%;top:28%}.noc-orbit-b{right:20%;top:34%}.noc-orbit-c{left:33%;bottom:20%}.noc-orbit-d{right:31%;bottom:17%}.noc-kpis{grid-template-columns:repeat(7,minmax(0,1fr))}.noc-kpi{min-height:100px;padding:.9rem;border:1px solid var(--line);border-radius:14px;background:#fff}.noc-kpi span,.noc-kpi small{display:block;color:var(--muted);font-size:.63rem}.noc-kpi strong{display:block;margin:.35rem 0 .2rem;font-size:1.45rem;color:var(--ink-strong)}.noc-kpi.is-critical strong{color:var(--red)}.noc-kpi.is-warning strong{color:var(--amber)}.noc-topology-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.noc-topology-card{position:relative;min-height:108px;padding:.9rem;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#fff,#fafafb)}.noc-topology-card:not(:last-child)::after{content:"→";position:absolute;right:-.55rem;top:45%;z-index:2;color:#aaaab2;background:var(--surface);padding:.1rem}.noc-topology-card span{display:block;color:#8a8b94;font-size:.6rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.noc-topology-card strong{display:block;margin:.35rem 0 .2rem;font-size:.9rem}.noc-topology-card small{color:var(--muted);font-size:.65rem;line-height:1.4}.provisioning-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:.9rem;align-items:start}.provisioning-shell{max-width:none}.provisioning-intro-card{padding:1.2rem;margin-bottom:.8rem;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#fff,#fff7f8)}.provisioning-progress{display:flex;gap:.35rem;margin-top:.9rem}.provisioning-progress span{flex:1;height:4px;border-radius:999px;background:#e8e8ec}.provisioning-progress span:first-child,.provisioning-progress span:nth-child(2){background:var(--somaf-red)}.provisioning-form{display:grid;gap:.75rem}.provisioning-step{padding:1rem 1.05rem;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-sm)}.provisioning-step-head{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.85rem}.provisioning-step-number{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:9px;background:var(--somaf-red-soft);color:var(--somaf-red-deep);font-size:.7rem;font-weight:850}.provisioning-step-head h3{margin:0;font-size:.87rem}.provisioning-step-head p{margin:.18rem 0 0;color:var(--muted);font-size:.67rem}.provisioning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem .9rem}.provisioning-field-wide{grid-column:1/-1}.provisioning-field label{display:block;margin-bottom:.32rem;color:#44454c;font-size:.68rem;font-weight:760}.provisioning-field input:not([type=checkbox]):not([type=hidden]),.provisioning-field select,.provisioning-field textarea{width:100%;min-height:40px;padding:.55rem .65rem;font-size:.75rem}.provisioning-field textarea{min-height:82px;resize:vertical}.provisioning-field .errorlist,.provisioning-errors .errorlist{margin:.35rem 0 0;padding:0;list-style:none;color:var(--red);font-size:.66rem}.provisioning-mode-group[hidden]{display:none}.provisioning-confirm{display:flex;align-items:flex-start;gap:.65rem;padding:.8rem;border:1px solid #e2e2e6;border-radius:12px;background:#fafafb}.provisioning-confirm label{margin:0;font-size:.71rem;font-weight:700;line-height:1.45}.provisioning-actions{display:flex;justify-content:flex-end;padding-top:.2rem}.provisioning-summary{position:sticky;top:104px;padding:1rem;border:1px solid #27272d;border-radius:18px;background:#161619;color:#fff;box-shadow:var(--shadow-lg)}.provisioning-summary .eyebrow{color:#ff7884}.provisioning-summary h2{margin-bottom:.8rem;font-size:.95rem}.provisioning-summary-list{display:grid;gap:.65rem;margin:0}.provisioning-summary-list div{padding-bottom:.6rem;border-bottom:1px solid rgba(255,255,255,.08)}.provisioning-summary-list div:last-child{border:0;padding-bottom:0}.provisioning-summary-list dt{color:#8f9099;font-size:.59rem;text-transform:uppercase;letter-spacing:.07em}.provisioning-summary-list dd{margin:.15rem 0 0;overflow:hidden;color:#f3f3f4;font-size:.7rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.provisioning-summary-note{margin:.8rem 0 0;color:#94959d;font-size:.62rem;line-height:1.5}.commercial-summary{border-color:#ead6d9;background:linear-gradient(135deg,#fff,#fff7f8)}.commercial-code-help{display:grid;gap:.22rem;margin-top:.45rem;padding:.6rem .65rem;border:1px solid #ececef;border-radius:10px;background:#fafafb}.commercial-code-help strong{color:#42434a;font-size:.66rem}.commercial-code-help span{color:var(--muted);font-size:.62rem;line-height:1.45}.commercial-code-help code{color:var(--somaf-red-deep);font-weight:800}.billing-tabs{border-radius:11px;background:#eaeaec}.billing-tabs a{border-radius:8px}.billing-tabs a.active{background:#fff;color:var(--ink);box-shadow:var(--shadow-sm)}.billing-alert,.billing-summary>div{border-radius:12px}.billing-summary>div{background:#fafafb}.topology-node{border-radius:14px;border-color:var(--line);box-shadow:var(--shadow-sm)}.topology-arrow{color:var(--somaf-red)}@keyframes stage-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes subtle-pulse{0%,100%{opacity:1}50%{opacity:.58}}.live-indicator span,.status-dot{animation:subtle-pulse 2.8s ease-in-out infinite}@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-wide{grid-column:span 1}.health-grid{grid-template-columns:repeat(3,1fr)}.noc-kpis{grid-template-columns:repeat(4,1fr)}.action-grid{grid-template-columns:repeat(2,1fr)}.service-chain{grid-template-columns:repeat(3,1fr)}.service-chain-node::after{display:none}}@media(max-width:900px){.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:min(300px,86vw);transform:translateX(-105%);transition:transform .22s ease;box-shadow:24px 0 60px rgba(0,0,0,.24)}body.is-sidebar-open .sidebar{transform:translateX(0)}.sidebar-close,.sidebar-toggle{display:block}.sidebar-backdrop{position:fixed;inset:0;z-index:35;display:block;border:0;background:rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .2s ease}body.is-sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}.main-content{padding:0 1rem 2rem}.topbar{margin:0 -1rem 1rem;padding:.85rem 1rem;min-height:76px}.topbar-meta .environment-chip{display:none}.provisioning-layout{grid-template-columns:1fr}.provisioning-summary{position:static;order:-1}.noc-hero-grid{grid-template-columns:1fr}.noc-pulse-map{min-height:104px}.noc-topology-rail{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.topbar{align-items:flex-start}.topbar-meta{display:none}.metric-grid,.health-grid,.detail-grid,.two-column,.billing-grid,.noc-kpis,.noc-topology-rail,.service-chain{grid-template-columns:1fr}.action-grid,.provisioning-grid{grid-template-columns:1fr}.provisioning-field-wide{grid-column:auto}.network-hero{align-items:flex-start;flex-direction:column;gap:1rem}.rate-display{text-align:left}.detail-toolbar,.commercial-toolbar,.billing-toolbar{align-items:flex-start;flex-direction:column}.billing-tabs{width:100%;overflow-x:auto}.billing-tabs a{white-space:nowrap}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.session-menu{position:relative}.session-menu>summary{list-style:none;cursor:pointer}.session-menu>summary::-webkit-details-marker{display:none}.session-chevron{margin-left:auto;color:var(--muted,#74747d)}.session-popover{position:absolute;z-index:80;left:0;right:0;bottom:calc(100% + .6rem);display:grid;min-width:250px;padding:.6rem;border:1px solid rgba(17,17,20,.12);border-radius:14px;background:#fff;box-shadow:0 18px 48px rgba(17,17,20,.18)}.session-popover a,.session-popover button{display:block;width:100%;padding:.65rem .75rem;border:0;border-radius:9px;background:transparent;color:#17171b;text-align:left;text-decoration:none;font:inherit}.session-popover a:hover,.session-popover button:hover,.session-popover a:focus-visible,.session-popover button:focus-visible{background:#f3f3f5;outline:none}.session-identity{display:grid;gap:.15rem;padding:.55rem .75rem .75rem;border-bottom:1px solid #e7e7eb;margin-bottom:.25rem}.session-identity span,.session-identity small{color:#676771;font-size:.8rem;overflow-wrap:anywhere}.topbar-session{display:none}.topbar-avatar{display:grid;place-items:center;padding:0;border:0;background:transparent}.topbar-avatar .avatar{width:36px;height:36px}.notification-menu summary svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification-count{min-width:18px;padding:0 5px}.pagination-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-top:1rem;padding:.8rem 1rem;border:1px solid rgba(17,17,20,.1);border-radius:14px;background:#fff}.pagination-summary{margin:0;color:#676771;font-size:.86rem}.pagination-pages,.pagination-size{display:flex;align-items:center;gap:.3rem}.pagination-pages a,.pagination-pages span,.pagination-size a,.pagination-size span{display:grid;min-width:34px;min-height:34px;place-items:center;padding:.35rem .55rem;border-radius:8px;color:#303038;text-decoration:none}.pagination-pages a:hover,.pagination-size a:hover{background:#f0f0f3}.pagination-pages .is-current,.pagination-size [aria-current=true]{background:#17171b;color:#fff}.pagination-pages .is-disabled{color:#a5a5ad}.pagination-size{justify-content:flex-end}.profile-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:1rem}.avatar-large{width:48px;height:48px}.profile-form p{display:grid;gap:.4rem}.profile-form input{width:100%;max-width:520px}.profile-facts,.profile-memberships{display:grid;gap:.7rem}.profile-facts div,.profile-memberships div{display:flex;justify-content:space-between;gap:1rem;padding:.75rem;border-radius:10px;background:#f6f6f8}.profile-facts dt{color:#676771}.profile-facts dd{margin:0}.profile-links{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.profile-links a{padding:.55rem .7rem;border-radius:9px;background:#f0f0f3;color:#26262c;text-decoration:none}
@media(max-width:900px){.topbar-session{display:block}.environment-chip{display:none}.topbar-meta{gap:.45rem}.topbar .live-indicator{max-width:132px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-session .session-popover{position:fixed;left:auto;right:.75rem;top:4.5rem;bottom:auto;width:min(310px,calc(100vw - 1.5rem))}.notification-menu .notification-popover{position:fixed;left:.75rem;right:.75rem;top:4.5rem;width:auto;max-width:none}.pagination-bar{grid-template-columns:1fr}.pagination-pages{order:1;justify-content:center;overflow-x:auto}.pagination-summary{text-align:center}.pagination-size{justify-content:center}.profile-grid{grid-template-columns:1fr}}
@media(max-width:560px){.topbar .live-indicator{display:none}.pagination-pages a,.pagination-pages span{min-width:32px;padding:.3rem}.page-stage{min-width:0}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.topbar-avatar .avatar{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* SPN v0.9.1 — UX & responsive polish */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.topbar-session{display:block}.sidebar-foot .session-menu{display:none}
.notification-menu,.topbar-session{position:relative;flex:0 0 auto}.notification-menu>summary,.topbar-avatar{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:11px;background:#fff;color:#35363d;cursor:pointer;list-style:none;box-shadow:var(--shadow-sm);transition:border-color .16s ease,background .16s ease,transform .16s ease}.notification-menu>summary::-webkit-details-marker,.topbar-session>summary::-webkit-details-marker{display:none}.notification-menu>summary:hover,.topbar-avatar:hover{border-color:#c9cad0;background:#fafafb;transform:translateY(-1px)}.notification-menu[open]>summary,.topbar-session[open]>.topbar-avatar{border-color:rgba(213,31,46,.42);box-shadow:var(--focus-ring)}.notification-count{position:absolute;right:-5px;top:-5px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border:2px solid var(--canvas);border-radius:999px;background:var(--somaf-red);color:#fff;font-size:.59rem;font-weight:850;line-height:1}.notification-popover{position:absolute;z-index:90;right:0;top:calc(100% + .65rem);width:min(360px,calc(100vw - 2rem));max-height:min(470px,calc(100vh - 7rem));overflow:auto;padding:.55rem;border:1px solid rgba(17,17,20,.12);border-radius:15px;background:#fff;box-shadow:0 24px 64px rgba(17,17,20,.18)}.notification-popover-head{position:sticky;top:-.55rem;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .7rem;border-bottom:1px solid var(--line);background:#fff}.notification-popover-head strong{font-size:.82rem}.notification-popover-head a{color:var(--somaf-red-deep);font-size:.68rem;font-weight:800;text-decoration:none}.notification-preview{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.65rem;padding:.72rem;border-radius:10px;color:var(--ink);text-decoration:none}.notification-preview:hover,.notification-preview:focus-visible{background:#f6f6f8}.notification-preview>span:nth-child(2){display:grid;min-width:0;gap:.18rem}.notification-preview strong{overflow:hidden;font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}.notification-preview small{color:var(--muted);font-size:.63rem}.notification-empty{display:grid;gap:.2rem;place-items:center;padding:1.4rem .75rem;color:var(--muted);text-align:center}.notification-empty strong{color:var(--ink);font-size:.78rem}.severity-dot{width:9px;height:9px;margin-top:.25rem;border:2px solid transparent;border-radius:50%;background:#64748b;box-shadow:0 0 0 3px rgba(100,116,139,.1)}.severity-info{background:#64748b;box-shadow:0 0 0 3px rgba(100,116,139,.1)}.severity-success{background:var(--green);box-shadow:0 0 0 3px rgba(22,138,98,.1)}.severity-warning{background:var(--amber);box-shadow:0 0 0 3px rgba(169,107,18,.11)}.severity-critical{background:var(--somaf-red);box-shadow:0 0 0 3px rgba(213,31,46,.11)}

.topbar-session .session-popover{left:auto;right:0;top:calc(100% + .65rem);bottom:auto;width:310px;min-width:0;max-width:calc(100vw - 2rem);padding:.55rem}.session-identity{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:.65rem;padding:.65rem .65rem .8rem}.session-identity>div{display:grid;min-width:0;gap:.13rem}.session-identity strong{overflow:hidden;color:var(--ink-strong);font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.session-identity>div>span{overflow:hidden;color:var(--muted);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.session-avatar{width:42px;height:42px;background:#222228;color:#fff}.session-identity dl{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin:.25rem 0 0;padding-top:.6rem;border-top:1px solid var(--line)}.session-identity dl div{display:grid;min-width:0;gap:.12rem}.session-identity dt{color:#85868e;font-size:.56rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.session-identity dd{margin:0;overflow:hidden;color:#3e3f46;font-size:.66rem;font-weight:720;text-overflow:ellipsis;white-space:nowrap}.session-divider{height:1px;margin:.3rem .4rem;background:var(--line)}.session-logout{margin:0}.session-popover .session-logout-button{color:#9e241d;font-weight:780}.session-popover .session-logout-button:hover,.session-popover .session-logout-button:focus-visible{background:#fff0ef;color:#8d1f19}

.pagination-mobile{display:none}.pagination-bar{grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr)}.pagination-summary{font-variant-numeric:tabular-nums}.pagination-pages{justify-content:center}.pagination-pages a,.pagination-pages span,.pagination-size a,.pagination-size span{border:1px solid transparent}.pagination-pages a:hover,.pagination-size a:hover{border-color:var(--line);background:#f6f6f8}.pagination-pages .is-current,.pagination-size [aria-current=true]{border-color:#17171b}.pagination-direction{gap:.3rem;grid-auto-flow:column!important}.pagination-size{flex-wrap:wrap}.pagination-size-label{border:0!important;color:var(--muted)!important;font-size:.65rem;font-weight:720;white-space:nowrap}

.profile-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:1rem}.profile-identity-card{grid-row:span 2}.profile-hero{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.profile-hero h2{margin:.08rem 0 .25rem}.profile-hero p:last-child{margin:0;max-width:620px}.avatar-profile{width:64px;height:64px;flex:0 0 auto;background:#222228;color:#fff;font-size:1.05rem}.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-field{display:grid;align-content:start;gap:.38rem}.form-field label{color:#414249;font-size:.68rem;font-weight:780}.form-field input:not([type=checkbox]),.form-field select,.form-field textarea{width:100%;min-height:42px;padding:.58rem .68rem}.form-field small{color:var(--muted);font-size:.62rem;line-height:1.4}.profile-email-field{grid-column:1/-1}.profile-email-field input[readonly]{background:#f5f5f7;color:#666771;cursor:not-allowed}.field-errors .errorlist,.form-errors .errorlist{margin:.2rem 0 0;padding:0;list-style:none;color:var(--red);font-size:.66rem}.profile-actions{display:flex;align-items:center;gap:.8rem;margin-top:1.15rem;padding-top:1rem;border-top:1px solid var(--line)}.profile-actions .muted{font-size:.64rem}.membership-cards{display:grid;gap:.65rem}.membership-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.45rem;padding:.8rem;border:1px solid var(--line);border-radius:12px;background:#fafafb}.membership-card.is-active{border-color:#cbe5da;background:#f4faf7}.membership-card>div{display:grid;min-width:0;gap:.12rem}.membership-card strong{overflow:hidden;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.membership-card small{color:var(--muted);font-size:.61rem}.role-chip,.active-org-chip{padding:.26rem .5rem;border-radius:999px;background:#ececef;color:#4b4c54;font-size:.59rem;font-weight:800}.active-org-chip{grid-column:1/-1;justify-self:start;background:#e1f3eb;color:#116c4b}.preference-links{display:grid;gap:.55rem}.preference-links a{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.75rem;border:1px solid var(--line);border-radius:11px;color:var(--ink);text-decoration:none}.preference-links a:hover{border-color:#c9cad0;background:#fafafb}.preference-links a>span:first-child{display:grid;gap:.16rem}.preference-links strong{font-size:.73rem}.preference-links small{color:var(--muted);font-size:.61rem;line-height:1.4}

.settings-page,.settings-section{display:grid;gap:1rem}.settings-section{margin-bottom:.5rem}.settings-section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem}.settings-section-head h2{margin:.08rem 0 .25rem;font-size:1.15rem}.settings-section-head p:last-child{margin:0;color:var(--muted);font-size:.7rem}.settings-split{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:1rem;align-items:start}.settings-create-card{position:sticky;top:104px}.settings-create-card h3{margin:0 0 .25rem;font-size:.9rem}.settings-create-card>p{margin:0 0 .85rem;font-size:.66rem}.settings-form{display:grid;gap:.75rem}.settings-form-grid{grid-template-columns:1fr 1fr}.form-field-wide{grid-column:1/-1}.settings-form select[multiple]{min-height:132px;padding:.35rem}.settings-form .check-row{display:flex;align-items:flex-start;gap:.55rem;padding:.7rem;border:1px solid var(--line);border-radius:11px;background:#fafafb}.settings-form .check-row input{margin-top:.15rem;flex:0 0 auto}.settings-form .check-row span{display:grid;gap:.12rem}.settings-form .check-row strong{font-size:.68rem}.settings-form .check-row small{color:var(--muted);font-size:.59rem;line-height:1.4}.team-cards,.maintenance-list,.policy-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.team-card,.maintenance-card,.policy-card{min-width:0}.team-card-head,.maintenance-card-head,.policy-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem}.team-card-head>div{display:grid;min-width:0;gap:.12rem}.team-card-head strong{font-size:.8rem}.team-card-head small{color:var(--muted);font-size:.61rem}.team-members-preview{display:flex;align-items:center;min-height:36px;margin:.85rem 0}.member-avatar{display:grid;place-items:center;width:30px;height:30px;margin-right:-6px;border:2px solid #fff;border-radius:50%;background:#29292f;color:#fff;font-size:.59rem;font-weight:850}.team-members-preview strong{margin-left:.7rem;color:var(--muted);font-size:.63rem}.team-toggle-form{display:flex;justify-content:flex-end}.button-compact{min-height:32px!important;padding:.4rem .6rem!important;font-size:.63rem!important}.scope-chip{padding:.28rem .5rem;border-radius:999px;background:#ececef;color:#484951;font-size:.59rem;font-weight:820;text-transform:capitalize}.maintenance-card h3{margin:.8rem 0;font-size:.82rem}.maintenance-card dl{display:grid;gap:.45rem;margin:0 0 .8rem}.maintenance-card dl div{display:flex;justify-content:space-between;gap:.7rem;padding-bottom:.4rem;border-bottom:1px solid #eeeeF1}.maintenance-card dt{color:var(--muted);font-size:.6rem}.maintenance-card dd{margin:0;font-size:.63rem;font-weight:700;text-align:right}.policy-cards{grid-template-columns:1fr}.policy-card-head h3{margin:0;font-size:.9rem}.policy-card-head p{margin:.2rem 0 0;color:var(--muted);font-size:.65rem}.policy-timeline{display:flex;gap:.45rem;margin:1rem 0;padding:0;overflow-x:auto;list-style:none}.policy-timeline li{position:relative;display:grid;grid-template-columns:auto minmax(125px,1fr);gap:.5rem;min-width:165px;padding:.65rem;border:1px solid var(--line);border-radius:11px;background:#fafafb}.policy-timeline li:not(:last-child)::after{content:"→";position:absolute;right:-.44rem;top:50%;z-index:2;transform:translateY(-50%);color:#9a9ba3;background:#fff}.stage-number{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#222228;color:#fff;font-size:.6rem;font-weight:850}.policy-timeline li>div{display:grid;gap:.1rem}.policy-timeline strong{font-size:.67rem}.policy-timeline small,.policy-timeline li>div span{color:var(--muted);font-size:.57rem}.inline-stage-form{display:grid;grid-template-columns:90px 1fr 1fr 1fr auto;gap:.45rem;padding-top:.8rem;border-top:1px solid var(--line)}.inline-stage-form input,.inline-stage-form select{width:100%;min-height:38px;padding:.45rem;font-size:.65rem}

.table-wrap{position:relative;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#bfc1c8 transparent;-webkit-overflow-scrolling:touch}.table-wrap:focus-visible{outline:2px solid var(--somaf-red);outline-offset:3px}.table-wrap table{width:100%}.responsive-data-table{min-width:720px}.invoice-table,.payment-table{min-width:1050px}.network-table{min-width:820px}.responsive-data-table th,.responsive-data-table td{vertical-align:middle}.responsive-data-table td small{display:block;margin-top:.18rem;color:var(--muted)}.invoice-table td:nth-child(5),.invoice-table td:nth-child(6),.invoice-table td:nth-child(7),.payment-table td:nth-child(5),.payment-table td:nth-child(6),.payment-table td:nth-child(7){font-variant-numeric:tabular-nums;white-space:nowrap}.section-heading{flex-wrap:wrap}.currency-stack{display:grid;gap:.18rem}.currency-stack strong{font-variant-numeric:tabular-nums;white-space:nowrap}.billing-kpis .metric-card{align-content:start}.billing-grid{align-items:stretch}.billing-grid>.panel{min-width:0}.activity-item{gap:.65rem}.billing-toolbar,.billing-actions{flex-wrap:wrap}.billing-tabs{max-width:100%}

@media(max-width:1180px){.team-cards{grid-template-columns:1fr}.settings-split{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr)}.inline-stage-form{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-stage-form button{grid-column:1/-1}}
@media(max-width:900px){.sidebar{width:min(320px,84vw);max-width:320px;height:100dvh;overflow-y:auto;overscroll-behavior:contain}.sidebar-foot .session-menu{display:none}.topbar-session{display:block}.topbar-session .session-popover{position:fixed;left:auto;right:.75rem;top:4.6rem;bottom:auto;width:min(320px,calc(100vw - 1.5rem));max-height:calc(100dvh - 5.4rem);overflow:auto}.notification-menu .notification-popover{position:fixed;left:auto;right:.75rem;top:4.6rem;width:min(360px,calc(100vw - 1.5rem));max-height:calc(100dvh - 5.4rem)}.profile-layout{grid-template-columns:1fr}.profile-identity-card{grid-row:auto}.settings-split{grid-template-columns:1fr}.settings-create-card{position:static}.maintenance-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.topbar{align-items:center;gap:.45rem;min-height:68px;padding:.65rem .75rem}.topbar-leading{min-width:0;gap:.55rem}.topbar-leading>div{min-width:0}.topbar .eyebrow{display:none}.topbar h1{overflow:hidden;max-width:42vw;font-size:1.02rem;text-overflow:ellipsis;white-space:nowrap}.topbar-meta{display:flex!important;align-items:center;gap:.35rem}.topbar .environment-chip{display:none}.topbar .live-indicator{display:flex;max-width:none;padding:.28rem .42rem;font-size:.58rem;white-space:nowrap}.notification-menu>summary,.topbar-avatar{width:36px;height:36px}.notification-menu summary svg{width:20px;height:20px}.topbar-avatar .avatar{width:30px;height:30px}.profile-form-grid,.settings-form-grid{grid-template-columns:1fr}.profile-email-field,.form-field-wide{grid-column:auto}.profile-actions{align-items:flex-start;flex-direction:column}.maintenance-list,.team-cards{grid-template-columns:1fr}.pagination-bar{display:grid;grid-template-columns:1fr;gap:.65rem;padding:.7rem}.pagination-summary{text-align:center}.pagination-desktop{display:none}.pagination-mobile{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.35rem}.pagination-mobile a,.pagination-mobile span,.pagination-mobile strong{display:grid;place-items:center;min-height:38px;padding:.42rem;border-radius:9px;font-size:.65rem;text-align:center}.pagination-mobile a{border:1px solid var(--line);color:var(--ink);text-decoration:none}.pagination-mobile span{color:#a0a1a8}.pagination-mobile strong{white-space:nowrap}.pagination-size{justify-content:center}.responsive-data-table th:first-child,.responsive-data-table td:first-child{position:sticky;left:0;z-index:2;background:#fff;box-shadow:7px 0 12px rgba(17,17,20,.045)}.responsive-data-table th:first-child{z-index:3;background:#fafafb}.table-wrap{background:linear-gradient(90deg,transparent calc(100% - 22px),rgba(17,17,20,.07));border-right:1px solid var(--line)}.billing-toolbar,.billing-actions{align-items:flex-start;flex-direction:column;width:100%}.billing-tabs{width:100%}.billing-tabs a{flex:0 0 auto}.activity-item{align-items:flex-start;flex-wrap:wrap}.policy-timeline{padding-bottom:.3rem}}
@media(max-width:520px){.main-content{padding-inline:.75rem}.topbar{margin-inline:-.75rem}.topbar h1{max-width:32vw}.topbar .live-indicator{font-size:0}.topbar .live-indicator::after{content:"Core";font-size:.56rem}.notification-menu .notification-popover{left:.5rem;right:.5rem;top:4.35rem;width:auto}.topbar-session .session-popover{left:.5rem;right:.5rem;top:4.35rem;width:auto}.profile-hero{align-items:flex-start}.avatar-profile{width:52px;height:52px}.pagination-size-label{flex-basis:100%;min-height:auto!important}.inline-stage-form{grid-template-columns:1fr}.inline-stage-form button{grid-column:auto}.section-heading{align-items:flex-start}.section-heading>.button{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.notification-menu>summary,.topbar-avatar{transform:none!important}}


/* SPN v0.9.2 — final production mobile correction */
.pagination-current-mobile{display:none}
.pagination-navigation{grid-area:navigation;display:flex;align-items:center;justify-content:center;gap:.3rem}
.pagination-page-numbers{display:flex;align-items:center;gap:.3rem}
.pagination-navigation a,.pagination-navigation>span,.pagination-page-numbers a,.pagination-page-numbers span{display:grid;place-items:center;min-width:34px;min-height:34px;padding:.35rem .55rem;border:1px solid transparent;border-radius:8px;color:#303038;text-decoration:none}
.pagination-navigation a:hover,.pagination-page-numbers a:hover{border-color:var(--line);background:#f0f0f3}
.pagination-navigation .is-current{border-color:#17171b;background:#17171b;color:#fff}
.pagination-navigation .is-disabled{color:#a5a5ad}
.pagination-bar{grid-template-areas:"navigation navigation navigation" "summary spacer size";grid-template-columns:1fr auto 1fr}
.pagination-summary{grid-area:summary}
.pagination-size{grid-area:size}
.pagination-bar.is-single-page{grid-template-areas:"summary spacer size"}
.notification-preview small{display:flex;align-items:center;gap:.38rem}
.notification-severity{display:inline-flex;align-items:center;min-height:18px;padding:.1rem .34rem;border-radius:999px;background:#eef0f3;color:#59606b;font-size:.52rem;font-weight:800;line-height:1}
.notification-severity.severity-label-success{background:#e8f7f1;color:#116c4b}
.notification-severity.severity-label-warning{background:#fff4dd;color:#86560b}
.notification-severity.severity-label-critical{background:#fff0ef;color:#a52a22}
.topbar-session .session-identity{display:block;grid-template-columns:1fr}
.session-primary{display:grid;min-width:0;gap:.15rem}
.session-primary strong,.session-primary span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.session-primary strong{color:var(--ink-strong);font-size:.8rem}
.session-primary span{color:var(--muted);font-size:.68rem}

@media(max-width:767px){
  body .topbar{box-sizing:border-box;height:64px!important;min-height:64px!important;max-height:64px!important;align-items:center!important;gap:.4rem!important;padding:.55rem .65rem!important;overflow:visible}
  body .topbar-leading{display:flex;flex:1 1 auto;min-width:0;gap:.5rem}
  body .topbar-leading>div{min-width:0}
  body .topbar-leading .eyebrow{display:none}
  body .topbar h1{max-width:none;margin:0;overflow:hidden;font-size:.94rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}
  body .topbar-meta{display:flex!important;flex:0 0 auto;align-items:center;gap:.28rem}
  body .topbar-meta>details{height:36px;min-height:36px}
  body .notification-menu>summary,body .topbar-avatar{box-sizing:border-box;width:36px;height:36px;min-height:36px}
  body .topbar-avatar .avatar{width:28px;height:28px}
  body .topbar .environment-chip{display:none}
  body .topbar .live-indicator{display:flex!important;box-sizing:border-box;max-width:68px;min-height:32px;padding:.25rem .38rem;font-size:.55rem;white-space:nowrap}
  body .topbar-session .session-popover{position:fixed!important;z-index:200;left:auto!important;right:.5rem!important;top:calc(64px + .4rem)!important;bottom:auto!important;width:min(306px,calc(100vw - 1rem))!important;min-width:0!important;max-width:calc(100vw - 1rem)!important;max-height:calc(100dvh - 72px);overflow:auto;overscroll-behavior:contain}
  body .topbar-session .session-identity{padding:.65rem}
  body .topbar-session .session-identity dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.45rem;margin:.55rem 0 0;padding-top:.55rem}
  body .topbar-session .session-identity dd{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body .topbar-session .session-popover a,body .topbar-session .session-popover button{min-height:38px;padding:.55rem .65rem;font-size:.72rem}
  body .notification-menu .notification-popover{position:fixed!important;z-index:190;left:.5rem!important;right:.5rem!important;top:calc(64px + .4rem)!important;bottom:auto!important;width:auto!important;min-width:0!important;max-width:none!important;max-height:min(360px,calc(100dvh - 72px));overflow:auto;overscroll-behavior:contain;padding:.4rem}
  body .notification-popover-head{top:-.4rem;padding:.58rem .55rem}
  body .notification-preview{grid-template-columns:auto minmax(0,1fr);gap:.5rem;padding:.52rem .55rem}
  body .notification-preview strong{font-size:.69rem}
  body .notification-preview small{flex-wrap:wrap;font-size:.57rem}
  body .notification-empty{padding:1rem .6rem}

  body .pagination-bar{display:grid!important;grid-template-areas:"navigation" "summary" "size";grid-template-columns:minmax(0,1fr)!important;gap:.55rem;margin-top:.75rem;padding:.65rem}
  body .pagination-bar.is-single-page{grid-template-areas:"summary" "size"}
  body .pagination-navigation{display:grid!important;grid-template-columns:38px minmax(0,1fr) 38px;gap:.4rem;width:100%}
  body .pagination-page-numbers{display:none!important}
  body .pagination-current-mobile{display:grid;place-items:center;min-height:38px;font-size:.68rem;white-space:nowrap}
  body .pagination-navigation .pagination-direction{box-sizing:border-box;display:grid!important;place-items:center;min-width:38px;min-height:38px;padding:.3rem;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:1rem}
  body .pagination-navigation .pagination-direction.is-disabled{background:#f5f5f7;color:#b0b1b7}
  body .pagination-direction-label{display:none}
  body .pagination-summary{margin:0;text-align:center;font-size:.72rem}
  body .pagination-summary-prefix{display:none}
  body .pagination-size{display:flex!important;justify-content:center;gap:.28rem}
  body .pagination-size-label{flex-basis:100%;min-height:auto!important;margin-bottom:.05rem;text-align:center}
  body .pagination-size a,body .pagination-size span{min-width:34px;min-height:32px;padding:.28rem .45rem}

  body .mobile-table-wrap{overflow:visible!important;border:0!important;border-radius:0;background:none!important}
  body .mobile-data-table{display:block!important;width:100%!important;min-width:0!important;border:0!important}
  body .mobile-data-table thead{display:none!important}
  body .mobile-data-table tbody{display:grid!important;gap:.55rem;width:100%}
  body .mobile-data-table tbody tr{display:grid!important;grid-template-columns:minmax(0,1fr) auto;width:100%;padding:.7rem .75rem;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow-sm)}
  body .mobile-data-table tbody td{position:static!important;grid-column:1/-1;display:grid!important;grid-template-columns:minmax(76px,.36fr) minmax(0,.64fr);align-items:start;gap:.6rem;width:auto!important;min-width:0;padding:.24rem 0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#33343a;font-size:.66rem;line-height:1.35;text-align:right;white-space:normal}
  body .mobile-data-table tbody td::before{content:attr(data-label);color:#777983;font-size:.58rem;font-weight:800;letter-spacing:.02em;text-align:left;text-transform:uppercase}
  body .mobile-data-table tbody td.mobile-card-title{grid-column:1;grid-row:1;display:block!important;overflow:hidden;padding:0 .55rem .18rem 0!important;text-align:left}
  body .mobile-data-table tbody td.mobile-card-title::before,body .mobile-data-table tbody td.mobile-card-subtitle::before,body .mobile-data-table tbody td.mobile-card-status::before,body .mobile-data-table tbody td.mobile-card-priority::before{display:none}
  body .mobile-data-table .mobile-card-title>a,body .mobile-data-table .mobile-card-title>strong{display:block;overflow:hidden;color:#202126;font-size:.74rem;font-weight:820;text-overflow:ellipsis;white-space:nowrap}
  body .mobile-data-table .mobile-card-title small{display:block;margin-top:.12rem;overflow:hidden;color:var(--muted);font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}
  body .mobile-data-table tbody td.mobile-card-subtitle{grid-column:1;grid-row:2;display:block!important;overflow:hidden;padding:0 .55rem .5rem 0!important;color:#62636b;font-size:.61rem;text-align:left;text-overflow:ellipsis;white-space:nowrap}
  body .mobile-data-table tbody td.mobile-card-status{grid-column:2;grid-row:1/span 2;display:block!important;align-self:start;padding:0!important;text-align:right}
  body .mobile-data-table tbody td.mobile-card-status .badge{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body .mobile-data-table tbody td:not(.mobile-card-title):not(.mobile-card-subtitle):not(.mobile-card-status):not(.mobile-card-priority){border-top:1px solid #f0f0f2!important}
  body .mobile-data-table tbody td small{margin:0;color:var(--muted);font-size:.57rem}
  body .mobile-data-table tbody tr.mobile-card-empty{display:block!important;padding:.5rem}
  body .mobile-data-table tbody tr.mobile-card-empty td{display:block!important;padding:.65rem!important;text-align:center}
  body .mobile-data-table tbody tr.mobile-card-empty td::before{display:none}
  body .panel:has(.mobile-data-table){padding:.75rem}

  body .work-table.mobile-data-table tbody tr{grid-template-columns:auto minmax(0,1fr) auto}
  body .work-table.mobile-data-table tbody td.mobile-card-priority{grid-column:1;grid-row:1;display:block!important;padding:0 .45rem 0 0!important;text-align:left}
  body .work-table.mobile-data-table tbody td.work-card-title{grid-column:2;grid-row:1;align-self:center;padding:0 .45rem 0 0!important}
  body .work-table.mobile-data-table tbody td.mobile-card-status{grid-column:3;grid-row:1;align-self:center}
  body .work-table.mobile-data-table tbody td:not(.mobile-card-priority):not(.work-card-title):not(.mobile-card-status){grid-column:1/-1}
  body .work-table.mobile-data-table tbody td.mobile-card-actions{margin-top:.15rem;padding-top:.5rem!important}
  body .work-table .compact-actions{justify-content:flex-end;gap:.25rem}
  body .work-table .compact-actions button{min-height:30px;padding:.3rem .42rem;font-size:.57rem}
  body .work-filters{display:flex;max-width:100%;overflow-x:auto;scrollbar-width:thin}
  body .work-filters a{flex:0 0 auto;white-space:nowrap}
}
@media(max-width:390px){
  body .topbar{padding-inline:.5rem!important}
  body .topbar-leading{gap:.35rem}
  body .sidebar-toggle{width:34px;height:34px;padding:7px}
  body .topbar h1{font-size:.86rem}
  body .notification-menu>summary,body .topbar-avatar{width:34px;height:34px;min-height:34px}
  body .topbar-meta>details{height:34px;min-height:34px}
  body .topbar .live-indicator{max-width:46px;padding:.22rem .3rem;font-size:0}
  body .topbar .live-indicator::after{content:"Core";font-size:.52rem}
  body .notification-count{right:-3px;top:-4px}
}
@media(min-width:768px){
  body .mobile-data-table{display:table}
}


/* Infrastructure, capacity and orchestration v0.10 */
.capacity-kpis{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}
.capacity-table td:first-child small,.capacity-table td small{display:block;color:var(--muted);margin-top:.2rem}
.capacity-bar{width:min(150px,100%);height:7px;overflow:hidden;border-radius:999px;background:#ececf0}
.capacity-bar>span{display:block;max-width:100%;height:100%;border-radius:inherit;background:#17864b}
.status-warning .capacity-bar>span,.capacity-bar[data-state="warning"]>span{background:#d97706}
.status-critical .capacity-bar>span,.capacity-bar[data-state="critical"]>span{background:#d22b2b}
.capacity-placement-result{margin-top:1rem;padding:.8rem 1rem;border:1px solid #d9d9df;border-radius:12px;background:#f7f8fa;font-weight:700}
.capacity-placement-result[data-outcome="accept"]{border-color:#9bd5b5;color:#126b3c;background:#f0faf4}
.capacity-placement-result[data-outcome="warning"]{border-color:#f3c57a;color:#9a5700;background:#fff9ee}
.capacity-placement-result[data-outcome="reject"]{border-color:#efaaaa;color:#a51d1d;background:#fff3f3}
.topology-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.75rem}
.topology-card{display:flex;min-width:0;flex-direction:column;gap:.35rem;padding:1rem;border:1px solid #e1e1e6;border-radius:14px;background:#fff;color:inherit;text-decoration:none}
.topology-card:hover{border-color:#c92a2a;box-shadow:0 8px 22px rgba(20,20,24,.07)}
@media(max-width:767px){
  body .capacity-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
  body .capacity-kpis .kpi-card{min-height:88px;padding:.75rem}
  body .capacity-table tbody tr{padding:.75rem}
  body .capacity-table tbody td{min-height:0;padding:.25rem 0!important}
  body .capacity-table tbody td::before{min-width:7.2rem}
  body .capacity-bar{width:110px}
  body .topology-card-grid{grid-template-columns:1fr}
}

.reassignment-disclosure{margin-top:1rem;border-top:1px solid #ececf0;padding-top:1rem}
.reassignment-disclosure>summary{display:inline-flex;cursor:pointer;list-style:none}
.reassignment-disclosure>form{margin-top:1rem}
@media(max-width:767px){body .service-attachment-panel .detail-grid{grid-template-columns:1fr 1fr}}