:root { --ink:#1d2b3a; --mut:#6b7a8a; --acc:#1f6f8b; --acc2:#e8f2f6; --ok:#2e7d32; --rau:#b3261e; --fund:#f6f7f8; --alb:#fff; --linie:#d9dee3; }
* { box-sizing:border-box; }
body { margin:0; font:15px/1.5 system-ui, "Segoe UI", Arial, sans-serif; color:var(--ink); background:var(--fund); }
a { color:var(--acc); }
.antet { display:flex; justify-content:space-between; align-items:center; padding:12px 24px; background:var(--alb); border-bottom:1px solid var(--linie); }
.sigla { font-weight:700; letter-spacing:.06em; text-decoration:none; color:var(--ink); }
.antet nav a { margin-left:18px; text-decoration:none; }
.banda-dev { background:#fff6d6; border-bottom:1px solid #ecd79a; padding:6px 24px; font-size:13px; }
.continut { max-width:980px; margin:24px auto; padding:0 20px 40px; }
.subsol { text-align:center; color:var(--mut); font-size:13px; padding:20px; border-top:1px solid var(--linie); }
h1 { font-size:26px; margin:10px 0 8px; } h2 { font-size:20px; margin:28px 0 8px; } h3 { margin:0 0 8px; }
.intro { color:var(--mut); margin-top:0; }
.nota, small { color:var(--mut); font-size:13px; }
.discret { color:var(--mut); }
.oblig { color:var(--rau); font-weight:600; font-size:12px; }
.ok { color:var(--ok); }
code { background:#eef1f4; padding:1px 5px; border-radius:3px; }

.buton { display:inline-block; background:var(--acc); color:#fff; border:0; padding:10px 18px; border-radius:6px; font-size:15px; cursor:pointer; text-decoration:none; }
.buton.mare { padding:13px 26px; font-size:17px; }
.buton.mic { padding:6px 12px; font-size:13px; }
.buton.secundar { background:var(--alb); color:var(--acc); border:1px solid var(--acc); }
.buton:disabled { background:#b9c3cc; border-color:#b9c3cc; cursor:not-allowed; }
.actiuni { display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin-top:18px; }
form.inline { display:inline; }
.incarcare input[type=file] { font-size:13px; max-width:230px; }

.formular label { display:block; margin:10px 0; }
.formular input[type=text], .formular input[type=email], .formular input[type=password], .formular input[type=date],
.formular select, .formular textarea { width:100%; padding:8px 10px; border:1px solid var(--linie); border-radius:5px; font:inherit; background:var(--alb); }
.formular textarea { resize:vertical; }
.formular.ingust { max-width:420px; }
.bifa { display:flex; gap:8px; align-items:flex-start; font-weight:400; }
.bifa input { margin-top:5px; }
.bife { display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:2px 16px; }
.eticheta { display:block; font-weight:600; margin-bottom:4px; }
fieldset.sectiune, .consimtaminte { border:1px solid var(--linie); background:var(--alb); border-radius:8px; padding:12px 18px 16px; margin:18px 0; }
legend { font-weight:700; padding:0 6px; }
.grila { display:grid; grid-template-columns:repeat(6, 1fr); gap:6px 14px; }
.camp { grid-column:span 3; } .camp.scurt { grid-column:span 2; } .camp.lung { grid-column:span 6; }
.camp label { margin:6px 0 2px; } .camp small { display:block; margin-top:-2px; }
@media (max-width:700px) { .grila { grid-template-columns:1fr; } .camp, .camp.scurt, .camp.lung { grid-column:span 1; } }
.erori { background:#fdecea; border:1px solid #f3b8b3; border-radius:6px; padding:10px 16px; margin:14px 0; }
.erori ul { margin:6px 0 0; }
.ok-mesaj { background:#e6f4e8; border:1px solid #b6dcbb; border-radius:6px; padding:10px 16px; margin:14px 0; }

.tabel { width:100%; border-collapse:collapse; background:var(--alb); margin:10px 0; }
.tabel th, .tabel td { border:1px solid var(--linie); padding:8px 10px; text-align:left; vertical-align:top; }
.tabel th { background:var(--acc2); }
.tabel.mic td, .tabel.mic th { font-size:13px; padding:5px 8px; }
.tabel.documente tr.ok td { background:#f2faf3; } .tabel.documente tr.lipsa td { background:#fff9f2; }
.tabel.pret td { border-left:0; border-right:0; } .tabel.pret .total td { font-size:16px; } .tabel.pret .mare td { font-size:19px; background:var(--acc2); }
.lista-mica { margin:4px 0; padding-left:18px; font-size:14px; } .lista-mica.lipsa li { color:var(--rau); }

.pasi { display:flex; gap:4px; list-style:none; padding:0; margin:0 0 18px; flex-wrap:wrap; counter-reset:pas; }
.pasi li { counter-increment:pas; font-size:13px; padding:5px 12px; border-radius:20px; background:#e9edf1; color:var(--mut); }
.pasi li::before { content:counter(pas) ". "; }
.pasi li.activ { background:var(--acc); color:#fff; font-weight:600; }
.pasi li.gata { background:#d6ebe0; color:#1d5f3a; }
.pasi li a { color:inherit; text-decoration:none; }
.pasi-lista li { margin:4px 0; }

.optiuni-mari { display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:10px; margin:10px 0; }
.optiune-mare { display:block; background:var(--alb); border:1px solid var(--linie); border-radius:8px; padding:12px 14px 12px 36px; position:relative; cursor:pointer; }
.optiune-mare input { position:absolute; left:12px; top:16px; }
.optiune-mare:has(input:checked) { border-color:var(--acc); background:var(--acc2); }

.cutie { background:var(--alb); border:1px solid var(--linie); border-radius:8px; padding:14px 18px; }
.cutie.plata { max-width:560px; } .suma { font-size:20px; }
.grila-2 { display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:14px; }
.stare { display:inline-block; padding:2px 10px; border-radius:12px; font-size:13px; font-weight:600; background:#e9edf1; }
.stare-in-lucru { background:#fff1cc; color:#7a5a00; } .stare-depus { background:#dbe9ff; color:#1f4a8a; }
.stare-emis, .stare-verificat { background:#d6ebe0; color:#1d5f3a; } .stare-neconcordanta { background:#fdecea; color:var(--rau); }
.stare-incomplet { background:#fff1cc; color:#7a5a00; }
.termeni li { margin:8px 0; }