/* Contul clientului, mai fin și mai minimalist (15.10.2026).
 *
 * Se încarcă doar în paginile de cont (resources/views/cont/schelet.blade.php),
 * peste tema.css, și totul stă sub `body.cont-fin`: restul site-ului și
 * paginile fixe (paritatea cu machetele) nu se schimbă.
 *
 * Ce face: litere mai mici, spații mai strânse, butoane și câmpuri mai joase,
 * carduri fără umbră și fără săritura la hover, meniul din stânga ca o listă
 * simplă, fără descrierile de sub fiecare legătură.
 */

body.cont-fin {
  --text: 15px;
  --text-mic: 13.5px;
  --sectiune: clamp(28px, 4vw, 44px);
  --btn-h: 40px;
  --camp-h: 42px;
  --raza: 8px;
  --raza-card: 10px;
  --raza-erou: 14px;
  --umbra: 0 6px 18px rgba(20, 22, 26, .06);
  --r3: 10px;
  --r4: 14px;
  --r5: 18px;
  --r6: 24px;
  --r7: 32px;
  font-size: var(--text);
}

/* ---------------------------------------------------------------- titluri */
.cont-fin main h1, .cont-fin .sectiune h1 {
  font-size: clamp(24px, 2.6vw, 30px);
  line-height: 1.2;
  margin: 0 0 6px;
}
.cont-fin .sectiune h2 {
  font-size: 19px;
  line-height: 1.3;
  margin: 0 0 10px;
}
.cont-fin .sectiune h3 { font-size: 16px; margin: 0 0 4px; }
.cont-fin .sectiune p { line-height: 1.5; }

.cont-fin .pagina-cap { gap: 24px; }
/* Rândul e `wrap-reverse` în temă (meniul trece sub conținut pe telefon), deci „sus” e flex-end. */
@media (min-width: 761px) { .cont-fin .pagina-cap { align-items: flex-end; } }
.cont-fin .pagina-cap-text > p { font-size: 14.5px; color: var(--gri); }

/* Etichetele de secțiune („Anunțuri noi”, „Ultimele polițe”): mici, gri, discrete. */
.cont-fin .eticheta {
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--gri);
  margin-bottom: 6px;
}
.cont-fin label.eticheta, .cont-fin legend.eticheta {
  text-transform: none;
  letter-spacing: 0;
  font-size: 13.5px;
  color: var(--negru);
}
.cont-fin .explicatie-camp { font-size: 13px; line-height: 1.45; margin-top: 3px; }
.cont-fin small, .cont-fin .mic { font-size: 13px; }

/* ---------------------------------------------------------- meniul din stânga */
.cont-fin nav.pagina-doua-ingust {
  flex: 0 0 220px;
  padding: 6px;
  border: 1px solid var(--linie);
  border-radius: var(--raza-card);
  background: var(--alb);
}
.cont-fin nav.pagina-doua-ingust .bifa {
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 7px 9px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  box-shadow: none;
}
.cont-fin nav.pagina-doua-ingust .bifa + .bifa { margin-top: 2px; }
.cont-fin nav.pagina-doua-ingust .bifa:hover { background: var(--fundal-verde); border-color: var(--linie); }
/* Legătura activă: chenar verde pe toate laturile (la oricare, de la Contul meu la Setări). */
.cont-fin nav.pagina-doua-ingust .bifa.activa {
  background: var(--verde-pal);
  border-color: var(--verde);
  box-shadow: none;
}
.cont-fin nav.pagina-doua-ingust .bifa .fa { width: 15px; height: 15px; color: var(--verde); flex: none; }
.cont-fin nav.pagina-doua-ingust .bifa-text { font-size: 14px; font-weight: 500; color: var(--negru); }
.cont-fin nav.pagina-doua-ingust .bifa.activa .bifa-text { font-weight: 600; color: var(--verde-adanc); }
.cont-fin nav.pagina-doua-ingust .explicatie-camp { display: none; }

