/* ==========================================================================
   Bursa pe Scurt — pagina „Dividende BVB" (v4.76.0)
   Doar pe /dividende/, după style.css și mobil.css.
   Aceeași familie vizuală ca /editii/ și /analize/: carduri cu chenar subțire,
   pastile, cifre mari în fontul de brand.
   ========================================================================== */

.pagina-dividende {
  --dv-viitor:  var(--bvb-turcoaz);
  --dv-aproape: var(--bvb-atentie, #d29922);
  --dv-trecut:  var(--bvb-neutru, #7d8590);
  --dv-special: #a371f7;
  --dv-pista:   rgba(139, 148, 158, .16);
}

.dv-s-viitor  { --dv-c: var(--dv-viitor); }
.dv-s-aproape { --dv-c: var(--dv-aproape); }
.dv-s-trecut  { --dv-c: var(--dv-trecut); }

/* --- Antet ---------------------------------------------------------------- */
.dv-antet {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem 2rem;
  flex-wrap: wrap;
  margin-bottom: 1.25rem;
}
.dv-antet-text { max-width: 46rem; }
.dv-antet h1 { margin-bottom: .5rem; }
.dv-antet .descriere-arhiva { margin: 0; }

.dv-salturi { display: flex; flex-wrap: wrap; gap: .4rem; }

.dv-salturi a {
  padding: .4rem .8rem;
  border: 1px solid var(--bvb-bordura);
  border-radius: 999px;
  background: var(--bvb-card);
  color: var(--bvb-text-secundar);
  font-size: .85rem;
  white-space: nowrap;
}
.dv-salturi a:hover,
.dv-salturi a:focus-visible {
  color: var(--bvb-turcoaz);
  border-color: var(--bvb-turcoaz-inchis);
  text-decoration: none;
}

/* Ancorele nu trebuie să ajungă sub antetul lipicios al site-ului. */
.pagina-dividende [id] { scroll-margin-top: 5.5rem; }

/* --- Cifre ---------------------------------------------------------------- */
.dv-cifre {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
  margin: 0 0 1.5rem;
  padding: 0;
}
.dv-cifre li {
  display: flex;
  flex-direction: column;
  gap: .2rem;
  min-width: 0;
  padding: .85rem 1rem;
  background: var(--bvb-card);
  border: 1px solid var(--bvb-bordura);
  border-radius: var(--bvb-radius);
}
.dv-cifra-et { font-size: .78rem; color: var(--bvb-text-secundar); }
.dv-cifre strong {
  font-family: var(--bvb-font-brand);
  font-size: 1.55rem;
  line-height: 1.15;
  color: var(--bvb-text);
  font-variant-numeric: tabular-nums;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dv-cifre li > span:last-child { font-size: .8rem; color: var(--bvb-text-secundar); }
.dv-cifra-urm { border-left: 3px solid var(--dv-viitor); }
.dv-cifra-urm strong { color: var(--bvb-turcoaz); }

@media (max-width: 899px) {
  .dv-cifre { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
  .dv-cifre li { padding: .7rem .8rem; }
  .dv-cifre strong { font-size: 1.3rem; }
}

/* --- Blocuri -------------------------------------------------------------- */
.dv-bloc {
  margin: 0 0 2.5rem;
}
.dv-bloc-cap h2,
.dv-ghid > h2 { margin: 0 0 .35rem; font-size: 1.3rem; }
.dv-nota {
  max-width: 46rem;
  margin: 0 0 1rem;
  font-size: .9rem;
  line-height: 1.6;
  color: var(--bvb-text-secundar);
}
.dv-gol {
  margin: 0;
  padding: 1rem 1.1rem;
  border: 1px dashed var(--bvb-bordura);
  border-radius: var(--bvb-radius);
  color: var(--bvb-text-secundar);
  font-size: .9rem;
}

/* --- Cronologia ----------------------------------------------------------- */
.dv-cron {
  --dv-banda: 1.35rem;
  position: relative;
  margin: 0 0 1rem;
  padding: 1rem 1.25rem .8rem;
  background: var(--bvb-card);
  border: 1px solid var(--bvb-bordura);
  border-radius: var(--bvb-radius);
}
.dv-cron-cap {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .4rem 1rem;
  margin-bottom: .4rem;
}
.dv-cron-cap h2 {
  margin: 0;
  font-family: var(--bvb-font-text);
  font-size: .95rem;
  font-weight: 600;
}
.dv-legenda {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: .25rem .9rem;
  margin: 0;
  padding: 0;
  font-size: .76rem;
  color: var(--bvb-text-secundar);
}
.dv-legenda li { display: inline-flex; align-items: center; gap: .35rem; }
.dv-bulina {
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  background: var(--dv-c);
}

/* Pista: etichetele stau pe benzi deasupra liniei, lunile dedesubt. */
.dv-cron-pista {
  position: relative;
  /* 1.2rem sus: rândul etichetei „azi", peste benzile etichetelor. */
  height: calc(var(--benzi) * var(--dv-banda) + 4.3rem);
  margin: 0 .35rem;
}
.dv-cron-pista::before {           /* linia */
  content: "";
  position: absolute;
  left: 0; right: 0;
  bottom: 1.45rem;
  height: 4px;
  border-radius: 4px;
  background: var(--dv-pista);
}
.dv-cron-trecut {                  /* porțiunea trecută, mai închisă */
  position: absolute;
  left: 0;
  bottom: 1.45rem;
  height: 4px;
  border-radius: 4px 0 0 4px;
  background: repeating-linear-gradient(90deg, rgba(139, 148, 158, .32) 0 6px, transparent 6px 10px);
}
.dv-cron-luna {
  position: absolute;
  bottom: 0;
  transform: translateX(-1px);
  padding-left: .3rem;
  border-left: 1px solid var(--bvb-bordura);
  font-size: .68rem;
  line-height: 1.1rem;
  color: var(--bvb-text-secundar);
  white-space: nowrap;
}
.dv-cron-azi {
  position: absolute;
  top: 0;
  z-index: 1;
  bottom: 1.1rem;
  width: 0;
  border-left: 1.5px dashed var(--bvb-text-secundar);
}
.dv-cron-azi span {
  position: absolute;
  top: -.05rem;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 .3rem;
  border-radius: 4px;
  background: var(--bvb-card);
  line-height: 1rem;
  font-size: .68rem;
  font-weight: 600;
  letter-spacing: .02em;
  color: var(--bvb-text);
}

.dv-punct {
  position: absolute;
  bottom: calc(1.45rem - 5px);
  width: 14px;
  height: 14px;
  margin-left: -7px;
  border-radius: 50%;
  background: var(--dv-c);
  box-shadow: 0 0 0 3px var(--bvb-card);
  z-index: 2;
  transition: transform .12s ease;
}
.dv-punct.dv-s-aproape { animation: dv-puls 1.8s ease-in-out infinite; }
.dv-punct:hover,
.dv-punct:focus-visible {
  transform: scale(1.3);
  outline: none;
  z-index: 3;
  text-decoration: none;
}
.dv-punct:focus-visible { box-shadow: 0 0 0 3px var(--bvb-card), 0 0 0 5px var(--dv-c); }

/* Eticheta: sus, pe banda ei, legată de punct printr-o tijă. */
.dv-punct-et {
  position: absolute;
  left: 50%;
  bottom: calc(100% + .35rem + var(--banda) * var(--dv-banda));
  transform: translateX(-50%);
  padding: .05rem .4rem;
  border-radius: 5px;
  background: color-mix(in srgb, var(--dv-c) 16%, var(--bvb-card));
  border: 1px solid color-mix(in srgb, var(--dv-c) 55%, transparent);
  color: var(--bvb-text);
  font-size: .72rem;
  font-weight: 700;
  line-height: 1.2rem;
  white-space: nowrap;
}
.dv-punct-et::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  height: calc(.35rem + var(--banda) * var(--dv-banda));
  border-left: 1px solid color-mix(in srgb, var(--dv-c) 55%, transparent);
}
.dv-s-trecut .dv-punct-et { color: var(--bvb-text-secundar); font-weight: 600; }

.dv-cron-gol {
  position: absolute;
  top: 1.5rem;
  left: 50%;
  z-index: 2;
  width: max-content;
  max-width: 90%;
  margin: 0;
  padding: .2rem .7rem;
  transform: translateX(-50%);
  border-radius: 6px;
  background: var(--bvb-card);
  text-align: center;
  font-size: .85rem;
  color: var(--bvb-text-secundar);
}

.dv-cron-capete {
  display: flex;
  justify-content: space-between;
  margin-top: .15rem;
  font-size: .68rem;
  color: var(--bvb-text-secundar);
  opacity: .8;
}

.dv-tooltip {
  position: absolute;
  z-index: 30;
  max-width: 320px;
  padding: .4rem .6rem;
  background: #0b1015;
  border: 1px solid var(--bvb-bordura);
  border-radius: 8px;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .45);
  color: var(--bvb-text);
  font-size: .76rem;
  line-height: 1.4;
  pointer-events: none;
  transform: translate(-50%, calc(-100% - 10px));
  white-space: nowrap;
}
.dv-tooltip[hidden] { display: none; }

@keyframes dv-puls {
  0%, 100% { box-shadow: 0 0 0 3px var(--bvb-card), 0 0 0 3px color-mix(in srgb, var(--dv-c) 0%, transparent); }
  50%      { box-shadow: 0 0 0 3px var(--bvb-card), 0 0 0 7px color-mix(in srgb, var(--dv-c) 35%, transparent); }
}
@media (prefers-reduced-motion: reduce) {
  .dv-punct.dv-s-aproape { animation: none; }
}

@media (max-width: 640px) {
  .dv-cron { padding: .85rem .8rem .7rem; }
  .dv-cron-pista { margin: 0 .5rem; }
  .dv-punct { width: 12px; height: 12px; margin-left: -6px; }
  .dv-punct-et { font-size: .66rem; padding: 0 .3rem; }
}

/* --- Taburi --------------------------------------------------------------- */
/* Fără JS: taburile nu apar, panourile se văd toate, fiecare cu titlul lui. */
.dv-taburi { display: none; }
.dv-js .dv-taburi {
  display: flex;
  gap: .35rem;
  margin: 0 0 .9rem;
  padding: .25rem;
  width: fit-content;
  max-width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
  background: var(--bvb-card);
  border: 1px solid var(--bvb-bordura);
  border-radius: 999px;
}
.dv-js .dv-taburi::-webkit-scrollbar { display: none; }
.dv-tab {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .45rem .95rem;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--bvb-text-secundar);
  font: inherit;
  font-size: .9rem;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  transition: background .15s ease, color .15s ease;
}
.dv-tab:hover { color: var(--bvb-text); }
.dv-tab:focus-visible { outline: 2px solid var(--bvb-focus); outline-offset: 1px; }
.dv-tab[aria-selected="true"] {
  background: rgba(45, 212, 191, .14);
  color: var(--bvb-turcoaz);
  font-weight: 600;
}
@media (max-width: 640px) {
  .dv-js .dv-taburi .dv-tab-nr { min-width: 1.1rem; padding: .02rem .3rem; }
  .dv-js .dv-taburi {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    border-radius: 14px;
  }
  .dv-tab {
    flex-wrap: wrap;
    justify-content: center;
    gap: .25rem .35rem;
    padding: .45rem .2rem;
    border-radius: 10px;
    font-size: .8rem;
    white-space: normal;
    text-align: center;
  }
}
.dv-tab-nr {
  min-width: 1.35rem;
  padding: .02rem .42rem;
  border-radius: 999px;
  background: var(--bvb-fundal);
  font-size: .72rem;
  font-weight: 600;
  text-align: center;
  font-variant-numeric: tabular-nums;
  color: var(--bvb-text-secundar);
}
.dv-tab[aria-selected="true"] .dv-tab-nr { color: var(--bvb-turcoaz); }

.dv-panou { margin-bottom: 1.5rem; }
.dv-panou-titlu { margin: 0 0 .3rem; font-size: 1.05rem; }
.dv-js .dv-panou { margin-bottom: 0; }
.dv-js .dv-panou[data-activ="0"] { display: none; }
.dv-js .dv-panou-titlu {           /* tabul ține loc de titlu */
  position: absolute;
  width: 1px; height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

/* --- Rândurile calendarului ---------------------------------------------- */
.dv-randuri {
  list-style: none;
  display: grid;
  gap: .5rem;
  margin: 0;
  padding: 0;
}
.dv-rand {
  display: grid;
  grid-template-columns: 4rem minmax(0, 1fr) auto auto;
  align-items: center;
  gap: .5rem 1.1rem;
  padding: .75rem 1.1rem .75rem 0;
  background: var(--bvb-card);
  border: 1px solid var(--bvb-bordura);
  border-left: 3px solid var(--dv-viitor);
  border-radius: var(--bvb-radius);
  transition: background .15s ease;
}
.dv-rand:hover { background: var(--bvb-card-hover); }
.dv-rand:target {
  border-color: var(--bvb-turcoaz);
  box-shadow: 0 0 0 3px rgba(45, 212, 191, .16);
}
.dv-rand.e-aproape { border-left-color: var(--dv-aproape); }
.dv-rand-trecut    { border-left-color: var(--dv-trecut); }
.dv-rand-asteptare { border-left: 3px dashed var(--bvb-bordura); }
.dv-rand-asteptare.e-vechi { opacity: .75; }

.dv-rand-data {
  display: grid;
  justify-items: center;
  gap: .2rem;
  line-height: 1;
}
.dv-rand-zi {
  font-family: var(--bvb-font-brand);
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--bvb-text);
}
.dv-rand-luna {
  font-size: .68rem;
  letter-spacing: .04em;
  color: var(--bvb-text-secundar);
}
.dv-rand.e-aproape .dv-rand-zi { color: var(--dv-aproape); }
.dv-rand-trecut .dv-rand-zi,
.dv-rand-asteptare .dv-rand-zi { color: var(--bvb-text-secundar); }
/* v4.99.8 — propuse la AGA: chenar punctat portocaliu, „nu e aprobat" vizibil */
.dv-rand-propus { border-left: 3px dashed rgba(240, 160, 60, .7); }
.dv-rand-propus .dv-rand-zi { color: #f0a03c; }
.dv-rand-propus .dv-avert { color: #f0a03c; }

.dv-rand-corp { display: grid; gap: .2rem; min-width: 0; }
.dv-rand-titlu {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: .2rem .55rem;
}
.dv-rand-detalii { font-size: .82rem; color: var(--bvb-text-secundar); }
.dv-avert { color: var(--dv-aproape); }

.dv-rand-suma { display: grid; justify-items: end; line-height: 1.25; }
.dv-rand-suma strong { font-size: 1.02rem; font-variant-numeric: tabular-nums; }
.dv-rand-suma span { font-size: .72rem; color: var(--bvb-text-secundar); }

.dv-rand-stare {
  display: grid;
  justify-items: end;
  gap: .3rem;
  min-width: 6.5rem;
}
.dv-rand-rnd {
  font-weight: 700;
  color: var(--bvb-pozitiv);
  font-variant-numeric: tabular-nums;
}

/* Elementele comune: simbol, nume, special, pastile. */
.dv-simbol {
  font-weight: 700;
  color: var(--bvb-turcoaz);
  letter-spacing: .01em;
}
a.dv-simbol:hover { text-decoration: underline; }
.dv-nume { color: var(--bvb-text-secundar); }
.dv-special {
  display: inline-block;
  padding: 0 .4rem;
  border: 1px solid color-mix(in srgb, var(--dv-special) 60%, transparent);
  border-radius: 5px;
  color: var(--dv-special);
  font-size: .68rem;
  font-weight: 600;
  line-height: 1.35rem;
  vertical-align: middle;
}
.dv-pastila {
  display: inline-block;
  padding: .12rem .55rem;
  border-radius: 999px;
  background: rgba(45, 212, 191, .13);
  color: var(--bvb-turcoaz);
  font-size: .76rem;
  font-weight: 600;
  white-space: nowrap;
}
.dv-rand.e-aproape .dv-pastila {
  background: color-mix(in srgb, var(--dv-aproape) 16%, transparent);
  color: var(--dv-aproape);
}
.dv-pastila-stinsa {
  background: rgba(139, 148, 158, .12);
  color: var(--bvb-text-secundar);
}
.dv-pastila-mica {
  margin-left: .35rem;
  padding: 0 .45rem;
  font-size: .7rem;
  line-height: 1.3rem;
}

@media (max-width: 640px) {
  .dv-rand {
    grid-template-columns: 3.1rem minmax(0, 1fr) auto;
    align-items: end;
    gap: .45rem .7rem;
    padding: .7rem .8rem .7rem 0;
  }
  .dv-rand-data { grid-row: span 2; align-self: center; }
  .dv-rand-corp { grid-column: 2 / -1; }
  .dv-rand-suma { grid-column: 2; justify-items: start; min-width: 0; }
  .dv-rand-stare {
    grid-column: 3;
    gap: .2rem;
    min-width: 0;
  }
  .dv-rand-zi { font-size: 1.35rem; }
}

/* --- Unelte (căutare, filtre, ordonare) ----------------------------------- */
.dv-unelte {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .6rem;
  margin: .25rem 0 .6rem;
}
.dv-unelte[hidden] { display: none; }

.dv-cauta {
  flex: 1 1 16rem;
  min-width: 0;
  max-width: 24rem;
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: 0 .9rem;
  background: var(--bvb-card);
  border: 1px solid var(--bvb-bordura);
  border-radius: 999px;
  color: var(--bvb-text-secundar);
  transition: border-color .15s ease, box-shadow .15s ease;
}
.dv-cauta:focus-within {
  border-color: var(--bvb-turcoaz);
  box-shadow: 0 0 0 3px rgba(45, 212, 191, .14);
  color: var(--bvb-turcoaz);
}
.dv-cauta input {
  flex: 1;
  min-width: 0;
  padding: .62rem 0;
  background: transparent;
  border: 0;
  outline: none;
  box-shadow: none;
  color: var(--bvb-text);
  font-size: .95rem;
}

.dv-filtre { display: flex; flex-wrap: wrap; gap: .4rem; }
.dv-filtru {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .38rem .75rem;
  background: var(--bvb-card);
  border: 1px solid var(--bvb-bordura);
  border-radius: 999px;
  color: var(--bvb-text-secundar);
  font: inherit;
  font-size: .85rem;
  cursor: pointer;
  transition: border-color .15s ease, color .15s ease, background .15s ease;
}
.dv-filtru:hover { color: var(--bvb-text); border-color: var(--bvb-turcoaz-inchis); }
.dv-filtru:focus-visible { outline: 2px solid var(--bvb-focus); outline-offset: 1px; }
.dv-filtru[aria-pressed="true"] {
  color: var(--bvb-text);
  border-color: var(--bvb-turcoaz);
  background: color-mix(in srgb, var(--bvb-turcoaz) 14%, var(--bvb-card));
  font-weight: 600;
}
.dv-filtru-special[aria-pressed="true"] {
  border-color: var(--dv-special);
  background: color-mix(in srgb, var(--dv-special) 14%, var(--bvb-card));
}

.dv-sortare {
  display: none;            /* pe desktop se ordonează din capul tabelului */
  align-items: center;
  gap: .45rem;
  margin-left: auto;
  font-size: .82rem;
  color: var(--bvb-text-secundar);
}
.dv-sortare select {
  appearance: none;
  -webkit-appearance: none;
  padding: .45rem 2rem .45rem .8rem;
  background: var(--bvb-card) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b949e' stroke-width='2.5' stroke-linecap='round'><path d='M6 9l6 6 6-6'/></svg>") no-repeat right .7rem center;
  border: 1px solid var(--bvb-bordura);
  border-radius: 999px;
  color: var(--bvb-text);
  font-size: .85rem;
  cursor: pointer;
}
.dv-sortare select:focus { outline: none; border-color: var(--bvb-turcoaz); }

.dv-numar { margin: 0 0 .4rem; font-size: .82rem; color: var(--bvb-text-secundar); }
.dv-numar:empty { display: none; }

/* --- Tabelul ------------------------------------------------------------- */
.dv-tabel-cadru {
  background: var(--bvb-card);
  border: 1px solid var(--bvb-bordura);
  border-radius: var(--bvb-radius);
  overflow: hidden;
}
.dv-tabel {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  font-size: .92rem;
}
.dv-tabel th,
.dv-tabel td {
  padding: .62rem 1rem;
  border: 0;
  border-bottom: 1px solid var(--bvb-bordura);
  text-align: left;
  vertical-align: middle;
}
.dv-tabel tbody tr:last-child > * { border-bottom: 0; }
.dv-tabel tbody tr:hover { background: rgba(45, 212, 191, .04); }
.dv-tabel .num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }

.dv-tabel thead th {
  position: static;
  padding: 0;
  background: rgba(255, 255, 255, .02);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--bvb-text-secundar);
}
.dv-tabel thead button {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  width: 100%;
  padding: .7rem 1rem;
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  cursor: pointer;
}
.dv-tabel thead .num button { justify-content: flex-end; }
.dv-tabel thead button:hover { color: var(--bvb-text); }
.dv-tabel thead button:focus-visible { outline: 2px solid var(--bvb-focus); outline-offset: -2px; }
.dv-tabel thead button::after {
  content: "";
  width: .5rem;
  height: .5rem;
  opacity: 0;
  background: currentColor;
  clip-path: polygon(50% 100%, 0 30%, 100% 30%);
}
.dv-tabel thead th[aria-sort] { color: var(--bvb-turcoaz); }
.dv-tabel thead th[aria-sort] button::after { opacity: 1; }
.dv-tabel thead th[aria-sort="ascending"] button::after { clip-path: polygon(50% 0, 0 70%, 100% 70%); }

.dv-td-cap {
  font-weight: 400;
  white-space: nowrap;
}
.dv-td-cap .dv-simbol { display: inline-block; min-width: 3.4rem; }
.dv-td-cap .dv-nume { margin-left: .35rem; }
.dv-unit { color: var(--bvb-text-secundar); font-size: .82em; }
.dv-td-gol { color: var(--bvb-neutru, #7d8590); }

/* Randamentul: bară proporțională cu cel mai mare randament din tabel. */
.dv-col-rnd { width: 28%; }
.dv-rnd {
  display: flex;
  align-items: center;
  gap: .7rem;
}
.dv-rnd-bara {
  flex: 1;
  height: 8px;
  border-radius: 8px;
  background: var(--dv-pista);
  overflow: hidden;
}
.dv-rnd-bara span {
  display: block;
  height: 100%;
  min-width: 3px;
  border-radius: 8px;
  background: linear-gradient(90deg, var(--bvb-turcoaz-inchis), var(--bvb-turcoaz));
}
.dv-rnd-val {
  flex: 0 0 4.2rem;
  text-align: right;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--bvb-text);
}

.dv-tabel-cadru .dv-gol { border: 0; border-radius: 0; text-align: center; }

/* Tabel → carduri compacte sub 760px:
     rând 1  simbol + nume
     rând 2  bara de randament + procentul
     rând 3  dividend ........ pentru anul
     rând 4  ex-data (doar dacă e cunoscută) */
.dv-mai-mult {
  display: flex;
  justify-content: center;
  padding: .7rem;
  border-top: 1px solid var(--bvb-bordura);
}
.dv-mai-mult[hidden] { display: none; }
.dv-mai-mult button {
  padding: .45rem 1.1rem;
  background: transparent;
  border: 1px solid var(--bvb-turcoaz-inchis);
  border-radius: 999px;
  color: var(--bvb-turcoaz);
  font: inherit;
  font-size: .88rem;
  font-weight: 600;
  cursor: pointer;
}
.dv-mai-mult button:hover { background: rgba(45, 212, 191, .1); }
.dv-mai-mult button:focus-visible { outline: 2px solid var(--bvb-focus); outline-offset: 2px; }

@media (max-width: 759px) {
  .dv-sortare { display: flex; margin-left: 0; }
  .dv-cauta { max-width: none; flex-basis: 100%; }
  /* Pe rânduri, nu derulare laterală: pe Windows derularea afișa o bară albă
     de sistem sub pastile, iar ultima pastilă („Doar speciale") era tăiată. */
  .dv-filtre { flex-wrap: wrap; gap: .35rem; }
  .dv-filtru { padding: .34rem .65rem; font-size: .82rem; }

  .dv-tabel-cadru { background: transparent; border: 0; overflow: visible; }
  .dv-tabel,
  .dv-tabel tbody { display: block; }
  .dv-tabel thead { display: none; }
  .dv-tabel tbody tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .4rem .75rem;
    margin: 0 0 .45rem;
    padding: .7rem .85rem;
    background: var(--bvb-card);
    border: 1px solid var(--bvb-bordura);
    border-radius: var(--bvb-radius);
  }
  .dv-tabel th,
  .dv-tabel td { display: block; padding: 0; border: 0; text-align: left; font-size: .86rem; }
  .dv-tabel .num { white-space: normal; text-align: left; }
  .dv-tabel td::before {
    content: attr(data-eticheta) " ";
    color: var(--bvb-text-secundar);
    font-size: .78rem;
  }
  .dv-td-cap {
    grid-column: 1 / -1;
    grid-row: 1;
    white-space: normal;
    font-size: 1rem !important;
  }
  .dv-td-cap .dv-simbol { min-width: 0; }
  .dv-tabel .dv-col-rnd { grid-column: 1 / -1; grid-row: 2; width: auto; }
  .dv-tabel .dv-col-rnd::before { display: none; }
  .dv-tabel td:nth-of-type(1) { grid-column: 1; grid-row: 3; }                   /* dividend */
  .dv-tabel td:nth-of-type(4) { grid-column: 2; grid-row: 3; text-align: right; } /* anul */
  .dv-tabel td:nth-of-type(3) { grid-column: 1 / -1; grid-row: 4; }       /* ex-data */
  .dv-tabel td.dv-ex-gol { display: none; }
  .dv-pastila-mica { margin-left: .3rem; }
  .dv-rnd-val { flex-basis: auto; font-size: .95rem; }
  .dv-mai-mult { border: 0; padding: .3rem 0 0; }
}

/* --- Companii fără distribuții recente ----------------------------------- */
.dv-vechi {
  margin-top: 1rem;
  border: 1px solid var(--bvb-bordura);
  border-radius: var(--bvb-radius);
  background: var(--bvb-card);
}
.dv-vechi > summary {
  padding: .8rem 1rem;
  cursor: pointer;
  color: var(--bvb-text-secundar);
  font-size: .92rem;
}
.dv-vechi > summary:hover { color: var(--bvb-text); }
.dv-vechi[open] > summary { border-bottom: 1px solid var(--bvb-bordura); }
.dv-vechi .dv-nota { margin: .8rem 1rem; }
.dv-vechi-lista {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
  gap: 0 1.5rem;
  margin: 0;
  padding: 0 1rem .8rem;
}
.dv-vechi-lista li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: baseline;
  gap: .1rem .5rem;
  padding: .45rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--bvb-bordura) 60%, transparent);
  font-size: .85rem;
}
.dv-vechi-lista .dv-nume { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dv-vechi-an {
  grid-column: 3;
  grid-row: 1;
  font-variant-numeric: tabular-nums;
  color: var(--bvb-text);
}
.dv-vechi-suma {
  grid-column: 2 / -1;
  font-size: .76rem;
  color: var(--bvb-text-secundar);
}

/* --- Ghidul --------------------------------------------------------------- */
.dv-ghid > h2 { margin-bottom: .9rem; }

/* Drumul unui dividend: pași pe o linie, cu ex-data evidențiată. */
.dv-drum {
  list-style: none;
  counter-reset: dv-pas;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  margin: 0 0 1.5rem;
  padding: 0;
}
.dv-drum li {
  counter-increment: dv-pas;
  position: relative;
  display: grid;
  align-content: start;
  gap: .3rem;
  padding: 2.4rem .9rem 0 0;
}
.dv-drum li::before {              /* cercul cu numărul pasului */
  content: counter(dv-pas);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background: var(--bvb-card);
  border: 1.5px solid var(--bvb-turcoaz-inchis);
  color: var(--bvb-turcoaz);
  font-size: .8rem;
  font-weight: 700;
}
.dv-drum li::after {               /* linia spre pasul următor */
  content: "";
  position: absolute;
  top: .9rem;
  left: 1.8rem;
  right: 0;
  height: 2px;
  background: var(--bvb-bordura);
}
.dv-drum li:last-child::after { display: none; }
.dv-drum strong { font-size: .95rem; color: var(--bvb-text); }
.dv-drum span { font-size: .82rem; line-height: 1.5; color: var(--bvb-text-secundar); }

.dv-drum .dv-drum-cheie::before {
  background: var(--bvb-turcoaz);
  border-color: var(--bvb-turcoaz);
  color: #04211d;
  box-shadow: 0 0 0 4px rgba(45, 212, 191, .16);
}
.dv-drum .dv-drum-cheie strong { color: var(--bvb-turcoaz); }

@media (max-width: 899px) {
  .dv-drum { grid-template-columns: minmax(0, 1fr); }
  .dv-drum li { padding: 0 0 1rem 2.8rem; }
  .dv-drum li::after {
    top: 1.8rem;
    bottom: 0;
    left: .85rem;
    right: auto;
    width: 2px;
    height: auto;
  }
}

.dv-intrebari {
  display: grid;
  gap: .5rem;
  max-width: 54rem;
}
.dv-intrebari details {
  background: var(--bvb-card);
  border: 1px solid var(--bvb-bordura);
  border-radius: var(--bvb-radius);
}
.dv-intrebari summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .85rem 1rem;
  cursor: pointer;
  list-style: none;
}
.dv-intrebari summary::-webkit-details-marker { display: none; }
.dv-intrebari summary::after {
  content: "+";
  flex: 0 0 auto;
  font-size: 1.2rem;
  line-height: 1;
  color: var(--bvb-turcoaz);
}
.dv-intrebari details[open] summary::after { content: "−"; }
.dv-intrebari summary h3 {
  margin: 0;
  font-family: var(--bvb-font-text);
  font-size: .98rem;
  font-weight: 600;
}
.dv-intrebari summary:hover h3 { color: var(--bvb-turcoaz); }
.dv-intrebari summary:focus-visible { outline: 2px solid var(--bvb-focus); outline-offset: -2px; border-radius: var(--bvb-radius); }
.dv-intrebari details p {
  margin: 0 1rem .85rem;
  font-size: .9rem;
  line-height: 1.65;
  color: var(--bvb-text-secundar);
}
.dv-intrebari details[open] summary { padding-bottom: .55rem; }


.dv-disclaimer {
  margin: 1.25rem 0 0;
  font-size: .8rem;
  line-height: 1.55;
  color: var(--bvb-text-secundar);
}

/* `hidden` trebuie să câștige în fața lui display:block de pe mobil. */
.dv-tabel[hidden],
.dv-tabel tbody tr[hidden] { display: none !important; }