/* ================================================================
   MODUL: Design system ISU — baza (textul și aspectul general)
   FACE: Fontul, culoarea și mărimea textului obișnuit, plus clasele de
         titlu și de text folosite pe toată platforma.
   ATENȚIE: deocamdată totul e „închis" în clasa .isu-ds (și în clasele isu-),
         ca să nu schimbe paginile care încă folosesc Tailwind. Când Tailwind
         pleacă de pe tot site-ul, regula .isu-ds devine regula pentru body.
   DEPINDE DE: tokens.css (variabilele --isu-...)
   [Agent_0fa1 2026-10-01]
   ================================================================ */

.isu-ds {
  font-family: var(--isu-font);
  font-size: var(--isu-text-sm);
  line-height: 1.5;
  color: var(--isu-text-normal);
  -webkit-font-smoothing: antialiased;
}
.isu-ds,
.isu-ds *,
.isu-ds *::before,
.isu-ds *::after { box-sizing: border-box; }
/* Atributul hidden ascunde ORICE piesă (și pe cele cu display propriu: isu-buton, isu-alerta…) */
:where(.isu-ds) [hidden],
.isu-ds[hidden] { display: none !important; }

/* „Resetul" pe care îl făcea Tailwind, dar DOAR în zonele marcate cu .isu-ds
   (rădăcina unui modul migrat + ce pune JavaScript-ul direct în <body>: ferestre,
   sertare, meniuri). :where() = cea mai slabă regulă, orice clasă isu- câștigă.
   Așa zona arată la fel cu și fără Tailwind. */
:where(.isu-ds) :where(h1, h2, h3, h4, h5, h6, p, blockquote, figure, pre, dl, dd, hr) { margin: 0; }
:where(.isu-ds) :where(h1, h2, h3, h4, h5, h6) { font-size: inherit; font-weight: inherit; }
:where(.isu-ds) :where(ul, ol, menu) { list-style: none; margin: 0; padding: 0; }
:where(.isu-ds) :where(img, svg, video, canvas) { display: block; vertical-align: middle; }
:where(.isu-ds) :where(img, video) { max-width: 100%; height: auto; }
:where(.isu-ds) :where(a) { color: inherit; text-decoration: inherit; }
:where(.isu-ds) :where(button, input, select, textarea) {
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
}
:where(.isu-ds) :where(button) { background-color: transparent; background-image: none; padding: 0; border: 0; cursor: pointer; }
:where(.isu-ds) :where(table) { border-collapse: collapse; border-color: inherit; text-indent: 0; }
:where(.isu-ds) :where(hr) { height: 0; color: inherit; border: 0; border-top: 1px solid var(--isu-margine); }

/* ---------- TITLURI ---------- */
.isu-titlu-pagina {   /* același aspect ca titlul din rama paginii (navigatie.css, 9) */
  font-size: var(--isu-text-3xl);
  font-weight: var(--isu-greutate-semi);
  line-height: 1.2;
  color: var(--isu-text);
  margin: 0;
}
.isu-titlu-sectiune {
  font-size: var(--isu-text-lg);
  font-weight: var(--isu-greutate-semi);
  line-height: 1.35;
  color: var(--isu-text);
  margin: 0;
}
.isu-titlu-card {
  font-size: var(--isu-text-base);
  font-weight: var(--isu-greutate-semi);
  line-height: 1.4;
  color: var(--isu-text);
  margin: 0;
}

/* Eticheta de grup — ca titlurile de secțiune din sidebar (.nav-divider-label) */
.isu-eticheta-grup {
  font-size: 11px;
  font-weight: var(--isu-greutate-bold);
  letter-spacing: .8px;
  text-transform: uppercase;
  color: var(--isu-text-slab);
}

/* ---------- TEXT ---------- */
.isu-text      { font-size: var(--isu-text-sm); color: var(--isu-text-normal); margin: 0; }
.isu-text-mare { font-size: var(--isu-text-base); line-height: 1.6; }
.isu-text-mic  { font-size: var(--isu-text-xs); }
.isu-text-slab { color: var(--isu-text-slab); }
.isu-text-stins { color: var(--isu-text-stins); }
.isu-text-tare { color: var(--isu-text); font-weight: var(--isu-greutate-semi); }

.isu-cod {
  font-family: var(--isu-font-cod);
  font-size: 12.5px;
  background: var(--isu-gri-100);
  border: 1px solid var(--isu-margine);
  border-radius: 4px;
  padding: 1px 6px;
  color: var(--isu-gri-800);
}

.isu-link {
  color: var(--isu-principal-600);
  text-decoration: none;
  font-weight: var(--isu-greutate-mediu);
  cursor: pointer;
}
.isu-link:hover { color: var(--isu-principal-700); text-decoration: underline; }

.isu-separator { height: 1px; background: var(--isu-margine); border: 0; margin: var(--isu-spatiu-5) 0; }


/* ---------- UTILITARE PĂSTRATE (folosite de JavaScript peste tot) ----------
   „.hidden" o comută JavaScript-ul în toată platforma (o dădea Tailwind; acum e a noastră). */
.hidden { display: none !important; }
.isu-ascuns { display: none !important; }
/* Text ascuns vizual, dar citit de cititoarele de ecran */
.isu-ascuns-vizual,
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}