/* ============================================================
   Mustawfa v10 — "Aurora" redesign layer. برمجيات اليمامة
   Deep teal → blue brand gradient, warm amber → coral for risk.
   Loaded after styles.css; overrides tokens + components only.
   ============================================================ */
:root{
  --bg:#F3F6F8;--surface:#FFFFFF;--surface-2:#EEF3F5;--surface-3:#E3EAEE;--hover:rgba(10,60,80,.045);
  --line:rgba(12,40,60,.08);--line-2:rgba(12,40,60,.14);
  --text:#0B1A2B;--text-2:#4A5A6C;--text-3:#6E7D8E;
  --ink:#0A2A3A;--ink-2:#0E3A4E;
  --accent:#0A8F74;--accent-2:#087A63;--accent-soft:rgba(10,143,116,.09);--accent-line:rgba(10,143,116,.30);
  --ok:#0A8F74;--ok-soft:rgba(10,143,116,.10);
  --warn:#B4690E;--warn-soft:rgba(220,140,40,.12);
  --bad:#D0434F;--bad-soft:rgba(208,67,79,.09);
  --info:#2F64D8;--info-soft:rgba(47,100,216,.09);
  --g-brand:linear-gradient(120deg,#0B9B7C 0%,#0E8FA0 45%,#2F66DE 100%);
  --g-brand-v:linear-gradient(180deg,#12A889 0%,#2F6FE0 100%);
  --g-deep:linear-gradient(165deg,#062B33 0%,#08324A 42%,#0B2A63 100%);
  --g-warm:linear-gradient(120deg,#F2A541 0%,#EA6A4E 60%,#D9465A 100%);
  --g-soft:linear-gradient(135deg,rgba(14,165,140,.10),rgba(47,102,222,.08));
  --glow:0 10px 30px -12px rgba(15,130,150,.45);
  --shadow-1:0 1px 2px rgba(10,30,50,.05),0 1px 1px rgba(10,30,50,.03);
  --shadow-2:0 1px 2px rgba(10,30,50,.04),0 10px 28px -10px rgba(10,40,70,.16);
  --shadow-3:0 30px 80px -20px rgba(6,30,50,.35),0 2px 8px rgba(6,30,50,.08);
  --r-sm:11px;--r:15px;--r-lg:20px;
  --side-fg:rgba(226,240,246,.74);--side-fg-2:rgba(226,240,246,.5);
}
[data-theme=dark]{
  --bg:#070D14;--surface:#0E1621;--surface-2:#141E2B;--surface-3:#1C2838;--hover:rgba(140,220,240,.05);
  --line:rgba(160,210,230,.08);--line-2:rgba(160,210,230,.14);
  --text:#E8EEF4;--text-2:#A3B0BF;--text-3:#7E8B9B;
  --ink:#0B2030;--ink-2:#10304A;
  --accent:#34D3A6;--accent-2:#5FE0BC;--accent-soft:rgba(52,211,166,.11);--accent-line:rgba(52,211,166,.34);
  --ok:#34D3A6;--ok-soft:rgba(52,211,166,.11);
  --warn:#F2B35A;--warn-soft:rgba(242,179,90,.12);
  --bad:#F47F86;--bad-soft:rgba(244,127,134,.12);
  --info:#7FA7F5;--info-soft:rgba(127,167,245,.12);
  --g-brand:linear-gradient(120deg,#18B990 0%,#16A2B8 45%,#4C7FF0 100%);
  --g-brand-v:linear-gradient(180deg,#2BD0A2 0%,#4C7FF0 100%);
  --g-deep:linear-gradient(165deg,#04161C 0%,#06202E 45%,#081A3C 100%);
  --g-soft:linear-gradient(135deg,rgba(40,200,160,.10),rgba(76,127,240,.09));
  --glow:0 10px 30px -12px rgba(40,200,180,.35);
  --shadow-1:0 0 0 1px rgba(255,255,255,0);
  --shadow-2:0 12px 30px -12px rgba(0,0,0,.6);
  --shadow-3:0 30px 80px -14px rgba(0,0,0,.7);
}

/* ---------- canvas: soft aurora mesh behind everything ---------- */
body{background:
  radial-gradient(900px 520px at 100% -10%,rgba(14,165,140,.10),transparent 60%),
  radial-gradient(800px 600px at 30% 0%,rgba(47,102,222,.07),transparent 62%),
  radial-gradient(700px 700px at 0% 100%,rgba(14,143,160,.05),transparent 60%),
  var(--bg);background-attachment:fixed}
[data-theme=dark] body{background:
  radial-gradient(900px 520px at 100% -10%,rgba(30,200,160,.10),transparent 60%),
  radial-gradient(800px 600px at 30% 0%,rgba(70,120,240,.09),transparent 62%),
  radial-gradient(700px 700px at 0% 100%,rgba(20,160,190,.06),transparent 60%),
  var(--bg);background-attachment:fixed}
::selection{background:rgba(14,160,150,.18)}
:focus-visible{outline:2px solid #1597A8;outline-offset:2px}

/* ---------- sidebar: deep gradient rail ---------- */
.side{background:var(--g-deep);border-inline-end:0;color:var(--side-fg);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.side::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(260px 220px at 85% 0%,rgba(40,210,170,.20),transparent 70%),
  radial-gradient(300px 260px at 10% 100%,rgba(70,120,250,.22),transparent 70%)}
[dir=rtl] .side::before{transform:scaleX(-1)}
.side>*{position:relative}
.brand-mark{background:var(--g-brand);box-shadow:0 6px 18px -6px rgba(20,170,170,.6),inset 0 0 0 1px rgba(255,255,255,.18)}
.brand-mark svg path[stroke="#5DD8AA"]{stroke:#fff}
.brand-t{color:#fff}
.brand-s{color:var(--side-fg)}
.brand-c{color:var(--side-fg-2)}
.nav-h{color:var(--side-fg-2)}
.nav a{color:var(--side-fg)}
.nav a:hover{background:rgba(255,255,255,.06);color:#fff}
.nav a.on{background:linear-gradient(90deg,rgba(255,255,255,.13),rgba(255,255,255,.06));color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 8px 20px -12px rgba(0,0,0,.6)}
[dir=rtl] .nav a.on{background:linear-gradient(270deg,rgba(255,255,255,.13),rgba(255,255,255,.06))}
.nav a.on::before{content:"";position:absolute;inset-inline-start:-14px;top:9px;bottom:9px;width:4px;border-start-end-radius:4px;border-end-end-radius:4px;background:linear-gradient(180deg,#3BE0B0,#5B8CFF)}
[dir=rtl] .nav a.on::before{border-radius:4px 0 0 4px}
.nav a.on svg{color:#5EEAD4}
.nav a .cnt{background:var(--g-warm);color:#fff;box-shadow:0 4px 10px -4px rgba(234,106,78,.7)}
.side-foot{border-top-color:rgba(255,255,255,.08)}
.side-btn{color:var(--side-fg)}
.side-btn:hover{background:rgba(255,255,255,.06);color:#fff}
.side kbd{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:var(--side-fg)}
.side-note{color:var(--side-fg-2)}
.side .nav::-webkit-scrollbar{width:0}

/* ---------- top bar: glass ---------- */
.top{background:color-mix(in srgb,var(--bg) 70%,transparent);backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px)}
.search{background:color-mix(in srgb,var(--surface) 85%,transparent);box-shadow:0 0 0 1px var(--line),var(--shadow-1);border-radius:12px}
.search:hover{box-shadow:0 0 0 1px var(--accent-line),0 6px 16px -8px rgba(15,130,150,.35)}
.ib{border-radius:11px;transition:background .15s,color .15s,transform .12s}
.ib:active{transform:scale(.95)}
.ib.asst-btn{position:relative;background:var(--surface);color:var(--text);box-shadow:none;border:1.5px solid transparent;background-image:linear-gradient(var(--surface),var(--surface)),var(--g-brand);background-origin:border-box;background-clip:padding-box,border-box}
.ib.asst-btn:hover{box-shadow:var(--glow)}
.ib.asst-btn .ai{background:var(--g-brand);color:#fff;box-shadow:none}
.fsz{border-color:var(--line-2);background:color-mix(in srgb,var(--surface) 70%,transparent)}
.ib.fit-btn.on::after{background:var(--g-brand)}

/* ---------- page header ---------- */
.ph h1{background:linear-gradient(100deg,var(--text) 0%,var(--text) 55%,#0E7F8E 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-theme=dark] .ph h1{background:linear-gradient(100deg,#F2F7FA 0%,#E6F1F5 50%,#7FE6C8 100%);-webkit-background-clip:text;background-clip:text}
[dir=rtl] .ph h1{background-image:linear-gradient(260deg,var(--text) 0%,var(--text) 55%,#0E7F8E 100%)}
[dir=rtl][data-theme=dark] .ph h1,[data-theme=dark] [dir=rtl] .ph h1{background-image:linear-gradient(260deg,#F2F7FA 0%,#E6F1F5 50%,#7FE6C8 100%)}
html[dir=rtl][data-theme=dark] .ph h1{background-image:linear-gradient(260deg,#F2F7FA 0%,#E6F1F5 50%,#7FE6C8 100%)}

/* ---------- AI + simulated marks ---------- */
.ai{background:var(--g-brand);color:#fff;box-shadow:0 2px 6px -2px rgba(15,140,160,.6)}

/* ---------- cards: soft elevation, larger radii, gentle hover ---------- */
.card,.stat{border-radius:var(--r-lg);box-shadow:0 0 0 1px var(--line),var(--shadow-2);transition:box-shadow .25s var(--ease),transform .25s var(--ease),background .25s var(--ease)}
[data-theme=dark] .card,[data-theme=dark] .stat{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),var(--surface);box-shadow:0 0 0 1px var(--line),0 18px 40px -24px rgba(0,0,0,.8)}
.stat{position:relative;overflow:hidden}
.stat::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:var(--g-brand);opacity:.9}
.stat:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--accent-line),0 18px 40px -18px rgba(15,110,140,.35)}
.stat:active{transform:translateY(0) scale(.99)}
.stat .v{background:linear-gradient(100deg,var(--text),#0E6F8A);-webkit-background-clip:text;background-clip:text;color:transparent}
[dir=rtl] .stat .v{background-image:linear-gradient(260deg,var(--text),#0E6F8A)}
[data-theme=dark] .stat .v{background-image:linear-gradient(100deg,#FFFFFF,#8EEBD0)}
.stat .v small{-webkit-text-fill-color:var(--text-3)}

/* ---------- hero: brand aurora ---------- */
.hero{background:
   radial-gradient(70% 120% at 100% 0%,rgba(52,224,176,.30) 0%,transparent 55%),
   radial-gradient(60% 120% at 0% 100%,rgba(86,140,255,.38) 0%,transparent 60%),
   linear-gradient(125deg,#06323A 0%,#07475A 38%,#0C3C82 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.05),0 28px 60px -28px rgba(8,50,90,.75)}
[dir=rtl] .hero{background:
   radial-gradient(70% 120% at 0% 0%,rgba(52,224,176,.30) 0%,transparent 55%),
   radial-gradient(60% 120% at 100% 100%,rgba(86,140,255,.38) 0%,transparent 60%),
   linear-gradient(235deg,#06323A 0%,#07475A 38%,#0C3C82 100%)}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 40%);border-radius:inherit}
.hero>*{position:relative;z-index:1}
.hero .big{background:linear-gradient(180deg,#FFFFFF 30%,#BFF3E3 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .big small{-webkit-text-fill-color:rgba(234,240,247,.7)}
.hl{color:rgba(234,244,248,.78)}
.flowbar{background:rgba(255,255,255,.10);height:10px;border-radius:8px}
.flowbar i:nth-child(2){background:var(--g-warm)!important}
.flowbar i:nth-child(3){background:linear-gradient(90deg,#3BE0B0,#6FE7C8)!important}

/* ---------- buttons ---------- */
.btn{border-radius:12px;transition:transform .12s var(--ease),box-shadow .2s,background .2s,filter .2s}
.btn:active:not(:disabled){transform:scale(.97)}
.btn:hover:not(:disabled){box-shadow:0 0 0 1px var(--accent-line),0 6px 14px -8px rgba(15,110,140,.35)}
.btn.pri,[data-theme=dark] .btn.pri{background:var(--g-brand);color:#fff;box-shadow:0 8px 20px -10px rgba(14,130,160,.7),inset 0 1px 0 rgba(255,255,255,.22)}
.btn.pri:hover:not(:disabled),[data-theme=dark] .btn.pri:hover:not(:disabled){background:var(--g-brand);filter:brightness(1.06) saturate(1.05);box-shadow:0 12px 26px -10px rgba(14,130,160,.8),inset 0 1px 0 rgba(255,255,255,.25)}
.btn.pri:disabled{filter:grayscale(.5);opacity:.6}
.link{color:#0C7F8C}
[data-theme=dark] .link{color:#5FE0BC}

/* ---------- segmented, tabs, selects, inputs ---------- */
.seg{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:12px}
.seg button{border-radius:9px}
.seg button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 2px rgba(10,30,50,.08),0 0 0 1px var(--line),0 4px 10px -6px rgba(15,110,140,.35)}
[data-theme=dark] .seg button.on{background:linear-gradient(180deg,#1E2C3E,#18232F);color:#fff}
.tabs button.on{color:var(--text)}
.tabs button.on::after{background:var(--g-brand)!important;height:3px!important;border-radius:3px}
.psel{border-radius:11px;box-shadow:0 0 0 1px var(--line-2)}
.psel:hover{box-shadow:0 0 0 1px var(--accent-line)}
.inp:focus,textarea:focus{box-shadow:0 0 0 3px rgba(14,160,150,.18),0 0 0 1px var(--accent)!important}

/* ---------- progress / rank bars: gradient fills ---------- */
.tr{background:var(--surface-2);border-radius:6px}
.tr i,.rk .tr i,[data-theme=dark] .rk .tr i{background:var(--g-brand);border-radius:6px}
.rk .tr i.mut{background:linear-gradient(90deg,#9FB4C4,#B9C8D4)!important}
[data-theme=dark] .rk .tr i.mut{background:linear-gradient(90deg,#3A4B60,#4A5D74)!important}
.rk .tr i.acc{background:var(--g-brand)}
.rk .tr i.warn{background:linear-gradient(90deg,#F5C04E,#EE9A3C)}
.rk .tr i.bad{background:var(--g-warm)}

/* ---------- chips ---------- */
.chip{border-radius:999px;padding:0 11px}
.chip.ok{background:var(--ok-soft);color:var(--ok);box-shadow:inset 0 0 0 1px rgba(10,143,116,.18)}
.chip.warn{background:var(--warn-soft);color:var(--warn);box-shadow:inset 0 0 0 1px rgba(220,140,40,.22)}
.chip.bad{background:var(--bad-soft);color:var(--bad);box-shadow:inset 0 0 0 1px rgba(208,67,79,.2)}
.chip.info{background:var(--info-soft);color:var(--info);box-shadow:inset 0 0 0 1px rgba(47,100,216,.18)}

/* ---------- lists ---------- */
.lrow{transition:background .15s,box-shadow .2s}
.lrow:hover{background:linear-gradient(90deg,rgba(14,165,140,.05),rgba(47,102,222,.03))}
[dir=rtl] .lrow:hover{background:linear-gradient(270deg,rgba(14,165,140,.05),rgba(47,102,222,.03))}
.lrow.picked{background:linear-gradient(90deg,rgba(14,165,140,.10),rgba(47,102,222,.06));box-shadow:inset 3px 0 0 #12A889}
[dir=rtl] .lrow.picked{background:linear-gradient(270deg,rgba(14,165,140,.10),rgba(47,102,222,.06));box-shadow:inset -3px 0 0 #12A889}

/* ---------- charts: gradient strokes/fills via shared defs ---------- */
.chart rect[fill="var(--accent)"],.chart rect[fill="#0E9A6E"]{fill:url(#gBrandV)}
.chart rect[fill="var(--ink)"]{fill:url(#gDeepV)}
[data-theme=dark] .chart rect[fill="var(--ink)"]{fill:url(#gBrandV)}
.chart rect[fill="var(--bad)"]{fill:url(#gWarmV)}
.ring circle[stroke="var(--ok)"],.ring circle[stroke="var(--accent)"]{stroke:url(#gBrandR)}
.ring circle[stroke="var(--bad)"]{stroke:url(#gWarmR)}
.ring circle[stroke="var(--warn)"]{stroke:url(#gAmberR)}

/* ---------- AI working: shimmer skeletons ---------- */
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
.skel{display:block;height:14px;border-radius:7px;margin:10px 0;background:linear-gradient(90deg,var(--surface-2) 0%,rgba(14,165,140,.16) 40%,rgba(47,102,222,.12) 55%,var(--surface-2) 80%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}
.skel.w80{width:80%}.skel.w60{width:60%}.skel.w90{width:92%}
.step.on{background:linear-gradient(90deg,transparent,rgba(14,165,140,.08),transparent);background-size:200% 100%;animation:shimmer 1.6s linear infinite;border-radius:10px}
.step.on .sd{box-shadow:inset 0 0 0 2px #12A889}
.step.ok .sd{background:var(--g-brand)}
textarea[readonly][aria-busy=true],.busy-shimmer{background-image:linear-gradient(90deg,transparent,rgba(14,165,140,.08),transparent);background-size:200% 100%;animation:shimmer 1.4s linear infinite}

/* ---------- drawers, scrim, toasts ---------- */
.scrim{background:rgba(4,20,32,.36);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.sheet{border-radius:22px;box-shadow:var(--shadow-3),0 0 0 1px var(--line)}
[data-theme=dark] .sheet{background:linear-gradient(180deg,#121D2A,#0E1621)}
.sheet .sh-h{position:relative}
.sheet::before{content:"";position:absolute;inset-inline:0;top:0;height:4px;border-radius:22px 22px 0 0;background:var(--g-brand);z-index:2;pointer-events:none}
.toast{background:linear-gradient(120deg,#0A2F3E,#0D2F63);color:#EAF4F8;box-shadow:0 18px 40px -14px rgba(6,40,70,.6)}
[data-theme=dark] .toast{background:linear-gradient(120deg,#123C4E,#163C7A);color:#fff}

/* ---------- route change: calm fade ---------- */
@keyframes vfade{from{opacity:0}to{opacity:1}}
#view>*{animation:vfade .32s var(--ease) both}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ---------- empty states ---------- */
.empty{border-radius:16px;background:var(--g-soft);box-shadow:inset 0 0 0 1px var(--line)}

/* ---------- phone (≤900px): native-feeling chrome ---------- */
@media (max-width:900px){
  .top{background:color-mix(in srgb,var(--bg) 78%,transparent)}
  .mbrand .brand-mark{background:var(--g-brand)}
  .tabbar{background:color-mix(in srgb,var(--surface) 82%,transparent)!important;backdrop-filter:saturate(1.6) blur(20px);-webkit-backdrop-filter:saturate(1.6) blur(20px)}
  .tabbar a.on,.tabbar button.on{color:#0C8F86}
  [data-theme=dark] .tabbar a.on,[data-theme=dark] .tabbar button.on{color:#5FE0BC}
  .hero{border-radius:22px}
}

/* ---------- v10 additions ---------- */
[dir=rtl] .tr i,[dir=rtl] .rk .tr i,[dir=rtl][data-theme=dark] .rk .tr i,html[dir=rtl] .rk .tr i.acc{background:linear-gradient(240deg,#0B9B7C 0%,#0E8FA0 45%,#2F66DE 100%)}
[dir=rtl] .rk .tr i.warn{background:linear-gradient(270deg,#F5C04E,#EE9A3C)}
[dir=rtl] .rk .tr i.bad{background:linear-gradient(240deg,#F2A541 0%,#EA6A4E 60%,#D9465A 100%)}
html[dir=rtl][data-theme=dark] .rk .tr i:not(.bad):not(.warn):not(.mut){background:linear-gradient(240deg,#18B990 0%,#16A2B8 45%,#4C7FF0 100%)}
.kic{width:26px;height:26px;border-radius:8px;display:inline-grid;place-items:center;flex:none;background:var(--g-soft);color:#0C8A86;box-shadow:inset 0 0 0 1px rgba(14,150,150,.16)}
[data-theme=dark] .kic{color:#5FE0BC}
.kic svg.i{width:16px;height:16px;stroke-width:1.9}
/* dashboard on the TV: the headline (revenue at risk) opens the story, KPIs follow */
html.fit[data-route=dashboard] #vb{grid-template-areas:"hero hero ai" "kpis kpis kpis" "swhy swhy swhere" "par par pay"}

.ai-think{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center}
.skel-g{min-width:0}
.btn.pri:disabled,[data-theme=dark] .btn.pri:disabled{background:var(--surface-2);color:var(--text-3);box-shadow:inset 0 0 0 1px var(--line-2);filter:none;opacity:1}
input[type=range]{background:linear-gradient(to right,transparent var(--p,50%),var(--surface-3) var(--p,50%)),linear-gradient(to right,#14B48F,#2F6FE0);height:8px;border-radius:6px}
input[type=range]::-webkit-slider-thumb{width:22px;height:22px;background:#fff;border:0;box-shadow:0 0 0 3px #1AA59A,0 4px 10px -2px rgba(14,110,140,.55)}
input[type=range]::-moz-range-thumb{box-shadow:0 0 0 3px #1AA59A,0 4px 10px -2px rgba(14,110,140,.55)}
.outbig.c-ok{background:linear-gradient(100deg,#0B9B7C,#2F66DE);-webkit-background-clip:text;background-clip:text;color:transparent}
[dir=rtl] .outbig.c-ok{background-image:linear-gradient(260deg,#0B9B7C,#2F66DE)}
[data-theme=dark] .outbig.c-ok{background-image:linear-gradient(100deg,#3BE0B0,#7FA7F5)}
.nc-ai{background:linear-gradient(135deg,rgba(14,165,140,.08),rgba(47,102,222,.05) 50%,transparent 80%),var(--surface);box-shadow:0 0 0 1px var(--accent-line),var(--shadow-2)}
.nc-n.ai-n{background:var(--g-brand)!important;color:#fff!important}
.btn.acc,[data-theme=dark] .btn.acc{background:var(--g-brand);color:#fff}
.btn.ai-btn svg.i{color:#0E9AA0}

html.fit[data-route=denials] #inbox .lrow{padding-block:24px}
.pipe>div{position:relative;overflow:hidden}
.pipe>div::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;opacity:.9}
.pipe>div:nth-child(1)::before{background:var(--g-warm)}
.pipe>div:nth-child(2)::before{background:linear-gradient(90deg,#F7C653,#E5862C)}
.pipe>div:nth-child(3)::before{background:linear-gradient(90deg,#5B8CFF,#2F66DE)}
.pipe>div:nth-child(4)::before{background:var(--g-brand)}

.side .nav-h{font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:16px 10px 6px;color:rgba(160,230,215,.55);font-weight:600}
html[lang=ar] .side .nav-h{letter-spacing:0;text-transform:none;font-size:12.5px}
.env-pill{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:999px;font-size:12.5px;font-weight:600;color:#9A5A0A;background:linear-gradient(120deg,rgba(247,198,83,.20),rgba(234,106,78,.12));box-shadow:inset 0 0 0 1px rgba(220,140,40,.30);white-space:nowrap;margin-inline-start:6px}
.env-pill i{width:7px;height:7px;border-radius:50%;background:var(--g-warm);box-shadow:0 0 0 3px rgba(234,140,60,.18)}
[data-theme=dark] .env-pill{color:#F6C979;background:linear-gradient(120deg,rgba(247,198,83,.14),rgba(234,106,78,.10));box-shadow:inset 0 0 0 1px rgba(242,179,90,.28)}
@media (max-width:1100px){.env-pill{display:none}}

.side .nav-h{font-size:13.5px}
html[lang=ar] .side .nav-h{font-size:14px}
.env-pill{font-size:13.5px}

/* v10: TV type floor 13px -> 13.5px so the smallest meta line renders >=16px at 1920x1080 */
html.fit .brand-s,
html.fit .brand-c,
html.fit .nav-h,
html.fit .nav a .cnt,
html.fit .side-note,
html.fit kbd,
html.fit .foot,
html.fit .ai,
html.fit .tag,
html.fit .hero-sub div span,
html.fit .flowleg,
html.fit .stat .d,
html.fit .btn.xs,
html.fit .seg button .n,
html.fit .field label,
html.fit .chip,
html.fit[lang=ar] .chip,
html.fit .lrow .t2,
html.fit .av.sm,
html.fit .kv span,
html.fit .lines th,
html.fit .ev .el,
html.fit .vitals,
html.fit .nsec .nl,
html.fit .sugtext .el,
html.fit .ordr .t2,
html.fit .sug .cf,
html.fit .cmp th,
html.fit .chk .src,
html.fit .ctip,
html.fit .legend,
html.fit .asst .ctxl,
html.fit .msg.a .mh,
html.fit .asnote,
html.fit .pop-i small,
html.fit .pal-g,
html.fit .pal-i small,
html.fit .scen .sn,
html.fit .scen button,
html.fit .fld label,
html.fit .fld .hint,
html.fit .dxk,
html.fit .nl-s,
html.fit .pki .t2,
html.fit .nc-prog-t,
html.fit .nc-miss span,
html.fit .nc-iss p,
html.fit .nc-fine,
html.fit .ai-chip .ai,
html.fit .ai-mic-n,
html.fit .ai-samples,
html.fit .ai-sl,
html.fit .ai-sl .ai,
html.fit .sgc,
html.fit .ai-f,
html.fit .ai-c,
html.fit .ai-w,
html.fit .ai-row-a .btn,
html.fit .ai-st,
html.fit .ai-sug,
html.fit .ai-sug .ai,
html.fit .ai-mini,
html.fit .ai-doc .faint,
html.fit .ai-pre,
html.fit .ai-after,
html.fit .foot,
html.fit [style*="font-size:11px"],
html.fit [style*="font-size:12px"],
html.fit [style*="font-size:12.5px"],
html.fit[data-route=documentation] .sugtext .el .ai,
html.fit .rk .vl small,
html.fit[data-route=documentation] .sugtext .el .ai{font-size:13.5px}
html.fit .side .nav-h{font-size:14px}

html.fit .hero .chart text{font-size:15.6px}

.brand-txt{min-width:0}
.brand-s,.brand-c{white-space:normal;line-height:1.3}
.sugtext .ai,.sugtext .el .ai{margin-inline-end:6px;vertical-align:1px}