:root{
  --hartie:#eef1f6; --alb:#fff; --cerneala:#1e2531; --gri:#5F6E7D;
  --albastru:#2E5DA8; --albastru-doc:#4472C4; --galben:#F5A800; --linie:#e3e8f1;
  --fundal:#f5f7fb; --accent:#2b6cff; --accent-inchis:#1e51d6;
  --umbra:0 1px 3px rgba(20,30,50,.05),0 8px 24px rgba(20,30,50,.05);
  --raza:12px;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',system-ui,sans-serif;color:var(--cerneala);background:var(--hartie);
  line-height:1.55;font-size:15px;font-weight:600;min-height:100vh;display:flex;flex-direction:column}
.tabel td{font-weight:600}
.tabel td.gri{font-weight:400}
.invelis{max-width:1080px;margin:0 auto;padding:0 20px}
.invelis-larg{max-width:100%;padding:0 96px}
a{color:var(--albastru)}
h1{font-size:1.7rem;margin:18px 0 8px}
h2{font-size:1.15rem;margin:0 0 12px;color:var(--cerneala)}
h3{font-size:1.02rem;margin:0 0 4px}
.gri{color:var(--gri);font-weight:400} .mic{font-size:.85rem}
.nowrap{white-space:nowrap}
.antet{background:var(--alb);border-bottom:1px solid var(--linie);position:sticky;top:0;z-index:10}
.bara{display:flex;align-items:center;justify-content:space-between;height:60px;position:relative}
.sigla{font-weight:800;font-size:1.25rem;color:var(--cerneala);text-decoration:none;letter-spacing:.02em}
.sigla b{color:var(--albastru-doc)} .sigla .web{color:var(--galben);font-size:.75rem;vertical-align:super}
nav{display:flex;align-items:center;gap:16px}
nav a{text-decoration:none;color:var(--gri);font-weight:600;font-size:.92rem}
nav a:hover{color:var(--albastru)}
.inline{display:inline}
.btn-text{background:none;border:none;color:var(--gri);font-weight:600;cursor:pointer;font-size:.92rem}
.btn-text:hover{color:var(--albastru)}
main{padding-bottom:40px;flex:1 0 auto}
.mesaj{background:#FFF7E0;border:1px solid #F0D48A;border-left:5px solid var(--galben);
  padding:10px 14px;border-radius:6px;margin:14px 0;font-size:.95rem}
.card{background:var(--alb);border:1px solid var(--linie);border-radius:var(--raza);padding:22px;margin:16px 0;box-shadow:var(--umbra)}
/* Latime explicita, nu `width:100%`: `main.invelis` are `margin:0 auto`, iar
   marginile automate pe un element flex ii anuleaza intinderea, deci `main` se
   dimensioneaza dupa continut - un procent dat aici s-ar raporta la propria latime. */
.card-login{width:460px;max-width:calc(100vw - 40px);margin:60px auto;padding:28px}
/* Formularele de autentificare / contact: randurile se distantau doar cu gap-ul de
   4px dintre eticheta si camp, iar butonul statea LIPIT de ultimul camp (0px). */
.form-aerisit{display:flex;flex-direction:column;gap:18px;margin-top:18px}
.form-aerisit input,.form-aerisit textarea{padding:11px 12px}
.form-aerisit .btn{margin-top:8px;width:100%;padding:13px 18px;font-size:1rem}
.lista-carduri{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:10px 0}
.card-link{text-decoration:none;color:inherit;display:block;transition:border-color .15s}
.card-link:hover{border-color:var(--albastru-doc)}

/* --- Pagina Lucrari: antet, dosare (sidebar), carduri de lucrare --------- */
.antet-pagina{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:6px}
.antet-pagina h1{margin-bottom:0}
.antet-actiuni{display:flex;align-items:center;gap:10px}
.antet-actiuni .meniu-actiuni>summary{background:transparent;color:var(--albastru);border:1px solid var(--linie);
  padding:9px 16px;font-weight:700;font-size:.9rem;border-radius:6px}
.antet-actiuni .meniu-actiuni[open]>summary{background:var(--fundal);border-color:var(--albastru-doc)}
.antet-actiuni .meniu-pop{min-width:260px}

.layout-dosare{display:grid;grid-template-columns:242px 1fr;gap:20px;align-items:start;margin-top:12px}
.panou-dosare{background:var(--alb);border:1px solid var(--linie);border-radius:var(--raza);
  box-shadow:var(--umbra);padding:8px;position:sticky;top:16px}
.dosar-item{display:flex;align-items:center;justify-content:space-between;gap:8px;text-decoration:none;
  color:var(--cerneala);font-weight:600;font-size:.9rem;padding:9px 11px;border-radius:8px;transition:background .12s}
