/* ============================================================================
   mds-screener.css · pagina „Screener de acțiuni" · LOT 175 · `xsc`
   ⚠ Doar jetoanele temei (`--xc-*`, `--xs-*`, `--xr-*`, `--xe-lift`, `--xsep`, `--xt-*`),
     incarcate din `sectiuni/00-shell.css` si `sectiuni/20-grup2.css`. Nicio marime noua.
   ⚠ Tot e sub `.xsc` (pagina) sau `.xsc-layer` (stratul fix din <body>), ca nicio
     regula sa nu atinga restul temei.
   ⚠ Telefon / desktop: `@container mdsx` in pagina (ca restul temei), `@media` in strat
     (stratul nu e in container).
   ============================================================================ */

.mdsx .xsc, .xsc-layer .xsc, .xsc-layer{ font-family:var(--xf); color:var(--xc-ink); }
.mdsx .xsc *, .xsc-layer .xsc *, .xsc-layer *{ box-sizing:border-box; }
.mdsx :where(.xsc, .xsc-layer) :where(button, input){ font:inherit; color:inherit; }
.mdsx .xsc-sr, .xsc-layer .xsc-sr{ position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.mdsx .xsc [hidden], .xsc-layer .xsc [hidden], .xsc-layer [hidden]{ display:none!important; }
html.xsc-noscroll{ overflow:hidden; }

/* stratul: fara container, deci scara de text vine aici din aceleasi valori ale temei */
.xsc-layer{ --xt-4:clamp(20px, calc(19.4062px + .14071vw), 21.5px); --xt-5:clamp(18px, calc(20.7917px - .18762vw), 20px);
  --xt-6:15.5px; --xt-7:13.5px; --xt-8:12px; }

/* ── antet ── */
.mdsx .xsc-gh, .xsc-layer .xsc-gh{ margin:0; padding-top:8px; }
.mdsx .xsc-gh::after, .xsc-layer .xsc-gh::after{ display:none; }
.mdsx .xsc .xsc-h1, .xsc-layer .xsc .xsc-h1{ font-size:var(--xt-1); }

/* ── căutare ── */
.mdsx .xsc-mode, .xsc-layer .xsc-mode{ display:flex; gap:4px; padding:4px; margin:28px 0 0; width:fit-content; max-width:100%; border-radius:var(--xr-p); background:var(--xs-track); }
.mdsx .xsc-mode button, .xsc-layer .xsc-mode button{ padding:9px 16px; border:0; border-radius:var(--xr-p); background:none; cursor:pointer; font:600 var(--xt-7)/1 var(--xf); color:var(--xc-ink2); white-space:nowrap; }
.mdsx .xsc-mode button.on, .xsc-layer .xsc-mode button.on{ background:var(--xc-ink); color:var(--xc-bg); }
.mdsx .xsc-search, .xsc-layer .xsc-search{ position:relative; margin:14px 0 0; }
.mdsx .xsc-search input, .xsc-layer .xsc-search input{ width:100%; height:56px; padding:0 120px 0 50px; border:0; border-radius:var(--xr-p); background:var(--xs-inset); font-size:var(--xt-6); color:var(--xc-ink); outline:none; box-shadow:inset 0 0 0 1px rgba(255,255,255,.06); -webkit-appearance:none; appearance:none; }
.mdsx .xsc-search input:focus, .xsc-layer .xsc-search input:focus{ box-shadow:inset 0 0 0 1px rgba(255,255,255,.22); }
.mdsx .xsc-search input::placeholder, .xsc-layer .xsc-search input::placeholder{ color:var(--xc-ink3); }
.mdsx .xsc-search > svg, .xsc-layer .xsc-search > svg{ position:absolute; left:19px; top:50%; width:18px; height:18px; transform:translateY(-50%); color:var(--xc-ink3); }
.mdsx .xsc-go, .xsc-layer .xsc-go{ position:absolute; right:8px; top:50%; transform:translateY(-50%); padding:10px 16px; border:0; border-radius:var(--xr-p); background:var(--xc-ink); color:var(--xc-bg)!important; font:600 var(--xt-7)/1 var(--xf); cursor:pointer; }
.mdsx .xsc-ai, .xsc-layer .xsc-ai{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 8px; margin:12px 4px 0; font:500 var(--xt-7)/1.4 var(--xf); color:var(--xc-ink3); }
.mdsx .xsc-ai:empty, .xsc-layer .xsc-ai:empty{ display:none; }
.mdsx .xsc-ai b, .xsc-layer .xsc-ai b{ color:var(--xc-ink2); font-weight:600; margin-right:2px; }
.mdsx .xsc-tg, .xsc-layer .xsc-tg{ padding:5px 10px; border-radius:var(--xr-p); background:rgba(0,186,124,.12); color:var(--xc-lime); font:600 var(--xt-8)/1.2 var(--xf); }
.mdsx .xsc-ex, .xsc-layer .xsc-ex{ display:flex; flex-wrap:wrap; gap:8px; margin:14px 2px 0; }
.mdsx .xsc-ex button, .xsc-layer .xsc-ex button{ padding:8px 13px; border:0; border-radius:var(--xr-p); background:none; box-shadow:inset 0 0 0 1px rgba(255,255,255,.08); cursor:pointer; font:500 var(--xt-7)/1.2 var(--xf); color:var(--xc-ink2); text-align:left; }
.mdsx .xsc-ex button:hover, .xsc-layer .xsc-ex button:hover{ color:var(--xc-ink); box-shadow:inset 0 0 0 1px rgba(255,255,255,.22); }
.mdsx .xsc-hint, .xsc-layer .xsc-hint{ margin:4px 0 0; font:400 var(--xt-8)/1.45 var(--xf); color:var(--xc-ink3); }
.mdsx .xsc-hint--sim, .xsc-layer .xsc-hint--sim{ margin:10px 4px 0; }

/* ── rețete ── */
.mdsx .xsc-sh, .xsc-layer .xsc-sh{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin:40px 0 14px; }
.mdsx .xsc-sh h2, .xsc-layer .xsc-sh h2{ margin:0; font-size:var(--xt-4); font-weight:600; letter-spacing:-.012em; }
.mdsx .xsc-sh span, .xsc-layer .xsc-sh span{ font:400 var(--xt-7)/1.3 var(--xf); color:var(--xc-ink3); }
.mdsx .xsc-rec, .xsc-layer .xsc-rec{ display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; padding:2px 2px 8px; scrollbar-width:none; }
.mdsx .xsc-rec::-webkit-scrollbar, .xsc-layer .xsc-rec::-webkit-scrollbar{ display:none; }
.mdsx .xsc-rec:empty, .xsc-layer .xsc-rec:empty{ min-height:132px; }
.mdsx .xsc-rc, .xsc-layer .xsc-rc{ flex:0 0 236px; scroll-snap-align:start; padding:18px 18px 16px; border-radius:var(--xr-i); background:var(--xs-card); box-shadow:var(--xe-lift); cursor:pointer; text-align:left; border:0; transition:transform .15s ease; }
.mdsx .xsc-rc:hover, .xsc-layer .xsc-rc:hover{ transform:translateY(-2px); }
.mdsx .xsc-rc.on, .xsc-layer .xsc-rc.on{ box-shadow:inset 0 0 0 1.5px var(--xc-ink), var(--xe-lift); }
.mdsx .xsc-rc b, .xsc-layer .xsc-rc b{ display:block; font:600 var(--xt-6)/1.3 var(--xf); }
.mdsx .xsc-rc b i, .xsc-layer .xsc-rc b i{ display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--c, var(--xc-lime)); margin-right:8px; vertical-align:1px; }
.mdsx .xsc-rc p, .xsc-layer .xsc-rc p{ margin:8px 0 12px; font:400 var(--xt-7)/1.45 var(--xf); color:var(--xc-ink2); min-height:3.9em; }
.mdsx .xsc-rc em, .xsc-layer .xsc-rc em{ font:500 var(--xt-8)/1 var(--xf); font-style:normal; color:var(--xc-ink3); }
.mdsx .xsc-rc em strong, .xsc-layer .xsc-rc em strong{ color:var(--xc-ink2); font-weight:600; }

