/* ---------- مركز الأمان — «أ · غرفة المراقبة» ----------
   منقول آلياً من design-previews/security-center/a.html بسكربت port_css.py
   (بادئة sc- وحصر تحت #scRoot و#scPortal) — لا يُحرَّر باليد؛ عدّل المعاينة ثم أعد النقل.
   الرموز الأساسية (--bg/--surface/--primary…) من اللوحة؛ هنا المشتقّة فقط. */
#scRoot,#scPortal{--low:#4f5ac2;--low-bg:#eceefd;--low-line:#cfd4f6;--sev-hi:#c23a63;--sev-md:#b8790a;--sev-lo:#5f6bd0;--inset:#f7f3fd;--raw-bg:#f4effb;--hl:rgba(255,255,255,.9);--grid-line:rgba(124,77,189,.075);--tick:#d9cdef;--tick-strong:#bba6dc;--track:#efe8f9;--hero-bg:linear-gradient(165deg,#ffffff 0%,#fbf8ff 52%,#f3ebfd 100%);--hero-foot:rgba(246,241,253,.75);--tip-bg:#2b1a42;--tip-ink:#f6f0fd;--tip-faint:#c6b6dd;--glow-hi:0 0 0 0 transparent;--glow-live:0 0 0 0 transparent;--glow-arc:none;--skel:#efe8f8;--skel-hi:#f8f4fd;--scrim:rgba(43,26,66,.38);--glass:rgba(255,255,255,.86);font-family:var(--fbody);font-size:14.5px;line-height:1.6;color:var(--text)}
[data-theme="dark"] #scRoot,[data-theme="dark"] #scPortal{--low:#9ea6f4;--low-bg:#1d1d40;--low-line:#33386a;--sev-hi:#d85d86;--sev-md:#b8862a;--sev-lo:#7f88e2;--inset:#190f27;--raw-bg:#1a1029;--hl:rgba(255,255,255,.035);--grid-line:rgba(185,143,217,.07);--tick:#3a2758;--tick-strong:#5b3f86;--track:#2a1b3e;--hero-bg:radial-gradient(120% 150% at 88% -10%,#2d1a45 0%,#1e1230 42%,#170d25 100%);--hero-foot:rgba(14,7,22,.35);--tip-bg:#0b0612;--tip-ink:#f1e8f8;--tip-faint:#a28dbd;--glow-hi:0 0 16px -3px rgba(226,104,143,.6);--glow-live:0 0 10px 1px rgba(79,209,168,.55);--glow-arc:drop-shadow(0 0 6px rgba(226,104,143,.55));--skel:#24163a;--skel-hi:#2f1f48;--scrim:rgba(5,2,10,.62);--glass:rgba(32,19,47,.88)}
:is(#scRoot,#scPortal) *,:is(#scRoot,#scPortal) *::before,:is(#scRoot,#scPortal) *::after{box-sizing:border-box}
#scSprite{position:absolute;width:0;height:0;overflow:hidden}
/* إضافات اللوحة على المعاينة (ليست فيها): ملاحظة بدء التتبّع، حقل سبب التجميد، زرّ «والبقية» */
#scRoot .sc-kpi-note{display:flex;align-items:center;gap:7px;margin:-6px 0 18px;font-size:12.5px;color:var(--faint)}
#scRoot .sc-kpi-note .sc-ic{width:15px;height:15px;flex:0 0 auto}
#scPortal .sc-dlg-l{display:block;margin:14px 0 6px;font-weight:700;font-size:13px;color:var(--text)}
#scPortal .sc-dlg-ta{width:100%;min-height:76px;resize:vertical;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);color:var(--text);padding:10px 12px;font:inherit}
#scPortal .sc-dlg-ta:focus-visible{outline:2px solid var(--primary-light);outline-offset:1px}
#scPortal .sc-dlg-e{display:block;min-height:16px;margin-top:4px;color:var(--crit);font-size:12px;font-weight:700}
#scRoot .sc-plist button.sc-more{background:none;border:0;padding:0 4px;cursor:pointer;color:var(--primary);font:inherit;font-weight:700}
#scRoot .sc-plist button.sc-more:hover{text-decoration:underline}
:is(#scRoot,#scPortal) button,:is(#scRoot,#scPortal) input,:is(#scRoot,#scPortal) select,:is(#scRoot,#scPortal) textarea{font:inherit;color:inherit}
:is(#scRoot,#scPortal) button{cursor:pointer}
:is(#scRoot,#scPortal) h1,:is(#scRoot,#scPortal) h2,:is(#scRoot,#scPortal) h3,:is(#scRoot,#scPortal) h4{font-family:var(--fdisplay);margin:0}
:is(#scRoot,#scPortal) p{margin:0}
:is(#scRoot,#scPortal) .sc-ic{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
:is(#scRoot,#scPortal) .sc-num{font-family:var(--fdisplay);font-variant-numeric:tabular-nums}
:is(#scRoot,#scPortal) .sc-raw{font-family:var(--fbody);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum";letter-spacing:.02em;font-size:.9em;font-weight:600;background:var(--raw-bg);border:1px solid var(--border-soft);padding:0 7px;border-radius:7px;white-space:nowrap;direction:ltr;unicode-bidi:isolate;display:inline-block;line-height:1.75;color:var(--text)}
:is(#scRoot,#scPortal) .sc-tm{direction:ltr;unicode-bidi:isolate;white-space:nowrap;font-variant-numeric:tabular-nums}
:is(#scRoot,#scPortal) :focus{outline:none}
:is(#scRoot,#scPortal) :focus-visible{outline:2px solid var(--primary-light);outline-offset:2px;border-radius:8px}
:is(#scRoot,#scPortal) .sc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:is(#scRoot,#scPortal) .sc-s-hi{--sc:var(--crit);--sc-bg:var(--crit-bg);--sc-line:var(--crit-line);--sf:var(--sev-hi)}
:is(#scRoot,#scPortal) .sc-s-md{--sc:var(--warn);--sc-bg:var(--warn-bg);--sc-line:var(--warn-line);--sf:var(--sev-md)}
:is(#scRoot,#scPortal) .sc-s-lo{--sc:var(--low);--sc-bg:var(--low-bg);--sc-line:var(--low-line);--sf:var(--sev-lo)}
:is(#scRoot,#scPortal) .sc-sev{display:inline-flex;align-items:center;gap:5px;font-weight:800;font-size:12px;line-height:1;color:var(--sc);background:var(--sc-bg);border:1px solid var(--sc-line);padding:5px 9px 5px 10px;border-radius:999px;white-space:nowrap}
:is(#scRoot,#scPortal) .sc-sev svg{width:12px;height:12px}
:is(#scRoot,#scPortal) .sc-sev.sc-s-hi{box-shadow:var(--glow-hi)}
:is(#scRoot,#scPortal) .sc-stc{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap}
:is(#scRoot,#scPortal) .sc-stc .sc-ic{width:14px;height:14px}
:is(#scRoot,#scPortal) .sc-stc.sc-new{color:var(--primary)}
:is(#scRoot,#scPortal) .sc-stc.sc-new::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--primary);flex:0 0 auto}
:is(#scRoot,#scPortal) .sc-stc.sc-review{color:var(--warn)}
:is(#scRoot,#scPortal) .sc-stc.sc-done{color:var(--good)}
:is(#scRoot,#scPortal) .sc-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 15px;border-radius:11px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:700;font-size:13.5px;white-space:nowrap;transition:border-color .15s,background .15s,transform .1s}
:is(#scRoot,#scPortal) .sc-btn .sc-ic{width:16px;height:16px}
:is(#scRoot,#scPortal) .sc-btn:hover{border-color:var(--primary-light)}
:is(#scRoot,#scPortal) .sc-btn:active{transform:translateY(1px)}
:is(#scRoot,#scPortal) .sc-btn.sc-primary{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 10px 22px -12px rgba(124,77,189,.7)}
:is(#scRoot,#scPortal) .sc-btn.sc-primary:hover{filter:brightness(1.06)}
:is(#scRoot,#scPortal) .sc-btn.sc-outline{border-color:var(--primary-light);color:var(--primary);background:transparent}
:is(#scRoot,#scPortal) .sc-btn.sc-ghost{background:transparent}
:is(#scRoot,#scPortal) .sc-btn.sc-danger{background:var(--crit);border-color:transparent;color:#fff}
:is(#scRoot,#scPortal) .sc-btn.sc-danger-soft{background:var(--crit-bg);border-color:var(--crit-line);color:var(--crit)}
:is(#scRoot,#scPortal) .sc-btn.sc-sm{min-height:36px;padding:0 12px;font-size:12.5px;border-radius:10px}
:is(#scRoot,#scPortal) .sc-btn[disabled]{opacity:.55;cursor:not-allowed;transform:none;filter:none}
:is(#scRoot,#scPortal) .sc-btn.sc-end-btn{background:transparent;color:var(--crit)}
:is(#scRoot,#scPortal) .sc-btn.sc-end-btn:hover{background:var(--crit-bg);border-color:var(--crit-line)}
:is(#scRoot,#scPortal) .sc-btn.sc-done-state{background:var(--good-bg);border-color:var(--good-line);color:var(--good);opacity:1}
:is(#scRoot,#scPortal) .sc-link{display:inline-flex;align-items:center;gap:4px;background:none;border:0;padding:6px 4px;min-height:36px;color:var(--primary);font-weight:700;font-size:13px}
:is(#scRoot,#scPortal) .sc-link .sc-ic{width:15px;height:15px}
:is(#scRoot,#scPortal) .sc-link:hover{text-decoration:underline;text-underline-offset:3px}
:is(#scRoot,#scPortal) .sc-sb-badge{margin-inline-start:auto;background:var(--crit);color:#fff;font:800 10.5px/1 var(--fdisplay);padding:4px 7px 3px;border-radius:999px;font-variant-numeric:tabular-nums}
:is(#scRoot,#scPortal) .sc-sh{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;margin-bottom:20px}
:is(#scRoot,#scPortal) .sc-sh-eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;font-size:12.5px;color:var(--primary);font-weight:800;font-family:var(--fdisplay)}
:is(#scRoot,#scPortal) .sc-sh-eyebrow .sc-ic{width:16px;height:16px}
:is(#scRoot,#scPortal) .sc-priv{display:inline-flex;align-items:center;gap:5px;color:var(--faint);font:500 12px var(--fbody)}
:is(#scRoot,#scPortal) .sc-priv .sc-ic{width:13px;height:13px}
:is(#scRoot,#scPortal) .sc-sh h1{font-size:27px;font-weight:800;line-height:1.25;margin:6px 0 4px;letter-spacing:-.005em}
:is(#scRoot,#scPortal) .sc-sh p{color:var(--muted);max-width:64ch;font-size:14px}
:is(#scRoot,#scPortal) .sc-sh-side{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
:is(#scRoot,#scPortal) .sc-live{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 13px;border-radius:999px;background:var(--good-bg);border:1px solid var(--good-line);color:var(--good);font-weight:800;font-size:12.5px;font-family:var(--fdisplay)}
:is(#scRoot,#scPortal) .sc-live i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:var(--glow-live);animation:scPulse 2s ease-out infinite}
:is(#scRoot,#scPortal) .sc-live.sc-off{background:var(--warn-bg);border-color:var(--warn-line);color:var(--warn)}
:is(#scRoot,#scPortal) .sc-live.sc-off i,:is(#scRoot,#scPortal) .sc-live.sc-wait i{animation:none;box-shadow:none}
:is(#scRoot,#scPortal) .sc-live.sc-wait{background:var(--surface);border-color:var(--border);color:var(--muted)}
:is(#scRoot,#scPortal) .sc-live small{font:600 11.5px var(--fbody);color:var(--muted)}
@keyframes scPulse{0%{transform:scale(1);opacity:1}55%{transform:scale(1.55);opacity:.45}100%{transform:scale(1);opacity:1}}
:is(#scRoot,#scPortal) .sc-clock{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:12.5px;font-weight:600}
:is(#scRoot,#scPortal) .sc-clock .sc-ic{width:15px;height:15px}
:is(#scRoot,#scPortal) .sc-sec-tabs{display:none;gap:6px;overflow-x:auto;margin:0 -16px 18px;padding:2px 16px 6px;scrollbar-width:none}
:is(#scRoot,#scPortal) .sc-sec-tabs::-webkit-scrollbar{display:none}
:is(#scRoot,#scPortal) .sc-sec-tab{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-weight:700;font-size:13px;white-space:nowrap}
:is(#scRoot,#scPortal) .sc-sec-tab .sc-ic{width:16px;height:16px}
:is(#scRoot,#scPortal) .sc-sec-tab[aria-current="page"]{background:var(--grad);color:#fff;border-color:transparent}
:is(#scRoot,#scPortal) .sc-sec-tab .sc-sb-badge{margin:0}
:is(#scRoot,#scPortal) .sc-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow),inset 0 1px 0 var(--hl);min-width:0}
:is(#scRoot,#scPortal) .sc-card-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px 10px;flex-wrap:wrap}
:is(#scRoot,#scPortal) .sc-card-h h3{font-size:16px;font-weight:800}
:is(#scRoot,#scPortal) .sc-card-h .sc-hint{font-size:12px;color:var(--faint);font-weight:500;display:block;margin-top:1px;font-family:var(--fbody)}
:is(#scRoot,#scPortal) .sc-card-b{padding:4px 18px 18px}
:is(#scRoot,#scPortal) .sc-hero{position:relative;border-radius:22px;border:1px solid var(--border);background:var(--hero-bg);box-shadow:var(--shadow),inset 0 1px 0 var(--hl);overflow:hidden;isolation:isolate}
:is(#scRoot,#scPortal) .sc-hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse 75% 95% at 82% 0%,#000 25%,transparent 78%);mask-image:radial-gradient(ellipse 75% 95% at 82% 0%,#000 25%,transparent 78%);pointer-events:none}
:is(#scRoot,#scPortal) .sc-hero::after{content:"";position:absolute;top:0;inset-inline:0;height:2px;background:linear-gradient(90deg,transparent,var(--hero-line,var(--primary-light)),transparent);opacity:.9}
:is(#scRoot,#scPortal) .sc-hero.sc-attn{--hero-line:var(--crit)}
:is(#scRoot,#scPortal) .sc-hero.sc-calm{--hero-line:var(--good)}
:is(#scRoot,#scPortal) .sc-hero.sc-watch{--hero-line:var(--warn)}
:is(#scRoot,#scPortal) .sc-hero-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:26px 34px;padding:26px 28px 24px;align-items:center}
:is(#scRoot,#scPortal) .sc-gauge{display:flex;align-items:center;gap:20px}
:is(#scRoot,#scPortal) .sc-ring{width:188px;height:188px;flex:0 0 auto;display:block}
:is(#scRoot,#scPortal) .sc-ring .sc-trk{fill:none;stroke:var(--track);stroke-width:13}
:is(#scRoot,#scPortal) .sc-ring .sc-arc{fill:none;stroke-width:13;stroke-linecap:butt;transition:stroke-dasharray .6s ease}
:is(#scRoot,#scPortal) .sc-ring .sc-a-hi{stroke:var(--sev-hi);filter:var(--glow-arc)}
:is(#scRoot,#scPortal) .sc-ring .sc-a-md{stroke:var(--sev-md)}
:is(#scRoot,#scPortal) .sc-ring .sc-a-lo{stroke:var(--sev-lo)}
:is(#scRoot,#scPortal) .sc-ring .sc-a-ok{stroke:var(--good)}
:is(#scRoot,#scPortal) .sc-ring .sc-tk{stroke:var(--tick);stroke-width:1.2;stroke-linecap:round}
:is(#scRoot,#scPortal) .sc-ring .sc-tk.sc-b{stroke:var(--tick-strong);stroke-width:1.6}
:is(#scRoot,#scPortal) .sc-ring .sc-c-n{font:900 46px/1 var(--fdisplay);fill:var(--text);font-variant-numeric:tabular-nums}
:is(#scRoot,#scPortal) .sc-ring .sc-c-l{font:700 13px var(--fdisplay);fill:var(--muted)}
:is(#scRoot,#scPortal) .sc-ring .sc-c-ok{stroke:var(--good);stroke-width:3.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
:is(#scRoot,#scPortal) .sc-g-leg{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;min-width:148px}
:is(#scRoot,#scPortal) .sc-g-leg li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:7px 10px;border-radius:11px;background:var(--glass);border:1px solid var(--border-soft);font-size:13px;font-weight:700;color:var(--sc)}
:is(#scRoot,#scPortal) .sc-g-leg li svg{width:13px;height:13px}
:is(#scRoot,#scPortal) .sc-g-leg li b{font:800 17px/1 var(--fdisplay);color:var(--text);font-variant-numeric:tabular-nums}
:is(#scRoot,#scPortal) .sc-g-leg li small{grid-column:2/4;font:500 11.5px var(--fbody);color:var(--faint);margin-top:-4px}
:is(#scRoot,#scPortal) .sc-v-eye{font-size:12.5px;color:var(--muted);font-weight:700;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
:is(#scRoot,#scPortal) .sc-v-title{font-size:38px;font-weight:900;line-height:1.15;margin:8px 0 8px;display:flex;align-items:center;gap:12px;letter-spacing:-.01em}
:is(#scRoot,#scPortal) .sc-v-state{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--sc-bg);border:1px solid var(--sc-line);color:var(--sc);box-shadow:var(--glow-hi);flex:0 0 auto}
:is(#scRoot,#scPortal) .sc-v-state.sc-ok{--sc:var(--good);--sc-bg:var(--good-bg);--sc-line:var(--good-line);box-shadow:none}
:is(#scRoot,#scPortal) .sc-v-state.sc-w{--sc:var(--warn);--sc-bg:var(--warn-bg);--sc-line:var(--warn-line);box-shadow:none}
:is(#scRoot,#scPortal) .sc-v-state svg{width:20px;height:20px}
:is(#scRoot,#scPortal) .sc-v-lede{font-size:15.5px;color:var(--text);max-width:62ch;line-height:1.7}
:is(#scRoot,#scPortal) .sc-v-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;max-width:720px}
:is(#scRoot,#scPortal) .sc-v-list button{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;text-align:start;padding:9px 12px;min-height:44px;border-radius:12px;border:1px solid var(--sc-line);background:var(--glass);font-weight:700;font-size:13.5px;color:var(--text)}
:is(#scRoot,#scPortal) .sc-v-list button:hover{border-color:var(--sc)}
:is(#scRoot,#scPortal) .sc-v-list .sc-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:is(#scRoot,#scPortal) .sc-v-list .sc-w{font:600 12px var(--fbody);color:var(--faint)}
:is(#scRoot,#scPortal) .sc-v-acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}
:is(#scRoot,#scPortal) .sc-v-meta{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:14px;font-size:12.5px;color:var(--muted)}
:is(#scRoot,#scPortal) .sc-v-meta span{display:inline-flex;align-items:center;gap:6px}
:is(#scRoot,#scPortal) .sc-v-meta .sc-ic{width:14px;height:14px;color:var(--faint)}
:is(#scRoot,#scPortal) .sc-v-meta b{font-family:var(--fdisplay);font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}
:is(#scRoot,#scPortal) .sc-tl{border-top:1px solid var(--border-soft);background:var(--hero-foot);padding:18px 28px 18px;position:relative}
:is(#scRoot,#scPortal) .sc-tl-h{display:flex;align-items:flex-end;justify-content:space-between;gap:10px 18px;flex-wrap:wrap;margin-bottom:14px}
:is(#scRoot,#scPortal) .sc-tl-h h3{font-size:15.5px;font-weight:800}
:is(#scRoot,#scPortal) .sc-tl-h p{font-size:12px;color:var(--faint);margin-top:2px}
:is(#scRoot,#scPortal) .sc-tl-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
:is(#scRoot,#scPortal) .sc-leg{display:flex;gap:12px;flex-wrap:wrap;font-size:12.5px;font-weight:700;color:var(--muted)}
:is(#scRoot,#scPortal) .sc-leg span{display:inline-flex;align-items:center;gap:6px}
:is(#scRoot,#scPortal) .sc-leg i{width:10px;height:10px;border-radius:3px;background:var(--sf)}
:is(#scRoot,#scPortal) .sc-leg svg{width:12px;height:12px;color:var(--sc)}
:is(#scRoot,#scPortal) .sc-tl-plot{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:0 8px}
:is(#scRoot,#scPortal) .sc-tl-y{position:relative;height:150px;font:700 12px var(--fdisplay);color:var(--faint);font-variant-numeric:tabular-nums}
:is(#scRoot,#scPortal) .sc-tl-y span{position:absolute;inset-inline-end:0;transform:translateY(50%)}
:is(#scRoot,#scPortal) .sc-tl-area{position:relative;height:150px}
:is(#scRoot,#scPortal) .sc-tl-grid{position:absolute;inset:0;pointer-events:none}
:is(#scRoot,#scPortal) .sc-tl-grid i{position:absolute;inset-inline:0;border-top:1px dashed var(--border);opacity:.8}
:is(#scRoot,#scPortal) .sc-tl-grid i.sc-base{border-top:1px solid var(--border);opacity:1}
:is(#scRoot,#scPortal) .sc-tl-bars{position:absolute;inset:0;display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:5px}
:is(#scRoot,#scPortal) .sc-bar{position:relative;height:100%;display:flex;flex-direction:column-reverse;gap:2px;padding:0;border:0;background:none;border-radius:6px 6px 0 0;cursor:default}
:is(#scRoot,#scPortal) .sc-bar:hover,:is(#scRoot,#scPortal) .sc-bar:focus-visible{background:color-mix(in srgb,var(--primary) 8%,transparent)}
:is(#scRoot,#scPortal) .sc-bar .sc-sg{flex:0 0 auto;border-radius:2px;min-height:2px}
:is(#scRoot,#scPortal) .sc-bar .sc-sg.sc-top{border-radius:4px 4px 2px 2px}
:is(#scRoot,#scPortal) .sc-bar .sc-sg.sc-hi{background:var(--sev-hi)}
:is(#scRoot,#scPortal) .sc-bar .sc-sg.sc-md{background:var(--sev-md)}
:is(#scRoot,#scPortal) .sc-bar .sc-sg.sc-lo{background:var(--sev-lo)}
:is(#scRoot,#scPortal) .sc-bar .sc-sg.sc-nil{background:var(--border);height:2px}
:is(#scRoot,#scPortal) .sc-bar.sc-now::after{content:"";position:absolute;inset:-6px -3px 0;border:1.5px solid var(--primary-light);border-bottom:0;border-radius:8px 8px 0 0;animation:scNowp 2.4s ease-in-out infinite;pointer-events:none}
@keyframes scNowp{0%,100%{opacity:.25}50%{opacity:1}}
:is(#scRoot,#scPortal) .sc-tl-x{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:5px;margin-top:7px;margin-inline-start:36px;font:600 11px var(--fbody);color:var(--faint)}
:is(#scRoot,#scPortal) .sc-tl-x span{text-align:center;white-space:nowrap;overflow:visible;direction:ltr;unicode-bidi:isolate}
:is(#scRoot,#scPortal) .sc-tl-x span.sc-now{color:var(--primary);font-weight:800;direction:rtl}
:is(#scRoot,#scPortal) .sc-tip{position:absolute;z-index:5;pointer-events:none;background:var(--tip-bg);color:var(--tip-ink);border-radius:12px;padding:9px 12px;font-size:12.5px;min-width:168px;box-shadow:0 14px 30px -12px rgba(0,0,0,.5);opacity:0;transform:translateY(4px);transition:opacity .12s,transform .12s}
:is(#scRoot,#scPortal) .sc-tip.sc-on{opacity:1;transform:none}
:is(#scRoot,#scPortal) .sc-tip b{display:block;font:800 12.5px var(--fdisplay);margin-bottom:5px}
:is(#scRoot,#scPortal) .sc-tip div{display:flex;align-items:center;gap:7px;justify-content:space-between;line-height:1.75}
:is(#scRoot,#scPortal) .sc-tip div span{display:inline-flex;align-items:center;gap:6px}
:is(#scRoot,#scPortal) .sc-tip i{width:9px;height:9px;border-radius:2px;background:var(--sf)}
:is(#scRoot,#scPortal) .sc-tip em{font-style:normal;font-family:var(--fdisplay);font-weight:800;font-variant-numeric:tabular-nums}
:is(#scRoot,#scPortal) .sc-tip .sc-tot{border-top:1px solid rgba(255,255,255,.12);margin-top:4px;padding-top:4px;color:var(--tip-faint)}
:is(#scRoot,#scPortal) .sc-tl-table{max-height:240px;overflow:auto;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
:is(#scRoot,#scPortal) .sc-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:16px 0}
:is(#scRoot,#scPortal) .sc-kpi{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px 16px 13px;box-shadow:var(--shadow),inset 0 1px 0 var(--hl);min-width:0;overflow:hidden}
:is(#scRoot,#scPortal) .sc-kpi-l{font-size:12.5px;color:var(--muted);font-weight:700;display:flex;align-items:center;gap:7px;line-height:1.3}
:is(#scRoot,#scPortal) .sc-kpi-l .sc-ic{width:15px;height:15px;color:var(--primary)}
:is(#scRoot,#scPortal) .sc-kpi-v{font:800 27px/1.1 var(--fdisplay);font-variant-numeric:tabular-nums;margin:10px 0 6px;letter-spacing:-.01em;white-space:nowrap}
:is(#scRoot,#scPortal) .sc-kpi-v small{font-size:13px;font-weight:700;color:var(--muted);margin-inline-start:4px}
:is(#scRoot,#scPortal) .sc-kpi-v.sc-na{color:var(--faint)}
:is(#scRoot,#scPortal) .sc-kpi-d{font-size:11.5px;color:var(--faint);display:flex;align-items:center;gap:4px;flex-wrap:wrap;line-height:1.4}
:is(#scRoot,#scPortal) .sc-kpi-d .sc-dv{display:inline-flex;align-items:center;gap:2px;font-weight:800;color:var(--muted)}
:is(#scRoot,#scPortal) .sc-kpi-d .sc-dv .sc-ic{width:12px;height:12px;stroke-width:2.4}
:is(#scRoot,#scPortal) .sc-kpi-d .sc-dv.sc-bad{color:var(--warn)}
:is(#scRoot,#scPortal) .sc-kpi-d .sc-dv.sc-good{color:var(--good)}
:is(#scRoot,#scPortal) .sc-kpi-s{font-size:11.5px;color:var(--faint);margin-top:3px}
:is(#scRoot,#scPortal) .sc-ov-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:14px;margin-bottom:14px}
:is(#scRoot,#scPortal) .sc-lat{list-style:none;margin:0;padding:0}
:is(#scRoot,#scPortal) .sc-lat li+li{border-top:1px solid var(--border-soft)}
:is(#scRoot,#scPortal) .sc-lat button{width:100%;display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 4px;min-height:48px;background:none;border:0;text-align:start;border-radius:10px}
:is(#scRoot,#scPortal) .sc-lat button:hover{background:var(--surface-2)}
:is(#scRoot,#scPortal) .sc-lat .sc-t{font-weight:700;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:is(#scRoot,#scPortal) .sc-lat .sc-m{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--faint);white-space:nowrap}
:is(#scRoot,#scPortal) .sc-ips{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
:is(#scRoot,#scPortal) .sc-ips button{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:9px 6px;min-height:52px;background:none;border:0;border-radius:10px;text-align:start}
:is(#scRoot,#scPortal) .sc-ips button:hover{background:var(--surface-2)}
:is(#scRoot,#scPortal) .sc-ips .sc-r1{display:flex;align-items:center;gap:8px;min-width:0}
:is(#scRoot,#scPortal) .sc-ips .sc-d{grid-column:1/3;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:is(#scRoot,#scPortal) .sc-ips .sc-n{font:800 15px var(--fdisplay);font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:8px}
:is(#scRoot,#scPortal) .sc-ips .sc-meter{width:84px;height:6px;border-radius:99px;background:var(--track);overflow:hidden;display:inline-block}
:is(#scRoot,#scPortal) .sc-ips .sc-meter i{display:block;height:100%;border-radius:99px;background:var(--sf)}
:is(#scRoot,#scPortal) .sc-ips .sc-ok-tag{font:700 11px var(--fbody);color:var(--good)}
:is(#scRoot,#scPortal) .sc-layers-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:22px;padding:20px 22px;align-items:center;position:relative;overflow:hidden}
:is(#scRoot,#scPortal) .sc-layers-card h3{font-size:17px;font-weight:800;margin-bottom:8px}
:is(#scRoot,#scPortal) .sc-layers-card p{color:var(--muted);font-size:13.5px;line-height:1.8}
:is(#scRoot,#scPortal) .sc-layers-card p+p{margin-top:8px}
:is(#scRoot,#scPortal) .sc-stack{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}
:is(#scRoot,#scPortal) .sc-lyr{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:var(--surface-2);position:relative}
:is(#scRoot,#scPortal) .sc-lyr:nth-child(1){width:74%}
:is(#scRoot,#scPortal) .sc-lyr:nth-child(2){width:87%}
:is(#scRoot,#scPortal) .sc-lyr .sc-li{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--inset);border:1px solid var(--border-soft);color:var(--primary)}
:is(#scRoot,#scPortal) .sc-lyr b{font:800 14px var(--fdisplay);display:block}
:is(#scRoot,#scPortal) .sc-lyr small{font-size:12px;color:var(--muted);display:block;line-height:1.5}
:is(#scRoot,#scPortal) .sc-lyr .sc-act{margin-top:4px;font-size:12px;color:var(--warn);font-weight:700}
:is(#scRoot,#scPortal) .sc-lyr.sc-here{border-color:var(--primary-light);background:color-mix(in srgb,var(--primary) 9%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}
:is(#scRoot,#scPortal) .sc-pill{display:inline-flex;align-items:center;gap:5px;font:800 11.5px/1 var(--fdisplay);padding:6px 9px;border-radius:999px;border:1px solid;white-space:nowrap}
:is(#scRoot,#scPortal) .sc-pill .sc-ic{width:12px;height:12px;stroke-width:2.2}
:is(#scRoot,#scPortal) .sc-pill.sc-good{color:var(--good);background:var(--good-bg);border-color:var(--good-line)}
:is(#scRoot,#scPortal) .sc-pill.sc-warn{color:var(--warn);background:var(--warn-bg);border-color:var(--warn-line)}
:is(#scRoot,#scPortal) .sc-pill.sc-prim{color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--surface));border-color:color-mix(in srgb,var(--primary) 30%,transparent)}
:is(#scRoot,#scPortal) .sc-pill.sc-muted{color:var(--muted);background:var(--surface-2);border-color:var(--border)}
:is(#scRoot,#scPortal) .sc-stack-cap{font-size:11.5px;color:var(--faint);margin-top:2px}
:is(#scRoot,#scPortal) .sc-ibx-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}
:is(#scRoot,#scPortal) .sc-segc{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:3px;gap:2px;max-width:100%;overflow-x:auto;scrollbar-width:none}
:is(#scRoot,#scPortal) .sc-segc button{min-height:36px;padding:0 11px;border-radius:10px;border:0;background:none;color:var(--muted);font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
:is(#scRoot,#scPortal) .sc-segc button svg{width:12px;height:12px}
:is(#scRoot,#scPortal) .sc-segc button .sc-c{font:800 11.5px/1 var(--fdisplay);padding:3px 6px 2px;border-radius:99px;background:var(--surface-2);color:var(--muted);font-variant-numeric:tabular-nums}
:is(#scRoot,#scPortal) .sc-segc button[aria-pressed="true"]{background:color-mix(in srgb,var(--primary) 13%,var(--surface));color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 35%,transparent)}
:is(#scRoot,#scPortal) .sc-segc button[aria-pressed="true"] .sc-c{background:var(--primary);color:#fff}
:is(#scRoot,#scPortal) .sc-segc button.sc-s-hi,:is(#scRoot,#scPortal) .sc-segc button.sc-s-md,:is(#scRoot,#scPortal) .sc-segc button.sc-s-lo{color:var(--sc)}
:is(#scRoot,#scPortal) .sc-sel{position:relative;display:inline-flex;align-items:center}
:is(#scRoot,#scPortal) .sc-sel select{appearance:none;-webkit-appearance:none;min-height:42px;padding:0 14px 0 34px;border-radius:13px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:700;font-size:13px;cursor:pointer}
:is(#scRoot,#scPortal) .sc-sel::after{content:"";position:absolute;left:14px;top:50%;width:7px;height:7px;border-left:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-70%) rotate(-45deg);pointer-events:none}
:is(#scRoot,#scPortal) .sc-search-in{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 12px;border-radius:13px;border:1px solid var(--border);background:var(--surface);color:var(--faint);flex:1 1 220px;max-width:340px}
:is(#scRoot,#scPortal) .sc-search-in:focus-within{border-color:var(--primary-light);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}
:is(#scRoot,#scPortal) .sc-search-in input{border:0;background:none;outline:none;width:100%;min-width:0;font-size:13px;color:var(--text);height:40px}
:is(#scRoot,#scPortal) .sc-search-in input::placeholder{color:var(--faint)}
:is(#scRoot,#scPortal) .sc-search-in .sc-ic{width:16px;height:16px}
:is(#scRoot,#scPortal) .sc-split{display:grid;grid-template-columns:minmax(330px,410px) minmax(0,1fr);gap:16px;align-items:start}
:is(#scRoot,#scPortal) .sc-split.sc-is-empty{grid-template-columns:minmax(0,1fr)}
:is(#scRoot,#scPortal) .sc-split.sc-is-empty .sc-detail{display:none}
:is(#scRoot,#scPortal) .sc-split.sc-is-empty .sc-ilist{min-height:0;max-height:none}
:is(#scRoot,#scPortal) .sc-ilist-h{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--faint);padding:0 4px 8px;font-weight:600}
:is(#scRoot,#scPortal) .sc-ilist{display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 250px);min-height:300px;overflow:auto;padding:2px 2px 8px;scrollbar-width:thin}
:is(#scRoot,#scPortal) .sc-item{position:relative;width:100%;text-align:start;display:flex;flex-direction:column;gap:7px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 14px;padding-inline-start:18px;box-shadow:inset 0 1px 0 var(--hl);transition:border-color .15s,background .15s}
:is(#scRoot,#scPortal) .sc-item::before{content:"";position:absolute;top:12px;bottom:12px;inset-inline-start:0;width:3px;border-radius:3px 0 0 3px;background:var(--sf)}
:is(#scRoot,#scPortal) .sc-item.sc-s-hi.sc-st-new::before{box-shadow:var(--glow-hi)}
:is(#scRoot,#scPortal) .sc-item:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}
:is(#scRoot,#scPortal) .sc-item.sc-is-sel{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent)}
:is(#scRoot,#scPortal) .sc-item.sc-st-done{background:var(--surface-2)}
:is(#scRoot,#scPortal) .sc-item.sc-st-done .sc-it-title{color:var(--muted);font-weight:600}
:is(#scRoot,#scPortal) .sc-it-top{display:flex;align-items:center;gap:8px}
:is(#scRoot,#scPortal) .sc-kind{font-size:11.5px;color:var(--faint);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(#scRoot,#scPortal) .sc-it-time{margin-inline-start:auto;font-size:11.5px;color:var(--faint);white-space:nowrap}
:is(#scRoot,#scPortal) .sc-it-title{font-weight:800;font-size:14px;line-height:1.55;font-family:var(--fdisplay);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
:is(#scRoot,#scPortal) .sc-it-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
:is(#scRoot,#scPortal) .sc-it-meta .sc-raw{font-size:11.5px}
:is(#scRoot,#scPortal) .sc-it-title .sc-raw{font-size:12px;padding:0 5px;line-height:1.5}
:is(#scRoot,#scPortal) .sc-item.sc-arrive{animation:scArrive .7s cubic-bezier(.2,.8,.2,1) both}
:is(#scRoot,#scPortal) .sc-item.sc-arrive::after{content:"";position:absolute;inset:-1px;border-radius:14px;border:1.5px solid var(--primary-light);animation:scArriveGlow 2.6s ease-out forwards;pointer-events:none}
@keyframes scArrive{from{opacity:0;transform:translateY(-14px) scale(.98);max-height:0}to{opacity:1;transform:none;max-height:240px}}
@keyframes scArriveGlow{0%{opacity:1}100%{opacity:0}}
:is(#scRoot,#scPortal) .sc-detail{position:sticky;top:84px;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow),inset 0 1px 0 var(--hl);overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 104px);min-height:420px}
:is(#scRoot,#scPortal) .sc-d-head{position:relative;padding:18px 22px 16px;border-bottom:1px solid var(--border-soft);background:linear-gradient(180deg,color-mix(in srgb,var(--sc) 9%,var(--surface)),var(--surface));isolation:isolate}
:is(#scRoot,#scPortal) .sc-d-head::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,#000,transparent);mask-image:linear-gradient(180deg,#000,transparent)}
:is(#scRoot,#scPortal) .sc-d-head::after{content:"";position:absolute;top:0;inset-inline:0;height:2px;background:var(--sf);opacity:.85}
:is(#scRoot,#scPortal) .sc-d-tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
:is(#scRoot,#scPortal) .sc-d-tags .sc-code{font-family:var(--fbody);direction:ltr;unicode-bidi:isolate;font-size:11px;color:var(--faint);font-weight:600}
:is(#scRoot,#scPortal) .sc-d-head h2{font-size:21px;font-weight:800;line-height:1.45;margin:10px 0 6px;text-wrap:balance}
:is(#scRoot,#scPortal) .sc-d-when{font-size:12.5px;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 12px}
:is(#scRoot,#scPortal) .sc-d-when b{font-family:var(--fdisplay);font-weight:800;color:var(--text)}
:is(#scRoot,#scPortal) .sc-d-back{display:none;align-items:center;gap:6px;min-height:36px;padding:0 10px 0 12px;margin:-4px 0 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface);font-weight:700;font-size:13px}
:is(#scRoot,#scPortal) .sc-d-back .sc-ic{width:15px;height:15px}
:is(#scRoot,#scPortal) .sc-d-body{padding:16px 22px 18px;overflow:auto;flex:1;scrollbar-width:thin}
:is(#scRoot,#scPortal) .sc-why{display:flex;gap:11px;padding:12px 14px;border-radius:14px;background:var(--sc-bg);border:1px solid var(--sc-line)}
:is(#scRoot,#scPortal) .sc-why .sc-ic{color:var(--sc);margin-top:3px}
:is(#scRoot,#scPortal) .sc-why b{font:800 13px var(--fdisplay);color:var(--sc);display:block;margin-bottom:2px}
:is(#scRoot,#scPortal) .sc-why p{font-size:14px;line-height:1.75}
:is(#scRoot,#scPortal) .sc-d-sec{font-size:12.5px;font-weight:800;color:var(--muted);margin:18px 0 9px;display:flex;align-items:center;gap:8px}
:is(#scRoot,#scPortal) .sc-d-sec::after{content:"";flex:1;height:1px;background:var(--border-soft)}
:is(#scRoot,#scPortal) .sc-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:0;background:var(--inset);border:1px solid var(--border-soft);border-radius:14px;overflow:hidden}
:is(#scRoot,#scPortal) .sc-fact{padding:10px 12px 11px;min-width:0;outline:1px solid var(--border-soft);outline-offset:-.5px}
:is(#scRoot,#scPortal) .sc-fact.sc-wide{grid-column:1/-1}
:is(#scRoot,#scPortal) .sc-fact-l{font-size:11.5px;color:var(--faint);font-weight:700}
:is(#scRoot,#scPortal) .sc-fact-v{font:800 18px/1.35 var(--fdisplay);font-variant-numeric:tabular-nums;margin-top:3px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
:is(#scRoot,#scPortal) .sc-fact-v.sc-t{font-size:14px;font-weight:700}
:is(#scRoot,#scPortal) .sc-fact-v small{font-size:12px;color:var(--muted);font-weight:700}
:is(#scRoot,#scPortal) .sc-fact-v.sc-crit{color:var(--crit)}
:is(#scRoot,#scPortal) .sc-fact-v.sc-warn{color:var(--warn)}
:is(#scRoot,#scPortal) .sc-fact-v .sc-raw{font-size:13px}
:is(#scRoot,#scPortal) .sc-copy{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--muted);padding:0}
:is(#scRoot,#scPortal) .sc-copy:hover{color:var(--primary);border-color:var(--primary-light)}
:is(#scRoot,#scPortal) .sc-copy .sc-ic{width:14px;height:14px}
:is(#scRoot,#scPortal) .sc-rule{display:flex;gap:9px;align-items:flex-start;margin-top:10px;font-size:13px;color:var(--muted);padding:10px 12px;border-radius:12px;border:1px dashed var(--border)}
:is(#scRoot,#scPortal) .sc-rule .sc-ic{width:15px;height:15px;margin-top:3px;color:var(--faint)}
:is(#scRoot,#scPortal) .sc-rule b{color:var(--text)}
:is(#scRoot,#scPortal) .sc-plist{display:flex;flex-wrap:wrap;gap:6px}
:is(#scRoot,#scPortal) .sc-plist .sc-more{font-size:12px;color:var(--faint);font-weight:700;align-self:center}
:is(#scRoot,#scPortal) .sc-mtl{list-style:none;margin:0;padding:0;position:relative}
:is(#scRoot,#scPortal) .sc-mtl li{position:relative;display:grid;grid-template-columns:70px 14px minmax(0,1fr);gap:10px;align-items:start;padding:5px 0}
:is(#scRoot,#scPortal) .sc-mtl li::before{content:"";position:absolute;top:20px;bottom:-6px;inset-inline-start:calc(70px + 10px + 6px);width:2px;background:var(--border-soft)}
:is(#scRoot,#scPortal) .sc-mtl li:last-child::before{display:none}
:is(#scRoot,#scPortal) .sc-mtl .sc-tt{font-size:12px;color:var(--muted);font-weight:700;padding-top:2px;text-align:end}
:is(#scRoot,#scPortal) .sc-mtl .sc-dt{width:14px;height:14px;border-radius:50%;margin-top:5px;border:3px solid var(--surface);box-shadow:0 0 0 1.5px var(--sf,var(--faint));background:var(--sf,var(--faint));position:relative;z-index:1}
:is(#scRoot,#scPortal) .sc-mtl .sc-dt.sc-ok{--sf:var(--good)}
:is(#scRoot,#scPortal) .sc-mtl .sc-dt.sc-act{--sf:var(--primary)}
:is(#scRoot,#scPortal) .sc-mtl .sc-tx{font-size:13.5px;line-height:1.6}
:is(#scRoot,#scPortal) .sc-mtl li.sc-fresh{animation:scArrive .5s ease both}
:is(#scRoot,#scPortal) .sc-revd{display:flex;gap:10px;margin-top:16px;padding:12px 14px;border-radius:14px;background:var(--good-bg);border:1px solid var(--good-line);font-size:13px}
:is(#scRoot,#scPortal) .sc-revd .sc-ic{color:var(--good);margin-top:2px}
:is(#scRoot,#scPortal) .sc-revd b{color:var(--good);font-family:var(--fdisplay)}
:is(#scRoot,#scPortal) .sc-revd q{display:block;margin-top:3px;font-size:13.5px;color:var(--text)}
:is(#scRoot,#scPortal) .sc-d-acts{padding:12px 22px;border-top:1px solid var(--border-soft);background:var(--surface-2);display:flex;flex-wrap:wrap;align-items:center;gap:8px}
:is(#scRoot,#scPortal) .sc-blk{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
:is(#scRoot,#scPortal) .sc-blk small{font-size:11.5px;color:var(--faint);max-width:200px;line-height:1.4}
:is(#scRoot,#scPortal) .sc-rev-form{width:100%;display:flex;flex-direction:column;gap:8px}
:is(#scRoot,#scPortal) .sc-rev-form label{font-size:12.5px;font-weight:700;color:var(--muted)}
:is(#scRoot,#scPortal) .sc-rev-form textarea{width:100%;min-height:64px;resize:vertical;border-radius:12px;border:1px solid var(--border);background:var(--surface);padding:10px 12px;font-size:13.5px;color:var(--text)}
:is(#scRoot,#scPortal) .sc-rev-form textarea:focus{border-color:var(--primary-light);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}
:is(#scRoot,#scPortal) .sc-rev-form .sc-row{display:flex;gap:8px;flex-wrap:wrap}
:is(#scRoot,#scPortal) .sc-d-empty{display:grid;place-items:center;text-align:center;padding:40px 24px;color:var(--muted);flex:1}
:is(#scRoot,#scPortal) .sc-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:46px 22px;color:var(--muted)}
:is(#scRoot,#scPortal) .sc-empty .sc-em-ic{width:66px;height:66px;border-radius:20px;display:grid;place-items:center;background:var(--good-bg);border:1px solid var(--good-line);color:var(--good)}
:is(#scRoot,#scPortal) .sc-empty .sc-em-ic .sc-ic{width:30px;height:30px}
:is(#scRoot,#scPortal) .sc-empty h3{font-size:18px;color:var(--text);font-weight:800}
:is(#scRoot,#scPortal) .sc-empty p{max-width:44ch;font-size:13.5px}
:is(#scRoot,#scPortal) .sc-errbox{display:flex;align-items:flex-start;gap:14px;padding:22px 24px}
:is(#scRoot,#scPortal) .sc-errbox .sc-e-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn);flex:0 0 auto}
:is(#scRoot,#scPortal) .sc-errbox h3{font-size:18px;font-weight:800}
:is(#scRoot,#scPortal) .sc-errbox p{color:var(--muted);font-size:13.5px;margin-top:4px;max-width:60ch}
:is(#scRoot,#scPortal) .sc-errbox .sc-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:12.5px;color:var(--faint)}
:is(#scRoot,#scPortal) .sc-spin{width:14px;height:14px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--primary);animation:scSpin .8s linear infinite;display:inline-block;vertical-align:-2px}
@keyframes scSpin{to{transform:rotate(360deg)}}
:is(#scRoot,#scPortal) .sc-sk{background:linear-gradient(90deg,var(--skel) 0%,var(--skel-hi) 45%,var(--skel) 90%);background-size:220% 100%;animation:scShim 1.3s linear infinite;border-radius:10px}
@keyframes scShim{from{background-position:120% 0}to{background-position:-120% 0}}
:is(#scRoot,#scPortal) .sc-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}
:is(#scRoot,#scPortal) .sc-strip .sc-kpi-v{font-size:24px}
:is(#scRoot,#scPortal) .sc-meter2{height:6px;border-radius:99px;background:var(--track);overflow:hidden;margin-top:8px}
:is(#scRoot,#scPortal) .sc-meter2 i{display:block;height:100%;border-radius:99px;background:var(--good)}
:is(#scRoot,#scPortal) .sc-rules-ro{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 16px;font-size:12.5px;color:var(--muted)}
:is(#scRoot,#scPortal) .sc-rules-ro .sc-lbl{font-weight:800;color:var(--faint);display:inline-flex;align-items:center;gap:5px}
:is(#scRoot,#scPortal) .sc-rules-ro .sc-lbl .sc-ic{width:14px;height:14px}
:is(#scRoot,#scPortal) .sc-rro{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;border:1px dashed var(--border);background:var(--surface);font-weight:600}
:is(#scRoot,#scPortal) .sc-rro b{font-family:var(--fdisplay);font-weight:800;color:var(--text)}
:is(#scRoot,#scPortal) .sc-tcard{padding:14px}
:is(#scRoot,#scPortal) .sc-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}
:is(#scRoot,#scPortal) .sc-chips{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:none;padding:2px}
:is(#scRoot,#scPortal) .sc-chips::-webkit-scrollbar{display:none}
:is(#scRoot,#scPortal) .sc-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:12.5px;font-weight:700;white-space:nowrap}
:is(#scRoot,#scPortal) .sc-chip .sc-c{font:800 11px/1 var(--fdisplay);font-variant-numeric:tabular-nums;color:var(--faint)}
:is(#scRoot,#scPortal) .sc-chip[aria-pressed="true"]{background:var(--text);color:var(--surface);border-color:transparent}
:is(#scRoot,#scPortal) .sc-chip[aria-pressed="true"] .sc-c{color:inherit;opacity:.7}
:is(#scRoot,#scPortal) .sc-tbl-wrap{overflow:auto;border:1px solid var(--border);border-radius:14px;background:var(--surface);max-width:100%}
:is(#scRoot,#scPortal) table{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px}
:is(#scRoot,#scPortal) th{position:sticky;top:0;z-index:1;background:var(--surface-2);font:800 12px var(--fdisplay);color:var(--muted);text-align:start;padding:11px 14px;border-bottom:1px solid var(--border);white-space:nowrap}
:is(#scRoot,#scPortal) td{padding:9px 14px;border-bottom:1px solid var(--border-soft);white-space:nowrap;vertical-align:middle}
:is(#scRoot,#scPortal) tbody tr:last-child td{border-bottom:0}
:is(#scRoot,#scPortal) tbody tr:hover td{background:var(--surface-2)}
:is(#scRoot,#scPortal) td.sc-n{font-family:var(--fdisplay);font-weight:700;font-variant-numeric:tabular-nums}
:is(#scRoot,#scPortal) td.sc-mut{color:var(--faint)}
:is(#scRoot,#scPortal) .sc-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid;line-height:1.2}
:is(#scRoot,#scPortal) .sc-tag .sc-ic{width:12px;height:12px;stroke-width:2.2}
:is(#scRoot,#scPortal) .sc-tag.sc-good{color:var(--good);background:var(--good-bg);border-color:var(--good-line)}
:is(#scRoot,#scPortal) .sc-tag.sc-warn{color:var(--warn);background:var(--warn-bg);border-color:var(--warn-line)}
:is(#scRoot,#scPortal) .sc-tag.sc-crit{color:var(--crit);background:var(--crit-bg);border-color:var(--crit-line)}
:is(#scRoot,#scPortal) .sc-tag.sc-neutral{color:var(--muted);background:var(--surface-2);border-color:var(--border)}
:is(#scRoot,#scPortal) .sc-tag.sc-prim{color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--surface));border-color:color-mix(in srgb,var(--primary) 28%,transparent)}
:is(#scRoot,#scPortal) .sc-err-t{display:block;font-size:11.5px;color:var(--crit);margin-top:2px}
:is(#scRoot,#scPortal) .sc-pips{display:inline-flex;align-items:center;gap:3px;direction:rtl}
:is(#scRoot,#scPortal) .sc-pips i{width:7px;height:7px;border-radius:2px;background:var(--border)}
:is(#scRoot,#scPortal) .sc-pips i.sc-on{background:var(--warn)}
:is(#scRoot,#scPortal) .sc-pips.sc-lock i.sc-on{background:var(--crit)}
:is(#scRoot,#scPortal) .sc-pips em{font:700 12px var(--fdisplay);font-style:normal;color:var(--muted);margin-inline-start:6px;font-variant-numeric:tabular-nums}
:is(#scRoot,#scPortal) .sc-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px;font-size:12.5px;color:var(--muted)}
:is(#scRoot,#scPortal) .sc-pager .sc-pg{display:flex;gap:4px;flex-wrap:wrap}
:is(#scRoot,#scPortal) .sc-pager button{min-width:36px;min-height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface);font:700 13px var(--fdisplay);font-variant-numeric:tabular-nums;color:var(--muted)}
:is(#scRoot,#scPortal) .sc-pager button[aria-current="page"]{background:var(--primary);color:#fff;border-color:transparent}
:is(#scRoot,#scPortal) .sc-pager button[disabled]{opacity:.45;cursor:not-allowed}
:is(#scRoot,#scPortal) .sc-waf-top{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;margin-bottom:14px}
:is(#scRoot,#scPortal) .sc-waf-state{display:flex;gap:16px;align-items:flex-start;padding:20px 22px;position:relative;overflow:hidden}
:is(#scRoot,#scPortal) .sc-waf-state .sc-big-ic{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--good-bg);border:1px solid var(--good-line);color:var(--good);flex:0 0 auto}
:is(#scRoot,#scPortal) .sc-waf-state.sc-off .sc-big-ic{background:var(--warn-bg);border-color:var(--warn-line);color:var(--warn)}
:is(#scRoot,#scPortal) .sc-waf-state .sc-big-ic .sc-ic{width:26px;height:26px}
:is(#scRoot,#scPortal) .sc-waf-state h3{font-size:19px;font-weight:800;line-height:1.35;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
:is(#scRoot,#scPortal) .sc-waf-state p{color:var(--muted);font-size:13.5px;margin-top:5px}
:is(#scRoot,#scPortal) .sc-waf-sum{display:flex;gap:18px;margin-top:14px;flex-wrap:wrap}
:is(#scRoot,#scPortal) .sc-waf-sum div{font-size:12px;color:var(--muted)}
:is(#scRoot,#scPortal) .sc-waf-sum b{display:block;font:800 24px/1.1 var(--fdisplay);color:var(--text);font-variant-numeric:tabular-nums}
:is(#scRoot,#scPortal) .sc-steps{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;counter-reset:st}
:is(#scRoot,#scPortal) .sc-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;font-size:13.5px;align-items:start}
:is(#scRoot,#scPortal) .sc-steps li::before{counter-increment:st;content:counter(st,arabic-indic);width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);font:800 13px var(--fdisplay);color:var(--primary)}
:is(#scRoot,#scPortal) .sc-modes{padding:18px 20px;display:flex;flex-direction:column;gap:12px}
:is(#scRoot,#scPortal) .sc-modes h3{font-size:15px;font-weight:800}
:is(#scRoot,#scPortal) .sc-mode-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;font-size:13px;color:var(--muted)}
:is(#scRoot,#scPortal) .sc-mode-row b{color:var(--text)}
:is(#scRoot,#scPortal) .sc-mb{display:inline-flex;align-items:center;gap:5px;font:800 12px/1 var(--fdisplay);padding:6px 10px;border-radius:999px;border:1px solid;white-space:nowrap}
:is(#scRoot,#scPortal) .sc-mb .sc-ic{width:13px;height:13px}
:is(#scRoot,#scPortal) .sc-mb.sc-block{color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--surface));border-color:color-mix(in srgb,var(--primary) 32%,transparent)}
:is(#scRoot,#scPortal) .sc-mb.sc-count{color:var(--warn);background:transparent;border-color:var(--warn-line);border-style:dashed}
:is(#scRoot,#scPortal) .sc-rules-list{display:flex;flex-direction:column}
:is(#scRoot,#scPortal) .sc-rule-row{display:grid;grid-template-columns:minmax(0,1fr) 108px 96px 96px 150px;gap:16px;align-items:center;padding:14px 18px;border-top:1px solid var(--border-soft)}
:is(#scRoot,#scPortal) .sc-rule-row.sc-head{border-top:0;padding-block:10px;font:800 12px var(--fdisplay);color:var(--faint)}
:is(#scRoot,#scPortal) .sc-rule-row.sc-head span:not(:first-child){text-align:center}
:is(#scRoot,#scPortal) .sc-rr-name b{font:800 14.5px var(--fdisplay);display:block;line-height:1.4}
:is(#scRoot,#scPortal) .sc-rr-name .sc-raw{font-size:11px;margin-top:3px}
:is(#scRoot,#scPortal) .sc-rr-name p{font-size:12.5px;color:var(--muted);margin-top:4px;line-height:1.6}
:is(#scRoot,#scPortal) .sc-rr-mode{display:flex;justify-content:center}
:is(#scRoot,#scPortal) .sc-rr-n{text-align:center;font:800 19px var(--fdisplay);font-variant-numeric:tabular-nums}
:is(#scRoot,#scPortal) .sc-rr-n small{display:block;font:600 11px var(--fbody);color:var(--faint)}
:is(#scRoot,#scPortal) .sc-rr-n.sc-na{color:var(--faint);font-size:16px}
:is(#scRoot,#scPortal) .sc-rr-n .sc-per{display:none}
:is(#scRoot,#scPortal) .sc-spark{width:150px;height:38px;display:block}
:is(#scRoot,#scPortal) .sc-spark .sc-ln{fill:none;stroke-width:1.8;vector-effect:non-scaling-stroke;stroke-linejoin:round}
:is(#scRoot,#scPortal) .sc-spark .sc-ar{opacity:.16}
:is(#scRoot,#scPortal) .sc-spark .sc-pre{stroke:var(--faint);stroke-dasharray:2 3;stroke-width:1.2;vector-effect:non-scaling-stroke}
:is(#scRoot,#scPortal) .sc-spark.sc-block .sc-ln{stroke:var(--primary)}
:is(#scRoot,#scPortal) .sc-spark.sc-block .sc-ar{fill:var(--primary)}
:is(#scRoot,#scPortal) .sc-spark.sc-count .sc-ln{stroke:var(--warn)}
:is(#scRoot,#scPortal) .sc-spark.sc-count .sc-ar{fill:var(--warn)}
:is(#scRoot,#scPortal) .sc-spark-na{width:150px;height:38px;border-radius:8px;border:1px dashed var(--border);display:grid;place-items:center;font-size:11px;color:var(--faint)}
:is(#scRoot,#scPortal) .sc-rr-note{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:-4px;padding:9px 12px;border-radius:12px;background:var(--warn-bg);border:1px solid var(--warn-line);font-size:12.5px;color:var(--text)}
:is(#scRoot,#scPortal) .sc-rr-note b{font-family:var(--fdisplay);font-weight:800}
:is(#scRoot,#scPortal) .sc-rr-note .sc-ic{width:15px;height:15px;color:var(--warn)}
:is(#scRoot,#scPortal) .sc-phase{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}
:is(#scRoot,#scPortal) .sc-phase .sc-days{display:inline-flex;gap:3px;direction:rtl}
:is(#scRoot,#scPortal) .sc-phase .sc-days i{width:16px;height:6px;border-radius:3px;background:color-mix(in srgb,var(--warn) 22%,transparent)}
:is(#scRoot,#scPortal) .sc-phase .sc-days i.sc-on{background:var(--warn)}
:is(#scRoot,#scPortal) .sc-dev-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
:is(#scRoot,#scPortal) .sc-dev-tile{display:flex;align-items:center;gap:14px;padding:16px 18px}
:is(#scRoot,#scPortal) .sc-dev-tile .sc-di{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--inset);border:1px solid var(--border-soft);color:var(--primary);flex:0 0 auto}
:is(#scRoot,#scPortal) .sc-dev-tile .sc-di .sc-ic{width:22px;height:22px}
:is(#scRoot,#scPortal) .sc-dev-tile b{font:800 26px/1.1 var(--fdisplay);font-variant-numeric:tabular-nums;display:block}
:is(#scRoot,#scPortal) .sc-dev-tile span{font-size:12.5px;color:var(--muted)}
:is(#scRoot,#scPortal) .sc-lookup{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 18px;margin-bottom:14px}
:is(#scRoot,#scPortal) .sc-lookup h3{font-size:15px;font-weight:800}
:is(#scRoot,#scPortal) .sc-lookup p{font-size:12.5px;color:var(--muted);margin-top:3px}
:is(#scRoot,#scPortal) .sc-lookup form{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}
:is(#scRoot,#scPortal) .sc-ph-in{display:flex;flex-direction:column;gap:4px}
:is(#scRoot,#scPortal) .sc-ph-in input{min-height:40px;width:220px;border-radius:11px;border:1px solid var(--border);background:var(--surface-2);padding:0 12px;direction:ltr;text-align:left;font-variant-numeric:tabular-nums;font-size:14px}
:is(#scRoot,#scPortal) .sc-ph-in input:focus{border-color:var(--primary-light);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}
:is(#scRoot,#scPortal) .sc-ph-in small{font-size:11.5px;color:var(--crit);min-height:16px}
:is(#scRoot,#scPortal) .sc-who{display:flex;flex-direction:column;line-height:1.35}
:is(#scRoot,#scPortal) .sc-who b{font-weight:800;font-size:13.5px;font-family:var(--fdisplay)}
:is(#scRoot,#scPortal) .sc-who small{font-size:11.5px;color:var(--faint)}
:is(#scRoot,#scPortal) .sc-dev{display:inline-flex;align-items:center;gap:7px}
:is(#scRoot,#scPortal) .sc-dev .sc-ic{width:16px;height:16px;color:var(--faint)}
:is(#scRoot,#scPortal) .sc-me-b{display:inline-flex;align-items:center;font:800 10.5px/1 var(--fdisplay);padding:4px 8px 3px;border-radius:999px;background:var(--grad);color:#fff;margin-inline-start:8px;vertical-align:2px}
:is(#scRoot,#scPortal) .sc-now-dot{display:inline-flex;align-items:center;gap:6px;color:var(--good);font-weight:700}
:is(#scRoot,#scPortal) .sc-now-dot::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:var(--glow-live)}
:is(#scRoot,#scPortal) tr.sc-leaving td{opacity:0;transition:opacity .35s}
:is(#scRoot,#scPortal) .sc-flag{display:inline-flex;align-items:center;gap:4px;margin-inline-start:6px;font-size:11px;font-weight:800;color:var(--crit)}
:is(#scRoot,#scPortal) .sc-flag .sc-ic{width:12px;height:12px}
:is(#scRoot,#scPortal) .sc-move-note{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;margin-bottom:14px;border-style:dashed}
:is(#scRoot,#scPortal) .sc-move-note .sc-mi{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--inset);border:1px solid var(--border-soft);color:var(--primary);flex:0 0 auto}
:is(#scRoot,#scPortal) .sc-move-note h3{font-size:16px;font-weight:800}
:is(#scRoot,#scPortal) .sc-move-note p{font-size:13.5px;color:var(--muted);margin-top:3px}
:is(#scRoot,#scPortal) .sc-modal-back{position:fixed;inset:0;z-index:90;background:var(--scrim);display:grid;place-items:center;padding:16px;animation:scFade .15s ease}
:is(#scRoot,#scPortal) .sc-dlg{width:min(440px,100%);background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 30px 70px -20px rgba(0,0,0,.55);padding:22px}
:is(#scRoot,#scPortal) .sc-dlg h3{font-size:18px;font-weight:800;line-height:1.4}
:is(#scRoot,#scPortal) .sc-dlg-b{margin-top:8px;color:var(--muted);font-size:14px;line-height:1.75}
:is(#scRoot,#scPortal) .sc-dlg-b .sc-box{margin-top:12px;padding:10px 12px;border-radius:12px;background:var(--inset);border:1px solid var(--border-soft);color:var(--text);font-size:13.5px}
:is(#scRoot,#scPortal) .sc-dlg-a{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}
@keyframes scFade{from{opacity:0}to{opacity:1}}
:is(#scRoot,#scPortal) .sc-toasts{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:95;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:min(480px,calc(100vw - 24px))}
:is(#scRoot,#scPortal) .sc-toast{pointer-events:auto;display:flex;align-items:center;gap:10px;background:var(--tip-bg);color:var(--tip-ink);padding:10px 12px 10px 14px;border-radius:14px;box-shadow:0 16px 36px -14px rgba(0,0,0,.6);font-size:13.5px;font-weight:600;animation:scToastIn .25s ease both;max-width:100%}
:is(#scRoot,#scPortal) .sc-toast .sc-ic{width:17px;height:17px;color:#7ee0bf}
:is(#scRoot,#scPortal) .sc-toast button{margin-inline-start:auto;background:rgba(255,255,255,.1);border:0;color:inherit;font-weight:800;font-size:12.5px;border-radius:9px;min-height:36px;padding:0 12px}
@keyframes scToastIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (max-width:1320px){:is(#scRoot,#scPortal) .sc-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1280px){:is(#scRoot,#scPortal) .sc-rule-row{grid-template-columns:minmax(0,1fr) 100px 84px 84px 120px;gap:12px}
:is(#scRoot,#scPortal) .sc-spark,:is(#scRoot,#scPortal) .sc-spark-na{width:120px}}
@media (max-width:1100px){:is(#scRoot,#scPortal) .sc-sec-tabs{display:flex}
:is(#scRoot,#scPortal) .sc-split{grid-template-columns:minmax(0,1fr)}
:is(#scRoot,#scPortal) .sc-ilist{max-height:none;min-height:0;overflow:visible}
:is(#scRoot,#scPortal) .sc-detail{display:none}
:is(#scRoot,#scPortal) .sc-split.sc-show-detail .sc-detail{display:flex;position:fixed;inset:0;z-index:70;border-radius:0;max-height:none;min-height:0;border:0}
:is(#scRoot,#scPortal) .sc-d-back{display:inline-flex}
:is(#scRoot,#scPortal) .sc-waf-top{grid-template-columns:minmax(0,1fr)}
:is(#scRoot,#scPortal) .sc-ov-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){:is(#scRoot,#scPortal) .sc-layers-card{grid-template-columns:minmax(0,1fr)}
:is(#scRoot,#scPortal) .sc-rule-row.sc-head{display:none}
:is(#scRoot,#scPortal) .sc-rule-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px}
:is(#scRoot,#scPortal) .sc-rr-name{grid-column:1/-1}
:is(#scRoot,#scPortal) .sc-rr-mode{justify-content:flex-start}
:is(#scRoot,#scPortal) .sc-rr-spark{grid-column:1/-1}
:is(#scRoot,#scPortal) .sc-rr-n .sc-per{display:inline}
:is(#scRoot,#scPortal) .sc-spark,:is(#scRoot,#scPortal) .sc-spark-na{width:100%}
:is(#scRoot,#scPortal) .sc-lookup{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){:is(#scRoot,#scPortal) .sc-sh h1{font-size:23px}
:is(#scRoot,#scPortal) .sc-hero-top{grid-template-columns:minmax(0,1fr);padding:20px 16px 18px;gap:18px}
:is(#scRoot,#scPortal) .sc-gauge{justify-content:center;flex-wrap:wrap}
:is(#scRoot,#scPortal) .sc-ring{width:164px;height:164px}
:is(#scRoot,#scPortal) .sc-v-title{font-size:30px}
:is(#scRoot,#scPortal) .sc-tl{padding:16px 14px}
:is(#scRoot,#scPortal) .sc-tl-bars,:is(#scRoot,#scPortal) .sc-tl-x{gap:2px}
:is(#scRoot,#scPortal) .sc-tl-x{margin-inline-start:30px;font-size:10.5px}
:is(#scRoot,#scPortal) .sc-tl-x span.sc-x3{visibility:hidden}
:is(#scRoot,#scPortal) .sc-v-list .sc-t{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
:is(#scRoot,#scPortal) .sc-v-list button{grid-template-columns:auto minmax(0,1fr);}
:is(#scRoot,#scPortal) .sc-v-list .sc-w{grid-column:2}
:is(#scRoot,#scPortal) .sc-tl-plot{grid-template-columns:24px minmax(0,1fr);gap:0 6px}
:is(#scRoot,#scPortal) .sc-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
:is(#scRoot,#scPortal) .sc-kpi{padding:12px 13px}
:is(#scRoot,#scPortal) .sc-kpi-v{font-size:23px}
:is(#scRoot,#scPortal) .sc-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
:is(#scRoot,#scPortal) .sc-dev-tiles{grid-template-columns:minmax(0,1fr)}
:is(#scRoot,#scPortal) .sc-lat button{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}
:is(#scRoot,#scPortal) .sc-lat .sc-sevc{grid-column:1/-1}
:is(#scRoot,#scPortal) .sc-lyr,:is(#scRoot,#scPortal) .sc-lyr:nth-child(1),:is(#scRoot,#scPortal) .sc-lyr:nth-child(2){width:100%}
:is(#scRoot,#scPortal) .sc-lyr{grid-template-columns:auto minmax(0,1fr)}
:is(#scRoot,#scPortal) .sc-lyr .sc-pill{grid-column:2}
:is(#scRoot,#scPortal) .sc-waf-state{flex-direction:column}
:is(#scRoot,#scPortal) .sc-search-in{max-width:none;flex-basis:100%}
:is(#scRoot,#scPortal) .sc-ph-in input{width:100%}
:is(#scRoot,#scPortal) .sc-ph-in{flex:1 1 200px}
:is(#scRoot,#scPortal) .sc-d-head{padding:14px 16px}
:is(#scRoot,#scPortal) .sc-d-body{padding:14px 16px}
:is(#scRoot,#scPortal) .sc-d-acts{padding:10px 16px}
:is(#scRoot,#scPortal) .sc-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
:is(#scRoot,#scPortal) .sc-mtl li{grid-template-columns:62px 14px minmax(0,1fr)}
:is(#scRoot,#scPortal) .sc-mtl li::before{inset-inline-start:calc(62px + 10px + 6px)}}
@media (prefers-reduced-motion:reduce){:is(#scRoot,#scPortal) .sc-bar.sc-now::after{opacity:1}}
@media (forced-colors:active){:is(#scRoot,#scPortal) .sc-bar .sc-sg{border:1px solid CanvasText}}