/* ============================================================================
   44-randament.css · GRUPUL 5 · „Randament catre actionar" + „Splituri"
   namespace `xrd`   PREVIEW

   ⚠⚠ ZERO VALORI INVENTATE. Ancorele:
        20-grup2.css:82-99        titlu de sectiune, lede, card
        20-grup2.css:130-137      lista cu separator `--xsep`
        22-fair-value.css:68      cifra eroica clamp(30,…,44)
        22-fair-value.css:71-77   `.xfv__badge` / `.xfv__chip`
        24-proiectii.css:109-114  `.xpj__mc` — adancitura de celula
        42-dividende.css          tabelul si grila de celule
        verdict.css:345-357       `scroll-margin-top` 78 / 82px

   ⚠ `xrd` e namespace NOU. Ocupate: xhd xhd2 xvd xvm xvp xar xgh xan xfv xpj
     xab xdp xaf xfn xrp xrs xcz xdv.

   ⚠ UN SINGUR NAMESPACE PENTRU DOUA SECTIUNI. „Randament catre actionar" si
     „Splituri" sunt doua capitole ale aceluiasi grup, se randeaza din acelasi
     fisier PHP si folosesc acelasi card, aceeasi pastila, acelasi tabel. Doua
     namespace-uri ar fi insemnat aceleasi reguli scrise de doua ori.
   ============================================================================ */

.xrd{ font-family:var(--xf); color:var(--xc-ink); letter-spacing:-.004em;
  margin-top:var(--xsp-sec,39px); overflow-x:clip; }
.xrd *{ box-sizing:border-box; }

/* ⚠⚠ TITLURILE SUNT ALBE. Amandoua sectiunile pornesc banda cu `var(--cyan)`,
   iar `mds-design.css:417` da `.ch__t{color:var(--c)}` — masurat, titlurile ies
   ALBASTRE. Culoarea trece pe pastile.
   ⚠ Titlul NU e flex: pastila sta pe un rand propriu dedesubt, deci
     `::first-letter` se aplica direct pe `<h3>`. */
.xrd__t{ margin:0; font-size:var(--xt-3); font-weight:700;
  line-height:1.15; letter-spacing:-.022em; color:var(--xc-ink); }
.xrd__t::first-letter{ text-transform:uppercase; }
/* invelisul pastilei · `.xfv__badge--h` (22-fair-value.css:71-73) */
.xrd__badge{ display:flex; flex-wrap:wrap; align-items:center; gap:9px 12px;
  margin:14px 0 0; }
.xrd__chip{ flex:none; display:inline-flex; align-items:baseline; gap:7px;
  padding:5px 12px; border-radius:var(--xr-p);
  background:color-mix(in srgb, var(--bc) 16%, transparent);
  color:var(--bc); font:600 var(--xt-7)/1.2 var(--xf); font-variant-numeric:tabular-nums;
  letter-spacing:0; }
.xrd__chip em{ font-style:normal; font-weight:500; font-size:var(--xt-8);
  color:color-mix(in srgb, var(--bc) 78%, var(--xc-ink)); }
.xrd__lede{ margin:14px 0 0; font:400 var(--xf-sm)/1.55 var(--xf);
  letter-spacing:-.006em; color:var(--xc-ink); }
.xrd__n{ margin:14px 0 0; font:400 var(--xt-7)/1.5 var(--xf); color:var(--xc-ink3); }

.xrd__card{ min-width:0; display:block; background:var(--xs-card);
  border-radius:28px; padding:26px 24px 28px; box-shadow:var(--xe-lift);
  margin:22px 0 0; scroll-margin-top:78px; }

/* ── celulele de cifra ─────────────────────────────────────────────────────
   ⚠ CIFRA DEASUPRA, ETICHETA DEDESUBT — invers fata de celulele din restul
     paginii. Aici eticheta e o explicatie („din scaderea datoriei"), nu un nume
     de metrica: cifra e subiectul, cuvintele o califica. Aceeasi asezare ca la
     `.xpj__hero` si la cardul de rezilienta din Crize.
   ⚠⚠ PATRU PE RAND DE LA 900px DE CONTAINER, nu de la 1400 ca la celelalte
     sectiuni. Motivul e masurat: acolo celulele stau in carduri de JUMATATE de
     latime (543px la 1440), aici cardul e INTREG (1100px). Cu pragul de 1400,
     la 1440 ieseau doua coloane de 510px fiecare pentru un procent si doua
     cuvinte — o cifra de 24px intr-o cutie cat jumatate de ecran.
     La 900px de container, cardul are 832px interior, deci patru celule de
     ~208px: „din scaderea datoriei" la 13,5px incape pe doua randuri. */
