/* FOCNORM.RO – generatorul documentelor de exploatare (/exploatare/documente/) */
.dg{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;align-items:start;margin:8px 0 20px}
@media (max-width:900px){.dg{grid-template-columns:1fr}}
.dg-s,.dg-lm{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);padding:12px 16px 14px;margin:0 0 14px}
.dg-s legend,.dg-lm legend{font:600 15px/1.3 var(--f-display);padding:0 6px}
.dg-lm{background:var(--bg)}
.dg-g{display:grid;gap:10px 14px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.dg-g .ev-l,.dg-g .ev-c{margin:0}
.dg-chk{grid-column:1/-1}
.dg-rm{margin-top:10px}
.dg-side{position:sticky;top:76px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);padding:12px 16px}
@media (max-width:900px){.dg-side{position:static}}
.dg-side h2{font:600 18px/1.3 var(--f-display);margin:0 0 6px}
.dg-docs{list-style:none;margin:8px 0;padding:0;display:grid;gap:8px}
.dg-docs li{border-bottom:1px solid var(--line);padding:0 0 8px}
.dg-docs .ev-c{display:flex;gap:8px;align-items:flex-start;margin:0}
.dg-docs .ev-c input{margin-top:3px;flex:none}
.dg-act{display:flex;gap:6px;margin:6px 0 0 24px}
.dg-em{display:inline-block;font:600 11.5px/1 var(--f-body);background:var(--ok);color:#fff;border-radius:999px;padding:3px 7px;margin-left:4px}
.dg-em.dg-old{background:var(--warn);color:#1b1b1b}
.dg-prev{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);padding:14px 18px;margin:0 0 20px}
.dg-pv-h{display:flex;justify-content:space-between;align-items:center;gap:10px}
.dg-pv-h h2{font:600 18px/1.3 var(--f-display);margin:0}
.dg-pv{background:#fff;color:#1b1b1b;border:1px solid var(--line);padding:28px 34px;margin-top:10px;font:15px/1.55 Georgia,'Times New Roman',serif;max-width:800px}
.dg-pv mark{background:#fff3b0;color:inherit;padding:0 2px}
.dg-pv h3{font-size:15.5px;margin:16px 0 6px}
.dg-pv table{font-size:13px}
.dg-ant{display:flex;justify-content:space-between;gap:20px;margin:0 0 18px}
.dg-ap{text-align:right}
.dg-tt{text-align:center;margin:10px 0 4px}
.dg-sub{text-align:center;font-style:italic;margin:0 0 16px}
.dg-sem{margin-top:26px;display:grid;gap:14px}
.dg-sem p:first-child{text-align:right}
/* [26.10.2026, audit] listele numerotate ies cu litere a), b)… (textul trimite la „lit. a)”); elementul unic – fără marcaj; anexele încep pe pagină nouă, după semnătură */
.dg-pv ol{list-style:none;counter-reset:dg-li;padding-left:28px}
.dg-pv ol>li{counter-increment:dg-li;position:relative}
.dg-pv ol>li::before{content:counter(dg-li,lower-latin) ")";position:absolute;left:-26px;width:22px;text-align:right}
.dg-pv .dg-one{padding-left:28px}
.dg-pv sup{font-size:.7em;line-height:0}
.dg-pv h3.dg-anexa{margin-top:34px;padding-top:22px;border-top:2px dashed var(--line);break-before:page;page-break-before:always}
.dg-note{grid-column:1/-1;margin:0;padding:8px 10px;border-left:3px solid var(--line);background:var(--bg)}
.dg-stare{margin:-6px 0 12px}
/* [26.10.2026, audit etapa 2] E #21 – pe desktop formularul folosește lățimea paginii (nu 900 px), câmpurile stau pe 2–3 coloane,
   chenarele sunt mai strânse: pagina se scurtează, iar lista „Documentele” rămâne alături */
@media (min-width:901px){
  .fn-page.fn-mid>.dg{max-width:none}
  .dg{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:18px}
  .dg-g{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px 12px}
  .dg-s,.dg-lm{padding:10px 14px 12px;margin:0 0 12px}
  .dg-g>.ev-l{align-self:end}   /* etichetele pe două rânduri nu mai decalează câmpurile din același rând */
}
/* E #20 – tabelele previzualizării (pagina albă) derulează orizontal cu umbră la marginea cu conținut ascuns; pe telefon foaia are margini mai mici */
.dg-pv .fn-t{color:#1b1b1b;background:linear-gradient(to right,#fff 35%,rgba(255,255,255,0)) left center/40px 100% no-repeat local,linear-gradient(to left,#fff 35%,rgba(255,255,255,0)) right center/40px 100% no-repeat local,
  radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.24),transparent) left center/16px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.24),transparent) right center/16px 100% no-repeat scroll,#fff}
.dg-pv .fn-t th{background:#f0efeb;color:#1b1b1b}.dg-pv .fn-t th,.dg-pv .fn-t td{border-color:#cfcfca}
.dg-pv .fn-t td:last-child{font:inherit;color:inherit}
@media (max-width:700px){.dg-pv{padding:16px 14px}.dg-prev{padding:12px}}
@media print{.dg,.fn-dosbar,.dg-pv-h{display:none!important}.dg-prev{border:0;padding:0}.dg-pv{border:0;padding:0}}
/* [26.10.2026, audit etapa 3] harta documentelor (încadrarea, temeiul, legăturile), profilul locului de muncă, echipele pe schimburi */
.dg-harta{border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--r);background:var(--bg);padding:8px 12px;margin:6px 0 10px}
.dg-harta p{margin:0 0 4px}.dg-harta p:last-child{margin:0}
.dg-em.dg-ne{background:transparent;color:var(--muted);border:1px solid var(--line)}
.dg-hi{margin:4px 0 0 24px;font-size:13px;line-height:1.45}
.dg-ob{display:inline-block;font:600 11px/1 var(--f-body);border-radius:4px;padding:3px 6px;border:1px solid currentColor}
.dg-ob-o{color:var(--bad);background:var(--bad-soft)}.dg-ob-d{color:var(--warn);background:var(--warn-soft)}.dg-ob-n{color:var(--muted)}
.dg-iv{display:inline-block;font:600 11px/1 var(--f-body);background:var(--info-soft);color:var(--info);border-radius:4px;padding:3px 6px}
.dg-dep{font-style:italic}
.dg-prof{margin:12px 0 0;border-top:1px dashed var(--line);padding-top:8px}
.dg-prof>summary{cursor:pointer;font-weight:600}
.dg-prof .dg-g{margin-top:8px}
.dg-pl{margin:10px 0 4px;font-weight:600;font-size:14px}
.dg-ck{display:flex;flex-wrap:wrap;gap:4px 16px}
.dg-ck .ev-c{margin:0}
.dg-sug{margin-top:8px;padding:8px 10px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}
.dg-sug .ev-c{display:flex;gap:8px;align-items:flex-start;margin:4px 0}
.dg-er{display:grid;gap:6px 10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-items:end;padding:8px 0;border-bottom:1px solid var(--line)}
.dg-er .ev-l{margin:0}
.dg-erm{justify-self:start}
.dg-eb{margin:10px 0 0}
/* harta are mai multe documente decât încap pe ecran: lista laterală (sticky) derulează în interior, ca butonul „Descarcă” să rămână accesibil */
@media (min-width:901px){.dg-side{max-height:calc(100vh - 92px);overflow:auto;overscroll-behavior:contain}}