/* ------------------------------------------------------------------ carduri */
.cont-fin .card-simplu,
.cont-fin .card-foto {
  border-radius: var(--raza-card);
  box-shadow: none;
}
.cont-fin .card-foto:hover { transform: none; box-shadow: none; border-color: #D5DAD7; }
.cont-fin .card-simplu { padding: 14px 16px; }
.cont-fin .card-foto-corp, .cont-fin .card-foto-corp-simplu { padding: 14px 16px; }
.cont-fin .card-foto-corp p { font-size: 14px; }
.cont-fin .card-foto-corp .eticheta, .cont-fin .card-simplu .eticheta { margin-bottom: 2px; }
.cont-fin .carduri-foto { gap: 12px; }
.cont-fin .card-erou { box-shadow: var(--umbra); padding: clamp(18px, 3vw, 26px); }

/* Cifrele de pe prima pagină a contului. */
.cont-fin .cifra-mare { font-size: 24px; margin: 2px 0 6px; }

/* Rândurile de liste (polițe, anunțuri, comenzi): fără chenar greu. */
.cont-fin .bifa {
  gap: 10px;
  margin-top: 8px;
  padding: 12px 14px;
  border-width: 1px;
  border-radius: var(--raza-card);
}
.cont-fin .bifa .fa { width: 16px; height: 16px; }
.cont-fin .bifa-text { font-size: 14.5px; }
.cont-fin .bifa input[type="checkbox"], .cont-fin .bifa input[type="radio"] { width: 18px; height: 18px; }

/* ---------------------------------------------------------- butoane și legături */
.cont-fin .btn {
  min-height: var(--btn-h);
  padding: 8px 18px;
  font-size: 14.5px;
  gap: 8px;
  border-radius: var(--raza);
}
.cont-fin .btn-mic { min-height: 32px; padding: 5px 12px; font-size: 13px; }
.cont-fin .btn-contur { border-width: 1px; }
.cont-fin .btn .fa { width: 14px; height: 14px; }
.cont-fin .lucios::before { display: none; }
.cont-fin .leg-sageata { min-height: 32px; gap: 6px; font-size: 14px; }
.cont-fin .leg-sageata .fa { width: 12px; height: 12px; }

/* -------------------------------------------------------------------- câmpuri */
.cont-fin .camp {
  min-height: var(--camp-h);
  padding: 9px 12px;
  border-width: 1px;
  font-size: 15px;
}
.cont-fin .camp:focus { outline: 2px solid var(--verde-pal); border-color: var(--verde); }

/* ------------------------------------------------------- stări și separatoare */
.cont-fin .stare { padding: 2px 9px; font-size: 12.5px; }
.cont-fin .despartitor { margin: 18px 0; }

/* Spațiile utilitare, mai strânse. */
.cont-fin .sus-2 { margin-top: 6px; }
.cont-fin .sus-3 { margin-top: 8px; }
.cont-fin .sus-4 { margin-top: 12px; }
.cont-fin .sus-5 { margin-top: 16px; }
.cont-fin .sus-6 { margin-top: 22px; }

/* Pe telefon: meniul trece deasupra, pe toată lățimea. */
@media (max-width: 760px) {
  .cont-fin nav.pagina-doua-ingust { flex-basis: 100%; }
}

/* Filtrul „Toate polițele / Doar cele active”: două butoane mici, alăturate. */
.cont-fin .filtru-segmente {
  display: inline-flex;
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--linie);
  border-radius: 999px;
  background: var(--alb);
}
.cont-fin .filtru-segmente .bifa {
  align-items: center;
  gap: 0;
  margin: 0;
  padding: 6px 14px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  box-shadow: none;
}
.cont-fin .filtru-segmente .bifa input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.cont-fin .filtru-segmente .bifa-text { font-size: 13.5px; font-weight: 500; color: var(--gri); }
.cont-fin .filtru-segmente .bifa.activa { background: var(--verde-pal); }
.cont-fin .filtru-segmente .bifa.activa .bifa-text { color: var(--verde-adanc); font-weight: 600; }
.cont-fin .filtru-segmente .bifa:has(input:focus-visible) { outline: 2px solid var(--verde); }

/* Starea poliței („Activă”, „Începe pe …”): pastilă mică, nu etichetă cu majuscule. */
.cont-fin .eticheta-stare {
  display: inline-block;
  margin: 4px 0 6px;
  padding: 2px 9px;
  border-radius: 999px;
  background: var(--verde-pal);
  color: var(--verde-adanc);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}

/* Culorile pastilei de stare la comenzi. */
.cont-fin .eticheta-stare.stare-atentie { background: #FFF4DE; color: #7A4B00; }
.cont-fin .eticheta-stare.stare-rau { background: #F4F4F5; color: var(--gri); }

/* Subtitlurile din pagini (Setări: Parola, Verificare în doi pași…) au aer deasupra. */
.cont-fin .pagina-cap-text h2 { margin-top: 26px; }
.cont-fin .pagina-cap-text h1 + h2, .cont-fin .pagina-cap-text h1 + p + h2 { margin-top: 14px; }