/* ============================================================================
   mds-ds.css · sistemul de design v1.1 (lotul DS-1)
   ----------------------------------------------------------------------------
   Un singur strat, tipărit ULTIMUL pe fiecare pagină (`inc/sections/zz-ds.php`).
   Aduce paginile la regulile din ghid: o suprafață pentru carduri, aceeași
   bordură subțire, colțurile 8/12/20/28/pilulă, scara de text, aceleași
   pilule pentru file și filtre, butoanele 32/40/48, logo-urile.

   ⚠ ROLLBACK: șterge fișierul (sau `inc/sections/zz-ds.php`). Pagina revine
     exact cum era, fiindcă aici nu se schimbă niciun marcaj și nicio regulă
     veche, doar se suprascriu.
   ⚠ SPECIFICITATE: selectorii pornesc de la `html body.mds-pl`, ca să treacă de
     straturile vechi (`body.mds-pl .mdsx ...`) fără `!important`. `!important`
     apare doar unde stratul vechi îl are deja, sau pe fundalul cardurilor,
     unde trei fișiere vechi îl scriu fiecare altfel.
   ⚠ NU SE ATINGE: `filter`, `opacity` și `mask` pe elementele blocate
     (poarta de acces). Ce e ascuns rămâne ascuns.
   ⚠ Lotul următor (curățarea) mută regulile de aici în fișierele lor și șterge
     ce e vechi. Până atunci, fișierul ăsta e locul unic al designului.
   ============================================================================ */