.xrd__tri{ min-width:0; display:grid; gap:10px;
  grid-template-columns:repeat(2, minmax(0, 1fr)); }
.xrd__c{ min-width:0; padding:15px 16px; border-radius:var(--xr-i);
  background:var(--xs-inset); }
/* treapta eroica · `.xfv__hero` (22-fair-value.css:68), o treapta mai jos:
   sunt pana la patru cifre pe rand, nu una singura */
.xrd__cv{ display:block; font:700 var(--xt-4)/1 var(--xf);
  letter-spacing:-.018em; font-variant-numeric:tabular-nums; }
.xrd__cl{ display:block; margin-top:8px; font:500 var(--xt-7)/1.35 var(--xf);
  color:var(--xc-ink2); }
.xrd__cl::first-letter{ text-transform:uppercase; }

/* ── lista de alocare ── */
.xrd__kv{ list-style:none; margin:18px 0 0; padding:0; }
.xrd__kv li{ display:flex; align-items:baseline; justify-content:space-between;
  gap:18px; padding:11px 0; font:400 var(--xf-sm)/1.4 var(--xf); color:var(--xc-ink2); }
.xrd__kv li:first-child{ background:var(--xsep) no-repeat top/100% 1px; padding-top:18px; }
.xrd__kv li + li{ background:var(--xsep) no-repeat top/100% 1px; }
.xrd__kv b{ flex:none; color:var(--xc-ink); font-weight:600;
  font-variant-numeric:tabular-nums; }

/* ── tabelul de splituri ───────────────────────────────────────────────────
   ⚠ Marcaj propriu, nu al temei: `mds_dv_cap_splituri()` isi construieste
     tabelul inauntrul blocului `sectiune`, deci nu se putea refolosi doar
     tabelul. Scara e cea a tabelului de la Dividende (42-dividende.css).
   ⚠ `overflow-x:auto` pe inveli|s (R29): trei coloane incap pe 302px, dar la un
     raport lung („129:125") se ingusteaza, si atunci deruleaza TABELUL, nu
     pagina. */
.xrd__sc{ overflow-x:auto; scrollbar-width:none; }
.xrd__sc::-webkit-scrollbar{ display:none; }
.xrd__tbl{ width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.xrd__tbl th{ padding:0 0 10px; text-align:right;
  font:600 var(--xt-8)/1 var(--xf); letter-spacing:.06em; text-transform:uppercase;
  color:var(--xc-ink3); white-space:nowrap; }
.xrd__tbl th:first-child{ text-align:left; }
.xrd__tbl td{ padding:11px 0; text-align:right;
  font:500 var(--xf-sm)/1.35 var(--xf); color:var(--xc-ink); white-space:nowrap; }
.xrd__tbl td:first-child{ text-align:left; color:var(--xc-ink2); }
.xrd__tbl tbody tr + tr td{ background:var(--xsep) no-repeat top/100% 1px; }
/* ⚠ CONSOLIDAREA E GALBENA, splitul neutru: e singura care schimba intelesul
   istoricului de dividende, iar nota de sub tabel o explica. */
.xrd__tip{ font-weight:600; color:var(--xc-ink3); }
.xrd__tip.is-cons{ color:var(--xc-yellow); }

/* ⚠ SEPARATORUL DE SUB SECTIUNE, ca la `20-grup2.css:203`. */
.mdsx .xrd + .band{ border-top:0; background-image:none; }

/* ══ DESKTOP · pragul temei, pe CONTAINER (20-grup2.css:207) ══ */
@container mdsx (min-width:900px){
  .xrd__card{ border-radius:var(--xr-c); padding:29px 31px 31px; scroll-margin-top:82px; }
  .xrd__tri{ gap:11px; grid-template-columns:repeat(4, minmax(0, 1fr)); }
}