/* ─────────────────────────────────────────────────────────────────────
   Subtilna barvna hierarhija za vgnezdene <p:fieldset> komponente.

   Pravila so namerno BREZ !important — to pomeni, da katerikoli
   eksplicitno nastavljen styleClass (npr. "surface-50", "surface-100")
   na fieldsetu samodejno zmaga (PrimeFlex utility razredi imajo
   !important v primeflex.css).

   Zaenkrat OBA namiga hkrati (uporabnik bo enega obdržal):
     A) Rahlo modrikast ton ozadja (ne trča z disabled inputi v sivi)
     B) Tanka leva obroba kot dodaten vizualni marker globine

   Stopnjevanje:
     L1 (najvišji fieldset)   → bel (deduje od starševske kartice)
     L2 (1× vgnezden)         → ozadje #F7FAFC + leva obroba 3px surface-300
     L3 (2× vgnezden in več)  → ozadje #ECF2F8 + leva obroba 3px surface-400
   ───────────────────────────────────────────────────────────────────── */

.ui-fieldset .ui-fieldset {
    background-color: #F7FAFC;
    border-left: 3px solid var(--surface-300);
}

.ui-fieldset .ui-fieldset .ui-fieldset {
    background-color: #ECF2F8;
    border-left: 3px solid var(--surface-400);
}