/* ── 0. Tokeni ───────────────────────────────────────────────────────────── */
:root{
  --e-bg:#0b0b0d;
  --e-s1:#141416; --e-s1-top:#18181b; --e-s1-bot:#121214; --e-s2:#1c1c1f; --e-s3:#242428;
  --e-ink:#f5f3f0; --e-ink2:#9c9a96; --e-ink3:#8a877f; --e-ink4:#66645f;
  --e-line:rgba(255,255,255,.045); --e-line2:rgba(255,255,255,.10); --e-sep:rgba(255,255,255,.07); --e-edge:rgba(255,255,255,.04);
  --e-up:#00ba7c; --e-dn:#f4212e; --e-warn:#ffd400; --e-or:#f06c00; --e-link:#1d9bf0; --e-vi:#7d7aff; --e-te:#30d5c8;
  --e-r-xs:8px; --e-r-sm:12px; --e-r-md:20px; --e-r-lg:28px; --e-r-pill:999px;
  --e-f:'Hanken Grotesk',system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  --e-card:linear-gradient(180deg,var(--e-s1-top),var(--e-s1-bot));
  --e-ring:inset 0 0 0 1px var(--e-line),inset 0 1px 0 var(--e-edge);
  --e-pop:inset 0 0 0 1px var(--e-line2),0 16px 40px rgba(0,0,0,.6);
}
/* straturile vechi își rescriu culorile pe `.mdsx`; aici le aduc la aceleași valori */
html body.mds-pl .mdsx{ --e-ink3:#8a877f; --e-hair:var(--e-sep); }
html body.mds-pl .mdsx .mdsx__in{ --xr-c:20px; --xr-i:12px; }

/* tastatura: un singur inel de focus, peste tot */
html body :is(a,button,label,summary,input,select,textarea,[tabindex]):focus-visible{ outline:2px solid var(--e-link); outline-offset:2px; }

/* ============================================================================
   1. PAGINA DE ACȚIUNI
   ============================================================================ */

/* ── 1.1 Carduri: aceeași suprafață și aceeași bordură ───────────────────── */
html body.mds-pl .mdsx :is(.xrk__p,.xa3__c,.xr3__p,.xan__f,.xan__w,.xan__hd,.xan__tc,.xr3__t,.xfv__p,.fm,.xfa__card,.xap__c,.xap__bal,.xz3__c,.xfn__k,.xdc__p,.xhd__c,.xar__c,.xq3__c,.xv4,.xi4),
html body.mds-pl :is(.ec-anw__fol,.ec-cmw__gate){
  background:var(--e-card)!important; box-shadow:var(--e-ring)!important; border:0!important; border-radius:var(--e-r-md)!important;
}
/* tabelul situațiilor financiare are celule lipite cu fundal propriu: cardul rămâne plat, ca să nu se vadă dungi */
html body.mds-pl .mdsx .xfn__card{ background:var(--e-s1)!important; box-shadow:var(--e-ring)!important; border:0!important; border-radius:var(--e-r-md)!important; }
/* verdictul își păstrează gradientul animat în culoarea verdictului; primește doar bordura */
html body.mds-pl .mdsx .xvd__card{ border-radius:var(--e-r-md); box-shadow:var(--e-ring); }
/* elemente în card: colț 12, fără bordură */
html body.mds-pl .mdsx :is(.xrk__l,.xm3__di){ border-radius:var(--e-r-sm); }
html body.mds-pl .mdsx :is(.xvd__wc,.xvd__btn){ border-radius:var(--e-r-sm); box-shadow:inset 0 0 0 1px var(--e-line); }
html body.mds-pl .mdsx .xfv__warn{ border-radius:var(--e-r-sm); }
/* tooltip-urile: suprafața cardului, bordura mai vizibilă și umbră */
html body.mds-pl :is(.mdsx,.mds-ax) :is(.xdc__x,.x-tip){
  background:var(--e-card)!important; border:0!important; border-radius:var(--e-r-sm)!important; box-shadow:var(--e-pop)!important;
}
/* sheet-urile (telefon) și ferestrele (calculator): suprafața cardurilor, colț 28, bordura de hover.
   ⚠ Fundalul e plat (#141416), nu gradient: ferestrele au rânduri cu fundal propriu și antete lipite. */
html body.mds-pl .mdsx .vmod.xvm .xvm__box{ background:var(--e-s1); border:0; border-radius:var(--e-r-lg) var(--e-r-lg) 0 0; box-shadow:inset 0 1px 0 var(--e-line2),0 -24px 60px -20px rgba(0,0,0,.9); }
@media (min-width:921px){
  html body.mds-pl .mdsx .vmod.xvm .xvm__box{ border-radius:var(--e-r-lg); box-shadow:var(--e-pop); }
}
html body.mds-pl .mdsx .vmod.xvm .xvm__x{ background:var(--e-s2); box-shadow:inset 0 0 0 1px var(--e-line); }
/* liniile din interior */
html body.mds-pl .mdsx :is(th,td){ border-color:var(--e-sep)!important; }

/* ── 1.2 Indicatori: pe calculator un card cu trei coloane, pe telefon trei carduri care se derulează ──
   ⚠ Pe telefon containerul e banda de derulare, nu un card: fiecare `.xin__c` e cardul lui,
     cu `scroll-snap`, ca la celelalte benzi ale paginii. */
@container mdsx (min-width:900px){
  html body.mds-pl .mdsx #indicatoare .xin__g--v2{ background:var(--e-card); box-shadow:var(--e-ring); border-radius:var(--e-r-md); }
  html body.mds-pl .mdsx #indicatoare .xin__g--v2 .xin__c + .xin__c{ box-shadow:inset 1px 0 0 var(--e-sep); }
}
@container mdsx (max-width:899px){
  html body.mds-pl .mdsx #indicatoare .xin__g--v2{ background:none; box-shadow:none; border-radius:0; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; }
  html body.mds-pl .mdsx #indicatoare .xin__g--v2 .xin__c{ background:var(--e-card); box-shadow:var(--e-ring); border-radius:var(--e-r-md); scroll-snap-align:center; }
}

/* ── 1.3 Text pe scara din ghid ──────────────────────────────────────────── */
/* capitolul (Valoare & Evaluare...) și titlul de deschidere al analizei: 34/40, pe telefon 30/36 */
html body.mds-pl .mdsx :is(.xgh__t,.xhd__t){ font:700 34px/40px var(--e-f); letter-spacing:-.02em; text-wrap:balance; }
html body.mds-pl .mdsx :is(.xgh__k,.xhd__k){ font:500 13.5px/20px var(--e-f); color:var(--e-ink2); }
html body.mds-pl .mdsx .xgh__l{ font:400 15.5px/24px var(--e-f); color:var(--e-ink2); }
/* secțiunea: 25/30, pe telefon 21,5/28 */
html body.mds-pl .mdsx :is(.xa3__t,.xdc__t,.xin__t,.xvd__h2,.xan__t,.xfv__t,.xfn__t),
html body.mds-pl .mdsx #argumente .ch__t,
html body.mds-pl .ec-h2s{ font:700 25px/30px var(--e-f); letter-spacing:-.02em; }
html body.mds-pl .mdsx :is(.xa3__lede,.xdc__l,.xin__l,.xvd__cs){ font:400 15.5px/24px var(--e-f); color:var(--e-ink2); }
/* panoul întrebare-răspuns: întrebarea 20/26, răspunsul 25/30 */
html body.mds-pl .mdsx :is(.xa3__q,.xan__q,.xfv__q,.xdc__q,.xin__q,.xvd__q){ font:600 20px/26px var(--e-f); letter-spacing:-.01em; }
html body.mds-pl .mdsx :is(.xa3__ans,.xan__ans,.xan__tv,.xfv__ans,.xdc__a,.xvd__h,.xfa__sum){ font:500 25px/30px var(--e-f); letter-spacing:-.02em; text-wrap:pretty; max-width:none; }
html body.mds-pl .mdsx :is(.xa3__ex,.xan__s,.xfa__x,.xin__p){ font:400 15.5px/24px var(--e-f); color:var(--e-ink2); }
/* cifra mare */
html body.mds-pl .mdsx :is(.xa3__big,.xan__n,.xr3__n,.xan__big,.xfv__big,.xfn__kv){ font-weight:700; letter-spacing:-.02em; }
/* textul mic 13,5/20 și nota 11,5/16 */
html body.mds-pl .mdsx :is(.xa3__m,.xrk__cl,.xdc__nw,.xdc__k,.xz3__t,.xz3__e,.xm3__dn,.xdc__x){ line-height:20px; }
html body.mds-pl .mdsx :is(.xa3__src,.xan__src,.xfv__src,.xfa__nota,.xvd__disc,.xdc__n,.xm3__cy,.xm3__sk,.xfn__d,.xfn__nh,.xfn__det,.xpay__f,.mds-disc__t){ font-size:11.5px; line-height:16px; }
html body.mds-pl .mdsx .xfn__sr{ font-size:15.5px; line-height:24px; }

/* ── 1.4 Pilule: file, filtre și segmente, în același stil ──────────────── */
/* ⚠ `display` nu se atinge: fiecare pistă își decide singură când apare
   (Pro/Contra de la Argumente există doar pe telefon). */
html body.mds-pl .mdsx :is(.xdc__tabs,.xp3__tabs,.xfn__tabs,.xfn__seg),
html body.mds-pl .mdsx .xap .xap__tabs,
html body.mds-pl .ec-seg{
  gap:2px; padding:4px; border-radius:var(--e-r-pill); background:var(--e-s2); box-shadow:inset 0 0 0 1px var(--e-line);
}
html body.mds-pl .mdsx :is(.xdc__tabs,.xp3__tabs,.xfn__tabs,.xfn__seg) > *,
html body.mds-pl .mdsx .xap .xap__tabs label,
html body.mds-pl .ec-seg > :is(button,a){
  display:inline-flex; align-items:center; justify-content:center; gap:6px; height:32px; padding:0 14px; border-radius:var(--e-r-pill); white-space:nowrap;
  font:600 13.5px/1 var(--e-f); color:var(--e-ink2)!important; background:none; box-shadow:none;
}
html body.mds-pl .mdsx :is(.xdc__tabs,.xp3__tabs,.xfn__tabs,.xfn__seg) > *:hover,
html body.mds-pl .ec-seg > :is(button,a):hover{ color:var(--e-ink)!important; }
/* selecția: pilula albă */
html body.mds-pl .mdsx .xdc .xdc__r--0:checked ~ .xdc__tabs .xdc__tab:nth-child(1),
html body.mds-pl .mdsx .xdc .xdc__r--1:checked ~ .xdc__tabs .xdc__tab:nth-child(2),
html body.mds-pl .mdsx .xdc .xdc__r--2:checked ~ .xdc__tabs .xdc__tab:nth-child(3),
html body.mds-pl .mdsx .xp3 .xp3__r--0:checked ~ .xp3__tabs .xp3__tab:nth-child(1),
html body.mds-pl .mdsx .xp3 .xp3__r--1:checked ~ .xp3__tabs .xp3__tab:nth-child(2),
html body.mds-pl .mdsx .xp3 .xp3__r--2:checked ~ .xp3__tabs .xp3__tab:nth-child(3),
html body.mds-pl .mdsx .xp3 .xp3__r--3:checked ~ .xp3__tabs .xp3__tab:nth-child(4),
html body.mds-pl .mdsx .xap .xap__r--0:checked ~ .xap__tabs label:first-child,
html body.mds-pl .mdsx .xap .xap__r--1:checked ~ .xap__tabs label:last-child,
html body.mds-pl .xfn:has([id$="-fs-is"]:checked) .xfn__tab:nth-child(1),
html body.mds-pl .xfn:has([id$="-fs-bs"]:checked) .xfn__tab:nth-child(2),
html body.mds-pl .xfn:has([id$="-fs-cf"]:checked) .xfn__tab:nth-child(3),
html body.mds-pl .xfn:has([id$="-fp-a"]:checked) .xfn__seg:not(.xfn__seg--fmt) .xfn__sg:nth-child(1),
html body.mds-pl .xfn:has([id$="-fp-t"]:checked) .xfn__seg:not(.xfn__seg--fmt) .xfn__sg:nth-child(2),
html body.mds-pl .xfn:has([id$="-fm-v"]:checked) .xfn__seg--fmt .xfn__sg:nth-child(1),
html body.mds-pl .xfn:has([id$="-fm-p"]:checked) .xfn__seg--fmt .xfn__sg:nth-child(2),
html body.mds-pl .ec-seg > .is-on{ background:var(--e-ink); color:var(--e-bg)!important; }
/* pilulele care doar informează (angajați, sector, anul listării) */
html body.mds-pl .mdsx .xpl{ display:inline-flex; align-items:center; height:32px; padding:0 14px; border-radius:var(--e-r-pill); background:var(--e-s2); box-shadow:inset 0 0 0 1px var(--e-line); color:var(--e-ink2); font:600 13.5px/1 var(--e-f); }
/* etichetele colorate din întrebările frecvente */
html body.mds-pl .mdsx .xq3__k{ display:inline-flex; align-items:center; height:24px; padding:0 10px; border-radius:var(--e-r-pill); font:600 13.5px/1 var(--e-f); }

/* ── 1.5 Butoane ─────────────────────────────────────────────────────────── */
/* secundar mic: „Transparență · MAR", „Citește mai mult", „Toate rândurile" */
html body.mds-pl .mdsx :is(.xdz__bt,.xhd__more,.xfn__vt){ display:inline-flex; align-items:center; justify-content:center; gap:6px; height:32px; padding:0 14px; border:0; border-radius:var(--e-r-pill); background:var(--e-s2); box-shadow:inset 0 0 0 1px var(--e-line); color:var(--e-ink); font:600 13.5px/1 var(--e-f); }
html body.mds-pl .mdsx :is(.xdz__bt,.xhd__more,.xfn__vt):hover{ background:var(--e-s2); box-shadow:inset 0 0 0 1px var(--e-line2); }
html body.mds-pl .mdsx .xdz__bt{ padding-left:10px; }
/* săgețile din rezumat: buton-iconiță */
html body.mds-pl .mdsx .xz3__a{ background:var(--e-s2); box-shadow:inset 0 0 0 1px var(--e-line); }
/* poarta de acces: email gri, Google alb, Telegram albastru, contul verde. 48 px, ca acțiunea principală a cardului */
html body.mds-pl .mdsx .xr4__b{ min-height:48px; border-radius:var(--e-r-pill); }
html body.mds-pl .mdsx .xr4__b--m{ background:var(--e-s2); box-shadow:inset 0 0 0 1px var(--e-line); }
html body.mds-pl .mdsx .xr4__b--p{ background:var(--e-up); color:#04110c; }
html body.mds-pl .mdsx .xr4__b--tg{ background:#2aabee; color:#fff; }
html body.mds-pl .mdsx .xpay__b{ height:48px; border-radius:var(--e-r-pill); }
/* butoanele contului din știri și discuții */
html body.mds-pl .ec-b{ height:40px; padding:0 18px; font:600 13.5px/1 var(--e-f); }
html body.mds-pl .ec-b--sm{ height:32px; padding:0 14px; }

/* ── 1.6 Logo-urile din liste: fără fundal și fără chenar ──────────────── */
html body.mds-pl .mdsx .xct__lg{ background:none!important; box-shadow:none!important; border:0!important; color:var(--e-ink2); }

/* ── 1.7 Pe telefon ──────────────────────────────────────────────────────── */
@container mdsx (max-width:899px){
  html body.mds-pl .mdsx :is(.xgh__t,.xhd__t){ font:700 30px/36px var(--e-f); }
  html body.mds-pl .mdsx :is(.xa3__t,.xdc__t,.xin__t,.xvd__h2,.xan__t,.xfv__t,.xfn__t),
  html body.mds-pl .mdsx #argumente .ch__t{ font:700 21.5px/28px var(--e-f); }
  html body.mds-pl .mdsx :is(.xa3__q,.xan__q,.xfv__q,.xdc__q,.xin__q,.xvd__q){ font:600 15.5px/22px var(--e-f)!important; }
  html body.mds-pl .mdsx :is(.xa3__ans,.xan__ans,.xan__tv,.xfv__ans,.xdc__a,.xvd__h,.xfa__sum){ font:500 21.5px/28px var(--e-f); }
}
@media (max-width:920px){
  html body.mds-pl .ec-h2s{ font:700 21.5px/28px var(--e-f); }
  /* cerut: pe telefon nu mai apare banda plutitoare „3 analize complete pe lună"; poarta din pagină rămâne */
  html body #xpay-dock{ display:none!important; }
}

/* ============================================================================
   2. HERO-UL ACTIVELOR (acțiuni, crypto, ETF-uri, indici, valute, mărfuri)
   ============================================================================ */
html body.mds-pl .mds-ahero .mds-back{ height:32px; padding:0 12px 0 8px; border-radius:var(--e-r-pill); box-shadow:inset 0 0 0 1px rgba(255,255,255,.18); font:600 13.5px/1 var(--e-f); }
html body.mds-pl .mds-ahero .mds-crumbs{ font:400 13.5px/20px var(--e-f); }
html body.mds-pl .mds-ahero .mds-ahero__title{ font:700 25px/30px var(--e-f); letter-spacing:-.015em; }
/* banda de date rămâne cum e (copiază widgetul TradingView); logo-ul stă în cerc alb, cu varianta închisă */
html body.mds-pl .xhp .xhp__logo{ box-sizing:border-box; padding:10px; border-radius:50%; background:#fff; box-shadow:none; }
@media (max-width:640px){ html body.mds-pl .xhp .xhp__logo{ padding:8px; } }
html body.mds-pl .xhp .xhp__mono{ color:#111; }

/* rândul de acțiuni: Investește acum · Urmărește · Grafic · alerte · Trimite */
html body.mds-pl .mds-ahero__cta{ flex-wrap:wrap; align-items:center; gap:12px; margin-top:28px; }
html body.mds-pl .mds-ahero__cta > *{ order:0; }
html body.mds-pl .mds-ahero__cta .mds-cta-invest,
html body.mds-pl .mds-ahero__cta .mds-cta-chart,
html body.mds-pl .mds-ahero__cta .ec-fol2{
  flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:0; height:48px; padding:0 24px;
  border:0; border-radius:var(--e-r-pill); font:600 15.5px/1 var(--e-f); letter-spacing:-.005em; white-space:nowrap; text-decoration:none; cursor:pointer;
  -webkit-backdrop-filter:none; backdrop-filter:none; transform:none; transition:background-color .15s, box-shadow .15s, color .15s;
}
html body.mds-pl .mds-ahero__cta .mds-cta-invest{ background:var(--e-up); color:#04110c; box-shadow:none; }
html body.mds-pl .mds-ahero__cta .mds-cta-invest:hover{ background:#13c98c; color:#04110c; transform:none; filter:none; }
html body.mds-pl .mds-ahero__cta .mds-ad{ display:inline-grid; place-items:center; height:18px; padding:0 5px; border-radius:5px; background:rgba(0,0,0,.2); color:inherit; font:700 11.5px/1 var(--e-f); letter-spacing:.02em; text-transform:uppercase; }
html body.mds-pl .mds-ahero__cta .mds-cta-chart,
html body.mds-pl .mds-ahero__cta .ec-fol2{ padding:0 20px; background:var(--e-s2); color:var(--e-ink); box-shadow:inset 0 0 0 1px var(--e-line2); }
html body.mds-pl .mds-ahero__cta .mds-cta-chart:hover,
html body.mds-pl .mds-ahero__cta .ec-fol2:hover{ background:var(--e-s3); box-shadow:inset 0 0 0 1px rgba(255,255,255,.16); transform:none; }
html body.mds-pl .mds-ahero__cta .ec-fol2.is-on{ color:#3ee8a8; box-shadow:inset 0 0 0 1px rgba(0,186,124,.45); }
html body.mds-pl .mds-ahero__cta .ec-fol2 small{ margin-left:2px; color:var(--e-ink2); font:500 13.5px/1 var(--e-f); }
html body.mds-pl .mds-ahero__cta :is(.mds-cta-chart,.ec-fol2) svg{ width:18px; height:18px; flex:none; }
html body.mds-pl .mds-ahero__cta :is(.mds-cta-chart,.ec-fol2) > span{ font:inherit; color:inherit; }
html body.mds-pl .mds-ahero__cta .ec-albtn{ width:48px; height:48px; border:0; background:var(--e-s2); box-shadow:inset 0 0 0 1px var(--e-line2); color:var(--e-ink); -webkit-backdrop-filter:none; backdrop-filter:none; transform:none; }
html body.mds-pl .mds-ahero__cta .ec-albtn:hover{ background:var(--e-s3); transform:none; }
html body.mds-pl .mds-ahero__cta .ec-albtn.is-on:not(.ec-shbtn){ color:var(--e-warn); box-shadow:inset 0 0 0 1px rgba(255,212,0,.45); }
/* rândul titlului rămâne doar cu H1 */
html body.mds-pl .mds-ahero__trow{ margin-bottom:12px; }

@media (max-width:920px){
  html body.mds-pl .mds-ahero .mds-ahero__title{ font:700 21.5px/28px var(--e-f); }
  /* pe telefon „Urmărește" e în bara de jos și „Trimite" lângă firimituri: aici rămân Investește și Grafic */
  html body.mds-pl .mds-ahero__cta :is(.ec-fol2,.ec-albtn,.ec-alwrap,.ec-shbtn){ display:none; }
  html body.mds-pl .mds-ahero__cta{ flex-wrap:nowrap; gap:8px; margin-top:24px; }
  html body.mds-pl .mds-ahero__cta .mds-cta-invest{ flex:1 1 auto; min-width:0; padding:0 16px; }
  html body.mds-pl .mds-ahero__cta .mds-cta-chart{ flex:0 0 auto; padding:0 18px; }
  html body.mds-pl .mds-ahero__cta .mds-ad{ height:16px; padding:0 4px; font-size:11.5px; }
}
@media (max-width:359px){
  html body.mds-pl .mds-ahero__cta .mds-cta-invest,
  html body.mds-pl .mds-ahero__cta .mds-cta-chart{ font-size:13.5px; padding:0 12px; }
}
@media (prefers-reduced-motion:reduce){
  html body.mds-pl .mds-ahero__cta > *{ transition:none; }
}

/* ============================================================================
   3. HUB-URILE, UNELTELE ȘI PAGINILE DE CONȚINUT                    (lot DS-2)
   Acțiuni, crypto, ETF-uri, indici, mărfuri, valute, screener, comparator,
   calendar, ghiduri, glosar, metodologie. Toate au `body.mds-gsn-page`.
   ⚠ Prefixul `html body.mds-gsn-page` trece de regulile vechi (`.mdsx .x`,
     `.mdsx .x.on`) fără `!important`; stările (`.on`, `:hover`) se repetă aici.
   ============================================================================ */

/* ── 3.1 Carduri ─────────────────────────────────────────────────────────── */
html body.mds-gsn-page :is(.xhb-tk,.xhb-th,.xhb-bk,.xhb-sc,.xfq__c,.xhb-ls,.xhb-cy,.xhb-mv,.xhb-pc,.xhb-gl,.xhb-gdl,.xhb-fe,.xhb-az__br,.xhb-cl__c,.xhb-al,.xhb-pn,.xbs,.xbs-hol,
  .xpt-dm,.xpt-hi,.xpt-gp,.xpt-mx,.xpt-cc,.xpt-cv,.xpt-iv,.xpt-dv,.xpt-rk,
  .xcm-co,.xcm-pz__c,.xcm-pop,.xcm-card,
  .gdx-path,.gdx-start,.gdx-bk__l,.gdx-chk,.gdx-qz,.xgl-cat,
  .xmh-bds,.xmh-pn,.xmh-kp>li,.xmh-st>li,.xmh-pr>div,.ec-anb__l){
  background:var(--e-card); box-shadow:var(--e-ring); border:0; border-radius:var(--e-r-md);
}
/* screenerul și comparatorul au reguli mai grele (`.mdsx .xhb--scr .xsc ...`, `.mdsx .xsc.xcm ...`):
   aceeași suprafață, cu selectorul la fel de greu. Rândurile listei de rețete (`.xsc .xsc-rc` fără hub) rămân rânduri. */
html body.mds-gsn-page .mdsx .xhb--scr .xsc :is(.xsc-rc,.xsc-trk__l),
html body.mds-gsn-page .mdsx .xsc :is(.xsc-trk__l),
html body.mds-gsn-page .mdsx .xsc.xcm :is(.xcm-co,.xcm-pz__c,.xcm-pop,.xfq__c),
html body.mds-gsn-page .mdsx .ec-anb__l{
  background:var(--e-card); box-shadow:var(--e-ring); border:0; border-radius:var(--e-r-md);
}
html body.mds-gsn-page .mdsx .xhb--scr .xsc .xsc-rc:hover{ background:var(--e-card); box-shadow:inset 0 0 0 1px var(--e-line2); }
/* tabelele cu rânduri lipite (clasamente, comparator, metodologie): card plat */
html body.mds-gsn-page :is(.xhb-tw,.xcm-tw,.xmh-tw){ background:var(--e-s1); box-shadow:var(--e-ring); border:0; border-radius:var(--e-r-md); }
/* bara metodologiei: dunga albastră rămâne, se adaugă bordura */
html body.mds-gsn-page .xmh-pr>div{ box-shadow:inset 3px 0 0 var(--e-link),var(--e-ring); }
/* comparația evidențiată (ETF față de indice): cardul `card--hl` din ghid */
html body.mds-gsn-page .xpt-cmp__r{ border-radius:var(--e-r-md); }
/* cardurile cu link: bordura se aprinde la hover */
html body.mds-gsn-page :is(a.xhb-tk,a.xhb-th,a.xhb-sc,a.xhb-cy,a.xpt-cc,a.gdx-path,.xsc-rc):hover{ box-shadow:inset 0 0 0 1px var(--e-line2); }
/* elementele din carduri: colț 12 */
html body.mds-gsn-page :is(.xhb-az__x,.xpt-mx__z,.gdx-qz__o>button){ border-radius:var(--e-r-sm); }
/* tooltip-ul screenerului: suprafața de pop-up */
html body.mds-gsn-page :is(.mdsx .xsc,.xsc-layer) .xsc-tx{ background:var(--e-card); border:0; border-radius:var(--e-r-sm); box-shadow:var(--e-pop); }

/* ── 3.2 Pistele (segmente) și pilulele ──────────────────────────────────── */
html body.mds-gsn-page :is(.xhb-tabs,.xhb-sg),
html body.mds-gsn-page :is(.mdsx,.xsc-layer) :is(.xsc-mode,.xsc-seg){
  gap:2px; padding:4px; border:0; border-radius:var(--e-r-pill); background:var(--e-s2); box-shadow:inset 0 0 0 1px var(--e-line);
}
html body.mds-gsn-page :is(.xhb-tabs,.xhb-sg) button,
html body.mds-gsn-page :is(.mdsx,.xsc-layer) :is(.xsc-mode,.xsc-seg) button{
  display:inline-flex; align-items:center; justify-content:center; height:32px; padding:0 14px; border:0; border-radius:var(--e-r-pill);
  background:none; box-shadow:none; color:var(--e-ink2); font:600 13.5px/1 var(--e-f); white-space:nowrap;
}
html body.mds-gsn-page :is(.xhb-tabs,.xhb-sg) button:hover,
html body.mds-gsn-page :is(.mdsx,.xsc-layer) :is(.xsc-mode,.xsc-seg) button:hover{ color:var(--e-ink); }
html body.mds-gsn-page :is(.xhb-tabs,.xhb-sg) button:is(.on,[aria-selected="true"]),
html body.mds-gsn-page :is(.mdsx,.xsc-layer) :is(.xsc-mode,.xsc-seg) button:is(.on,[aria-selected="true"],[aria-pressed="true"]){ background:var(--e-ink); color:var(--e-bg); }

/* pilulele de filtru (screener, ghiduri) și filele paginilor (calendar) */
html body.mds-gsn-page :is(.mdsx,.xsc-layer) .xsc-chip,
html body.mds-gsn-page .mdsx .gdx-int a,
html body.mds-gsn-page .mdsx .cax-seg a{
  display:inline-flex; align-items:center; justify-content:center; gap:6px; height:32px; padding:0 14px; border:0; border-radius:var(--e-r-pill);
  background:var(--e-s2); box-shadow:inset 0 0 0 1px var(--e-line); color:var(--e-ink2); font:600 13.5px/1 var(--e-f); white-space:nowrap; text-decoration:none;
}
html body.mds-gsn-page .mdsx .gdx-int a,
html body.mds-gsn-page .mdsx .cax-seg a{ height:36px; padding:0 16px; }
html body.mds-gsn-page :is(.mdsx,.xsc-layer) .xsc-chip:hover,
html body.mds-gsn-page .mdsx .gdx-int a:hover,
html body.mds-gsn-page .mdsx .cax-seg a:hover{ color:var(--e-ink); box-shadow:inset 0 0 0 1px var(--e-line2); }
html body.mds-gsn-page :is(.mdsx,.xsc-layer) .xsc-chip:is(.on,[aria-pressed="true"]),
html body.mds-gsn-page .mdsx .cax-seg a.on{ background:var(--e-ink); color:var(--e-bg); box-shadow:none; }
/* calendarul: filele devin pilule, deci linia de sub fila aleasă dispare */
html body.mds-gsn-page .mdsx .cax-seg{ display:flex; flex-wrap:nowrap; gap:8px; overflow-x:auto; scrollbar-width:none; padding-bottom:0; border:0; box-shadow:none; }
html body.mds-gsn-page .mdsx .cax-seg::-webkit-scrollbar{ display:none; }
html body.mds-gsn-page .mdsx .cax-seg a.on::after{ display:none; }
html body.mds-gsn-page .mdsx .cax-seg a small{ margin-left:2px; color:inherit; opacity:.6; font:inherit; }

/* ── 3.3 Butoane ─────────────────────────────────────────────────────────── */
/* „Deschide cont" la brokeri și „Vezi abonamentele": verde (conversie) */
html body.mds-gsn-page .xhb-bt{ height:40px; padding:0 20px; background:var(--e-up); color:#04110c!important; font:600 13.5px/1 var(--e-f); filter:none; }
html body.mds-gsn-page .xhb-bt:hover{ background:#13c98c; filter:none; }
html body.mds-gsn-page .xhb-bt--2{ background:var(--e-s2); color:var(--e-ink)!important; box-shadow:inset 0 0 0 1px var(--e-line); }
html body.mds-gsn-page .xhb-bt--2:hover{ background:var(--e-s2); box-shadow:inset 0 0 0 1px var(--e-line2); }
html body.mds-gsn-page :is(.xhb-bk__a,.xhb-sheet__pan) .xhb-bt{ height:48px; font-size:15.5px; }
html body.mds-gsn-page .mdsx .gdx-bk__go{ height:40px; padding:0 18px; background:var(--e-up); color:#04110c; font:600 13.5px/1 var(--e-f); }
html body.mds-gsn-page .mdsx .gdx-bk__go:hover{ background:#13c98c; }
/* acțiunea principală: alb */
html body.mds-gsn-page .xhb-btn{ height:48px; }
html body.mds-gsn-page .mdsx .gdx-btn{ display:inline-flex; align-items:center; height:40px; padding:0 20px; font:600 13.5px/1 var(--e-f); }
html body.mds-gsn-page :is(.mdsx,.xsc-layer) .xsc-go{ height:36px; padding:0 16px; font:600 13.5px/1 var(--e-f); }
/* secundar: s2 cu bordură */
html body.mds-gsn-page :is(.mdsx,.xsc-layer) .xsc-btn{ height:40px; padding:0 16px; background:var(--e-s2); box-shadow:inset 0 0 0 1px var(--e-line); font:600 13.5px/1 var(--e-f); }
html body.mds-gsn-page :is(.mdsx,.xsc-layer) .xsc-btn:hover{ background:var(--e-s2); box-shadow:inset 0 0 0 1px var(--e-line2); }
html body.mds-gsn-page .xbs__more{ height:40px; border-radius:var(--e-r-pill); background:var(--e-s2); box-shadow:inset 0 0 0 1px var(--e-line); font:600 13.5px/1 var(--e-f); }
html body.mds-gsn-page .xbs__more:hover{ box-shadow:inset 0 0 0 1px var(--e-line2); }
html body.mds-gsn-page .mdsx .xcm-add{ border-radius:var(--e-r-md); }
/* butoanele rotunde (săgeți): s2 cu bordură */
html body.mds-gsn-page .mdsx .cax-wk__b,
html body.mds-gsn-page .mdsx .xhb--scr .xsc-recnav button,
html body.mds-gsn-page .xpt-cv__x{ background:var(--e-s2); box-shadow:inset 0 0 0 1px var(--e-line); color:var(--e-ink); }
/* „Înapoi" din antet: aceeași pilulă de 32 ca pe paginile de active */
html body.mds-gsn-page .xhb-back{ height:32px; padding:0 12px 0 8px; border:0; background:rgba(0,0,0,.2); box-shadow:inset 0 0 0 1px rgba(255,255,255,.18); font:600 13.5px/1 var(--e-f); }
html body.mds-gsn-page .xhb-back span{ font:inherit; }

/* ── 3.4 Câmpuri: căutare (pilulă) și selecturi ──────────────────────────── */
html body.mds-gsn-page .mdsx .xgl-q__f{ height:48px; border-radius:var(--e-r-pill); background:var(--e-s2); box-shadow:inset 0 0 0 1px var(--e-line); }
html body.mds-gsn-page .mdsx .xgl-q__f:focus-within{ box-shadow:inset 0 0 0 1px var(--e-line2),0 0 0 3px rgba(29,155,240,.25); }
html body.mds-gsn-page .xpt-cv__in{ border-radius:var(--e-r-sm); background:var(--e-s2); box-shadow:inset 0 0 0 1px var(--e-line); }
html body.mds-gsn-page .xpt-cv__in:focus-within{ box-shadow:inset 0 0 0 1px var(--e-line2),0 0 0 3px rgba(29,155,240,.25); }
html body.mds-gsn-page .mdsx .cax-sel{ height:36px; border-radius:var(--e-r-pill); background-color:var(--e-s2); box-shadow:inset 0 0 0 1px var(--e-line); }
html body.mds-gsn-page .xpt-ivx__s{ border-radius:var(--e-r-sm); }
html body.mds-gsn-page .mdsx .xgl-az a{ border-radius:var(--e-r-xs); }

/* ── 3.5 Logo-uri ────────────────────────────────────────────────────────── */
/* în benzi, clasamente și liste: fără fundal și fără chenar */
html body.mds-gsn-page :is(.xhb-lg,.xhb-ls__lg,.xhb-tc__lg){ background:none; box-shadow:none; border:0; border-radius:0; color:var(--e-ink2); }
/* știrile din hub sunt feed: logo-ul activului în pătrat alb */
html body.mds-gsn-page .xhb-fe__lg{ background:#fff; color:#111; border-radius:var(--e-r-xs); box-shadow:none; }

/* ── 3.6 Text pe scara ghidului ──────────────────────────────────────────── */
html body.mds-gsn-page .xhb-back,
html body.mds-gsn-page :is(.mdsx,.xsc-layer) :is(.xsc-btn,.xsc-go,.xsc-up,.xsc-dn,.xsc-lnk,.xsc-sw>span,.xsc-lkb>p,.xsc-cnt>small,.xsc-lmore>a,.xsc-co>span>a){ font-size:13.5px; }
html body.mds-gsn-page :is(.mdsx,.xsc-layer) :is(.xsc-fc,.xsc-note,.xsc-hint,.xsc-co>span>small,.xsc-rc>em),
html body.mds-gsn-page .mdsx :is(.cax-t>small,.xcm-id>small,.xpt-mi>b){ font-size:11.5px; line-height:16px; }
html body.mds-gsn-page :is(.mdsx,.xsc-layer) .xsc-sr,html body.mds-gsn-page .xpt-sr{ font-size:15.5px; }
/* titlurile de secțiune: 25/30, pe telefon 21,5/28 */
html body.mds-gsn-page .mdsx :is(.xsc-sh>h2,.xsc-flh>h2,.cax-dh>h2,.cax-mo>h2,.gdx-start__t>h2){ font:700 25px/30px var(--e-f); letter-spacing:-.02em; }
html body.mds-gsn-page .mdsx h2.xgh__t{ font:700 25px/30px var(--e-f); letter-spacing:-.02em; }
/* H1-ul uneltelor (comparatorul): 34/40, ca pe restul paginilor care nu sunt active */
html body.mds-gsn-page .mdsx h1.xsc-h1{ font:700 34px/40px var(--e-f); letter-spacing:-.02em; text-wrap:balance; }
html body.mds-gsn-page .mdsx .xmh-kp>li>b{ font-size:20px; line-height:26px; }
@media (max-width:899px){
  html body.mds-gsn-page .mdsx :is(.xsc-sh>h2,.xsc-flh>h2,.cax-dh>h2,.cax-mo>h2,.gdx-start__t>h2,h2.xgh__t){ font:700 21.5px/28px var(--e-f); }
  html body.mds-gsn-page .mdsx h1.xsc-h1{ font:700 30px/36px var(--e-f); }
}