@font-face{font-family:IRANSans;src:url('/assets/fonts/iransans-web.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:IRANSans;src:url('/assets/fonts/iransans-web_medium.woff') format('woff');font-weight:500;font-display:swap}
@font-face{font-family:IRANSans;src:url('/assets/fonts/iransans-web_medium.woff') format('woff');font-weight:600;font-display:swap}
@font-face{font-family:IRANSans;src:url('/assets/fonts/iransans-web_bold.woff') format('woff');font-weight:700 900;font-display:swap}

:root{
  color-scheme:dark;
  --ink:#f2f6fc;
  --ink-soft:#c3cedd;
  --ink-faint:#8b9ab0;
  --paper:#070b13;
  --paper-deep:#0b111c;
  --card:#101827;
  --card-muted:#151f30;
  --surface-hover:#1a273a;
  --line:#25334a;
  --line-strong:#3a4a64;
  --accent:#88a3ff;
  --accent-hover:#b0c0ff;
  --accent-solid:#4163dc;
  --accent-solid-hover:#4a69dc;
  --accent-soft:#1b2b50;
  --accent-ink:#c8d3ff;
  --danger:#ff8b91;
  --danger-soft:#3b1d26;
  --good:#50d6ad;
  --good-soft:#12352e;
  --warn:#f6c66f;
  --warn-soft:#392b17;
  --info:#79baff;
  --info-soft:#162e49;
  --side-bg:#050812;
  --side-panel:#0c1422;
  --side-line:rgba(181,195,219,.13);
  --side-ink:#b6c1d2;
  --side-faint:#7f8da3;
  --side-active:#fff;
  --radius-xs:8px;
  --radius-sm:10px;
  --radius:14px;
  --radius-lg:18px;
  --sidebar-size:272px;
  --appbar-size:68px;
  --content-max:1580px;
  --shadow-xs:0 1px 0 rgba(255,255,255,.025),0 6px 20px rgba(0,0,0,.14);
  --shadow-sm:0 12px 34px rgba(0,0,0,.24);
  --shadow-lg:0 28px 80px rgba(0,0,0,.48);
  --font:IRANSans,Tahoma,"Segoe UI",sans-serif;
  --mono:ui-monospace,"Cascadia Mono",Consolas,monospace;
}

*{box-sizing:border-box}
html{min-width:320px;scroll-behavior:smooth;background:var(--paper);scrollbar-color:var(--line-strong) var(--paper-deep)}
body{margin:0;min-width:320px;background:radial-gradient(circle at 52% -18%,rgba(65,99,220,.11),transparent 32%),var(--paper);color:var(--ink);font-family:var(--font);direction:rtl;font-size:14px;line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.app-body{overflow-x:clip}
html.nav-open,html.nav-open body,html.sheet-open,html.sheet-open body{overflow:hidden}
::selection{background:var(--accent-solid);color:#fff}
a{color:var(--accent);text-underline-offset:3px}
a:hover{color:var(--accent-hover)}
button,input,select,textarea{font:inherit}
button{touch-action:manipulation}
img,svg{max-inline-size:100%}
h1,h2,h3{color:var(--ink);line-height:1.45}
p{margin-block:0 12px}
code,kbd{font-family:var(--mono);font-size:.86em;background:var(--card-muted);padding:.18em .46em;border-radius:6px;color:var(--accent-ink)}
code{direction:ltr;unicode-bidi:embed;overflow-wrap:anywhere;word-break:break-word;white-space:normal}
kbd{border:1px solid var(--line-strong);box-shadow:0 1px 0 rgba(255,255,255,.08);color:var(--ink-soft);white-space:nowrap}
:focus-visible{outline:3px solid rgba(136,163,255,.35);outline-offset:2px}

.skip-link{position:fixed;z-index:1000;inset-block-start:10px;inset-inline-start:10px;transform:translateY(-170%);background:var(--accent-solid);color:#fff;padding:9px 14px;border-radius:var(--radius-sm);text-decoration:none;box-shadow:var(--shadow-lg)}
.skip-link:focus{transform:none}
.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}

/* App shell */
.shell{display:flex;min-height:100dvh;isolation:isolate}
.sidebar{inline-size:var(--sidebar-size);flex:none;position:sticky;inset-block-start:0;height:100dvh;overflow:hidden;z-index:50;display:flex;flex-direction:column;color:var(--side-ink);background:radial-gradient(circle at 100% 0,rgba(65,99,220,.2),transparent 34%),var(--side-bg);border-inline-end:1px solid var(--line)}
.sidebar__header{min-height:82px;padding:18px 16px 14px;display:flex;align-items:flex-start;gap:8px;border-block-end:1px solid var(--side-line)}
.brand{min-inline-size:0;display:flex;align-items:center;gap:11px;padding:1px 3px;color:#fff;text-decoration:none}
.brand:hover{color:#fff}
.brand__mark{inline-size:39px;block-size:39px;border-radius:12px;flex:none;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent-solid),#2748bd);box-shadow:0 8px 22px rgba(30,64,175,.32),inset 0 1px 0 rgba(255,255,255,.25);font-family:var(--mono);font-weight:800;font-size:15px;color:#fff}
.brand__text{min-inline-size:0;display:flex;flex-direction:column;font-size:1.05rem;font-weight:800;line-height:1.35;letter-spacing:.01em}
.brand__sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--side-ink);font-size:10.5px;font-weight:400;letter-spacing:0}
.sidebar__close{display:none;margin-inline-start:auto;inline-size:36px;block-size:36px;place-items:center;border:0;border-radius:10px;background:rgba(255,255,255,.06);color:var(--side-ink);cursor:pointer}
.sidebar__nav{flex:1;min-block-size:0;overflow-y:auto;overscroll-behavior:contain;padding:12px 10px 18px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}
.sidebar__nav::-webkit-scrollbar{width:5px}.sidebar__nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:9px}
.nav-section{margin-block:2px;border-radius:12px}
.nav-section__title{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;border-radius:10px;color:var(--side-faint);font-size:11.5px;font-weight:700;cursor:pointer;user-select:none;transition:color .16s ease,background-color .16s ease}
.nav-section__title::-webkit-details-marker{display:none}
.nav-section__title::marker{content:""}
.nav-section__title:hover{background:rgba(255,255,255,.045);color:#d5deeb}
.nav-section__title svg{flex:none;transition:transform .18s ease}
.nav-section[open]>.nav-section__title{color:#d6dfec}
.nav-section[open]>.nav-section__title svg{transform:rotate(90deg)}
.nav-group{display:flex;flex-direction:column;gap:3px;padding:2px 0 8px}
.nav-link{position:relative;min-inline-size:0;display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:10px;color:var(--side-ink);font-size:12.5px;font-weight:500;text-decoration:none;transition:background-color .15s ease,color .15s ease,transform .15s ease}
.nav-link svg{inline-size:17px;block-size:17px;flex:none;opacity:.76}
.nav-link>span:not(.nav-badge){min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-link:hover{background:rgba(255,255,255,.06);color:#fff;transform:translateX(-1px)}
.nav-link.active{background:linear-gradient(100deg,var(--accent-solid),#334fae);box-shadow:0 9px 24px rgba(18,35,91,.42),inset 0 1px 0 rgba(255,255,255,.13);color:#fff}
.nav-link.active::before{content:"";position:absolute;inset-block:9px;inset-inline-start:-4px;inline-size:3px;border-radius:4px;background:#9fb4ff}
.nav-link.active svg{opacity:1}
.nav-badge{margin-inline-start:auto;min-inline-size:21px;padding-inline:6px;border-radius:999px;background:#c83d49;color:#fff;text-align:center;font-size:10px;font-weight:700;line-height:20px;box-shadow:0 0 0 2px rgba(255,255,255,.07)}
.sidebar__footer{flex:none;padding:12px;border-block-start:1px solid var(--side-line);background:rgba(8,15,30,.3)}
.nav-user{min-inline-size:0;display:flex;align-items:center;gap:10px;padding:7px 5px 10px}
.nav-user__avatar{inline-size:33px;block-size:33px;flex:none;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.07);color:#fff;font-family:var(--mono);font-size:12px;font-weight:700}
.nav-user__identity{min-inline-size:0;display:flex;flex-direction:column;line-height:1.5}
.nav-user__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:12.5px;font-weight:600}
.nav-user__role{color:var(--side-faint);font-size:10.5px}
.nav-logout{inline-size:100%;min-block-size:37px;display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 10px;border:1px solid var(--side-line);border-radius:10px;background:transparent;color:var(--side-ink);font-size:12px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.nav-logout:hover{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#fff}

.workspace{flex:1;min-inline-size:0;display:flex;flex-direction:column}
.appbar{block-size:var(--appbar-size);flex:none;position:sticky;inset-block-start:0;z-index:40;display:flex;align-items:center;gap:20px;padding-inline:clamp(18px,2.4vw,36px);border-block-end:1px solid rgba(54,70,96,.76);background:rgba(8,13,23,.88);backdrop-filter:blur(18px) saturate(1.35);box-shadow:0 1px 0 rgba(255,255,255,.025)}
.appbar__context{min-inline-size:170px;display:flex;align-items:center;gap:10px}
.appbar__page{display:flex;flex-direction:column;color:var(--ink);font-size:12.5px;font-weight:700;line-height:1.4}
.appbar__page small{color:var(--ink-faint);font-size:9.5px;font-weight:500}
.mobile-menu{display:none;inline-size:38px;block-size:38px;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink-soft);cursor:pointer}
.global-search{position:relative;inline-size:min(520px,48vw);margin-inline:auto}
.global-search svg{position:absolute;inset-inline-start:14px;inset-block-start:50%;transform:translateY(-50%);color:var(--ink-faint);pointer-events:none}
.global-search kbd{position:absolute;inset-inline-end:11px;inset-block-start:50%;transform:translateY(-50%)}
.global-search__button{block-size:40px;padding:0 42px 0 64px;border:1px solid var(--line);border-radius:12px;background:var(--card-muted);color:var(--ink-faint);font-size:12px;text-align:start;cursor:text;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}
.global-search__button:hover,.global-search__button:focus-visible{border-color:var(--line-strong);background:var(--surface-hover);box-shadow:0 7px 20px rgba(0,0,0,.2);color:var(--ink-soft)}
.appbar__actions{min-inline-size:170px;margin-inline-start:auto;display:flex;align-items:center;justify-content:flex-end;gap:8px}
.icon-btn{position:relative;inline-size:38px;block-size:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--ink-soft);text-decoration:none;box-shadow:var(--shadow-xs);transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}
.icon-btn:hover{border-color:var(--line-strong);background:var(--surface-hover);color:var(--ink);transform:translateY(-1px)}
.icon-btn__count{position:absolute;inset-block-start:-6px;inset-inline-end:-6px;min-inline-size:19px;block-size:19px;padding-inline:4px;border:2px solid var(--card);border-radius:999px;background:#c83d49;color:#fff;font-size:9px;font-weight:700;line-height:15px;text-align:center}
.main-content{inline-size:100%;max-inline-size:var(--content-max);margin-inline:auto;padding:clamp(24px,3vw,42px) clamp(18px,3vw,44px) 72px}

/* Page composition */
.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;margin-block-end:24px}
.page-head>div:first-child{min-inline-size:0}
.page-head:not(:has(>div)){display:block}.page-head:not(:has(>div))>p{max-inline-size:920px;margin:4px 0 0}
.page-head h1,.main-content>h1{margin:0 0 5px;font-size:clamp(1.45rem,2.1vw,1.9rem);font-weight:800;letter-spacing:-.025em}
.page-sub{max-inline-size:760px;margin:0;color:var(--ink-faint);font-size:13px}
.page-head__actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.page-eyebrow{display:inline-flex;align-items:center;gap:6px;margin-block-end:7px;color:var(--accent);font-size:11px;font-weight:700}
.page-eyebrow::before{content:"";inline-size:7px;block-size:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.status-band{min-inline-size:0;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-block-end:18px;padding:14px 17px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(110deg,var(--card),#111d33);box-shadow:var(--shadow-xs)}
.status-band__copy{min-inline-size:0;display:flex;align-items:center;gap:11px}
.status-band__indicator{inline-size:10px;block-size:10px;flex:none;border-radius:50%;background:var(--good);box-shadow:0 0 0 5px rgba(8,122,90,.1)}
.status-band__indicator--attention{background:var(--warn);box-shadow:0 0 0 5px rgba(161,92,0,.1)}
.status-band__copy strong{display:block;font-size:13px}.status-band__copy span{display:block;color:var(--ink-faint);font-size:11px}
.status-band__meta{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}

.card{min-inline-size:0;margin-block-end:16px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-xs);overflow:visible}
.card h2{margin:0 0 13px;font-size:1rem;font-weight:750;letter-spacing:-.01em}
.card h3{font-size:.92rem}
.card--flat{box-shadow:none}
.card--compact{padding:14px 16px}
.card--danger{border-color:#70313e;background:linear-gradient(180deg,var(--card),#22131b)}
.card--warning{border-color:#68502b;background:linear-gradient(180deg,var(--card),#211a10)}
.card--link{display:block;color:inherit;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.card--link:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm);color:inherit;transform:translateY(-2px)}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.grid2>*,.grid3>*,.grid4>*,.stats-grid>*{min-inline-size:0}
.dashboard-metrics{display:flex;flex-wrap:wrap;gap:14px;margin-block-end:18px}
.dashboard-metrics>.metric-card{flex:1 1 calc(25% - 14px);min-inline-size:220px}
.metric-card{position:relative;min-block-size:132px;display:flex;flex-direction:column;justify-content:center;margin:0;padding-inline-start:22px;overflow:hidden;text-decoration:none}
.metric-card::before{content:"";position:absolute;inset-block:18px;inset-inline-start:0;inline-size:4px;border-radius:0 4px 4px 0;background:var(--info)}
.metric-card::after{content:"";position:absolute;inline-size:90px;block-size:90px;inset-block-start:-50px;inset-inline-end:-38px;border-radius:50%;background:var(--info-soft);opacity:.55;pointer-events:none}
.metric-card--success::before{background:var(--good)}.metric-card--success::after{background:var(--good-soft)}
.metric-card--warning::before{background:var(--warn)}.metric-card--warning::after{background:var(--warn-soft)}
.metric-card--danger::before{background:var(--danger)}.metric-card--danger::after{background:var(--danger-soft)}
.metric-card__label{display:block;color:var(--ink-soft);font-size:11.5px;font-weight:600}
.stat-value{display:block;margin-block:4px 2px;color:var(--ink);font-size:clamp(1.55rem,2.1vw,2rem);font-weight:850;line-height:1.2;font-variant-numeric:tabular-nums}
.stat-trend{color:var(--ink-faint);font-size:10.5px}
.dashboard-primary{align-items:start}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-block-end:14px}.topbar h2{margin:0}
.row{min-inline-size:0;display:flex;gap:10px;align-items:center}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:10px}
.list-row{min-inline-size:0;display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:11px 2px;border-block-end:1px solid var(--line)}.list-row:last-child{border-block-end:0}
.list-row--link{color:inherit;text-decoration:none}.list-row--link:hover strong{color:var(--accent)}
.d-block{display:block}
.attention-list,.operation-list{display:flex;flex-direction:column}
.attention-item{min-inline-size:0;display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:11px;align-items:start;padding:12px 2px;border-block-end:1px solid var(--line);color:inherit;text-decoration:none}
.attention-item:last-child,.operation-row:last-child{border-block-end:0}.attention-item:hover strong{color:var(--accent)}
.attention-item__dot{inline-size:8px;block-size:8px;margin-block-start:8px;border-radius:50%;background:var(--warn)}
.attention-item__dot--critical{background:var(--danger);box-shadow:0 0 0 4px var(--danger-soft)}
.attention-item__body{min-inline-size:0;display:flex;flex-direction:column}.attention-item__body span,.attention-item time{color:var(--ink-faint);font-size:10.5px}.attention-item time{white-space:nowrap}
.operation-row{min-inline-size:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 2px;border-block-end:1px solid var(--line);color:inherit;text-decoration:none}
.operation-row>span:first-child{min-inline-size:0;display:flex;flex-direction:column}.operation-row small{color:var(--ink-faint);font-size:10.5px}.operation-row:hover strong{color:var(--accent)}
.live-indicator{display:inline-flex;align-items:center;gap:7px;color:var(--good);font-size:10.5px;font-weight:600}.live-indicator i{inline-size:7px;block-size:7px;border-radius:50%;background:var(--good);box-shadow:0 0 0 4px var(--good-soft)}
.control-plane-strip{display:flex;justify-content:space-between;align-items:center;gap:18px}

/* Context navigation */
.context-nav{position:relative;margin-block:-8px 22px;border-block-end:1px solid var(--line)}
.context-nav__scroller{display:flex;gap:4px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none}
.context-nav__scroller::-webkit-scrollbar{display:none}
.context-nav__link{position:relative;flex:none;scroll-snap-align:start;padding:10px 12px 12px;color:var(--ink-faint);font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}
.context-nav__link::after{content:"";position:absolute;inset-inline:10px;inset-block-end:-1px;block-size:2px;border-radius:2px;background:transparent}
.context-nav__link:hover{color:var(--ink)}
.context-nav__link.active{color:var(--accent)}.context-nav__link.active::after{background:var(--accent)}
.saved-views{margin-block:-10px 22px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(16,24,39,.82)}
.saved-views>.row{margin-block:12px}
.disclosure-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ink-soft);font-size:12.5px;font-weight:700;cursor:pointer;list-style:none}
.disclosure-summary::-webkit-details-marker{display:none}.disclosure-summary::marker{content:""}
.disclosure-summary::after{content:"+";inline-size:22px;block-size:22px;display:grid;place-items:center;border-radius:7px;background:var(--card-muted);color:var(--ink-faint);font:600 16px/1 var(--font)}
details[open]>.disclosure-summary::after{content:"−"}

/* Forms and actions */
form,fieldset{min-inline-size:0;max-inline-size:100%}
fieldset{border:1px solid var(--line);border-radius:12px;padding:14px;margin:0 0 16px}legend{padding-inline:6px;color:var(--ink-soft);font-size:12px;font-weight:700}
label{display:block;margin-block-end:5px;color:var(--ink-soft);font-size:12px;font-weight:600}
input,select,textarea{inline-size:100%;min-inline-size:0;min-block-size:42px;padding:9px 11px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--card);color:var(--ink);caret-color:var(--accent);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}
select option{background:var(--card);color:var(--ink)}
input::placeholder,textarea::placeholder{color:#738299;opacity:1}
textarea{min-block-size:94px;resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere}
input:hover,select:hover,textarea:hover{border-color:#53627b}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);background:var(--paper-deep);box-shadow:0 0 0 3px rgba(136,163,255,.16)}
input:disabled,select:disabled,textarea:disabled,input[readonly],textarea[readonly]{background:var(--paper-deep);color:var(--ink-soft);opacity:1}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0 1000px var(--card) inset;caret-color:var(--accent)}
input[type=checkbox],input[type=radio]{inline-size:auto;min-block-size:0;accent-color:var(--accent)}
input[type=hidden]{display:none!important}
.field{min-inline-size:0;margin-block-end:14px}.field-help{display:block;margin-block-start:4px;color:var(--ink-faint);font-size:10.5px}.field-error{display:block;margin-block-start:4px;color:var(--danger);font-size:10.5px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.form-grid>*{min-inline-size:0}
.form-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-block-start:16px}
.input-inline,.inline-form{min-inline-size:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.input-inline>*,.inline-form>*{min-inline-size:0}.inline-form>input:not([type=hidden]){flex:1 1 190px}
.pick{min-inline-size:0;display:flex;align-items:flex-start;gap:11px;margin:0;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--card-muted);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}
.pick:hover{border-color:var(--line-strong);background:var(--surface-hover)}.pick:has(input:checked){border-color:#5875d9;background:var(--accent-soft);box-shadow:0 0 0 3px rgba(136,163,255,.1)}
.pick>input{flex:none;margin-block-start:5px}.pick>span{min-inline-size:0;display:flex;flex-direction:column;gap:2px}.pick strong{color:var(--ink)}
.mono{font-family:var(--mono);direction:ltr;unicode-bidi:embed}
.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:7px 14px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--card-muted)}
.option-grid label{min-inline-size:0;display:flex!important;align-items:flex-start!important;gap:7px!important;margin:0;font-size:12.5px!important;font-weight:400!important}.option-grid input{flex:none;margin-block-start:5px}
form.card[method="get"]{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));align-items:end;gap:10px!important}
form.card[method="get"]>*{min-inline-size:0;margin:0}
form.card[method="get"]>.btn{justify-self:start}
main form[style*="display:flex"]{max-inline-size:100%;flex-wrap:wrap!important}

.btn{min-block-size:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 15px;border:1px solid var(--accent-solid);border-radius:var(--radius-sm);background:var(--accent-solid);color:#fff;font-size:12.5px;font-weight:650;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:0 5px 16px rgba(20,39,100,.28);transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.btn:hover{border-color:var(--accent-solid-hover);background:var(--accent-solid-hover);color:#fff;box-shadow:0 7px 20px rgba(35,62,153,.36);transform:translateY(-1px)}
.btn.secondary{border-color:var(--line-strong);background:var(--card);color:var(--accent);box-shadow:var(--shadow-xs)}
.btn.secondary:hover{border-color:#586a88;background:var(--surface-hover);color:var(--accent-hover)}
.btn.alt{border-color:transparent;background:var(--accent-soft);color:var(--accent-ink);box-shadow:none}.btn.alt:hover{border-color:#395185;background:#233660;color:var(--accent-hover)}
.btn.danger{border-color:#bd4553;background:#bd4553;color:#fff}.btn.danger:hover{border-color:#c64c59;background:#c64c59}
.btn.ghost{border-color:transparent;background:transparent;color:var(--ink-soft);box-shadow:none}.btn.ghost:hover{background:var(--card-muted);color:var(--ink);box-shadow:none}
.btn.small{min-block-size:32px;padding:5px 10px;font-size:11px}.btn[disabled]{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}

/* Tables own horizontal overflow; cards and pages do not. */
.main-content .card:has(table):not(:has(.table-wrap)),.portal-shell .card:has(table):not(:has(.table-wrap)){overflow-x:auto;overscroll-behavior-inline:contain}
.table-wrap{position:relative;max-inline-size:100%;overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid var(--line);border-radius:12px;background:var(--card);scrollbar-width:thin;scrollbar-color:var(--line-strong) var(--paper-deep)}
.table-wrap:focus-visible{outline:3px solid rgba(49,89,232,.2);outline-offset:2px}
.table-wrap::-webkit-scrollbar{block-size:8px}.table-wrap::-webkit-scrollbar-track{background:var(--paper-deep)}.table-wrap::-webkit-scrollbar-thumb{background:var(--line-strong);border:2px solid var(--paper-deep);border-radius:999px}
.card>.table-wrap{inline-size:calc(100% + 40px);max-inline-size:none;margin:14px -20px -20px;border:0;border-block-start:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius)}
.card>.table-wrap:first-child{margin-block-start:-20px;border-block-start:0;border-radius:var(--radius)}
table{inline-size:100%;min-inline-size:100%;border-collapse:separate;border-spacing:0;font-size:12.5px;font-variant-numeric:tabular-nums}
th,td{max-inline-size:440px;padding:11px 13px;border-block-end:1px solid var(--line);text-align:start;vertical-align:top;overflow-wrap:anywhere;word-break:normal}
thead th{position:sticky;inset-block-start:0;z-index:2;background:var(--card-muted);color:var(--ink-faint);font-size:11px;font-weight:700;white-space:nowrap;box-shadow:0 1px 0 var(--line)}
tbody tr{transition:background-color .12s ease}tbody tr:hover{background:var(--surface-hover)}tbody tr:last-child td{border-block-end:0}
td>.muted{margin-block-start:2px}.cell-wrap{min-inline-size:180px;white-space:normal}
.table-wrap td form{min-inline-size:0;max-inline-size:min(560px,82vw);gap:7px;align-items:center;flex-wrap:wrap!important}
.table-wrap td form input:not([type=hidden]),.table-wrap td form select{inline-size:auto;min-inline-size:130px;flex:1 1 130px}
.table-wrap td form .btn{flex:none}
.table-wrap details{max-inline-size:100%}.table-wrap details>form{min-inline-size:0!important}

/* Expanded row operations become bounded sheets. */
.sheet-backdrop,.sidebar-overlay{display:none;position:fixed;inset:0;margin:0;padding:0;border:0;background:rgba(2,5,12,.76);backdrop-filter:blur(3px);cursor:pointer}
.sheet-backdrop{z-index:79}.sheet-open .sheet-backdrop{display:block}
.sheet-open .table-wrap{overflow:visible}
.table-action-details[open],.action-disclosure.details-sheet[open]{position:fixed;z-index:80;inset-block:18px;inset-inline-end:18px;inline-size:min(500px,calc(100vw - 36px));max-inline-size:none;max-block-size:calc(100dvh - 36px);display:block;overflow:auto;padding:20px;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-lg);color:var(--ink);white-space:normal}
.action-disclosure>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;inline-size:100%;padding:9px 12px;border:1px solid var(--line-strong);border-radius:10px;background:var(--card);color:var(--accent);font-size:12px;font-weight:700;cursor:pointer}.action-disclosure>summary::-webkit-details-marker{display:none}.action-disclosure>summary::marker{content:""}.action-disclosure>summary::after{content:"←";color:var(--ink-faint)}
.table-action-details[open]>summary,.action-disclosure.details-sheet[open]>summary{position:sticky;inset-block-start:-20px;z-index:2;inline-size:calc(100% + 40px);min-block-size:0;display:flex;align-items:center;justify-content:space-between;margin:-20px -20px 18px;padding:17px 20px;border:0;border-block-end:1px solid var(--line);border-radius:0;background:rgba(16,24,39,.96);box-shadow:none;backdrop-filter:blur(12px);color:var(--ink);font-size:15px;font-weight:750;white-space:normal;cursor:pointer;transform:none}
.table-action-details[open]>summary::after,.action-disclosure.details-sheet[open]>summary::after{content:"×";color:var(--ink-faint);font-size:20px;font-weight:400}
.table-action-details[open]>form,.table-action-details[open]>div,.action-disclosure.details-sheet[open]>form,.action-disclosure.details-sheet[open]>div{min-inline-size:0!important;max-inline-size:100%!important}
.table-action-details[open] form,.action-disclosure.details-sheet[open] form{display:flex!important;flex-direction:column;align-items:stretch!important;gap:10px!important;margin-block-end:14px}
.table-action-details[open] form input:not([type=hidden]):not([type=checkbox]):not([type=radio]),.table-action-details[open] form select,.action-disclosure.details-sheet[open] form input:not([type=hidden]):not([type=checkbox]):not([type=radio]),.action-disclosure.details-sheet[open] form select{inline-size:100%;min-inline-size:0}
.table-action-details[open] .btn:not(summary),.action-disclosure.details-sheet[open] .btn:not(summary){inline-size:100%;white-space:normal}
.rollout-card{scroll-margin-block-start:88px}
.rollout-card:target{outline:2px solid var(--line-strong);outline-offset:4px}
.rollout-card label{display:flex;align-items:flex-start;gap:10px;margin:0 0 8px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card-muted);color:var(--ink)}
.rollout-card input[type=checkbox]{margin-block-start:3px;inline-size:auto;min-inline-size:0;min-block-size:0}

/* Status, feedback and supporting components */
.pill{display:inline-flex;align-items:center;gap:5px;max-inline-size:100%;padding:3px 9px;border-radius:999px;background:var(--card-muted);color:var(--ink-soft);font-size:11px;font-weight:650;white-space:nowrap}
.pill.pending,.pill.warning{background:var(--warn-soft);color:var(--warn)}
.pill.provisioning,.pill.info,.pill.queued,.pill.sending,.pill.draft,.pill.reviewing{background:var(--accent-soft);color:var(--accent-ink)}
.pill.active,.pill.ready,.pill.published,.pill.succeeded,.pill.sent,.pill.delivered,.pill.paid,.pill.resolved,.pill.approved{background:var(--good-soft);color:var(--good)}
.pill.suspended,.pill.revoked,.pill.failed,.pill.dead,.pill.expired,.pill.overdue,.pill.critical{background:var(--danger-soft);color:var(--danger)}
.pill.decommissioned,.pill.rejected,.pill.withdrawn,.pill.closed,.pill.cancelled{background:var(--paper-deep);color:var(--ink-faint)}
.notice{position:relative;margin-block-end:16px;padding-block:12px;padding-inline:44px 15px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink-soft);box-shadow:var(--shadow-xs)}
.notice::before{content:"i";position:absolute;inset-inline-start:14px;inset-block-start:12px;inline-size:21px;block-size:21px;display:grid;place-items:center;border-radius:50%;background:#2d70ae;color:#fff;font:bold 12px/1 var(--font)}
.notice--success{border-color:#276957;background:var(--good-soft);color:var(--good)}.notice--success::before{content:"✓";background:#18755f}
.notice--danger{border-color:#743442;background:var(--danger-soft);color:var(--danger)}.notice--danger::before{content:"!";background:#c84d5b}
.notice--warning{border-color:#745b30;background:var(--warn-soft);color:var(--warn)}.notice--warning::before{content:"!";background:#8b5b19}
.notice--info{border-color:#315779;background:var(--info-soft);color:var(--info)}
.muted{color:var(--ink-faint);font-size:11.5px}.text-danger{color:var(--danger)}.text-success{color:var(--good)}.text-warning{color:var(--warn)}
.empty-state{padding:38px 20px;text-align:center;color:var(--ink-faint)}.empty-state strong{display:block;margin-block-end:4px;color:var(--ink-soft)}
.timeline{position:relative;padding-inline-start:20px}.timeline::before{content:"";position:absolute;inset-inline-start:5px;inset-block:8px;inline-size:2px;background:var(--line)}
.timeline__item{position:relative;padding:0 13px 17px 0}.timeline__item::before{content:"";position:absolute;inset-inline-start:-19px;inset-block-start:7px;inline-size:10px;block-size:10px;border:2px solid var(--card);border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.meter{block-size:8px;border-radius:999px;background:var(--paper-deep);overflow:hidden}.meter>span{display:block;block-size:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-solid),#6f8cff)}
details:not(.nav-section){max-inline-size:100%}details:not(.nav-section)>summary{cursor:pointer}details[open]:not(.nav-section)>.muted:first-child{margin-block-end:10px}
.management-section{margin-block-end:16px;padding:15px 17px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-xs)}
.management-section[open]>.disclosure-summary{margin-block-end:15px}
.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-block-start:15px;padding-block-start:13px;border-block-start:1px solid var(--line)}
.pagination__meta{color:var(--ink-faint);font-size:11px}.pagination a{min-block-size:34px;display:inline-flex;align-items:center;padding:5px 11px;border:1px solid var(--line);border-radius:9px;background:var(--card);text-decoration:none;font-size:11px;font-weight:600}.pagination a:hover{border-color:var(--line-strong);background:var(--surface-hover)}

/* Notifications workspace */
.notification-page-head{margin-block-end:17px}
.notification-view-nav{margin-block-end:18px;padding:5px;border:1px solid var(--line);border-radius:14px;background:rgba(16,24,39,.88);box-shadow:var(--shadow-xs)}
.notification-view-nav__scroller{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
.notification-view-nav__link{min-inline-size:0;min-block-size:43px;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 10px;border-radius:10px;color:var(--ink-faint);font-size:12px;font-weight:650;text-decoration:none;white-space:nowrap;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}
.notification-view-nav__link:hover{background:var(--card-muted);color:var(--ink)}
.notification-view-nav__link.active{background:var(--accent-solid);color:#fff;box-shadow:0 6px 18px rgba(26,49,129,.4)}
.notification-view-nav__link.active:hover{background:var(--accent-solid-hover);color:#fff}
.notification-view-nav__badge{min-inline-size:20px;block-size:20px;padding-inline:6px;border-radius:999px;background:var(--warn-soft);color:var(--warn);font-size:10px;line-height:20px;text-align:center}
.notification-view-nav__badge--danger{background:var(--danger-soft);color:var(--danger)}
.notification-view-nav__link.active .notification-view-nav__badge{background:rgba(5,8,18,.38);color:#fff}
.notification-status-band{margin-block-end:14px}
.notification-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-block-end:16px}
.notification-kpis .metric-card{min-block-size:112px;margin:0;padding-block:15px}
.notification-kpis .notification-money{font-size:1.22rem;line-height:1.45}
.notification-overview-grid{align-items:stretch}
.notification-overview-grid>.card{margin-block-end:0}
.empty-state--compact{padding:24px 14px}
.notification-preview-list{display:flex;flex-direction:column}
.notification-preview-row{min-inline-size:0;display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:10px;align-items:start;padding:11px 2px;border-block-end:1px solid var(--line);color:inherit;text-decoration:none}
.notification-preview-row:last-child{border-block-end:0}.notification-preview-row:hover strong{color:var(--accent)}
.notification-preview-row>span:nth-child(2){min-inline-size:0}.notification-preview-row strong,.notification-preview-row small{display:block}.notification-preview-row small{overflow:hidden;color:var(--ink-faint);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.notification-preview-row time{color:var(--ink-faint);font-size:10.5px;white-space:nowrap}
.notification-unread-dot{inline-size:7px;block-size:7px;margin-block-start:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.notification-provider-card{margin-block-start:16px}
.notification-provider-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.notification-provider-row{min-inline-size:0;display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 2px;border-block-start:1px solid var(--line)}
.notification-provider-row__dot{inline-size:8px;block-size:8px;border-radius:50%;background:var(--good);box-shadow:0 0 0 4px var(--good-soft)}
.notification-provider-row__dot.is-warning{background:var(--warn);box-shadow:0 0 0 4px var(--warn-soft)}
.notification-provider-row strong,.notification-provider-row small{display:block}.notification-provider-row small{color:var(--ink-faint);font-size:11px}
.notification-list-card{padding-block-start:15px}
.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-block-end:14px}
.notification-toolbar form{margin:0}
.filter-chips{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.filter-chip{min-block-size:34px;display:inline-flex;align-items:center;padding:5px 11px;border:1px solid transparent;border-radius:9px;background:var(--card-muted);color:var(--ink-soft);font-size:11.5px;font-weight:650;text-decoration:none}
.filter-chip:hover{border-color:var(--line-strong);background:var(--surface-hover);color:var(--ink)}
.filter-chip.active{border-color:#405a98;background:var(--accent-soft);color:var(--accent-ink)}
.notification-inbox-list{border-block-start:1px solid var(--line)}
.notification-inbox-item{position:relative;min-inline-size:0;display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:12px;align-items:start;padding:15px 3px;border-block-end:1px solid var(--line)}
.notification-inbox-item:last-child{border-block-end:0}
.notification-inbox-item.is-unread{background:linear-gradient(90deg,transparent,var(--accent-soft) 115%)}
.notification-inbox-item__marker{inline-size:8px;block-size:8px;margin-block-start:8px;border-radius:50%;background:#536177}
.notification-inbox-item.is-unread .notification-inbox-item__marker{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.notification-inbox-item--warning .notification-inbox-item__marker{background:var(--warn)}.notification-inbox-item--critical .notification-inbox-item__marker{background:var(--danger)}.notification-inbox-item--success .notification-inbox-item__marker{background:var(--good)}
.notification-inbox-item.is-unread.notification-inbox-item--warning .notification-inbox-item__marker{box-shadow:0 0 0 4px var(--warn-soft)}.notification-inbox-item.is-unread.notification-inbox-item--critical .notification-inbox-item__marker{box-shadow:0 0 0 4px var(--danger-soft)}.notification-inbox-item.is-unread.notification-inbox-item--success .notification-inbox-item__marker{box-shadow:0 0 0 4px var(--good-soft)}
.notification-inbox-item__content{min-inline-size:0}.notification-inbox-item__head{display:flex;justify-content:space-between;gap:12px}.notification-inbox-item__head h2{margin:0;font-size:13.5px}.notification-inbox-item__head time{flex:none;color:var(--ink-faint);font-size:10.5px;white-space:nowrap}
.notification-inbox-item__preview{display:-webkit-box;margin:3px 0 0;overflow:hidden;color:var(--ink-soft);font-size:12px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.notification-message-detail{margin-block-start:4px}.notification-message-detail>summary{display:inline-flex;color:var(--accent);font-size:11px;font-weight:650;list-style:none}.notification-message-detail>summary::-webkit-details-marker{display:none}.notification-message-detail>summary::marker{content:""}.notification-message-detail>p{margin:8px 0 0;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--card-muted);color:var(--ink-soft);font-size:12px;overflow-wrap:anywhere;word-break:break-word;white-space:normal}
.notification-inbox-item__action{align-self:center;margin:0}
.delivery-channel{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.delivery-table td:nth-child(1){min-inline-size:210px}.delivery-table td:nth-child(6){min-inline-size:100px}
.delivery-table .pagination{margin-block-start:20px}

.template-workspace{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:16px;align-items:start}
.template-list-card,.template-editor{margin:0}
.template-list{border-block-start:1px solid var(--line)}
.template-list__item{min-inline-size:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 3px;border-block-end:1px solid var(--line);color:var(--ink);text-decoration:none}
.template-list__item:hover,.template-list__item.active{color:var(--accent)}.template-list__item.active{margin-inline:-8px;padding-inline:11px;border-color:transparent;border-radius:10px;background:var(--accent-soft)}
.template-list__item>span:first-child{min-inline-size:0}.template-list__item strong,.template-list__item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-list__item strong{font:600 11.5px/1.7 var(--mono);direction:ltr;text-align:end}.template-list__item small{color:var(--ink-faint);font-size:10.5px}
.pagination--compact{justify-content:flex-start}.pagination--compact .pagination__meta{margin-inline-end:auto}
.template-editor__head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-block-end:18px;padding-block-end:15px;border-block-end:1px solid var(--line)}.template-editor__head h2{margin:0;font:700 16px/1.6 var(--mono);direction:ltr;text-align:end}.template-editor__head .page-eyebrow{margin-block-end:2px}
.template-editor textarea[name=body]{min-block-size:220px;font-size:13px;line-height:1.9}
.field-label{display:block;margin-block-end:6px;color:var(--ink-soft);font-size:12px;font-weight:600}
.template-variables{display:flex;gap:6px;flex-wrap:wrap}.template-variables code{font-size:10.5px}
.notification-preview-panel{margin-block-start:20px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:var(--card-muted)}.notification-preview-panel[open]>.disclosure-summary{margin-block-end:14px}.notification-preview-result{margin-block-start:13px;padding:13px;border:1px solid #334c70;border-radius:10px;background:var(--paper-deep)}.notification-preview-result strong{display:block;margin-block-end:5px}.notification-preview-result p{margin:0;color:var(--ink-soft);overflow-wrap:anywhere;word-break:break-word}
.template-readonly{max-inline-size:100%;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--card-muted);font:12px/1.9 var(--font);white-space:pre-wrap;overflow-wrap:anywhere}
.template-editor__empty{min-block-size:350px;display:flex;flex-direction:column;justify-content:center}
.notification-settings-list{display:flex;flex-direction:column;gap:10px}
.notification-settings-panel{margin:0;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:var(--shadow-xs);overflow:hidden}
.notification-settings-panel>summary{min-inline-size:0;display:grid;grid-template-columns:minmax(0,1fr) auto 26px;gap:12px;align-items:center;padding:15px 17px;list-style:none}.notification-settings-panel>summary::-webkit-details-marker{display:none}.notification-settings-panel>summary::marker{content:""}.notification-settings-panel>summary::after{content:"+";inline-size:25px;block-size:25px;display:grid;place-items:center;border-radius:8px;background:var(--card-muted);color:var(--ink-faint);font-size:17px;line-height:1}.notification-settings-panel[open]>summary::after{content:"−"}
.notification-settings-panel[open]>summary{border-block-end:1px solid var(--line);background:var(--card-muted)}
.notification-settings-summary{min-inline-size:0}.notification-settings-summary strong,.notification-settings-summary small{display:block}.notification-settings-summary strong{font-size:13.5px}.notification-settings-summary small{overflow:hidden;color:var(--ink-faint);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.notification-settings-panel__body{padding:20px}.notification-settings-panel__body>form{max-inline-size:960px}.notification-settings-panel__body h2{margin-block-end:14px;font-size:14px}
.notification-provider-forms>section{min-inline-size:0;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--card-muted)}
.allowlist-chips{display:flex;gap:7px;flex-wrap:wrap;margin-block-start:18px;padding-block-start:14px;border-block-start:1px solid var(--line)}
.activation-link-reveal input{margin-block-start:7px;background:var(--paper-deep)}
.activation-overview{align-items:stretch}.activation-overview>.card{margin-block-end:0}
.activation-history{margin-block-start:16px}

/* Responsive instance presentation */
.instance-list{display:grid;gap:16px}
.instance-card{min-inline-size:0;padding:0;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-xs);overflow:hidden}
.instance-card:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.instance-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-block-end:1px solid var(--line);background:linear-gradient(180deg,var(--card),var(--card-muted))}
.instance-card__title{min-inline-size:0}.instance-card__title h2,.instance-card__title h3{margin:0 0 3px;font-size:1rem}.instance-card__title .muted{overflow-wrap:anywhere}
.instance-card__meta{display:flex;align-items:stretch;gap:0;padding-inline:20px;border-block-end:1px solid var(--line);background:var(--card-muted)}
.instance-card__meta>div{min-inline-size:150px;display:flex;flex-direction:column;padding:10px 0}.instance-card__meta>div+div{margin-inline-start:28px}.instance-card__meta strong{font-size:12.5px}.instance-card__meta .muted{font-size:10.5px}
.instance-card__body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0}
.instance-card__section{min-inline-size:0;padding:18px 20px}.instance-card__section+ .instance-card__section{border-inline-start:1px solid var(--line)}
.instance-card__section h3{margin:0 0 10px;color:var(--ink-soft);font-size:11px;text-transform:none}
.instance-card__actions{padding:14px 20px;border-block-start:1px solid var(--line);background:var(--card-muted)}
.instance-card__actions>.row{justify-content:flex-end}
.instance-card__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.instance-card__actions>.action-disclosure{margin:0!important}.instance-card__actions>.action-disclosure>summary{min-block-size:58px;padding:10px 12px;background:#0b1320;border-color:var(--line);transition:border-color .14s ease,background-color .14s ease}.instance-card__actions>.action-disclosure>summary:hover{border-color:#40526b;background:#111b2a}.instance-card__actions>.action-disclosure[open]{grid-column:1 / -1}.instance-card__actions>.action-disclosure[open]>summary{border-color:#40526b;background:#111b2a}.instance-card__actions>.action-disclosure[open]>summary .instance-action-trigger__hint{font-size:0}.instance-card__actions>.action-disclosure[open]>summary .instance-action-trigger__hint::after{content:"بستن";font-size:9.5px}.instance-action-trigger__copy{min-inline-size:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.instance-action-trigger__copy strong{color:var(--ink);font-size:12.5px}.instance-action-trigger__copy small{color:var(--ink-faint);font-size:9.5px;font-weight:500;line-height:1.5;text-align:start}.instance-action-trigger__hint{flex:none;color:var(--accent);font-size:9.5px;font-weight:700}.instance-card__actions>.action-disclosure>summary::after{display:none}.instance-action-disclosure.details-sheet[open],.instance-license-disclosure.details-sheet[open]{inline-size:min(540px,calc(100vw - 36px));padding:0}.instance-action-disclosure.details-sheet[open]>summary,.instance-license-disclosure.details-sheet[open]>summary{inset-block-start:0;inline-size:100%;min-block-size:58px;margin:0;padding:12px 18px;background:#0b1320}.instance-action-disclosure.details-sheet[open]>summary::after,.instance-license-disclosure.details-sheet[open]>summary::after{display:block}.instance-action-disclosure.details-sheet[open]>summary .instance-action-trigger__hint,.instance-license-disclosure.details-sheet[open]>summary .instance-action-trigger__hint{display:none}.instance-action-sheet{display:flex;flex-direction:column;gap:8px;margin-block-start:8px;padding:16px 18px 20px;border:1px solid var(--line);border-radius:10px;background:#0a111b}.instance-action-sheet__context{display:flex;flex-direction:column;gap:3px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--paper-deep)}.instance-action-sheet__context>strong{font-size:15px}.instance-action-sheet__context>span{color:var(--ink-soft);font-size:11px;overflow-wrap:anywhere}.instance-action-sheet__eyebrow{color:var(--accent)!important;font:700 9px/1.5 var(--mono);letter-spacing:.08em}.instance-action-sheet__context>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-block-start:7px;padding-block-start:8px;border-block-start:1px solid var(--line)}.instance-action-sheet__scope{color:var(--ink-faint);font-size:9.5px}.instance-action-group-title{margin:9px 0 0;padding-block-end:7px;border-block-end:1px solid var(--line);color:var(--ink-soft);font-size:10px;letter-spacing:.02em}.instance-action-group-title--danger{border-color:rgba(255,93,108,.24);color:var(--danger)}.instance-action-sheet>.btn{justify-content:flex-start;text-align:start}.instance-action-sheet>form{padding:11px;border:1px solid var(--line);border-radius:9px;background:#0b1320}.instance-action-sheet>form label{font-size:10px}.instance-action-sheet>form:last-child{margin-block-end:0}.instance-action-sheet .btn.danger,.instance-action-sheet>form:has(.btn.danger){border-color:rgba(255,93,108,.28)}

/* Command palette */
.command-dialog{inline-size:min(700px,calc(100dvw - 28px));max-inline-size:none;max-block-size:min(720px,calc(100dvh - 36px));padding:0;border:1px solid var(--line);border-radius:18px;background:var(--card);color:var(--ink);box-shadow:var(--shadow-lg);overflow:hidden}
.command-dialog::backdrop{background:rgba(15,23,42,.58);backdrop-filter:blur(3px)}
.command-dialog__head{display:flex;align-items:center;gap:10px;padding:13px 15px;border-block-end:1px solid var(--line)}
.command-dialog__head>svg{flex:none;color:var(--ink-faint)}
.command-dialog__head input{min-block-size:44px;padding:5px;border:0;box-shadow:none!important;font-size:15px}
.command-dialog__close{inline-size:34px;block-size:34px;flex:none;border:0;border-radius:9px;background:var(--card-muted);color:var(--ink-faint);font-size:22px;line-height:1;cursor:pointer}.command-dialog__close:hover{background:var(--surface-hover);color:var(--ink)}
.command-results{max-block-size:min(560px,calc(100dvh - 160px));overflow:auto;padding:9px}
.command-result{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:var(--ink);text-decoration:none}.command-result:hover,.command-result:focus{background:var(--accent-soft);color:var(--accent-ink)}
.command-dialog__footer{display:flex;justify-content:flex-end;gap:16px;padding:9px 13px;border-block-start:1px solid var(--line);background:var(--card-muted);color:var(--ink-faint);font-size:10px}.command-dialog__footer span{display:flex;align-items:center;gap:4px}

.instance-action-notice{display:flex;flex-direction:column;gap:3px;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:var(--paper-deep)}
.instance-action-notice strong{font-size:11.5px}.instance-action-notice span{color:var(--ink-soft);font-size:10px;line-height:1.7}.instance-action-notice--warning{border-color:rgba(255,176,73,.34);background:rgba(255,176,73,.07)}.instance-action-notice--warning strong{color:#ffc16f}
.instance-action-group{display:flex;flex-direction:column;gap:8px}.instance-action-group-title{margin:7px 0 0}.instance-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.instance-action-card,.instance-action-link{min-inline-size:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:7px;padding:11px;border:1px solid var(--line);border-radius:9px;background:#0b1320}.instance-action-card--wide{grid-column:1 / -1}.instance-action-card--accent{border-color:rgba(92,124,250,.42);background:rgba(49,89,232,.08)}
.instance-action-card>strong,.instance-action-link>strong{color:var(--ink);font-size:11.5px}.instance-action-card>small,.instance-action-link>small{color:var(--ink-faint);font-size:9.5px;line-height:1.65;white-space:normal}.instance-action-card label{font-size:10px}.instance-action-card input,.instance-action-card select{margin:0}.instance-action-card>.btn,.instance-action-card>button.btn{inline-size:100%;margin-block-start:auto}
.instance-action-link.btn{align-items:flex-start;justify-content:center;min-block-size:66px;text-align:start;white-space:normal}.instance-action-inline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:end}.instance-action-inline>.btn{align-self:stretch;white-space:nowrap}.instance-action-check{display:flex;align-items:center;gap:7px;line-height:1.6}.instance-action-check input{inline-size:auto;flex:none}
.instance-action-group--danger{margin-block-start:2px;padding:0 8px 8px;border:1px solid rgba(255,93,108,.18);border-radius:9px;background:rgba(255,93,108,.025)}.instance-action-group--danger .instance-action-card,.instance-action-group--danger .instance-action-link{border-color:rgba(255,93,108,.2)}

/* Authentication and customer portal shells */
.auth-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 12%,rgba(49,89,232,.12),transparent 30%),radial-gradient(circle at 88% 84%,rgba(8,122,90,.07),transparent 28%),var(--paper)}
.auth-shell{inline-size:min(1040px,100%);min-block-size:590px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:var(--shadow-lg);overflow:hidden}
.auth-visual{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:48px;background:linear-gradient(145deg,#0e172a,#17284b);color:#fff;overflow:hidden}
.auth-visual::before,.auth-visual::after{content:"";position:absolute;border-radius:50%;filter:blur(1px)}.auth-visual::before{inline-size:360px;block-size:360px;inset-block-start:-190px;inset-inline-start:-100px;background:rgba(73,111,255,.28)}.auth-visual::after{inline-size:240px;block-size:240px;inset-block-end:-130px;inset-inline-end:-70px;background:rgba(39,170,135,.15)}
.auth-visual>*{position:relative;z-index:1}.auth-visual h2{max-inline-size:500px;margin:0 0 12px;color:#fff;font-size:2rem}.auth-visual p{max-inline-size:520px;color:#b9c6da}.auth-feature-list{display:flex;gap:8px;flex-wrap:wrap;margin-block-start:22px}.auth-feature-list span{padding:6px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.06);color:#d8e1ee;font-size:10.5px}
.auth-card{align-self:center;padding:46px 42px}.auth-card .brand{margin-block-end:32px;color:var(--ink)}.auth-card .brand:hover{color:var(--ink)}.auth-card .brand__sub{color:var(--ink-faint)}.auth-card h1{margin:0 0 8px;font-size:1.55rem}.auth-card__sub{margin-block-end:28px;color:var(--ink-faint);font-size:12px}.auth-card .btn{inline-size:100%;margin-block-start:6px}
.auth-card input:not([type=hidden]){margin-block:4px 17px}.auth-visual .page-eyebrow{color:#aebeff}.auth-visual .page-eyebrow::before{background:#8fa7ff;box-shadow:0 0 0 4px rgba(143,167,255,.14)}
.activation-shell{inline-size:min(520px,100%)}.activation-shell>.card{margin:0}
.portal-body{overflow-x:clip;background:var(--paper)}
.portal-shell{max-inline-size:1120px;margin-inline:auto;padding:28px 20px 60px}
.portal-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-block-end:24px;padding:15px 18px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(16,24,39,.88);box-shadow:var(--shadow-xs);backdrop-filter:blur(12px)}
.portal-brand{display:flex;align-items:center;gap:10px}.portal-brand__mark{inline-size:36px;block-size:36px;display:grid;place-items:center;border-radius:11px;background:var(--accent-solid);color:#fff;font-family:var(--mono);font-weight:700}.portal-brand strong{display:block}.portal-brand small{display:block;color:var(--ink-faint);font-size:10px}
.portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.portal-shell .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.portal-shell .grid>*{min-inline-size:0}.portal-shell .top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block-end:14px}.portal-shell input:not([type=hidden]),.portal-shell select,.portal-shell textarea{margin-block:5px 12px}

@media(max-width:1200px){
  :root{--sidebar-size:248px}
  .appbar__context,.appbar__actions{min-inline-size:auto}.appbar__page{display:none}
  .dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-metrics>.metric-card{min-inline-size:0}
  .stats-grid,.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:1100px){
  .template-workspace{grid-template-columns:1fr}
  .template-editor__empty{min-block-size:230px}
}

@media(max-width:900px){
  :root{--appbar-size:62px}
  .sidebar{position:fixed;inset-block:0;inset-inline-start:0;inline-size:min(86vw,310px);height:100dvh;transform:translateX(104%);visibility:hidden;pointer-events:none;box-shadow:-20px 0 60px rgba(15,23,42,.28);transition:transform .2s ease,visibility 0s linear .2s}
  .nav-open .sidebar{transform:none;visibility:visible;pointer-events:auto;transition-delay:0s}
  .sidebar__close{display:grid}
  .sidebar-overlay{z-index:49}.nav-open .sidebar-overlay{display:block}
  .mobile-menu{display:grid}
  .appbar{gap:12px;padding-inline:14px}.appbar__context{min-inline-size:38px}.global-search{inline-size:auto;flex:1;margin:0}.appbar__actions{margin-inline-start:0}
  .main-content{padding:24px 16px 54px}
  .page-head{gap:15px}.page-head__actions{max-inline-size:46%}
  .dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .control-plane-strip{align-items:flex-start;flex-direction:column}
  .notification-view-nav__scroller{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}
  .notification-view-nav__link{flex:0 0 auto;min-inline-size:118px}
}

@media(max-width:720px){
  .grid2,.grid3,.grid4,.form-grid,.portal-grid,.portal-shell .grid{grid-template-columns:1fr}
  .page-head{flex-direction:column}.page-head__actions{inline-size:100%;max-inline-size:none;justify-content:flex-start}
  .status-band{align-items:flex-start;flex-direction:column}.status-band__meta{justify-content:flex-start}
  .notification-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .notification-provider-list{grid-template-columns:1fr}
  .notification-overview-grid>.card{margin-block-end:13px}
  .notification-toolbar{align-items:flex-start;flex-direction:column}
  .notification-inbox-item{grid-template-columns:8px minmax(0,1fr)}
  .notification-inbox-item__action{grid-column:2;justify-self:start}
  .notification-inbox-item__head{flex-direction:column;gap:2px}.notification-inbox-item__head time{white-space:normal}
  .template-editor__head{flex-direction:column}.template-editor__head .row{justify-content:flex-start}
  .notification-settings-panel>summary{grid-template-columns:minmax(0,1fr) 25px}.notification-settings-panel>summary>.pill{grid-column:1;grid-row:2;justify-self:start}.notification-settings-panel>summary::after{grid-column:2;grid-row:1 / span 2}
  .notification-settings-summary small{white-space:normal}
  .notification-settings-panel__body{padding:16px}
  .delivery-table>.table-wrap,.activation-history>.table-wrap{inline-size:calc(100% + 32px);max-inline-size:none;margin:12px -16px -16px;overflow:visible;border-block-start:1px solid var(--line);border-radius:0 0 12px 12px;background:transparent}
  .delivery-table table,.delivery-table tbody,.delivery-table td,.activation-history table,.activation-history tbody,.activation-history td{display:block;inline-size:100%;min-inline-size:0;max-inline-size:none}
  .delivery-table thead,.activation-history thead{display:none}
  .delivery-table tbody,.activation-history tbody{padding:10px;background:var(--card-muted)}
  .delivery-table tbody tr,.activation-history tbody tr{min-inline-size:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-block-end:10px;border:1px solid var(--line);border-radius:11px;background:var(--card);box-shadow:var(--shadow-xs);overflow:hidden}
  .delivery-table tbody tr:last-child,.activation-history tbody tr:last-child{margin-block-end:0}
  .delivery-table td,.activation-history td{padding:9px 11px;border-block-end:1px solid var(--line);overflow-wrap:anywhere}
  .delivery-table td:first-child,.delivery-table td:last-child{grid-column:1 / -1}
  .activation-history td:last-child,.activation-history td[colspan]{grid-column:1 / -1}
  .delivery-table td:last-child,.activation-history td:last-child{border-block-end:0}
  .delivery-table td[data-label]::before,.activation-history td[data-label]::before{content:attr(data-label);display:block;margin-block-end:2px;color:var(--ink-faint);font-size:10.5px;font-weight:700}
  .delivery-table td[colspan],.activation-history td[colspan]{display:block;padding:24px;text-align:center}
  .delivery-table .pagination,.activation-history .pagination{margin-block-start:26px}
  .instance-card__body{grid-template-columns:1fr}.instance-card__section+ .instance-card__section{border-inline-start:0;border-block-start:1px solid var(--line)}
  .auth-shell{grid-template-columns:1fr;min-block-size:0}.auth-visual{display:none}.auth-card{padding:40px 34px}
}

@media(max-width:620px){
  body{font-size:14px}
  .appbar{gap:8px}.global-search{inline-size:38px;max-inline-size:38px;flex:0 0 38px;margin-inline-start:auto}.global-search__button{inline-size:38px;padding:0;cursor:pointer}.global-search__button span,.global-search kbd{display:none}.global-search svg{inset:0;margin:auto;transform:none}
  .icon-btn{inline-size:36px;block-size:36px}.appbar__actions{gap:6px}
  .main-content{padding:20px 14px 46px}
  .page-head{margin-block-end:18px}.page-head h1,.main-content>h1{font-size:1.42rem}.page-sub{font-size:11.5px}
  .page-head__actions>.btn{flex:1 1 auto}
  .dashboard-metrics,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .metric-card{min-block-size:116px;padding:14px 14px 14px 16px}.metric-card::before{inset-block:15px}.metric-card__label{font-size:10.5px}.stat-value{font-size:1.45rem}.stat-trend{font-size:9.5px}
  .card{padding:16px;margin-block-end:13px;border-radius:12px}.card>.table-wrap{inline-size:calc(100% + 32px);margin:12px -16px -16px;border-radius:0 0 12px 12px}.card>.table-wrap:first-child{margin-block-start:-16px;border-radius:12px}
  .topbar{align-items:flex-start}.topbar>.muted,.topbar>span{flex:none}
  .attention-item{grid-template-columns:9px minmax(0,1fr)}.attention-item time{grid-column:2;white-space:normal}.operation-row{align-items:flex-start;flex-direction:column}.operation-row>.pill{align-self:flex-start}
  .list-row{flex-direction:column}.list-row>span:last-child{display:flex;align-items:center;gap:8px}
  .form-actions{flex-direction:column}.form-actions .btn{inline-size:100%}
  .input-inline{align-items:stretch;flex-direction:column}.inline-form{align-items:stretch}.inline-form>.btn{inline-size:100%}
  form.card[method="get"]{grid-template-columns:1fr}.btn{white-space:normal}
  .table-action-details[open],.action-disclosure.details-sheet[open]{inset:10px;inline-size:auto;max-block-size:calc(100dvh - 20px);padding:18px;border-radius:16px}
  .table-action-details[open]>summary,.action-disclosure.details-sheet[open]>summary{inset-block-start:-18px;inline-size:calc(100% + 36px);margin:-18px -18px 16px;padding:15px 18px}
  .command-dialog__footer{display:none}.command-results{max-block-size:calc(100dvh - 108px)}
  .instance-card__header{padding:16px;flex-direction:column}.instance-card__meta{padding-inline:16px;justify-content:flex-start}.instance-card__meta>div{min-inline-size:0;flex:1}.instance-card__meta>div+div{margin-inline-start:16px}.instance-card__section,.instance-card__actions{padding:15px 16px}.instance-card__actions{grid-template-columns:1fr}.instance-card__actions .btn{inline-size:100%}.instance-action-disclosure.details-sheet[open],.instance-license-disclosure.details-sheet[open]{padding:0}.instance-action-disclosure.details-sheet[open]>summary,.instance-license-disclosure.details-sheet[open]>summary{inset-block-start:0;inline-size:100%;margin:0;padding:12px 14px}.instance-action-sheet{padding:14px}.instance-action-sheet__context>div{align-items:flex-start;flex-direction:column}.instance-action-grid{grid-template-columns:1fr}.instance-action-card--wide{grid-column:auto}.instance-action-inline{grid-template-columns:1fr}.instance-action-inline>.btn{inline-size:100%}
  .auth-page{padding:12px}.auth-shell{border-radius:18px}.auth-card{padding:34px 24px}.auth-card h1{font-size:1.35rem}
  .portal-shell{padding:16px 12px 40px}.portal-header{align-items:flex-start}.portal-header .btn{min-block-size:36px;padding:6px 10px}.portal-shell .top{align-items:flex-start;flex-direction:column}
}

@media(max-width:380px){
  .dashboard-metrics,.stats-grid,.notification-kpis{grid-template-columns:1fr}.metric-card{min-block-size:108px}
  .appbar__actions .icon-btn:last-child{display:none}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.sidebar,.appbar,.page-head__actions,.btn,.nav-logout,.context-nav,.saved-views,.pagination{display:none!important}.workspace,.main-content{display:block;max-inline-size:none;padding:0}.card,.instance-card{break-inside:avoid;border-color:#bbb;box-shadow:none}.table-wrap{overflow:visible;border:0}table{min-inline-size:0}.sheet-backdrop{display:none!important}}

/* Operations command center */
.noc-dashboard{--noc-cyan:#38d9ff;--noc-blue:#6888ff;--noc-violet:#a78bfa;--noc-green:#43e6af;--noc-amber:#ffc66d;--noc-red:#ff7583;display:flex;flex-direction:column;gap:15px}
.noc-head{min-inline-size:0;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-block-end:3px}
.noc-head h1{margin:2px 0 5px;font-size:clamp(1.55rem,2.6vw,2.25rem);font-weight:900;letter-spacing:-.045em}
.noc-head p{margin:0;color:var(--ink-faint);font-size:12px}
.noc-kicker{display:inline-flex;align-items:center;gap:8px;color:#9db1ff;font:700 10px/1.5 var(--mono);letter-spacing:.04em}
.noc-kicker i,.noc-live-state i,.noc-live-badge i{inline-size:7px;block-size:7px;border-radius:50%;background:var(--noc-green);box-shadow:0 0 0 4px rgba(67,230,175,.1),0 0 14px rgba(67,230,175,.5);animation:noc-pulse 2s ease-out infinite}
.noc-head__tools{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.noc-live-state,.noc-clock{min-block-size:37px;display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid var(--line);border-radius:10px;background:rgba(16,24,39,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.025);color:var(--ink-soft);font-size:10.5px}
.noc-live-state.is-stale i{background:var(--noc-amber);box-shadow:0 0 0 4px rgba(255,198,109,.1)}
.noc-live-state.is-offline i{background:var(--noc-red);box-shadow:0 0 0 4px rgba(255,117,131,.1);animation:none}
.noc-clock{direction:ltr;font:600 10px/1.5 var(--mono);color:var(--ink-faint)}
.noc-panel{position:relative;min-inline-size:0;margin:0;padding:18px;border:1px solid rgba(73,94,129,.62);border-radius:16px;background:linear-gradient(145deg,rgba(17,27,44,.97),rgba(11,18,31,.98));box-shadow:0 16px 50px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.025);overflow:hidden}
.noc-panel::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(104,136,255,.035),transparent 28%)}
.noc-panel>*{position:relative;z-index:1}
.noc-panel__head{min-inline-size:0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-block-end:14px}
.noc-panel__head h2{margin:2px 0 0;font-size:14px;font-weight:800}
.noc-panel__head>a,.noc-more{color:var(--ink-faint);font-size:10px;font-weight:600;text-decoration:none}.noc-panel__head>a:hover,.noc-more:hover{color:var(--accent)}
.noc-overline{display:block;color:#6f829f;font:700 8.5px/1.4 var(--mono);letter-spacing:.15em;direction:ltr;text-align:right}
.noc-hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.95fr);gap:15px}
.noc-health-panel{background:radial-gradient(circle at 16% 20%,rgba(56,217,255,.09),transparent 26%),linear-gradient(145deg,#111d31,#0b121f)}
.noc-health-layout{min-inline-size:0;display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px;align-items:center;padding:3px 8px 17px}
.noc-health-ring{--health-score:0;inline-size:150px;block-size:150px;display:grid;place-items:center;position:relative;border-radius:50%;background:conic-gradient(var(--noc-green) calc(var(--health-score)*1%),rgba(67,230,175,.07) 0);box-shadow:0 0 44px rgba(56,217,255,.08)}
.noc-health-ring::before{content:"";position:absolute;inset:11px;border:1px solid rgba(80,110,148,.62);border-radius:50%;background:radial-gradient(circle at 50% 38%,#16243a,#09111e 72%);box-shadow:inset 0 0 32px rgba(0,0,0,.46)}
.noc-health-ring::after{content:"";position:absolute;inset:-6px;border:1px dashed rgba(80,130,170,.2);border-radius:50%;animation:noc-orbit 28s linear infinite}
.noc-health-ring>div{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column}
.noc-health-ring strong{font:900 2.55rem/1 var(--mono);letter-spacing:-.08em}.noc-health-ring strong::after{content:"%";margin-inline-start:3px;color:var(--ink-faint);font-size:.75rem;font-weight:600}
.noc-health-ring span{margin-block-start:7px;color:var(--ink-faint);font-size:9px}
.noc-health-copy__title{display:block;margin-block-end:7px;font-size:16px}.noc-health-copy p{max-inline-size:520px;margin:0;color:var(--ink-faint);font-size:11px}
.noc-health-stats{display:flex;gap:8px;flex-wrap:wrap;margin-block-start:18px}
.noc-health-stats>span{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:rgba(7,11,19,.42);color:var(--ink-faint);font-size:9.5px}.noc-health-stats b{color:var(--ink);font:700 12px/1 var(--mono)}
.noc-health-stats i,.noc-node-strip i{inline-size:6px;block-size:6px;border-radius:50%}.is-good{color:var(--noc-green)!important}.is-warn{color:var(--noc-amber)!important}.is-bad{color:var(--noc-red)!important}
i.is-good{background:var(--noc-green);box-shadow:0 0 8px rgba(67,230,175,.52)}i.is-warn{background:var(--noc-amber);box-shadow:0 0 8px rgba(255,198,109,.48)}i.is-bad{background:var(--noc-red);box-shadow:0 0 8px rgba(255,117,131,.48)}
.noc-node-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0 -18px -18px;border-block-start:1px solid var(--line);background:var(--line)}
.noc-node-strip>span{min-inline-size:0;display:grid;grid-template-columns:8px minmax(0,1fr);align-items:center;gap:2px 7px;padding:10px 15px;background:#0d1625}.noc-node-strip i{grid-row:1 / span 2}.noc-node-strip small{overflow:hidden;color:#667791;font:700 7.5px/1.4 var(--mono);text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:right}.noc-node-strip b{font-size:10px}
.noc-incident-panel{display:flex;flex-direction:column}.noc-count{min-inline-size:31px;block-size:25px;display:grid;place-items:center;border-radius:8px;font:700 11px/1 var(--mono)}.noc-count.is-critical{border:1px solid rgba(255,117,131,.32);background:rgba(255,117,131,.1);color:var(--noc-red)}.noc-count.is-clear{background:rgba(67,230,175,.09);color:var(--noc-green)}
.noc-incident-list{display:flex;flex-direction:column}.noc-incident{min-inline-size:0;display:grid;grid-template-columns:7px minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 0;border-block-end:1px solid rgba(54,70,96,.64);color:inherit;text-decoration:none}.noc-incident:last-child{border-block-end:0}.noc-incident:hover strong{color:var(--accent)}.noc-incident>span{min-inline-size:0}.noc-incident strong,.noc-incident small{display:block}.noc-incident strong{overflow:hidden;font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.noc-incident small{margin-block-start:2px;color:var(--ink-faint);font-size:9px;line-height:1.65}.noc-incident time{color:#63748e;font:500 8px/1.5 var(--mono);white-space:nowrap}.noc-severity{inline-size:6px;block-size:6px;margin-block-start:7px;border-radius:50%;background:var(--noc-amber)}.noc-severity--critical{background:var(--noc-red);box-shadow:0 0 9px rgba(255,117,131,.55)}
.noc-clear-state{flex:1;min-block-size:155px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.noc-clear-state>span{inline-size:42px;block-size:42px;display:grid;place-items:center;margin-block-end:9px;border:1px solid rgba(67,230,175,.28);border-radius:50%;background:rgba(67,230,175,.08);color:var(--noc-green);font:700 18px/1 var(--mono)}.noc-clear-state small{color:var(--ink-faint)}
.noc-more{display:block;margin-block-start:auto;padding-block-start:9px;border-block-start:1px solid var(--line)}
.noc-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.noc-kpi{min-inline-size:0;display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:start;padding:13px;border:1px solid rgba(62,81,112,.62);border-radius:13px;background:rgba(15,24,40,.86);color:inherit;text-decoration:none;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.noc-kpi:hover{border-color:#526b94;background:#131f34;color:inherit;transform:translateY(-2px)}
.noc-kpi__icon{inline-size:34px;block-size:34px;display:grid;place-items:center;border-radius:10px;background:rgba(104,136,255,.11);color:var(--noc-blue);font:800 16px/1 var(--mono)}.noc-kpi__icon--cyan{background:rgba(56,217,255,.09);color:var(--noc-cyan)}.noc-kpi__icon--green{background:rgba(67,230,175,.09);color:var(--noc-green)}.noc-kpi__icon--violet{background:rgba(167,139,250,.1);color:var(--noc-violet)}.noc-kpi__icon--amber{background:rgba(255,198,109,.09);color:var(--noc-amber)}.noc-kpi__icon--red{background:rgba(255,117,131,.09);color:var(--noc-red)}
.noc-kpi>span:last-child{min-inline-size:0}.noc-kpi small,.noc-kpi strong,.noc-kpi em{display:block}.noc-kpi small{overflow:hidden;color:var(--ink-faint);font-size:8.5px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.noc-kpi strong{overflow:hidden;margin:3px 0;color:var(--ink);font:850 clamp(15px,1.35vw,20px)/1.4 var(--mono);text-overflow:ellipsis;white-space:nowrap}.noc-kpi strong b{font:inherit}.noc-kpi em{overflow:hidden;color:#687a94;font-size:7.8px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.noc-kpi em b{color:var(--ink-soft)}
.noc-chart-grid{display:grid;grid-template-columns:minmax(0,1.7fr) repeat(2,minmax(260px,.8fr));gap:15px}.noc-chart-panel{min-block-size:285px}.noc-chart-panel--wide{background:radial-gradient(circle at 15% 20%,rgba(56,217,255,.055),transparent 30%),linear-gradient(145deg,#111b2c,#0b121f)}
.noc-live-badge{display:flex;align-items:center;gap:7px;color:var(--noc-green);font:700 8px/1.5 var(--mono);direction:ltr}.noc-live-badge i{inline-size:5px;block-size:5px}
.noc-chart{inline-size:100%;block-size:210px;position:relative}.noc-chart svg{inline-size:100%;block-size:100%;overflow:visible}.noc-chart text{fill:#71839d;font:500 9px/1 var(--font)}.noc-chart .noc-grid-line{stroke:#263650;stroke-width:1;stroke-dasharray:3 5}.noc-chart .noc-chart-line{fill:none;stroke:var(--noc-cyan);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(56,217,255,.35))}.noc-chart .noc-chart-area{fill:url(#noc-area-gradient);opacity:.45}.noc-chart .noc-chart-dot{fill:#0c1625;stroke:var(--noc-cyan);stroke-width:2}.noc-chart .noc-chart-bar{fill:url(#noc-bar-gradient);rx:5}.noc-chart .noc-chart-value{fill:#b9c6d9;font:700 8px/1 var(--mono)}.noc-chart-empty{block-size:100%;display:grid;place-items:center;color:var(--ink-faint);font-size:10px}
.noc-detail-grid{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(280px,1fr));gap:15px;align-items:stretch}.noc-detail-grid>.noc-panel{min-block-size:255px}
.noc-refresh-label{color:#62748f;font-size:8.5px}.noc-queues{display:flex;flex-direction:column}.noc-queue{min-inline-size:0;display:grid;grid-template-columns:minmax(110px,.85fr) minmax(70px,1fr) 42px;gap:12px;align-items:center;padding:9px 0;border-block-end:1px solid rgba(54,70,96,.6);color:inherit;text-decoration:none}.noc-queue:last-child{border-block-end:0}.noc-queue__label{min-inline-size:0}.noc-queue__label strong,.noc-queue__label small{display:block}.noc-queue__label strong{font-size:10.5px}.noc-queue__label small{color:var(--ink-faint);font-size:8.5px}.noc-queue__label b{color:var(--ink-soft)}.noc-queue__track{block-size:5px;border-radius:9px;background:#1d2a3e;overflow:hidden}.noc-queue__track i{--queue-load:0%;display:block;inline-size:max(3px,var(--queue-load));block-size:100%;border-radius:inherit;background:linear-gradient(90deg,var(--noc-blue),var(--noc-cyan));box-shadow:0 0 8px rgba(56,217,255,.32);transition:inline-size .5s ease}.noc-queue:has(.noc-queue__state.is-bad) .noc-queue__track i{background:linear-gradient(90deg,var(--noc-amber),var(--noc-red))}.noc-queue__state{justify-self:end;font-size:8.5px;font-weight:700}
.noc-security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid var(--line);border-radius:11px;background:var(--line);overflow:hidden}.noc-security-grid>div{min-inline-size:0;padding:12px;background:#0d1625}.noc-security-grid span,.noc-security-grid strong,.noc-security-grid small{display:block}.noc-security-grid span{color:var(--ink-faint);font-size:8.5px}.noc-security-grid strong{margin:3px 0;font:800 18px/1.3 var(--mono)}.noc-security-grid strong b{font:inherit}.noc-security-grid small{overflow:hidden;color:#60718c;font-size:7.5px;text-overflow:ellipsis;white-space:nowrap}.noc-status-word{font:800 12px/1.7 var(--font)!important}
.noc-audit-stream{display:flex;flex-direction:column}.noc-audit-stream>div{min-inline-size:0;display:grid;grid-template-columns:7px minmax(0,1fr) auto;gap:9px;align-items:start;padding:8px 0;border-block-end:1px solid rgba(54,70,96,.58)}.noc-audit-stream>div:last-child{border-block-end:0}.noc-audit-stream i{inline-size:5px;block-size:5px;margin-block-start:7px;border-radius:50%;background:var(--noc-blue);box-shadow:0 0 7px rgba(104,136,255,.5)}.noc-audit-stream span{min-inline-size:0}.noc-audit-stream strong,.noc-audit-stream small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noc-audit-stream strong{font-size:9.5px}.noc-audit-stream small{color:var(--ink-faint);font-size:8px}.noc-audit-stream time{color:#60718a;font:500 7.5px/1.6 var(--mono);white-space:nowrap}
.noc-demo-strip{padding-block:14px}.noc-demo-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.noc-demo-list>a{min-inline-size:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#0d1625;color:inherit;text-decoration:none}.noc-demo-list>a:hover{border-color:var(--line-strong)}.noc-demo-list span:first-child{min-inline-size:0}.noc-demo-list strong,.noc-demo-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noc-demo-list strong{font-size:10px}.noc-demo-list small{color:var(--ink-faint);font-size:8px}
@keyframes noc-pulse{0%,100%{opacity:1}50%{opacity:.45}}@keyframes noc-orbit{to{transform:rotate(360deg)}}

@media(max-width:1360px){.noc-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.noc-chart-grid{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr)}.noc-chart-panel--wide{grid-row:span 2;min-block-size:585px}.noc-chart-panel--wide .noc-chart{block-size:500px}.noc-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.noc-queue-panel{grid-row:span 2}.noc-demo-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.noc-hero-grid{grid-template-columns:1fr}.noc-chart-grid{grid-template-columns:1fr 1fr}.noc-chart-panel--wide{grid-column:1 / -1;grid-row:auto;min-block-size:315px}.noc-chart-panel--wide .noc-chart{block-size:225px}.noc-detail-grid{grid-template-columns:1fr 1fr}.noc-queue-panel{grid-column:1 / -1;grid-row:auto}}
@media(max-width:720px){.noc-head{align-items:flex-start;flex-direction:column}.noc-head__tools{justify-content:flex-start}.noc-hero-grid,.noc-chart-grid,.noc-detail-grid{grid-template-columns:1fr}.noc-health-layout{grid-template-columns:130px minmax(0,1fr);gap:14px}.noc-health-ring{inline-size:120px;block-size:120px}.noc-health-ring strong{font-size:2rem}.noc-health-panel{padding-block-end:16px}.noc-node-strip{grid-template-columns:1fr;margin-block-start:4px}.noc-chart-panel--wide{grid-column:auto}.noc-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.noc-queue-panel{grid-column:auto}.noc-demo-list{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.noc-dashboard{gap:11px}.noc-panel{padding:15px;border-radius:14px}.noc-health-layout{grid-template-columns:1fr;text-align:center}.noc-health-ring{margin-inline:auto}.noc-health-stats{justify-content:center}.noc-node-strip{margin-inline:-15px;margin-block-end:-15px}.noc-kpi-grid{grid-template-columns:1fr}.noc-kpi{grid-template-columns:38px minmax(0,1fr)}.noc-chart{block-size:190px}.noc-incident{grid-template-columns:7px minmax(0,1fr)}.noc-incident time{grid-column:2}.noc-queue{grid-template-columns:minmax(100px,1fr) 42px}.noc-queue__track{grid-column:1 / -1;grid-row:2}.noc-demo-list{grid-template-columns:1fr}.noc-security-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.noc-kicker i,.noc-live-state i,.noc-live-badge i,.noc-health-ring::after{animation:none!important}}

/* NOC operations workbench v2 */
.main-content:has(.noc-workbench){max-inline-size:1760px;padding:16px 18px 48px}
.noc-workbench{--noc-bg:#080d15;--noc-surface:#0d141f;--noc-raised:#111a27;--noc-line:#263244;--noc-line-soft:#1b2635;--noc-text:#edf3fb;--noc-muted:#9aa8bc;--noc-dim:#748399;--noc-cyan:#43c6e8;--noc-green:#2dd4a8;--noc-amber:#f2b84b;--noc-red:#ff5d6c;--noc-red-deep:#c94155;display:flex;flex-direction:column;gap:12px;color:var(--noc-text);font-size:14px;line-height:1.65}
.noc-commandbar{min-block-size:52px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 2px;border-block-end:1px solid var(--noc-line-soft)}
.noc-commandbar__title{min-inline-size:0;display:flex;align-items:baseline;gap:12px}.noc-commandbar h1{margin:0;font-size:22px;font-weight:800;letter-spacing:-.025em}.noc-eyebrow{color:#7f90a7;font:700 10px/1.4 var(--mono);letter-spacing:.1em;direction:ltr;white-space:nowrap}
.noc-commandbar__meta{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-inline-size:0}.noc-feed-state,.noc-sync-time,.noc-clock,.noc-icon-link{min-block-size:36px;display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid var(--noc-line);border-radius:7px;background:var(--noc-surface);color:var(--noc-muted);font-size:11px;text-decoration:none;white-space:nowrap}.noc-feed-state i{inline-size:7px;block-size:7px;border-radius:50%;background:var(--noc-green);box-shadow:0 0 0 3px rgba(45,212,168,.09)}.noc-feed-state.is-syncing i{background:var(--noc-amber)}.noc-feed-state.is-offline{color:#ff9aa3;border-color:rgba(255,93,108,.35)}.noc-feed-state.is-offline i{background:var(--noc-red);box-shadow:none}.noc-sync-time b{color:var(--noc-text);font-weight:500}.noc-clock{direction:ltr;font-family:var(--mono)}.noc-icon-link:hover{border-color:#4a5b73;background:var(--noc-raised);color:var(--noc-text)}
.noc-state-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--noc-line);border-radius:8px;background:var(--noc-line);gap:1px;overflow:hidden}.noc-state-cell{position:relative;min-inline-size:0;min-block-size:82px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:2px 10px;padding:11px 14px;border:0;background:var(--noc-surface);color:var(--noc-muted);text-align:start;cursor:default}.noc-state-cell[data-server-filter]{cursor:pointer}.noc-state-cell[data-server-filter]:hover,.noc-state-cell.is-selected{background:var(--noc-raised)}.noc-state-cell.is-selected::after{content:"";position:absolute;inset-inline:10px;inset-block-end:0;block-size:2px;background:var(--noc-cyan)}.noc-state-cell span{align-self:end;font-size:12px;font-weight:700}.noc-state-cell strong{grid-row:1 / span 2;grid-column:2;align-self:center;color:var(--noc-text);font:800 26px/1 var(--mono)}.noc-state-cell small{color:var(--noc-dim);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noc-state-cell.is-healthy strong{color:var(--noc-green)}.noc-state-cell.is-degraded strong{color:var(--noc-amber)}.noc-state-cell.is-critical strong,.noc-state-cell.is-offline strong,.noc-state-cell.is-alert strong{color:var(--noc-red)}.noc-state-cell small b{color:inherit}
.noc-primary-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:12px;align-items:stretch}.noc-side-stack{min-inline-size:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px}.noc-surface{min-inline-size:0;margin:0;padding:16px;border:1px solid var(--noc-line);border-radius:8px;background:var(--noc-surface);box-shadow:0 8px 28px rgba(0,0,0,.1)}.noc-surface__head{min-block-size:40px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-block-end:10px}.noc-surface__head h2{margin:1px 0 0;font-size:15px;font-weight:800}.noc-surface__head>a,.noc-surface__head>span{color:var(--noc-muted);font-size:11px;text-decoration:none}.noc-surface__head>a:hover{color:var(--noc-cyan)}
.noc-server-panel{padding:0;overflow:hidden}.noc-server-toolbar{min-block-size:68px;align-items:center;margin:0;padding:12px 14px;border-block-end:1px solid var(--noc-line)}.noc-server-toolbar>div:first-child{min-inline-size:180px}.noc-search{position:relative;inline-size:min(360px,42%);margin-inline-start:auto}.noc-search::before{content:"⌕";position:absolute;inset-inline-start:12px;inset-block-start:50%;transform:translateY(-50%);color:var(--noc-dim);font:700 16px/1 var(--mono)}.noc-search input{inline-size:100%;block-size:40px;padding:7px 34px 7px 12px;border:1px solid var(--noc-line);border-radius:7px;background:#090f18;color:var(--noc-text);font-size:12px;outline:0}.noc-search input:focus{border-color:#49617d;box-shadow:0 0 0 2px rgba(67,198,232,.08)}.noc-search input::placeholder{color:#68788f}.noc-result-count{min-inline-size:76px;color:var(--noc-dim);font-size:11px;text-align:end}.noc-result-count b{color:var(--noc-text);font-family:var(--mono)}
.noc-table-frame{inline-size:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-color:#344257 #0a1019}.noc-server-table{inline-size:100%;min-inline-size:900px;border:0;border-collapse:collapse;background:transparent;font-size:12px}.noc-server-table th{padding:10px 12px;border-block-end:1px solid var(--noc-line);background:#0a111b;color:#8997aa;font-size:11px;font-weight:700;text-align:start;white-space:nowrap}.noc-server-table th:nth-child(1){inline-size:17%}.noc-server-table th:nth-child(2){inline-size:27%}.noc-server-table th:nth-child(3){inline-size:17%}.noc-server-table th:nth-child(4){inline-size:23%}.noc-server-table th:nth-child(5){inline-size:16%}.noc-server-table td{min-inline-size:0;padding:13px 12px;border-block-end:1px solid var(--noc-line-soft);vertical-align:middle;color:var(--noc-text)}.noc-server-table tbody tr:last-child td{border-block-end:0}.noc-server-table tbody tr{transition:background-color .14s ease}.noc-server-table tbody tr:hover{background:#111a27}.noc-server-table strong,.noc-server-table small{display:block}.noc-server-table small{max-inline-size:240px;color:var(--noc-dim);font-size:10.5px;line-height:1.65;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noc-server-name{display:block;max-inline-size:220px;color:var(--noc-text);font-size:13px;font-weight:700;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noc-server-name:hover{color:var(--noc-cyan)}.noc-row-reason{max-inline-size:175px!important;margin-block-start:4px;color:#aab5c4!important;white-space:normal!important}.noc-mono{font-family:var(--mono);font-size:11.5px}.noc-ltr{display:block;max-inline-size:220px;margin-block-start:3px;direction:ltr;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noc-ltr-inline{display:inline;direction:ltr;unicode-bidi:isolate;font:inherit}.noc-row-link{inline-size:32px;block-size:32px;display:grid;place-items:center;border:1px solid var(--noc-line);border-radius:6px;color:var(--noc-muted);font:700 15px/1 var(--mono);text-decoration:none}.noc-row-link:hover{border-color:#49617d;background:var(--noc-raised);color:var(--noc-text)}
.noc-status{display:inline-flex!important;align-items:center;gap:7px;color:var(--noc-muted);font-size:11px;font-weight:700;white-space:nowrap}.noc-status i{inline-size:7px;block-size:7px;border-radius:50%;background:#66758b}.noc-status.is-healthy{color:var(--noc-green)}.noc-status.is-healthy i{background:var(--noc-green)}.noc-status.is-degraded{color:var(--noc-amber)}.noc-status.is-degraded i{background:var(--noc-amber)}.noc-status.is-critical,.noc-status.is-offline{color:var(--noc-red)}.noc-status.is-critical i,.noc-status.is-offline i{background:var(--noc-red);box-shadow:0 0 8px rgba(255,93,108,.38)}
.noc-checks{display:grid;grid-template-columns:repeat(2,max-content);gap:5px 10px}.noc-checks span{display:inline-flex;align-items:center;gap:5px;color:#8f9db0;font-size:10px;white-space:nowrap}.noc-checks i{inline-size:5px;block-size:5px;border-radius:50%;background:#637187}.noc-checks .is-ok i{background:var(--noc-green)}.noc-checks .is-error{color:#ff9aa3}.noc-checks .is-error i{background:var(--noc-red)}.noc-table-empty{padding:48px 16px;color:var(--noc-muted);text-align:center;font-size:12px}
.noc-counter{min-inline-size:30px;block-size:26px;display:grid!important;place-items:center;border:1px solid rgba(255,93,108,.3);border-radius:6px;background:rgba(255,93,108,.08);color:var(--noc-red)!important;font:700 11px/1 var(--mono)}.noc-incident-panel{min-block-size:290px}.noc-incident-list{display:flex;flex-direction:column}.noc-incident{min-inline-size:0;display:grid;grid-template-columns:7px minmax(0,1fr);gap:10px;padding:11px 1px;border-block-end:1px solid var(--noc-line-soft);color:inherit;text-decoration:none}.noc-incident:last-child{border-block-end:0}.noc-incident>i{inline-size:6px;block-size:6px;margin-block-start:7px;border-radius:50%;background:var(--noc-amber)}.noc-incident.is-critical>i,.noc-incident.is-offline>i{background:var(--noc-red)}.noc-incident span{min-inline-size:0}.noc-incident strong,.noc-incident small,.noc-incident em{display:block;overflow:hidden;text-overflow:ellipsis}.noc-incident strong{font-size:12px;white-space:nowrap}.noc-incident small{margin-block:2px;color:#b3bdca;font-size:10.5px;line-height:1.65;white-space:normal}.noc-incident em{color:var(--noc-dim);font-size:10px;font-style:normal;white-space:nowrap}.noc-incident:hover strong{color:var(--noc-cyan)}.noc-empty-inline{padding:28px 8px;color:var(--noc-muted);font-size:12px;text-align:center}
.noc-node-list{display:flex;flex-direction:column;gap:8px}.noc-node{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 10px;padding:11px;border:1px solid var(--noc-line-soft);border-radius:7px;background:#0a111b;color:inherit;text-decoration:none}.noc-node>.noc-status{grid-row:1 / span 2;align-self:start;margin-block-start:3px}.noc-node>strong,.noc-node>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noc-node>strong{font-size:12px}.noc-node>small{color:var(--noc-dim);font:500 10px/1.6 var(--mono)}.noc-node>div{grid-column:1 / -1;display:flex;justify-content:space-between;gap:8px;padding-block-start:7px;border-block-start:1px solid var(--noc-line-soft);color:var(--noc-muted);font-size:10px}.noc-node:hover{border-color:#3c4c62;background:var(--noc-raised)}
.noc-chart-layout{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(420px,1.55fr) minmax(260px,.9fr);gap:12px}.noc-chart-card{padding-block-end:10px}.noc-chart-card .noc-surface__head{margin-block-end:2px}.noc-chart-box{position:relative;block-size:205px}.noc-chart-box canvas{inline-size:100%!important;block-size:100%!important}.noc-chart-message{position:absolute;inset:0;display:grid;place-items:center;color:var(--noc-muted);font-size:11px;text-align:center}
.noc-ops-layout{display:grid;grid-template-columns:1.1fr .85fr 1fr;gap:12px}.noc-queue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.noc-queue-grid>a{min-inline-size:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1px 9px;padding:10px;border:1px solid var(--noc-line-soft);border-radius:6px;background:#0a111b;color:inherit;text-decoration:none}.noc-queue-grid span{overflow:hidden;color:var(--noc-muted);font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.noc-queue-grid strong{grid-row:1 / span 2;grid-column:2;align-self:center;font:700 16px/1 var(--mono)}.noc-queue-grid small{color:var(--noc-dim);font-size:10px}.noc-queue-grid small b{color:inherit}.noc-queue-grid a.has-error{border-color:rgba(255,93,108,.35)}.noc-queue-grid a.has-error strong,.noc-queue-grid a.has-error small b{color:var(--noc-red)}
.noc-security-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--noc-line-soft);border-radius:6px;background:var(--noc-line-soft);gap:1px;overflow:hidden}.noc-security-row>div{padding:11px;background:#0a111b}.noc-security-row span,.noc-security-row strong{display:block}.noc-security-row span{color:var(--noc-dim);font-size:10px}.noc-security-row strong{margin-block-start:3px;font:700 16px/1.4 var(--mono)}.noc-security-row strong b{font:inherit}.noc-recovery-detail{display:flex;gap:14px;margin-block-start:9px;color:var(--noc-dim);font-size:10px}.noc-recovery-detail b{color:var(--noc-muted);font-weight:500}
.noc-audit-list{display:flex;flex-direction:column}.noc-audit-list>div{display:grid;grid-template-columns:6px minmax(0,1fr) auto;gap:9px;align-items:start;padding:8px 0;border-block-end:1px solid var(--noc-line-soft)}.noc-audit-list>div:last-child{border-block-end:0}.noc-audit-list i{inline-size:5px;block-size:5px;margin-block-start:7px;border-radius:50%;background:var(--noc-cyan)}.noc-audit-list strong,.noc-audit-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noc-audit-list strong{font-size:11px}.noc-audit-list small{color:var(--noc-dim);font-size:10px}.noc-audit-list time{color:var(--noc-dim);font:500 10px/1.6 var(--mono);white-space:nowrap}

.noc-table-frame{overflow-x:auto}
@media(max-width:1320px){.noc-primary-layout{grid-template-columns:1fr}.noc-side-stack{grid-template-columns:1.4fr 1fr;grid-template-rows:auto}.noc-chart-layout{grid-template-columns:1fr 1fr}.noc-chart-card--wide{grid-column:1 / -1;grid-row:1}.noc-ops-layout{grid-template-columns:1fr 1fr}.noc-ops-layout>article:last-child{grid-column:1 / -1}}
@media(max-width:900px){.noc-commandbar{align-items:flex-start;flex-direction:column;padding-block:8px}.noc-commandbar__meta{inline-size:100%;justify-content:flex-start;overflow-x:auto;padding-block-end:2px}.noc-state-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.noc-side-stack,.noc-chart-layout,.noc-ops-layout{grid-template-columns:1fr}.noc-chart-card--wide,.noc-ops-layout>article:last-child{grid-column:auto;grid-row:auto}.noc-table-frame{overflow-x:auto}.noc-queue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.main-content:has(.noc-workbench){padding:10px 10px 38px}.noc-workbench{gap:10px}.noc-commandbar__title{align-items:flex-start;flex-direction:column;gap:2px}.noc-commandbar h1{font-size:20px}.noc-sync-time{display:none}.noc-state-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.noc-state-cell{min-block-size:76px}.noc-state-cell:last-child{grid-column:1 / -1}.noc-server-toolbar{align-items:flex-start;flex-wrap:wrap}.noc-search{order:3;inline-size:100%}.noc-result-count{margin-inline-start:auto}.noc-table-frame{overflow:visible}.noc-server-table{min-inline-size:0}.noc-server-table thead{display:none}.noc-server-table,.noc-server-table tbody{display:block}.noc-server-table tr{display:grid;grid-template-columns:1fr 1fr;padding:12px;border-block-end:1px solid var(--noc-line)}.noc-server-table td{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:start;gap:10px;padding:8px 0;border:0}.noc-server-table td::before{content:attr(data-label);color:var(--noc-dim);font-size:10px}.noc-server-table td:nth-child(1),.noc-server-table td:nth-child(2),.noc-server-table td:nth-child(4),.noc-server-table td:nth-child(5){grid-column:1 / -1}.noc-server-table td:nth-child(6){position:absolute;inset-inline-end:12px;inset-block-start:12px;display:block}.noc-server-table tr{position:relative}.noc-server-table small,.noc-server-name,.noc-ltr{max-inline-size:none}.noc-checks{grid-template-columns:repeat(3,max-content)}.noc-side-stack{display:flex;flex-direction:column}.noc-chart-box{block-size:220px}.noc-node>div{align-items:flex-start;flex-direction:column}.noc-recovery-detail{flex-direction:column;gap:3px}}
@media(max-width:420px){.noc-state-strip{grid-template-columns:1fr 1fr}.noc-state-cell{padding:8px 9px}.noc-state-cell strong{font-size:20px}.noc-queue-grid{grid-template-columns:1fr}.noc-server-table tr{grid-template-columns:1fr}.noc-server-table td{grid-column:1 / -1!important}.noc-checks{grid-template-columns:repeat(2,max-content)}.noc-security-row{grid-template-columns:1fr 1fr}.noc-security-row>div:last-child{grid-column:1 / -1}}
@media(prefers-reduced-motion:reduce){.noc-workbench *{animation-duration:.01ms!important;transition-duration:.01ms!important}}