/* ── corp ── */
.mdsx .xsc-body, .xsc-layer .xsc-body{ display:grid; grid-template-columns:minmax(0,1fr); gap:24px; margin:36px 0 0; align-items:start; }
.mdsx .xsc-res, .xsc-layer .xsc-res{ min-width:0; }
.mdsx .xsc-flh, .xsc-layer .xsc-flh{ display:flex; justify-content:space-between; align-items:baseline; margin:0 0 6px; }
.mdsx .xsc-flh h2, .xsc-layer .xsc-flh h2{ margin:0; font-size:var(--xt-5); font-weight:600; }
.mdsx .xsc-lnk, .xsc-layer .xsc-lnk{ background:none; border:0; padding:0; cursor:pointer; font:600 var(--xt-7)/1 var(--xf); color:var(--xc-ink2); }
.mdsx .xsc-lnk:hover, .xsc-layer .xsc-lnk:hover{ color:var(--xc-ink); }
.mdsx .xsc-flx, .xsc-layer .xsc-flx{ display:none; }

/* filtrele (si in pagina, si in panoul de pe telefon) */
.mdsx .xsc-grp, .xsc-layer .xsc-grp{ background:var(--xsep) no-repeat top/100% 1px; padding:4px 0; }
.mdsx .xsc-grp > summary, .xsc-layer .xsc-grp > summary{ list-style:none; display:flex; align-items:center; justify-content:space-between; padding:14px 0; cursor:pointer; font:600 var(--xt-6)/1.3 var(--xf); color:var(--xc-ink); }
.mdsx .xsc-grp > summary::-webkit-details-marker, .xsc-layer .xsc-grp > summary::-webkit-details-marker{ display:none; }
.mdsx .xsc-grp > summary::marker, .xsc-layer .xsc-grp > summary::marker{ content:""; }
.mdsx .xsc-grp > summary::after, .xsc-layer .xsc-grp > summary::after{ content:""; width:8px; height:8px; border-right:2px solid var(--xc-ink3); border-bottom:2px solid var(--xc-ink3); transform:translateY(-2px) rotate(45deg); transition:transform .15s; }
.mdsx .xsc-grp[open] > summary::after, .xsc-layer .xsc-grp[open] > summary::after{ content:""; transform:translateY(2px) rotate(-135deg); }
.mdsx .xsc-n, .xsc-layer .xsc-n{ margin-left:auto; margin-right:12px; min-width:20px; height:20px; padding:0 6px; border-radius:10px; background:var(--xc-ink); color:var(--xc-bg); font:700 var(--xt-8)/20px var(--xf); text-align:center; }
.mdsx .xsc-f, .xsc-layer .xsc-f{ padding:0 0 16px; }
.mdsx .xsc-ft, .xsc-layer .xsc-ft{ display:flex; justify-content:space-between; gap:12px; margin:0 0 8px; font:500 var(--xt-7)/1.3 var(--xf); color:var(--xc-ink2); }
.mdsx .xsc-ft b, .xsc-layer .xsc-ft b{ color:var(--xc-ink); font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; }
.mdsx .xsc-chips, .xsc-layer .xsc-chips{ display:flex; flex-wrap:wrap; gap:6px; }
.mdsx .xsc-chip, .xsc-layer .xsc-chip{ padding:7px 12px; border-radius:var(--xr-p); background:var(--xs-track); border:0; cursor:pointer; font:500 var(--xt-7)/1 var(--xf); color:var(--xc-ink2); }
.mdsx .xsc-chip.on, .xsc-layer .xsc-chip.on{ background:var(--xc-ink); color:var(--xc-bg); }
.mdsx .xsc-hist, .xsc-layer .xsc-hist{ display:flex; align-items:flex-end; gap:2px; height:30px; margin:2px 0 0; }
.mdsx .xsc-hist i, .xsc-layer .xsc-hist i{ flex:1; min-height:2px; border-radius:2px 2px 0 0; background:rgba(255,255,255,.1); }
.mdsx .xsc-hist i.in, .xsc-layer .xsc-hist i.in{ background:var(--xc-ink2); }
.mdsx .xsc-fc, .xsc-layer .xsc-fc{ display:block; margin:2px 0 0; font:500 var(--xt-8)/1.3 var(--xf); color:var(--xc-ink3); }
.mdsx .xsc-dual, .xsc-layer .xsc-dual{ position:relative; height:22px; }
.mdsx .xsc-dual input, .xsc-layer .xsc-dual input, .mdsx .xsc-one, .xsc-layer .xsc-one{ width:100%; height:22px; margin:0; accent-color:var(--xc-ink); }
.mdsx .xsc-dual input, .xsc-layer .xsc-dual input{ position:absolute; inset:0; pointer-events:none; background:none; -webkit-appearance:none; appearance:none; }
.mdsx .xsc-dual input::-webkit-slider-runnable-track, .xsc-layer .xsc-dual input::-webkit-slider-runnable-track{ height:4px; border-radius:2px; background:var(--xs-track); }
.mdsx .xsc-dual input + input::-webkit-slider-runnable-track, .xsc-layer .xsc-dual input + input::-webkit-slider-runnable-track{ background:none; }
.mdsx .xsc-dual input::-webkit-slider-thumb, .xsc-layer .xsc-dual input::-webkit-slider-thumb{ pointer-events:auto; -webkit-appearance:none; width:18px; height:18px; margin-top:-7px; border-radius:50%; background:var(--xc-ink); border:0; cursor:pointer; }
.mdsx .xsc-dual input::-moz-range-track, .xsc-layer .xsc-dual input::-moz-range-track{ height:4px; border-radius:2px; background:var(--xs-track); }
.mdsx .xsc-dual input + input::-moz-range-track, .xsc-layer .xsc-dual input + input::-moz-range-track{ background:none; }
.mdsx .xsc-dual input::-moz-range-thumb, .xsc-layer .xsc-dual input::-moz-range-thumb{ pointer-events:auto; width:18px; height:18px; border-radius:50%; background:var(--xc-ink); border:0; cursor:pointer; }
.mdsx .xsc-dual input:focus-visible::-webkit-slider-thumb, .xsc-layer .xsc-dual input:focus-visible::-webkit-slider-thumb{ outline:2px solid var(--xc-ink2); outline-offset:2px; }
.mdsx .xsc-sw, .xsc-layer .xsc-sw, .mdsx .xsc-tgl, .xsc-layer .xsc-tgl{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:6px 0 10px; font:500 var(--xt-7)/1.35 var(--xf); color:var(--xc-ink2); cursor:pointer; }
.mdsx .xsc-tgl, .xsc-layer .xsc-tgl{ display:inline-flex; padding:0; font-weight:600; justify-content:flex-start; }
.mdsx .xsc-sw input, .xsc-layer .xsc-sw input, .mdsx .xsc-tgl input, .xsc-layer .xsc-tgl input{ appearance:none; -webkit-appearance:none; flex:none; width:38px; height:22px; margin:0; border-radius:11px; background:var(--xs-track); position:relative; cursor:pointer; transition:background .15s; }
.mdsx .xsc-sw input::after, .xsc-layer .xsc-sw input::after, .mdsx .xsc-tgl input::after, .xsc-layer .xsc-tgl input::after{ content:""; position:absolute; top:2px; left:2px; width:18px; height:18px; border-radius:50%; background:var(--xc-ink2); transition:transform .15s, background .15s; }
.mdsx .xsc-sw input:checked, .xsc-layer .xsc-sw input:checked, .mdsx .xsc-tgl input:checked, .xsc-layer .xsc-tgl input:checked{ background:var(--xc-lime); }
.mdsx .xsc-sw input:checked::after, .xsc-layer .xsc-sw input:checked::after, .mdsx .xsc-tgl input:checked::after, .xsc-layer .xsc-tgl input:checked::after{ transform:translateX(16px); background:#fff; }
.mdsx .xsc-sw input:focus-visible, .xsc-layer .xsc-sw input:focus-visible, .mdsx .xsc-tgl input:focus-visible, .xsc-layer .xsc-tgl input:focus-visible{ outline:2px solid var(--xc-ink2); outline-offset:2px; }

/* ── bara de rezultate ── */
.mdsx .xsc-rb, .xsc-layer .xsc-rb, .mdsx .xsc-rb2, .xsc-layer .xsc-rb2{ display:flex; align-items:center; flex-wrap:wrap; gap:10px 14px; margin:0 0 12px; }
.mdsx .xsc-cnt, .xsc-layer .xsc-cnt{ font:700 var(--xt-4)/1 var(--xf); letter-spacing:-.012em; font-variant-numeric:tabular-nums; }
.mdsx .xsc-cnt small, .xsc-layer .xsc-cnt small{ font:500 var(--xt-7)/1 var(--xf); color:var(--xc-ink3); margin-left:6px; }
.mdsx .xsc-seg, .xsc-layer .xsc-seg{ display:flex; gap:4px; padding:4px; border-radius:var(--xr-p); background:var(--xs-track); max-width:100%; overflow-x:auto; scrollbar-width:none; }
.mdsx .xsc-seg::-webkit-scrollbar, .xsc-layer .xsc-seg::-webkit-scrollbar{ display:none; }
.mdsx .xsc-seg button, .xsc-layer .xsc-seg button{ flex:none; padding:8px 13px; border:0; border-radius:var(--xr-p); background:none; cursor:pointer; font:600 var(--xt-7)/1 var(--xf); color:var(--xc-ink2); white-space:nowrap; }
.mdsx .xsc-seg button.on, .xsc-layer .xsc-seg button.on{ background:var(--xc-ink); color:var(--xc-bg); }
.mdsx .xsc-lk::after, .xsc-layer .xsc-lk::after, .mdsx .xsc-locked::after, .xsc-layer .xsc-locked::after{ content:""; display:inline-block; width:9px; height:10px; margin-left:6px; vertical-align:-1px; opacity:.7;
  background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 10'%3E%3Cpath d='M2 4V3a2.5 2.5 0 0 1 5 0v1h.5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5h-6A.5.5 0 0 1 1 9.5v-5A.5.5 0 0 1 1.5 4zm1 0h3V3a1.5 1.5 0 0 0-3 0z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 10'%3E%3Cpath d='M2 4V3a2.5 2.5 0 0 1 5 0v1h.5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5h-6A.5.5 0 0 1 1 9.5v-5A.5.5 0 0 1 1.5 4zm1 0h3V3a1.5 1.5 0 0 0-3 0z'/%3E%3C/svg%3E") center/contain no-repeat; }
.mdsx .xsc--pro .xsc-locked::after, .xsc-layer .xsc--pro .xsc-locked::after{ display:none; }
.mdsx .xsc-acts, .xsc-layer .xsc-acts{ margin-left:auto; display:flex; gap:8px; flex-wrap:wrap; }
.mdsx .xsc-btn, .xsc-layer .xsc-btn{ display:inline-flex; align-items:center; justify-content:center; gap:7px; height:38px; padding:0 14px; border:0; border-radius:var(--xr-p); background:var(--xs-inset); box-shadow:inset 0 0 0 1px rgba(255,255,255,.07); cursor:pointer; font:600 var(--xt-7)/1 var(--xf); color:var(--xc-ink); text-decoration:none; white-space:nowrap; }
.mdsx .xsc-btn:hover, .xsc-layer .xsc-btn:hover{ box-shadow:inset 0 0 0 1px rgba(255,255,255,.2); }
.mdsx .xsc-btn:disabled, .xsc-layer .xsc-btn:disabled{ opacity:.4; cursor:default; }
.mdsx .xsc-btn--go, .xsc-layer .xsc-btn--go{ background:var(--xc-ink); color:var(--xc-bg)!important; box-shadow:none; }
.mdsx .xsc-btn--go:hover, .xsc-layer .xsc-btn--go:hover{ box-shadow:none; opacity:.9; }
.mdsx .xsc-btn:focus-visible, .xsc-layer .xsc-btn:focus-visible, .mdsx .xsc-chip:focus-visible, .xsc-layer .xsc-chip:focus-visible, .mdsx .xsc-seg button:focus-visible, .xsc-layer .xsc-seg button:focus-visible, .mdsx .xsc-rc:focus-visible, .xsc-layer .xsc-rc:focus-visible, .mdsx .xsc-mode button:focus-visible, .xsc-layer .xsc-mode button:focus-visible, .mdsx .xsc-ex button:focus-visible, .xsc-layer .xsc-ex button:focus-visible, .mdsx .xsc-go:focus-visible, .xsc-layer .xsc-go:focus-visible{ outline:2px solid var(--xc-ink2); outline-offset:2px; }
.mdsx .xsc-mf, .xsc-layer .xsc-mf{ display:none; }
.mdsx .xsc-pop, .xsc-layer .xsc-pop{ position:relative; }
.mdsx .xsc-pop--r, .xsc-layer .xsc-pop--r{ margin-left:auto; }
.mdsx .xsc-menu, .xsc-layer .xsc-menu{ position:absolute; right:0; top:46px; z-index:30; width:280px; max-height:60vh; overflow:auto; padding:14px; border-radius:20px; background:#18181b; box-shadow:0 20px 50px -10px rgba(0,0,0,.9), inset 0 0 0 1px rgba(255,255,255,.08); display:none; }
.mdsx .xsc-menu.show, .xsc-layer .xsc-menu.show{ display:block; }
.mdsx .xsc-menu .xsc-hint, .xsc-layer .xsc-menu .xsc-hint{ margin:0 4px 8px; }
.mdsx .xsc-menu label, .xsc-layer .xsc-menu label{ display:flex; align-items:center; gap:10px; padding:7px 4px; font:500 var(--xt-7)/1.2 var(--xf); cursor:pointer; }
.mdsx .xsc-svi, .xsc-layer .xsc-svi{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 4px; background:var(--xsep) no-repeat bottom/100% 1px; }
.mdsx .xsc-svi a, .xsc-layer .xsc-svi a{ color:var(--xc-ink); text-decoration:none; font:600 var(--xt-7)/1.3 var(--xf); }
.mdsx .xsc-activ, .xsc-layer .xsc-activ{ display:flex; flex-wrap:wrap; gap:6px; margin:0 0 14px; }
.mdsx .xsc-activ:empty, .xsc-layer .xsc-activ:empty{ display:none; }
.mdsx .xsc-activ button, .xsc-layer .xsc-activ button{ display:inline-flex; align-items:center; gap:6px; padding:6px 10px 6px 12px; border:0; border-radius:var(--xr-p); background:var(--xs-track); cursor:pointer; font:500 var(--xt-8)/1.2 var(--xf); color:var(--xc-ink); }
.mdsx .xsc-activ button::after, .xsc-layer .xsc-activ button::after{ content:"×"; color:var(--xc-ink3); font-size:14px; }
.mdsx .xsc-simh, .xsc-layer .xsc-simh{ display:flex; align-items:center; gap:10px; margin:0 0 12px; padding:12px 16px; border-radius:16px; background:var(--xs-inset); font:500 var(--xt-7)/1.4 var(--xf); color:var(--xc-ink2); }
.mdsx .xsc-simh b, .xsc-layer .xsc-simh b{ color:var(--xc-ink); }
.mdsx .xsc-simh .xsc-lnk, .xsc-layer .xsc-simh .xsc-lnk{ margin-left:auto; }

/* ── tabelul ── */
.mdsx .xsc-tw, .xsc-layer .xsc-tw{ border-radius:var(--xr-i); background:var(--xs-card); box-shadow:var(--xe-lift); overflow:auto; }
.mdsx .xsc table, .xsc-layer .xsc table{ width:100%; margin:0; border-collapse:separate; border-spacing:0; font-variant-numeric:tabular-nums; }
.mdsx .xsc th, .xsc-layer .xsc th{ position:sticky; top:0; z-index:2; background:#141416; padding:0; text-align:right; white-space:nowrap; font:600 var(--xt-8)/1.2 var(--xf); letter-spacing:.02em; text-transform:uppercase; color:var(--xc-ink3); border:0; }
.mdsx .xsc th button, .xsc-layer .xsc th button{ display:block; width:100%; padding:14px 14px 12px; border:0; background:none; cursor:pointer; text-align:inherit; font:inherit; letter-spacing:inherit; text-transform:inherit; color:inherit; }
.mdsx .xsc th:not(:has(button)), .xsc-layer .xsc th:not(:has(button)){ padding:14px 14px 12px; }
.mdsx .xsc th:nth-child(2), .xsc-layer .xsc th:nth-child(2){ text-align:left; }
.mdsx .xsc th.s, .xsc-layer .xsc th.s{ color:var(--xc-ink); }
.mdsx .xsc th.s button::after, .xsc-layer .xsc th.s button::after{ content:" ↓"; }
.mdsx .xsc th.s.asc button::after, .xsc-layer .xsc th.s.asc button::after{ content:" ↑"; }
.mdsx .xsc td, .xsc-layer .xsc td{ padding:13px 14px; text-align:right; white-space:nowrap; font:500 var(--xt-7)/1.2 var(--xf); background:var(--xsep) no-repeat top/100% 1px; border:0; color:var(--xc-ink); }
.mdsx .xsc tbody tr:first-child td, .xsc-layer .xsc tbody tr:first-child td{ background:none; }
.mdsx .xsc tbody tr[data-t], .xsc-layer .xsc tbody tr[data-t]{ cursor:pointer; }
.mdsx .xsc tbody tr[data-t]:hover td, .xsc-layer .xsc tbody tr[data-t]:hover td, .mdsx .xsc tbody tr.xsc-open td, .xsc-layer .xsc tbody tr.xsc-open td{ background-color:rgba(255,255,255,.025); }
.mdsx .xsc td:nth-child(2), .xsc-layer .xsc td:nth-child(2){ text-align:left; }
.mdsx .xsc .xsc-ckc, .xsc-layer .xsc .xsc-ckc{ width:36px; padding-right:0; text-align:left; }
.mdsx .xsc-co, .xsc-layer .xsc-co{ display:flex; align-items:center; gap:12px; min-width:220px; }
/* lot 182: siglele fara chenar, fara fundal (ca peste tot pe site); fara sigla, doar initiala. */
.mdsx .xsc-lg, .xsc-layer .xsc-lg{ flex:none; width:34px; height:34px; display:grid; place-items:center; background:none; object-fit:contain; font:600 var(--xt-6)/1 var(--xf); color:var(--xc-ink2); }
.mdsx img.xsc-lg, .xsc-layer img.xsc-lg{ width:30px; height:30px; padding:0; }
.mdsx .xsc-co a, .xsc-layer .xsc-co a, .mdsx .xsc-co .xsc-nm, .xsc-layer .xsc-co .xsc-nm{ display:block; font:600 var(--xt-7)/1.25 var(--xf); color:var(--xc-ink); text-decoration:none; }
.mdsx .xsc-co a:hover, .xsc-layer .xsc-co a:hover{ text-decoration:underline; text-underline-offset:3px; }
.mdsx .xsc-co small, .xsc-layer .xsc-co small{ display:block; margin-top:3px; font:500 var(--xt-8)/1.2 var(--xf); color:var(--xc-ink3); }
.mdsx .xsc-up, .xsc-layer .xsc-up{ color:var(--xc-lime); } .xsc-dn{ color:var(--xc-pink); } .xsc-mu{ color:var(--xc-ink4); }
.mdsx .xsc-heat, .xsc-layer .xsc-heat{ display:inline-block; min-width:44px; padding:4px 8px; border-radius:8px; font:700 var(--xt-8)/1 var(--xf); text-align:center; color:#0b0b0d; }
.mdsx .xsc-rt--very_attractive, .xsc-layer .xsc-rt--very_attractive, .mdsx .xsc-rt--attractive, .xsc-layer .xsc-rt--attractive{ color:var(--xc-lime); }
.mdsx .xsc-rt--unattractive, .xsc-layer .xsc-rt--unattractive, .mdsx .xsc-rt--very_unattractive, .xsc-layer .xsc-rt--very_unattractive{ color:var(--xc-pink); }
.mdsx .xsc-ck, .xsc-layer .xsc-ck{ appearance:none; -webkit-appearance:none; width:18px; height:18px; margin:0; border-radius:6px; box-shadow:inset 0 0 0 1.5px var(--xc-ink4); cursor:pointer; display:grid; place-items:center; background:none; }
.mdsx .xsc-ck:checked, .xsc-layer .xsc-ck:checked{ background:var(--xc-ink); box-shadow:none; }
.mdsx .xsc-ck:checked::after, .xsc-layer .xsc-ck:checked::after{ content:""; width:5px; height:9px; border-right:2px solid var(--xc-bg); border-bottom:2px solid var(--xc-bg); transform:translateY(-1px) rotate(45deg); }
.mdsx .xsc-ck:focus-visible, .xsc-layer .xsc-ck:focus-visible{ outline:2px solid var(--xc-ink2); outline-offset:2px; }
.mdsx .xsc-empty, .xsc-layer .xsc-empty{ padding:48px 24px; text-align:center; white-space:normal; }
.mdsx .xsc-empty b, .xsc-layer .xsc-empty b{ display:block; font:600 var(--xt-5)/1.3 var(--xf); }
.mdsx .xsc-empty p, .xsc-layer .xsc-empty p{ margin:10px auto 18px; max-width:46ch; font:400 var(--xt-7)/1.5 var(--xf); color:var(--xc-ink2); }
.mdsx .xsc-note, .xsc-layer .xsc-note{ margin:16px 0 0; font:400 var(--xt-8)/1.5 var(--xf); color:var(--xc-ink3); }
.mdsx .xsc-more, .xsc-layer .xsc-more{ display:flex; margin:14px auto 0; }

/* rândul deschis: de ce apare */
.mdsx .xsc tr.xsc-det td, .xsc-layer .xsc tr.xsc-det td{ background:none!important; padding:0 14px 16px; white-space:normal; }
.mdsx .xsc-why, .xsc-layer .xsc-why{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; padding:14px 16px; border-radius:16px; background:var(--xs-inset); text-align:left; }
.mdsx .xsc-why b, .xsc-layer .xsc-why b{ font:600 var(--xt-7)/1.3 var(--xf); margin-right:4px; }
.mdsx .xsc-why__w, .xsc-layer .xsc-why__w{ margin-left:6px; }
.mdsx .xsc-why .xsc-s, .xsc-layer .xsc-why .xsc-s{ padding:6px 10px; border-radius:var(--xr-p); font:600 var(--xt-8)/1.2 var(--xf); background:rgba(0,186,124,.12); color:var(--xc-lime); }
.mdsx .xsc-why .xsc-w, .xsc-layer .xsc-why .xsc-w{ padding:6px 10px; border-radius:var(--xr-p); font:600 var(--xt-8)/1.2 var(--xf); background:rgba(244,33,46,.12); color:var(--xc-pink); }
.mdsx .xsc-why > a:last-child, .xsc-layer .xsc-why > a:last-child{ margin-left:auto; font:600 var(--xt-7)/1 var(--xf); color:var(--xc-ink); text-decoration:none; }
.mdsx .xsc-why > a:last-child::after, .xsc-layer .xsc-why > a:last-child::after{ content:" ›"; }
.mdsx .xsc-why--lock span, .xsc-layer .xsc-why--lock span{ font:500 var(--xt-7)/1.4 var(--xf); color:var(--xc-ink2); }
.mdsx .xsc-why--lock .xsc-btn, .xsc-layer .xsc-why--lock .xsc-btn{ height:32px; }

/* aproape au trecut */
.mdsx .xsc-near, .xsc-layer .xsc-near{ margin:22px 0 0; }
.mdsx .xsc-near:empty, .xsc-layer .xsc-near:empty{ display:none; }
.mdsx .xsc-near h3, .xsc-layer .xsc-near h3{ margin:0 0 4px; font-size:var(--xt-5); font-weight:600; }
.mdsx .xsc-near p.xsc-s, .xsc-layer .xsc-near p.xsc-s{ margin:0 0 12px; font:400 var(--xt-7)/1.45 var(--xf); color:var(--xc-ink2); }
.mdsx .xsc-nl, .xsc-layer .xsc-nl{ display:grid; gap:8px; }
.mdsx .xsc-ni, .xsc-layer .xsc-ni{ display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:18px; background:var(--xs-card); box-shadow:var(--xe-lift); }
.mdsx .xsc-ni .xsc-co, .xsc-layer .xsc-ni .xsc-co{ min-width:0; flex:1; }
.mdsx .xsc-ni em, .xsc-layer .xsc-ni em{ font:500 var(--xt-8)/1.35 var(--xf); font-style:normal; color:var(--xc-ink2); text-align:right; }
.mdsx .xsc-ni em b, .xsc-layer .xsc-ni em b{ color:var(--xc-pink); font-weight:600; }

/* harta */
.mdsx .xsc-map, .xsc-layer .xsc-map{ display:grid; gap:10px; }
.mdsx .xsc-mr, .xsc-layer .xsc-mr{ display:grid; grid-template-columns:160px minmax(0,1fr); gap:12px; align-items:stretch; }
.mdsx .xsc-mr > span, .xsc-layer .xsc-mr > span{ font:600 var(--xt-7)/1.3 var(--xf); color:var(--xc-ink2); align-self:center; }
.mdsx .xsc-mt, .xsc-layer .xsc-mt{ display:flex; gap:3px; height:58px; min-width:0; overflow:hidden; border-radius:10px; }
.mdsx .xsc-mt a, .xsc-layer .xsc-mt a{ display:flex; flex-direction:column; justify-content:center; min-width:0; padding:0 8px; border-radius:10px; color:#fff; text-decoration:none; overflow:hidden; }
.mdsx .xsc-mt a b, .xsc-layer .xsc-mt a b{ font:700 var(--xt-8)/1.1 var(--xf); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mdsx .xsc-mt a i, .xsc-layer .xsc-mt a i{ font:500 var(--xt-8)/1.2 var(--xf); font-style:normal; opacity:.85; }
.mdsx .xsc-leg, .xsc-layer .xsc-leg{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:4px 0 0; font:500 var(--xt-8)/1.3 var(--xf); color:var(--xc-ink3); }
.mdsx .xsc-leg i, .xsc-layer .xsc-leg i{ width:120px; height:8px; border-radius:4px; background:linear-gradient(90deg,#b3141f,#3a3a3e,#007a52); }

/* intrebarile frecvente: clasele temei (58-faq.css), doar distanta de sus */
.mdsx .xsc-faq, .xsc-layer .xsc-faq{ margin-top:var(--xsp-grup, 92px); }

/* ── desktop ── */
@container mdsx (min-width:900px){
  .mdsx .xsc-body{ grid-template-columns:300px minmax(0,1fr); }
  /* lot 179: fără antet sus (bara laterală îl înlocuiește), deci lipit la 24px; bara de derulare
     e cea din bara laterală (02-scrollbar.css), nu cea gri implicită. */
  .mdsx .xsc-fl{ position:sticky; top:24px; max-height:calc(100vh - 48px); overflow:auto; overscroll-behavior:contain; padding-right:8px; }
  /* Rețetele: pe desktop se văd toate (2 rânduri de 4), nimic ascuns în dreapta. */
  .mdsx .xsc-rec{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); overflow:visible; scroll-snap-type:none; padding:2px 0 0; }
  .mdsx .xsc-rc{ display:flex; flex-direction:column; scroll-snap-align:none; }
  .mdsx .xsc-rc em{ margin-top:auto; }
}
/* ── telefon ── */
@container mdsx (max-width:899px){
  /* lot 179: rețetele și exemplele se derulează pe orizontală până la marginea ecranului
     (24px = marginea paginii pe telefon), ca să se vadă că mai sunt carduri în dreapta. */
  .mdsx .xsc-rec{ margin-left:-24px; margin-right:-24px; padding:2px 24px 8px; scroll-padding:0 24px; }
  .mdsx .xsc-ex{ flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; margin:14px -24px 0; padding:0 24px; }
  .mdsx .xsc-ex::-webkit-scrollbar{ display:none; }
  .mdsx .xsc-ex button{ flex:none; }
  .mdsx .xsc-mode{ width:100%; }
  .mdsx .xsc-mode button{ flex:1; padding:10px 8px; font-size:var(--xt-8); }
  .mdsx .xsc-search input{ padding-right:18px; }
  .mdsx .xsc-go{ display:none; }
  .mdsx .xsc-sh{ flex-direction:column; align-items:flex-start; gap:4px; margin-top:30px; }
  .mdsx .xsc-mf{ display:inline-flex; }
  .mdsx .xsc-acts{ margin-left:0; }
  .mdsx .xsc-acts .xsc-btn span{ display:none; }
  .mdsx .xsc-acts .xsc-mf, .mdsx .xsc-acts #xsc-openf{ display:inline-flex; }
  .mdsx .xsc-tw{ background:none; box-shadow:none; overflow:visible; }
  .mdsx .xsc table, .mdsx .xsc thead, .mdsx .xsc tbody, .mdsx .xsc tr, .mdsx .xsc td{ display:block; }
  .mdsx .xsc thead{ display:none; }
  .mdsx .xsc tbody tr{ margin:0 0 10px; padding:14px 16px; border-radius:var(--xr-i); background:var(--xs-card); box-shadow:var(--xe-lift); display:flex; flex-wrap:wrap; align-items:center; row-gap:12px; }
  .mdsx .xsc tbody tr.xsc-det{ margin-top:-18px; padding:8px 8px 8px; border-radius:0 0 var(--xr-i) var(--xr-i); }
  .mdsx .xsc td{ padding:0; background:none!important; text-align:left; white-space:normal; }
  .mdsx .xsc td.xsc-ckc{ flex:0 0 30px; width:30px; }
  .mdsx .xsc td:nth-child(2){ flex:1 1 calc(100% - 30px); min-width:0; }
  .mdsx .xsc td.xsc-m{ flex:0 0 33.333%; min-width:0; display:flex; flex-direction:column; gap:4px; padding-right:8px; overflow-wrap:anywhere; }
  .mdsx .xsc td.xsc-m::before{ content:attr(data-l); font:500 var(--xt-8)/1.2 var(--xf); color:var(--xc-ink3); }
  .mdsx .xsc td[colspan]{ flex:1 1 100%; }
  .mdsx .xsc-co{ min-width:0; }
  .mdsx .xsc-mr{ grid-template-columns:minmax(0,1fr); }
  .mdsx .xsc-mt a{ padding:0 4px; }
  .mdsx .xsc-why > a:last-child{ margin-left:0; }
  .mdsx .xsc-ni{ flex-direction:column; align-items:flex-start; }
  .mdsx .xsc-ni em{ text-align:left; }
  .mdsx .xsc-pop--r{ margin-left:0; }
  .mdsx .xsc-menu{ right:auto; left:0; }
}

/* ══ STRATUL FIX (in <body>) ══════════════════════════════════════════════ */

.xsc-toast{ position:fixed; left:50%; top:84px; z-index:100002; transform:translate(-50%,-20px); opacity:0; max-width:calc(100vw - 32px); padding:12px 18px; border-radius:var(--xr-p); background:#1f1f22; box-shadow:0 20px 50px -10px rgba(0,0,0,.9), inset 0 0 0 1px rgba(255,255,255,.1); font:500 var(--xt-7)/1.35 var(--xf); color:var(--xc-ink); transition:opacity .25s, transform .25s; pointer-events:none; text-align:center; }
.xsc-toast.show{ opacity:1; transform:translate(-50%,0); }

.xsc-tray{ position:fixed; left:50%; bottom:20px; z-index:100000; transform:translate(-50%,140%); visibility:hidden; display:flex; align-items:center; gap:10px; padding:10px 10px 10px 18px; border-radius:var(--xr-p); background:rgba(28,28,31,.92); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); box-shadow:0 20px 50px -10px rgba(0,0,0,.9), inset 0 0 0 1px rgba(255,255,255,.08); transition:transform .25s ease, visibility .25s; max-width:calc(100vw - 32px); }
.xsc-tray.show{ transform:translate(-50%,0); visibility:visible; }
.xsc-tray span{ min-width:0; font:500 var(--xt-7)/1.2 var(--xf); color:var(--xc-ink2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.xsc-scrim{ position:fixed; inset:0; z-index:100000; background:rgba(0,0,0,.5); display:none; }
.xsc-scrim.show{ display:block; }

/* panoul de filtre pe telefon (mutat aici de script) */
.xsc-layer .xsc-fl{ position:fixed; left:0; right:0; bottom:0; z-index:100001; max-height:85vh; overflow:auto; overscroll-behavior:contain; padding:18px 20px 0; border-radius:var(--xr-i) var(--xr-i) 0 0; background:#141416; box-shadow:0 -20px 60px rgba(0,0,0,.8); transform:translateY(105%); transition:transform .25s ease; visibility:hidden; }
.xsc-layer .xsc-fl.show{ transform:none; visibility:visible; }
.xsc-layer .xsc-flx{ display:flex; position:sticky; bottom:0; width:100%; margin:8px 0 0; height:48px; border-radius:var(--xr-p); box-shadow:0 -12px 24px 6px #141416; }
.xsc-layer .xsc-flx-wrap{ height:16px; }

/* fereastra de comparatie */
.xsc-mod{ position:fixed; inset:0; z-index:100001; display:none; align-items:center; justify-content:center; padding:20px; background:rgba(0,0,0,.66); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
.xsc-mod.show{ display:flex; }
.xsc-mod.show .xsc-box{ animation:xscIn .22s ease; }
@keyframes xscIn{ from{ opacity:0; transform:translateY(14px) scale(.985); } to{ opacity:1; transform:none; } }
.xsc-box{ width:min(1000px,100%); max-height:90vh; overflow:auto; overscroll-behavior:contain; border-radius:var(--xr-c); background:#121214; box-shadow:0 40px 90px -30px rgba(0,0,0,1), inset 0 0 0 1px rgba(255,255,255,.06); }
.xsc-cbh{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:26px 28px 6px; }
.xsc-cbh__t{ min-width:0; }
.xsc-cbh h2{ margin:0 0 4px; font:600 var(--xt-4)/1.2 var(--xf); color:var(--xc-ink); }
.xsc-cbh p.xsc-s{ margin:0; font:400 var(--xt-7)/1.45 var(--xf); color:var(--xc-ink2); }
.xsc-cbh__a{ display:flex; align-items:center; gap:10px; flex:none; }
.xsc-cx{ width:36px; height:36px; display:grid; place-items:center; border:0; border-radius:50%; background:var(--xs-track); color:var(--xc-ink2); cursor:pointer; transition:background .15s, color .15s; }
.xsc-cx:hover{ background:#26262a; color:var(--xc-ink); }
.xsc-cx:focus-visible, .xsc-cg__rm:focus-visible{ outline:2px solid var(--xc-ink2); outline-offset:2px; }
.xsc-cg{ padding:0 28px; }
.xsc-cg__hd, .xsc-cg__r{ display:grid; grid-template-columns:150px repeat(var(--n), minmax(0,1fr)); gap:0 14px; align-items:center; }
.xsc-cg__hd{ position:sticky; top:0; z-index:2; padding:18px 0 14px; background:#121214; box-shadow:0 1px 0 rgba(255,255,255,.06); }
.xsc-cg__c{ position:relative; display:grid; grid-template-columns:34px minmax(0,1fr); column-gap:10px; row-gap:2px; padding:14px 14px 13px; border-radius:var(--xr-i); background:var(--xs-card); box-shadow:var(--xe-lift); min-width:0; }
.xsc-cg__c .xsc-lg{ grid-row:1/3; }
.xsc-cg__c b{ min-width:0; padding-right:18px; font:600 var(--xt-6)/1.25 var(--xf); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.xsc-cg__c small{ min-width:0; font:500 var(--xt-8)/1.3 var(--xf); color:var(--xc-ink3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.xsc-cg__p{ grid-column:1/-1; margin-top:10px; font:600 var(--xt-7)/1.2 var(--xf); font-variant-numeric:tabular-nums; }
.xsc-cg__p span{ margin-left:6px; }
.xsc-cg__rm{ position:absolute; top:10px; right:10px; width:24px; height:24px; display:grid; place-items:center; border:0; border-radius:50%; background:none; color:var(--xc-ink4); cursor:pointer; }
.xsc-cg__rm:hover{ background:var(--xs-track); color:var(--xc-ink); }
.xsc-cg__l{ font:500 var(--xt-7)/1.3 var(--xf); color:var(--xc-ink2); }
.xsc-cg__g{ margin:26px 0 2px; font:600 var(--xt-8)/1 var(--xf); letter-spacing:.08em; text-transform:uppercase; color:var(--xc-ink3); }
.xsc-cg__r{ padding:12px 0; background:var(--xsep) no-repeat bottom/100% 1px; }
.xsc-cg__v{ min-width:0; display:grid; gap:7px; }
.xsc-cg__n{ font:500 var(--xt-6)/1.2 var(--xf); font-variant-numeric:tabular-nums; color:var(--xc-ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.xsc-cg__v i, .xsc-cg__w i{ display:block; height:4px; border-radius:2px; background:var(--xs-track); position:relative; overflow:hidden; }
.xsc-cg__v i::after, .xsc-cg__w i::after{ content:""; position:absolute; inset:0 auto 0 0; width:var(--w); border-radius:2px; background:var(--xc-ink4); transition:width .3s ease; }
.xsc-cg__v i.no{ background:none; }
.xsc-cg__v.on .xsc-cg__n{ font-weight:700; }
.xsc-cg__v.on i::after, .xsc-cg__w.on i::after{ background:var(--xc-lime); }
.xsc-cg__sc{ padding:16px 0 14px; }
.xsc-cg__w{ min-width:0; display:grid; gap:8px; font:500 var(--xt-7)/1 var(--xf); color:var(--xc-ink2); }
.xsc-cg__w b{ font:700 var(--xt-5)/1 var(--xf); color:var(--xc-ink); margin-right:2px; }
.xsc-cg__w.on b{ color:var(--xc-lime); }
.xsc-cg__s{ margin:18px 0 0; padding:16px 18px; border-radius:var(--xr-i); background:var(--xs-inset); }
.xsc-cg__s h4{ margin:0 0 10px; font:600 var(--xt-7)/1.2 var(--xf); color:var(--xc-ink); }
.xsc-cg__s ul{ margin:0; padding:0; list-style:none; display:grid; gap:8px; }
.xsc-cg__s li{ font:400 var(--xt-7)/1.5 var(--xf); color:var(--xc-ink2); }
.xsc-cg__s li b{ color:var(--xc-ink); font-weight:600; margin-right:6px; }
.xsc-cg__s li b::after{ content:":"; }
.xsc-cg__f{ display:flex; flex-wrap:wrap; gap:8px; padding:24px 28px 28px; }
.xsc-cg__f a{ padding:10px 16px; border-radius:var(--xr-p); background:var(--xs-track); font:600 var(--xt-7)/1 var(--xf); color:var(--xc-ink); text-decoration:none; }
.xsc-cg__f a:hover{ background:#26262a; }
.xsc-cg__f a::after{ content:" ›"; }
.xsc-cg__f a.xsc-cg__go{ background:var(--xc-ink); color:var(--xc-bg, #0b0b0c); }
.xsc-cg__f a.xsc-cg__go:hover{ background:#fff; }
.xsc-layer .xsc-seg{ display:flex; gap:4px; padding:4px; border-radius:var(--xr-p); background:var(--xs-track); }
.xsc-layer .xsc-seg button{ padding:8px 13px; border:0; border-radius:var(--xr-p); background:none; cursor:pointer; font:600 var(--xt-7)/1 var(--xf); color:var(--xc-ink2); white-space:nowrap; }
.xsc-layer .xsc-seg button.on{ background:var(--xc-ink); color:var(--xc-bg); }

/* fereastra „pentru membri" */
.xsc-lock{ position:fixed; inset:0; z-index:100003; display:flex; align-items:center; justify-content:center; padding:20px; background:rgba(0,0,0,.5); opacity:0; transition:opacity .2s; }
.xsc-lock.show{ opacity:1; }
.xsc-lockb{ position:relative; width:min(420px,100%); padding:28px 26px 24px; border-radius:var(--xr-i); background:#141416; box-shadow:0 40px 90px -30px rgba(0,0,0,1), inset 0 0 0 1px rgba(255,255,255,.06); }
.xsc-lockb .xsc-cx{ position:absolute; top:14px; right:14px; }
.xsc-lockb h2{ margin:0 40px 8px 0; font:600 var(--xt-5)/1.25 var(--xf); color:var(--xc-ink); }
.xsc-lockb p{ margin:0 0 18px; font:400 var(--xt-7)/1.5 var(--xf); color:var(--xc-ink2); }

@media (max-width:899px){
  .xsc-mod{ align-items:flex-end; padding:0; }
  .xsc-mod.show .xsc-box{ animation:xscUp .26s ease; }
  @keyframes xscUp{ from{ transform:translateY(40px); opacity:0; } to{ transform:none; opacity:1; } }
  .xsc-box{ width:100%; max-height:92vh; border-radius:var(--xr-i) var(--xr-i) 0 0; }
  .xsc-cbh{ flex-wrap:wrap; padding:20px 16px 4px; }
  .xsc-cbh__t{ flex:1 1 calc(100% - 52px); }
  .xsc-cbh__a{ display:contents; }
  .xsc-cbh__a .xsc-cx{ align-self:flex-start; }
  .xsc-cbh__a .xsc-seg{ order:3; width:100%; margin-top:12px; }
  .xsc-cbh__a .xsc-seg button{ flex:1; }
  .xsc-cg{ padding:0 16px; }
  .xsc-cg__hd, .xsc-cg__r{ grid-template-columns:repeat(var(--n), minmax(0,1fr)); gap:0 8px; }
  .xsc-cg__hd > .xsc-cg__l{ display:none; }
  .xsc-cg__r > .xsc-cg__l{ grid-column:1/-1; margin:0 0 8px; font-size:var(--xt-8); color:var(--xc-ink3); }
  .xsc-cg__hd{ padding:12px 0 10px; }
  .xsc-cg__c{ grid-template-columns:minmax(0,1fr); padding:10px 10px 9px; border-radius:16px; }
  .xsc-cg__c .xsc-lg{ display:none; }
  .xsc-cg__c b{ font-size:var(--xt-7); padding-right:16px; }
  .xsc-cg__c small{ font-size:var(--xt-8); }
  .xsc-cg__p{ margin-top:6px; font-size:var(--xt-8); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .xsc-cg__p span{ display:block; margin:3px 0 0; }
  .xsc-cg__rm{ top:6px; right:6px; width:22px; height:22px; }
  .xsc-cg__n{ font-size:var(--xt-7); }
  .xsc-cg__w{ font-size:var(--xt-8); }
  .xsc-cg__w b{ font-size:var(--xt-6); }
  .xsc-cg__f{ padding:20px 16px 24px; }
  .xsc-tray{ bottom:12px; }
}
@media (min-width:900px){
  .xsc-layer .xsc-fl{ display:none; }
}
@media (prefers-reduced-motion:reduce){
  .xsc-rc, .xsc-mod.show .xsc-box, .xsc-tray, .xsc-toast, .xsc-layer .xsc-fl, .xsc-cg__v i::after, .xsc-cg__w i::after{ transition:none; animation:none; }
}

/* ── bara de derulare a filtrelor (lot 179) ──────────────────────────────────
   ⚠ Aceleași valori ca bara din sidebar-ul paginilor de activ (sectiuni/02-scrollbar.css),
     copiate aici fiindcă acel fișier nu se încarcă pe screener. Subțire, degetar
     `--mds-line-3`, pistă transparentă. Standardul și rezerva webkit nu se întâlnesc
     (vezi explicația din 02-scrollbar.css). */
.mdsx .xsc-fl, .xsc-layer .xsc-fl{ scrollbar-width:thin; scrollbar-color:var(--mds-line-3) transparent; }
@supports not (scrollbar-width:thin){
  .mdsx .xsc-fl::-webkit-scrollbar, .xsc-layer .xsc-fl::-webkit-scrollbar{ width:10px; height:10px; }
  .mdsx .xsc-fl::-webkit-scrollbar-track, .xsc-layer .xsc-fl::-webkit-scrollbar-track{ background:transparent; }
  .mdsx .xsc-fl::-webkit-scrollbar-thumb, .xsc-layer .xsc-fl::-webkit-scrollbar-thumb{ background:var(--mds-line-3); border-radius:999px; border:3px solid transparent; background-clip:padding-box; }
  .mdsx .xsc-fl::-webkit-scrollbar-thumb:hover, .xsc-layer .xsc-fl::-webkit-scrollbar-thumb:hover{ background:var(--mds-tx-3); background-clip:padding-box; }
}

/* ══ LOT 181 ════════════════════════════════════════════════════════════════
   ⚠ Doar jetoanele screenerului (--xc-*, --xs-*, --xt-*, --xr-*, --xe-*): nicio
     culoare, marime de text sau raza noua. Cardurile noi = aspectul retetelor. */

/* Retetele sunt link-uri reale (pagina fiecarei retete). */
.mdsx a.xsc-rc, .mdsx span.xsc-rc{ display:block; color:var(--xc-ink); text-decoration:none; }
@container mdsx (min-width:900px){ .mdsx a.xsc-rc, .mdsx span.xsc-rc{ display:flex; } }
.mdsx .xsc-gh .xgh__k a{ color:inherit; text-decoration:none; }
.mdsx .xsc-gh .xgh__k a:hover{ color:var(--xc-ink); }

/* Cautarile recente, inaintea exemplelor */
.mdsx .xsc-ex__l{ align-self:center; margin-right:2px; font:600 var(--xt-8)/1.2 var(--xf); color:var(--xc-ink3); text-transform:uppercase; letter-spacing:.05em; }
.mdsx .xsc-ex button.xsc-ex__r{ color:var(--xc-ink); box-shadow:inset 0 0 0 1px rgba(255,255,255,.16); }

/* Zero rezultate: pana la trei filtre de scos, fiecare cu numarul */
.mdsx .xsc-relax{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.mdsx .xsc-relax .xsc-btn{ height:auto; min-height:38px; padding:8px 14px; }
.mdsx .xsc-relax .xsc-btn small{ font:500 var(--xt-8)/1.2 var(--xf); color:var(--xc-ink3); }

/* Grupurile de filtre pentru membri, inchise */
.mdsx .xsc-lkb, .xsc-layer .xsc-lkb{ padding:0 0 16px; }
.mdsx .xsc-lkb p, .xsc-layer .xsc-lkb p{ margin:0 0 12px; font:400 var(--xt-7)/1.5 var(--xf); color:var(--xc-ink2); }
.mdsx .xsc-lkb .xsc-btn, .xsc-layer .xsc-lkb .xsc-btn{ height:34px; }

/* Bara de pozitie in sector, sub valoare (membri) */
.mdsx .xsc-sv{ display:inline-flex; flex-direction:column; align-items:flex-end; gap:5px; }
.mdsx .xsc-sb{ display:block; width:44px; height:3px; border-radius:2px; background:linear-gradient(90deg, var(--xc-ink3) var(--p), var(--xs-track) var(--p)); }
.mdsx .xsc-sb--up{ background:linear-gradient(90deg, var(--xc-lime) var(--p), var(--xs-track) var(--p)); }
.mdsx .xsc-sb--dn{ background:linear-gradient(90deg, var(--xc-pink) var(--p), var(--xs-track) var(--p)); }
@container mdsx (max-width:899px){ .mdsx .xsc-sv{ align-items:flex-start; } }

/* Verdictul langa companie (membri) */
.mdsx .xsc-pill{ font-weight:600; }

/* Harta: dupa ce se coloreaza */
.mdsx .xsc-mapm{ margin:0 0 4px; align-self:flex-start; }
.mdsx .xsc-leg i.xsc-leg--seq{ background:linear-gradient(90deg,#3a3a3e,#007a52); }

/* Comparatia: randurile de argumente */
.xsc-cg__t{ padding:12px 0; font:400 var(--xt-7)/1.45 var(--xf); color:var(--xc-ink2); }
.xsc-cg__ar{ align-items:start; background:var(--xsep) no-repeat top/100% 1px; }
.xsc-cg__ar .xsc-cg__l{ padding-top:12px; }
.xsc-cg__lk{ display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:14px 0; font:400 var(--xt-7)/1.45 var(--xf); color:var(--xc-ink2); }
.xsc-cg__lk .xsc-btn{ height:34px; }

/* Screenerele salvate: clopotelul alertei */
.mdsx .xsc-svi__a, .xsc-layer .xsc-svi__a{ display:flex; align-items:center; gap:10px; flex:none; }
.mdsx .xsc-bell, .xsc-layer .xsc-bell{ display:grid; place-items:center; width:30px; height:30px; padding:0; border:0; border-radius:50%; background:none; color:var(--xc-ink3); cursor:pointer; }
.mdsx .xsc-bell:hover, .xsc-layer .xsc-bell:hover{ color:var(--xc-ink); background:var(--xs-track); }
.mdsx .xsc-bell.on, .xsc-layer .xsc-bell.on{ color:var(--xc-lime); }
.mdsx .xsc-bell:focus-visible, .xsc-layer .xsc-bell:focus-visible{ outline:2px solid var(--xc-ink2); outline-offset:2px; }
.mdsx .xsc-hint--al, .xsc-layer .xsc-hint--al{ margin:10px 4px 0; }

/* Miscarile zilei si „Cum citesti rezultatele": aceleasi carduri ca retetele */
.mdsx .xsc-mv, .mdsx .xsc-learn{ margin-top:var(--xsp-grup, 92px); }
.mdsx .xsc-mv .xgh, .mdsx .xsc-learn .xgh{ margin-top:0; }
.mdsx .xsc-mvg{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; margin-top:24px; }
.mdsx .xsc-mvg > div{ padding:18px 18px 8px; border-radius:var(--xr-i); background:var(--xs-card); box-shadow:var(--xe-lift); }
.mdsx .xsc-mvg h3{ margin:0 0 6px; font:600 var(--xt-6)/1.3 var(--xf); color:var(--xc-ink); }
.mdsx .xsc-mvg ol{ margin:0; padding:0; list-style:none; }
.mdsx .xsc-mvg li{ background:var(--xsep) no-repeat top/100% 1px; }
.mdsx .xsc-mvg li:first-child{ background:none; }
.mdsx .xsc-mvg a{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 0; color:var(--xc-ink); text-decoration:none; }
.mdsx .xsc-mvg a span{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:500 var(--xt-7)/1.3 var(--xf); }
.mdsx .xsc-mvg a small{ margin-left:8px; font:400 var(--xt-8)/1.3 var(--xf); color:var(--xc-ink3); }
.mdsx .xsc-mvg a b{ flex:none; font:600 var(--xt-7)/1.3 var(--xf); font-variant-numeric:tabular-nums; }
.mdsx .xsc-mvg a:hover span{ text-decoration:underline; text-underline-offset:3px; }
.mdsx .xsc-lrn{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:12px; margin-top:24px; }
.mdsx .xsc-lc{ padding:18px; border-radius:var(--xr-i); background:var(--xs-card); box-shadow:var(--xe-lift); }
.mdsx .xsc-lc h3{ margin:0; font:600 var(--xt-6)/1.3 var(--xf); color:var(--xc-ink); }
.mdsx .xsc-lc p{ margin:8px 0 0; font:400 var(--xt-7)/1.5 var(--xf); color:var(--xc-ink2); }
.mdsx .xsc-lmore{ margin:16px 0 0; font:500 var(--xt-7)/1.4 var(--xf); }
.mdsx .xsc-lmore a{ color:var(--xc-ink); text-decoration:underline; text-underline-offset:3px; }
@container mdsx (max-width:899px){
  .mdsx .xsc-mvg, .mdsx .xsc-lrn{ grid-template-columns:minmax(0,1fr); }
  .mdsx .xsc-mv, .mdsx .xsc-learn{ margin-top:var(--xsp-grup, 64px); }
}

/* Comparatia cu 5-6 companii (abonati): antetul fara sigla, numele pe doua randuri. */
.xsc-cg[style*="--n:5"] .xsc-cg__c, .xsc-cg[style*="--n:6"] .xsc-cg__c{ grid-template-columns:minmax(0,1fr); padding:12px 12px 11px; }
.xsc-cg[style*="--n:5"] .xsc-cg__c .xsc-lg, .xsc-cg[style*="--n:6"] .xsc-cg__c .xsc-lg{ display:none; }
.xsc-cg[style*="--n:5"] .xsc-cg__c b, .xsc-cg[style*="--n:6"] .xsc-cg__c b{ font-size:var(--xt-7); white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
@media (min-width:900px){
  .xsc-cg[style*="--n:5"] .xsc-cg__hd, .xsc-cg[style*="--n:5"] .xsc-cg__r, .xsc-cg[style*="--n:6"] .xsc-cg__hd, .xsc-cg[style*="--n:6"] .xsc-cg__r{ grid-template-columns:120px repeat(var(--n), minmax(0,1fr)); gap:0 10px; }
}
/* Pe telefon, de la 4 companii: coloane de 128px care se deruleaza pe orizontala (nu nume taiate la o litera). */
@media (max-width:899px){
  .xsc-cg[style*="--n:4"], .xsc-cg[style*="--n:5"], .xsc-cg[style*="--n:6"]{ overflow-x:auto; overscroll-behavior-x:contain; }
  .xsc-cg[style*="--n:4"] .xsc-cg__hd, .xsc-cg[style*="--n:4"] .xsc-cg__r, .xsc-cg[style*="--n:5"] .xsc-cg__hd, .xsc-cg[style*="--n:5"] .xsc-cg__r, .xsc-cg[style*="--n:6"] .xsc-cg__hd, .xsc-cg[style*="--n:6"] .xsc-cg__r{ grid-template-columns:repeat(var(--n), 128px); width:max-content; }
  .xsc-cg[style*="--n:4"] .xsc-cg__s, .xsc-cg[style*="--n:5"] .xsc-cg__s, .xsc-cg[style*="--n:6"] .xsc-cg__s{ position:sticky; left:0; max-width:calc(100vw - 32px); }
  .xsc-cg[style*="--n:4"] .xsc-cg__r > .xsc-cg__l, .xsc-cg[style*="--n:5"] .xsc-cg__r > .xsc-cg__l, .xsc-cg[style*="--n:6"] .xsc-cg__r > .xsc-cg__l, .xsc-cg[style*="--n:4"] .xsc-cg__g, .xsc-cg[style*="--n:5"] .xsc-cg__g, .xsc-cg[style*="--n:6"] .xsc-cg__g{ position:sticky; left:0; }
}