/* ============================================================================
   99-stil-apple.css · LOT 173 · trecerea „stil Apple" peste secțiunile de analiză

   Ales de Mihai din previzualizarea lotului 173 („fă ce ai propus").
   Un singur fișier, încărcat ULTIMUL din `assets/css/sectiuni/` (`glob` sortat,
   `01-css-sectiuni.php:29`), deci se poate scoate ștergând doar fișierul acesta.
   Nu schimbă niciun text și nicio cifră: doar cum arată.

   A. PASTILA DE SUB TITLU -> RÂND CU BULINĂ.
      Pastila colorată (fundal colorat + text colorat) devine: bulină colorată,
      cifra albă, eticheta gri. Culoarea rămâne pe bulină (`--bc`, același
      `--bc` pe care îl punea PHP-ul pe pastilă). Pastilele fără `--bc` (sector,
      RSI, verificări) primesc bulina gri. Forensic „0 · Curat" (`is-ok`) are
      bulina verde, cum avea și textul.
      Aceeași limbă vizuală ca verdictul din cardurile de Indicatori și de la
      Afacerea și rezultatele (`.xin__vd`, `.xaf__vd`).
   B. PLĂCUȚELE DIN INTERIORUL CARDURILOR (card în card) -> FĂRĂ FUNDAL.
      Cifrele stau direct pe card, despărțite de o linie fină deasupra
      (`--xsep`, aceeași linie ca între rândurile din liste).
      ⚠ `.xan__mc` e folosită și în banda de date a paginilor de crypto, mărfuri
        și valute (`98-cripto.css:588`) și la fonduri și indici. De aceea e
        legată de `#analisti`: acolo nu se schimbă nimic.
   C. CARDURILE DE PE ACELAȘI RÂND, ACEEAȘI ÎNĂLȚIME (doar pe desktop).
      ⚠ Când se deschide un „Vezi mai mult" / „Cum se calculează" (toate sunt
        casete `checkbox`), rândul revine la înălțimea naturală: altfel cardul
        vecin s-ar lungi și el, gol.
      ⚠ Fără Semnale forensice și Indici și ETF-uri: acolo cardul din dreapta e
        mic și ar rămâne pe jumătate gol.
      ⚠ Doar pe desktop: pe telefon cardurile sunt unul sub altul sau în pistă
        cu file, unde înălțimea egală ar lăsa gol sub cardul mai scurt.
   ============================================================================ */

/* ── A · pastila de sub titlu ── */
.mdsx :is(.xfv__chip,.xab__chip,.xrp__chip,.xrs__chip,.xfr__chip,.xcz__chip,
          .xdv__chip,.xrd__chip,.xct__chip,.xpm__chip,.xpf__chip){
  display:inline-flex; align-items:center; gap:8px; padding:0; border-radius:0;
  background:none; box-shadow:none; color:var(--xc-ink);
  font:600 var(--xt-6)/1.25 var(--xf); font-variant-numeric:tabular-nums; }
.mdsx :is(.xfv__chip,.xab__chip,.xrp__chip,.xrs__chip,.xfr__chip,.xcz__chip,
          .xdv__chip,.xrd__chip,.xct__chip,.xpm__chip,.xpf__chip)::before{
  content:""; width:8px; height:8px; border-radius:50%; flex:none;
  background:var(--bc,var(--xc-ink3)); }
.mdsx :is(.xfv__chip,.xab__chip,.xrp__chip,.xrs__chip,.xfr__chip,.xcz__chip,
          .xdv__chip,.xrd__chip,.xct__chip,.xpm__chip,.xpf__chip) b{
  font:inherit; color:inherit; }
.mdsx :is(.xfv__chip,.xab__chip,.xrp__chip,.xrs__chip,.xfr__chip,.xcz__chip,
          .xdv__chip,.xrd__chip,.xct__chip,.xpm__chip,.xpf__chip) em{
  font:400 var(--xt-7)/1.25 var(--xf); font-style:normal; color:var(--xc-ink3); }
.mdsx .xfr__chip.is-ok{ --bc:var(--xc-lime); }
/* ⚠ `.xfr__chip.is-ok b/em` (56-forensic.css:30) coloreaza textul verde, tot (0,2,1)
   ca regulile `b` / `em` de mai sus; acestea vin mai tarziu, deci textul ramane
   alb / gri (verificat in test: cifra alba, eticheta gri la „0 · Curat"). */

/* ── B · plăcuțele din interiorul cardurilor ── */
.mdsx :is(.xfv__mc,.xrp__c,.xrp__hc,.xrs__c,.xfr__c,.xdv__c,.xrd__c,.xpm__c,.xfx__c),
.mdsx #analisti .xan__mc{
  background:var(--xsep) no-repeat top/100% 1px; border-radius:0;
  padding:14px 0 4px; box-shadow:none; }

/* ── C · aceeași înălțime pe rând, doar pe desktop ── */
@container mdsx (min-width:900px){
  .mdsx :is(.xar__g,.xfv__bento,.xrs__bento,.xcz__bento,.xdv__bento,.xpm__bento),
  .mdsx #analisti .xan__pair,
  .mdsx #indicatoare .xin__g{ align-items:stretch; }
  .mdsx :is(.xar__g,.xfv__bento,.xrs__bento,.xcz__bento,.xdv__bento,.xpm__bento):has(input[type="checkbox"]:checked),
  .mdsx #analisti .xan__pair:has(input[type="checkbox"]:checked),
  .mdsx #indicatoare .xin__g:has(input[type="checkbox"]:checked){ align-items:start; }
}