.dosar-item:hover{background:var(--fundal)}
.dosar-item.activ{background:var(--albastru-doc);color:#fff}
.dosar-nume{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dosar-numar{flex:none;font-size:.78rem;font-weight:700;background:var(--fundal);color:var(--gri);
  border-radius:20px;padding:1px 9px}
.dosar-item.activ .dosar-numar{background:rgba(255,255,255,.24);color:#fff}
.panou-gol{padding:10px 11px}

.bara-lista{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
  background:var(--alb);border:1px solid var(--linie);border-radius:var(--raza);
  box-shadow:var(--umbra);padding:14px 16px}
.bara-lista .filtre{margin-bottom:0}
.titlu-zona{margin:18px 0 2px;font-size:1.05rem}

.card-lucrare{display:flex;flex-direction:column;gap:10px;margin:0;padding:18px;transition:border-color .15s}
.card-lucrare:hover{border-color:var(--albastru-doc)}
.lucrare-cap{text-decoration:none;color:inherit;display:block}
.lucrare-cap h3{font-size:1.02rem;line-height:1.3}
.lucrare-meta{margin-top:7px;font-size:.84rem;font-weight:600;display:flex;flex-direction:column;gap:2px}
.lucrare-subsol{display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:11px;
  border-top:1px solid var(--linie)}
.lucrare-subsol .meniu-actiuni{margin-left:auto}
.eticheta-tip{background:var(--fundal);color:var(--gri);border-radius:20px;padding:2px 10px;
  font-size:.76rem;font-weight:700}
.card.gol{padding:26px;text-align:center}

.card-formular{margin-top:22px}
.card-formular>summary{list-style:none;cursor:pointer;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.card-formular>summary::-webkit-details-marker{display:none}
.card-formular>summary h2{margin:0}
.card-formular[open]>summary{margin-bottom:16px}

@media(max-width:900px){
  .layout-dosare{grid-template-columns:1fr}
  .panou-dosare{position:static;display:flex;flex-wrap:wrap;gap:6px}
  .dosar-item{flex:1 1 auto}
  .bara-lista{flex-direction:column}
}
label{display:flex;flex-direction:column;font-weight:600;font-size:.88rem;gap:4px;color:var(--cerneala)}
input,select,textarea{font:inherit;font-weight:400;padding:8px 10px;border:1px solid var(--linie);
  border-radius:5px;background:#fff;width:100%}
input:focus,select:focus,textarea:focus{outline:2px solid var(--albastru-doc);border-color:var(--albastru-doc)}
.grila2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.grila4{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px}
.grila3s{display:grid;grid-template-columns:2fr 2fr .1fr;gap:10px}
.tot{grid-column:1/-1}
.alegere-tip{display:flex;flex-direction:column;gap:12px}
.optiune-tip{display:flex;flex-direction:row;align-items:center;gap:16px;padding:16px 18px;
  border:2px solid var(--linie);border-radius:8px;cursor:pointer;font-weight:400}
.optiune-tip:hover{border-color:var(--albastru-doc)}
.optiune-tip input[type=radio]{width:24px;height:24px;flex-shrink:0;accent-color:var(--albastru-doc)}
.optiune-tip b{font-size:1.1rem}
.optiune-tip .gri{display:block;margin-top:4px;font-size:.9rem}
@media(max-width:700px){.grila2,.grila4,.grila3s{grid-template-columns:1fr}}
fieldset{border:1px dashed var(--linie);border-radius:6px;padding:12px;grid-column:1/-1}
legend{font-weight:700;font-size:.85rem;color:var(--albastru);padding:0 6px}
.btn{background:var(--accent);color:#fff;border:none;font-weight:700;padding:12px 24px;
  border-radius:8px;cursor:pointer;font-size:.95rem;transition:background .15s,transform .05s}
.btn:hover{background:var(--accent-inchis)}
.btn:active{transform:translateY(1px)}
.btn-gol{display:inline-block;border:2px solid var(--cerneala);color:var(--cerneala);text-decoration:none;
  font-weight:700;padding:9px 20px;border-radius:6px;margin-left:8px;font-size:.95rem}
.btn-mic{display:inline-block;background:var(--albastru-doc);color:#fff;text-decoration:none;border:none;
  font-weight:600;font-size:.82rem;padding:5px 12px;border-radius:4px;cursor:pointer}
.btn-mic:hover{background:var(--albastru)}
.btn-sterge{background:#c0392b}
.btn-sterge:hover{background:#a33125}
.tabel{border-collapse:collapse;width:100%;font-size:.9rem}
.tabel th{background:var(--cerneala);color:#fff;text-align:left;padding:7px 10px;font-size:.82rem}
.tabel td{border-bottom:1px solid var(--linie);padding:7px 10px;vertical-align:top}
.tabel tr:nth-child(even) td{background:#FAFCFE}
.scroll-x{overflow-x:auto}
.registru-scroll{max-height:210px;overflow-y:auto;border:1px solid var(--linie);border-radius:6px}
.registru-scroll .tabel{margin:0}
.registru-scroll .tabel th{position:sticky;top:0;z-index:1}
.jurnal-randuri-scroll{max-height:462px;overflow-y:auto;border:1px solid var(--linie);border-radius:6px}
.jurnal-randuri-scroll .tabel{margin:0}
.jurnal-randuri-scroll .tabel th{position:sticky;top:0;z-index:1}
.camp-cautare{width:100%;max-width:420px;padding:8px 12px;border:1px solid var(--linie);border-radius:6px;
  font:inherit;font-size:.92rem;margin-bottom:12px}
.camp-cautare:focus{outline:none;border-color:var(--albastru-doc)}
.lista-tipuri{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.dosar{background:var(--hartie);border:1px solid var(--linie);border-radius:4px 10px 4px 4px;
  padding:12px 14px;font-weight:600;font-size:.9rem;text-decoration:none;color:var(--cerneala);position:relative}
.dosar::before{content:"";position:absolute;top:-1px;left:-1px;width:40px;height:8px;
  background:var(--albastru-doc);border-radius:4px 0 6px 0}
.dosar:hover{border-color:var(--albastru-doc)}
.pesme{font-size:1.2rem;color:var(--gri);margin-top:14px;padding:10px 16px;
  border:1px solid var(--linie);border-radius:8px;background:var(--alb);display:inline-block}
.pesme a{text-decoration:none;font-weight:600;color:var(--albastru)}
.pesme a:hover{text-decoration:underline}
.rand-antet{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.rand-antet .pesme{margin-top:0}
.btn-inapoi{display:inline-block;border:2px solid var(--albastru-doc);color:var(--albastru-doc);
  text-decoration:none;font-weight:800;text-transform:uppercase;letter-spacing:.04em;
  padding:13px 26px;border-radius:6px;font-size:1.05rem;background:var(--alb)}
.btn-inapoi:hover{background:var(--albastru-doc);color:#fff}
.actiuni{white-space:nowrap}
.actiuni form{display:inline-block;margin:0 0 0 6px;vertical-align:middle}
.actiuni input{width:auto;max-width:140px;padding:4px 8px;font-size:.82rem}
.subsol{background:var(--cerneala);color:#c9d2df;margin-top:44px}
.subsol-in{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:26px 20px}
.subsol .sigla{color:#fff}
.subsol-linkuri{display:flex;gap:18px;flex-wrap:wrap}
.subsol-linkuri a{color:#c9d2df;text-decoration:none;font-weight:600;font-size:.9rem}
.subsol-linkuri a:hover{color:#fff}
.subsol-copy{color:#8b97a8;font-size:.82rem}
.lp-main{padding:0;font-weight:500}
.mesaje-sus{max-width:1080px;margin:14px auto 0;padding:0 20px}

/* Administrare cu meniu lateral */
.admin-layout{display:grid;grid-template-columns:210px 1fr;gap:26px;align-items:start;margin-top:10px}
.admin-nav{position:sticky;top:76px;display:flex;flex-direction:column;gap:2px;background:#fff;
  border:1px solid var(--linie);border-radius:var(--raza);padding:10px;box-shadow:var(--umbra)}
.admin-nav a{text-decoration:none;color:var(--gri);font-weight:600;font-size:.92rem;padding:9px 12px;border-radius:8px}
.admin-nav a:hover{background:var(--fundal);color:var(--accent)}
.admin-continut>.card:first-child{margin-top:0}
.admin-nav a.activ{background:var(--accent);color:#fff}
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px;margin:6px 0 18px}
.kpi{background:#fff;border:1px solid var(--linie);border-radius:var(--raza);padding:18px;box-shadow:var(--umbra)}
.kpi .val{font-size:1.8rem;font-weight:800;color:var(--cerneala);line-height:1.05}
.kpi .et{color:var(--gri);font-weight:600;font-size:.83rem;margin-top:6px}
.grafic{margin:8px 0}
.bara-rand{display:flex;align-items:center;gap:10px;margin:9px 0}
.bara-eticheta{width:110px;font-size:.85rem;color:var(--gri);font-weight:600;text-align:right;flex-shrink:0}
.bara-track{flex:1;background:#eef2f8;border-radius:6px;height:22px;overflow:hidden}
.bara-fill{display:block;height:100%;background:var(--accent);border-radius:6px;min-width:3px}
.bara-val{width:74px;font-weight:700;font-size:.85rem;flex-shrink:0}
.filtre{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:14px}
.filtre input,.filtre select{width:auto}
.filtre .camp-cautare{margin-bottom:0;min-width:220px}
.paginare{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}
.paginare a{padding:6px 12px;border:1px solid var(--linie);border-radius:6px;text-decoration:none;color:var(--gri);font-weight:600;font-size:.9rem}
.paginare a.activ{background:var(--accent);color:#fff;border-color:var(--accent)}
.admin-continut .card{scroll-margin-top:76px}
@media(max-width:820px){.admin-layout{grid-template-columns:1fr}
  .admin-nav{position:static;flex-direction:row;flex-wrap:wrap}}
.lista-lucrari{list-style:disc;padding-left:22px}
.lista-lucrari li{padding:3px 0}
.rand-plan{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--linie)}
.rand-plan label{font-size:.78rem}
.rand-plan input{width:110px}
.rand-plan .rp-cod{font-weight:800;min-width:84px;color:var(--accent-inchis);align-self:center}
/* meniu de actiuni „⋯" (dropdown nativ) */
.meniu-actiuni{position:relative;display:inline-block;vertical-align:middle}
.meniu-actiuni>summary{list-style:none;cursor:pointer;display:inline-block;background:var(--albastru-doc);color:#fff;
  border-radius:4px;padding:5px 11px;font-weight:800;font-size:.82rem;line-height:1}
.meniu-actiuni>summary::-webkit-details-marker{display:none}
.meniu-actiuni[open]>summary{background:var(--albastru)}
.meniu-pop{position:absolute;right:0;top:calc(100% + 5px);z-index:25;background:#fff;border:1px solid var(--linie);
  border-radius:10px;box-shadow:var(--umbra);padding:10px;min-width:220px;display:flex;flex-direction:column;gap:8px;text-align:left}
.meniu-pop form{margin:0;display:flex;flex-direction:column;gap:6px}
.meniu-pop label{font-size:.75rem;gap:2px}
.meniu-pop input,.meniu-pop select{width:100%;max-width:none}
.meniu-pop .btn-mic{width:100%;text-align:center;padding:7px}
.bara-impersonare{background:var(--galben);color:var(--cerneala);display:flex;align-items:center;
  justify-content:space-between;gap:12px;flex-wrap:wrap;padding:9px 20px;font-weight:700;font-size:.9rem}
.bara-impersonare .btn-mic{background:var(--cerneala)}

/* Abonament expirat: contul mai citeste si descarca, dar nu mai scrie (art. 12 din contract) */
.bara-doar-citire{background:#FDEBD0;border:1px solid #E8A33D;border-left:5px solid #E8A33D;
  border-radius:10px;padding:11px 16px;margin:0 0 16px;display:flex;align-items:center;
  justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.92rem;line-height:1.45}
.bara-doar-citire .btn-mic{flex-shrink:0}

/* Tichete de suport (conversatie) */
.tichet-wrap{max-width:900px;margin:0 auto}
.tichet-antet{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.tichet-antet h1{margin:8px 0}
.rand-stare{display:flex;align-items:center;gap:10px;margin:12px 0;color:var(--gri);font-weight:600;font-size:.92rem}
.rand-stare select{width:auto}
.conversatie{display:flex;flex-direction:column;gap:16px;margin:18px 0}
.mesaj-tichet{display:flex;gap:12px;max-width:92%}
.mesaj-tichet.de-la-suport{align-self:flex-end;flex-direction:row-reverse}
.mt-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;
  justify-content:center;font-weight:800;color:#fff;background:var(--gri)}
.de-la-suport .mt-avatar{background:var(--accent)}
.mt-bula{background:#fff;border:1px solid var(--linie);border-radius:14px;padding:12px 16px;box-shadow:var(--umbra)}
.de-la-suport .mt-bula{background:#eaf1ff;border-color:#d3e2ff}
.mt-antet{margin-bottom:5px;font-size:.82rem;color:var(--gri)}
.mt-antet b{color:var(--cerneala)}
.mt-corp{white-space:pre-wrap;font-weight:500;line-height:1.55}
.mt-atas{display:inline-block;margin-top:10px}
.mt-atas img{max-width:280px;max-height:220px;border-radius:8px;border:1px solid var(--linie);display:block}
.raspuns-card textarea{width:100%}
.raspuns-jos{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;flex-wrap:wrap}
.atas-buton{display:inline-flex;align-items:center;gap:8px;color:var(--gri);font-weight:600;font-size:.88rem;flex-wrap:wrap}
.pastila-stare{display:inline-block;padding:4px 14px;border-radius:20px;font-weight:700;font-size:.82rem}
.pastila-stare.stare-deschis{background:#fdecea;color:#c0392b}
.pastila-stare.stare-in_lucru{background:#e6efff;color:var(--accent-inchis)}
.pastila-stare.stare-rezolvat{background:#e6f4ea;color:#1e8e3e}
.pastila-stare.stare-inchis{background:#eef1f6;color:var(--gri)}
.stare-deschis{color:#c0392b;font-weight:700}
.stare-in_lucru{color:var(--accent);font-weight:700}
.stare-rezolvat{color:#1e8e3e;font-weight:700}
.stare-inchis{color:var(--gri);font-weight:700}

.insigna-demo{background:var(--galben);color:var(--cerneala);font-weight:800;font-size:.75rem;
  padding:4px 10px;border-radius:20px;letter-spacing:.03em}
.card-demo{border-top:5px solid var(--galben);margin-top:22px}
/* Etichetele isi schimba textul (Denumire firma / Numele complet, CUI / CNP), deci
   una poate ajunge pe doua randuri cand alta ramane pe unul. Casutele se intind pe
   toata inaltimea celulei si isi impimg campul in jos, ca sa ramana aliniate intre
   ele indiferent cat de lunga e eticheta. */
.card-demo .grila2>label{height:100%}
.card-demo .grila2>label>input{margin-top:auto}
/* alegerea firma / persoana fizica, deasupra campurilor de identificare */
.rand-tip-persoana{display:flex;gap:20px;flex-wrap:wrap;margin:10px 0 14px}
/* `flex-direction:row` explicit: regula generala `label` le pune pe coloana, deci
   fara asta bulina ar sta DEASUPRA textului, nu langa el */
.rand-tip-persoana label{display:flex;flex-direction:row;align-items:center;gap:7px;
  font-weight:600;cursor:pointer;margin:0}
.rand-tip-persoana input[type=radio]{width:17px;height:17px;flex-shrink:0;margin:0;padding:0;
  border:none;accent-color:var(--albastru-doc)}
.btn-demo{background:var(--galben);color:var(--cerneala)}
.btn-demo:hover{background:#DA9700}

/* ---- previzualizare document (foaia A4) ---- */
.foaie-a4{background:#fff;border:1px solid var(--linie);border-radius:3px;max-width:820px;margin:0 auto;
  padding:46px 56px 46px 2cm;box-shadow:0 14px 34px rgba(24,34,46,.14);font-size:.95rem;line-height:1.7}
.antet-doc{margin-bottom:20px;font-size:.9rem}
.titlu-doc{text-align:center;font-weight:800;font-size:1.05rem;letter-spacing:.02em}
.nr-data{text-align:center;margin:14px 0 20px}
.nr-auto{color:var(--albastru-doc);font-weight:700}
.rand-doc{margin:9px 0}
.camp-linie{border:none;border-bottom:1.5px solid var(--albastru-doc);border-radius:0;background:#F8FAFE;
  padding:2px 6px;width:auto;min-width:230px;max-width:100%;font:inherit;color:var(--albastru);font-weight:600}
.camp-linie:focus{outline:none;background:#EDF3FC;border-bottom-color:var(--albastru)}
.camp-linie.ingust{min-width:110px;width:110px;text-align:center}
.camp-linie.centru{text-align:center;font-weight:700}
.camp-linie.lat{display:block;width:100%}
.camp-zona{display:block;width:100%;border:none;border-bottom:1.5px solid var(--albastru-doc);border-radius:0;
  background:#F8FAFE;padding:4px 6px;font:inherit;color:var(--albastru);font-weight:600;resize:none;overflow:hidden}
.camp-zona:focus{outline:none;background:#EDF3FC}
.fraza-text{display:flex;flex-wrap:wrap;align-items:baseline;line-height:2.1;column-gap:2px;row-gap:6px}
.camp-linie.camp-inline{width:150px;min-width:150px;margin:0 2px}
.camp-linie.camp-inline.lat{flex:1 1 160px;width:auto;min-width:160px}
.camp-linie.camp-inline.mediu{width:220px;min-width:220px}
.coloane-borne{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:60px 0 14px;max-width:560px;margin-left:auto;margin-right:auto}
.coloane-borne .camp-linie{min-width:130px}
.text-fix{font-weight:700;margin:14px 0;white-space:pre-line}
.caseta-ascunsa{display:none}
.caseta-ascunsa.vizibil{display:block}
.tabel-semnaturi{border-collapse:collapse;width:100%;margin-top:22px;table-layout:fixed}
.tabel-semnaturi th{font-size:.8rem;text-align:left;padding:4px 8px;color:var(--gri);border-bottom:1px solid var(--cerneala)}
.tabel-semnaturi td{padding:7px 8px}
.tabel-semnaturi .camp-linie{min-width:100px;width:95%}
.tabel-semnaturi .semnatura{color:var(--gri)}
.tabel-semnaturi .linie-semn{display:block;width:100%;border-bottom:1px solid var(--cerneala)}
.disp-pv{display:grid;grid-template-columns:minmax(0,860px) minmax(320px,430px);gap:20px;align-items:start;justify-content:center}
.antet-pv{max-width:1310px;margin:0 auto 10px}
.antet-pv-sus{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.antet-pv h1{font-size:1.45rem;margin:8px 0 4px}
.antet-pv .pesme{padding:0}
.antet-pv .indiciu{max-width:860px}
.sub-foaie{max-width:none;margin:0;position:sticky;top:70px}

/* Panoul lateral cu datele de Registru: o singura coloana (in 300-460px, doua
   coloane faceau campuri de ~140px), cu text de ajutor sub fiecare camp. */
.panou-registru{display:flex;flex-direction:column;gap:14px;padding:18px;max-height:calc(100vh - 90px);overflow-y:auto}
.panou-cap{border-bottom:1px solid var(--linie);padding-bottom:12px}
.panou-cap h2{font-size:1rem;margin-bottom:4px}
.ajutor{font-weight:400;font-size:.78rem;color:var(--gri);line-height:1.45}
.panou-registru label{gap:5px}
.grup-avansat{border:1px solid var(--linie);border-radius:8px;background:var(--fundal)}
.grup-avansat>summary{list-style:none;cursor:pointer;padding:9px 12px;font-weight:700;font-size:.83rem;
  color:var(--gri);display:flex;align-items:center;gap:7px}
.grup-avansat>summary::-webkit-details-marker{display:none}
.grup-avansat>summary::before{content:"▸";font-size:.9rem;transition:transform .15s}
.grup-avansat[open]>summary::before{transform:rotate(90deg)}
.grup-avansat[open]>summary{border-bottom:1px solid var(--linie);color:var(--cerneala)}
.grup-avansat label{padding:0 12px;gap:5px}
.grup-avansat label:first-of-type{padding-top:12px}
.grup-avansat label:last-of-type{padding-bottom:14px}
.panou-actiuni{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  border-top:1px solid var(--linie);padding-top:14px;margin-top:2px}
.panou-actiuni .btn{flex:1 1 auto;text-align:center}
@media(max-width:720px){.foaie-a4{padding:24px 18px}.coloane-borne{grid-template-columns:1fr}}
@media(max-width:1050px){.disp-pv{grid-template-columns:1fr}
  .sub-foaie{position:static;max-height:none;max-width:820px;margin:0 auto}}

/* ---- tabel de completare (condica/fise) ---- */
.tabel-completare th{white-space:normal;min-width:96px;font-size:.76rem}
.tabel-completare td{padding:4px}
.tabel-completare input{border:1px solid var(--linie);border-radius:3px;padding:6px;min-width:90px;
  background:#F8FAFE;color:var(--albastru);font-weight:600}
.tabel-completare input:focus{outline:2px solid var(--albastru-doc)}
.antet-jurnal{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:12px}

/* ---- bife comanda ---- */
.bifa{flex-direction:row;align-items:flex-start;gap:8px;font-weight:400;font-size:.86rem}
.bifa input{width:auto;margin-top:3px}

/* ---- actiuni principale ale unei Lucrari (Editeaza, Borderou) ---- */
.actiuni-lucrare{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.actiuni-lucrare form{display:inline}
.btn-mare{text-transform:uppercase;letter-spacing:.04em;font-weight:800;padding:13px 26px;font-size:1rem}
.actiuni-lucrare .btn-gol{margin-left:0}

/* ---- actiuni periculoase (stergere) ---- */
.btn-pericol{background:#fff;color:#C0392B;border:2px solid #C0392B;font-weight:700;
  padding:9px 20px;border-radius:6px;cursor:pointer;font-size:.95rem}
.btn-pericol:hover{background:#C0392B;color:#fff}
.zona-pericol{border:1px dashed #C0392B;border-radius:8px;padding:16px;margin-top:10px;background:#FFF5F4}
details{margin:16px 0}
details summary{cursor:pointer;font-weight:700;color:var(--albastru);padding:8px 0}

/* ============ MODERN / LANDING (CTC-PRO) ============ */
.lp{font-weight:500;background:var(--fundal)}
.sectiune{max-width:1120px;margin:0 auto;padding:76px 20px}
.fundal-alt{background:linear-gradient(180deg,#f5f7fb,#eef2fb)}

/* nav landing (responsive, cu hamburger CSS-only) */
.nav-lp{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--linie)}
.nav-lp-bara{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;
  gap:16px;height:64px;padding:0 20px;position:relative}
.marca{font-weight:800;font-size:1.35rem;color:var(--cerneala);text-decoration:none;letter-spacing:.01em}
.marca b{color:var(--accent)} .marca .web{color:var(--galben);font-size:.7rem;vertical-align:super;font-weight:800}
.meniu-toggle{display:none}
.hamburger{display:none;font-size:1.6rem;cursor:pointer;color:var(--cerneala);user-select:none;line-height:1}
.meniu{display:flex;align-items:center;gap:22px}
.meniu a{text-decoration:none;color:var(--gri);font-weight:600;font-size:.95rem}
.meniu a:hover{color:var(--accent)}
@media(max-width:860px){
  .hamburger{display:block}
  .meniu{position:absolute;top:60px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;
    background:#fff;border-bottom:1px solid var(--linie);padding:8px 0;box-shadow:var(--umbra);display:none}
  .meniu a{padding:13px 20px}
  .meniu .btn-cta,.meniu .btn-linie{margin:10px 20px;text-align:center}
  .meniu-toggle:checked ~ .meniu{display:flex}
}

/* butoane landing */
.btn-cta{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;
  padding:14px 28px;border-radius:10px;font-size:1.02rem;transition:transform .06s,box-shadow .15s,background .15s;
  box-shadow:0 6px 20px rgba(43,108,255,.28);border:none;cursor:pointer}
.btn-cta:hover{background:var(--accent-inchis);box-shadow:0 10px 26px rgba(43,108,255,.34)}
.btn-cta:active{transform:translateY(1px)}
.btn-linie{display:inline-block;background:#fff;color:var(--cerneala);text-decoration:none;font-weight:700;
  padding:13px 26px;border-radius:10px;font-size:1.02rem;border:1.5px solid var(--linie)}
.btn-linie:hover{border-color:var(--accent);color:var(--accent)}

/* hero */
.hero{background:radial-gradient(1100px 500px at 82% -12%,#dbe7ff 0,rgba(219,231,255,0) 60%),
  linear-gradient(180deg,#f7f9ff 0,var(--fundal) 100%)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;
  max-width:1120px;margin:0 auto;padding:70px 20px 84px}
.eyebrow{display:inline-block;background:#e6efff;color:var(--accent-inchis);font-weight:700;font-size:.8rem;
  padding:6px 14px;border-radius:30px;letter-spacing:.02em;margin-bottom:18px}
.hero h1{font-size:clamp(2rem,4.6vw,3.2rem);line-height:1.08;margin:0 0 16px;color:var(--cerneala);letter-spacing:-.02em}
.hero h1 .ev{color:var(--accent)}
.hero-sub{font-size:1.14rem;color:var(--gri);font-weight:500;max-width:36ch;margin:0 0 26px;line-height:1.6}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.hero-nota{margin-top:14px;color:var(--gri);font-size:.9rem}

/* mockup document */
.mockup{background:#fff;border:1px solid var(--linie);border-radius:16px;box-shadow:0 30px 60px rgba(20,30,50,.16);
  overflow:hidden;transform:rotate(.6deg)}
.mockup-bara{display:flex;align-items:center;gap:7px;padding:12px 14px;background:#f3f6fb;border-bottom:1px solid var(--linie)}
.mockup-bara i{width:11px;height:11px;border-radius:50%;background:#d4dbe6;display:inline-block}
.mockup-bara i:nth-child(1){background:#ff5f57}.mockup-bara i:nth-child(2){background:#febc2e}.mockup-bara i:nth-child(3){background:#28c840}
.mockup-corp{padding:22px 26px 28px}
.mockup-corp .titlu{text-align:center;font-weight:800;color:var(--cerneala);font-size:.95rem;margin-bottom:16px}
.mockup-linie{height:10px;background:#eef2f8;border-radius:6px;margin:10px 0}
.mockup-linie.s{width:55%}.mockup-linie.m{width:82%}
.mockup-linie.accent{background:linear-gradient(90deg,#cfe0ff,#eef2f8);width:45%}
.mockup-chip{display:inline-block;background:#e6efff;color:var(--accent-inchis);font-weight:700;font-size:.72rem;
  padding:4px 11px;border-radius:20px;margin-top:8px}
/* screenshot document real generat de aplicatie */
.doc-shot{background:#fff;border:1px solid var(--linie);border-radius:16px;
  box-shadow:0 30px 60px rgba(20,30,50,.18);overflow:hidden;transform:rotate(.6deg)}
.doc-shot-corp{height:540px;overflow:hidden;position:relative}
.doc-shot-corp .slide{position:absolute;top:0;left:0;width:100%;display:block;opacity:0;
  animation:slideDoc 15s infinite}
.doc-shot-corp .slide:nth-child(1){animation-delay:0s}
.doc-shot-corp .slide:nth-child(2){animation-delay:5s}
.doc-shot-corp .slide:nth-child(3){animation-delay:10s}
@keyframes slideDoc{0%{opacity:0}2%{opacity:1}30%{opacity:1}33%{opacity:0}100%{opacity:0}}
.doc-shot-corp::after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;z-index:2;
  background:linear-gradient(180deg,rgba(255,255,255,0),#fff)}
@media(max-width:860px){.doc-shot{transform:none}.doc-shot-corp{height:430px}}
@media(prefers-reduced-motion:reduce){.doc-shot-corp .slide{animation:none}.doc-shot-corp .slide:nth-child(1){opacity:1}}

/* titluri sectiuni */
.sec-titlu{text-align:center;max-width:660px;margin:0 auto}
.sec-titlu h2{font-size:clamp(1.5rem,3vw,2.1rem);color:var(--cerneala);margin:0 0 10px;letter-spacing:-.01em}
.sec-titlu p{color:var(--gri);font-weight:500;font-size:1.06rem;margin:0}

/* features */
.grid-feat{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
@media(max-width:900px){.grid-feat{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.grid-feat{grid-template-columns:1fr}}
.feat{background:#fff;border:1px solid var(--linie);border-radius:var(--raza);padding:24px;box-shadow:var(--umbra);
  transition:transform .15s,box-shadow .15s}
.feat:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(20,30,50,.1)}
.feat .ic{width:48px;height:48px;border-radius:13px;background:#e6efff;display:flex;align-items:center;
  justify-content:center;font-size:1.5rem;margin-bottom:14px}
.feat h3{font-size:1.06rem;margin:0 0 6px;color:var(--cerneala)}
.feat p{color:var(--gri);font-weight:500;font-size:.95rem;margin:0;line-height:1.55}

/* pasi */
.grid-pasi{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.pas{background:#fff;border:1px solid var(--linie);border-radius:var(--raza);padding:26px;box-shadow:var(--umbra)}
.pas .nr{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800;
  display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:1.05rem}
.pas h3{margin:0 0 6px;font-size:1.08rem}.pas p{color:var(--gri);font-weight:500;margin:0;font-size:.95rem;line-height:1.55}

/* preturi */
.grid-pret{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:40px;align-items:stretch}
.pret{background:#fff;border:1px solid var(--linie);border-radius:16px;padding:30px 26px;box-shadow:var(--umbra);
  display:flex;flex-direction:column}
.pret.vedeta{border:2px solid var(--accent);box-shadow:0 18px 40px rgba(43,108,255,.16);position:relative}
.pret.vedeta::before{content:"Popular";position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  background:var(--accent);color:#fff;font-weight:700;font-size:.72rem;padding:4px 14px;border-radius:20px}
.pret h3{font-size:1.2rem;margin:0 0 4px}
.pret .locuri{color:var(--gri);font-weight:600;font-size:.9rem;margin-bottom:16px}
.pret .pretval{font-size:2.2rem;font-weight:800;color:var(--cerneala);line-height:1}
.pret .pretval small{font-size:.9rem;font-weight:600;color:var(--gri)}
.pret .an{color:var(--gri);font-size:.88rem;margin:6px 0 20px}
.pret ul{list-style:none;margin:0 0 22px;padding:0}
.pret li{color:var(--cerneala);font-weight:500;font-size:.93rem;padding:6px 0 6px 26px;position:relative}
.pret li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:800}
.pret .btn-cta,.pret .btn-linie{margin-top:auto;text-align:center}

/* contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start;margin-top:34px}
.contact-info p{color:var(--gri);font-weight:500;margin:10px 0;font-size:1rem}
.contact-info b{color:var(--cerneala)}

/* footer landing */
.footer-lp{background:var(--cerneala);color:#c9d2df}
.footer-lp .in{max-width:1120px;margin:0 auto;padding:44px 20px;display:flex;justify-content:space-between;
  gap:24px;flex-wrap:wrap;align-items:center}
.footer-lp a{color:#c9d2df;text-decoration:none;margin-left:18px}.footer-lp a:hover{color:#fff}
.footer-lp .marca{color:#fff}

@media(max-width:860px){
  .hero-grid{grid-template-columns:1fr;gap:36px;padding:48px 20px 60px}
  .grid-pasi{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .sectiune{padding:54px 20px}
  .hero-sub{max-width:none}
  .mockup{transform:none}
  .footer-lp .in{flex-direction:column;align-items:flex-start;gap:14px}
  .footer-lp a{margin:0 18px 0 0}
}