/* Elconet Hub · pagina „Evidențe” (evidente.js): catalogul unic de produse și registrul de clienți.
   Regulile paginii: conținutul pe toată lățimea, nicio literă sub 16 px (`.main.evd`, pus de `cadru()`, plus
   clasele de aici), niciun tabel mai lat decât cutia lui: sub 1000 px de listă, rândurile devin carduri, cu eticheta
   fiecărei valori; în tabel, codul ține cel puțin 190 px și denumirea 260 px, ca un text lung să nu se strângă pe
   rânduri de câteva litere. Culorile și butoanele sunt cele ale aplicației (app.css). */
.evd-sus { display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: center; justify-content: space-between; margin-top: 16px; }
.evd-sus .evd-file { margin: 0; }
.evd-actiuni { margin-left: auto; justify-content: flex-end; }
.evd-file .fila { font-size: 16px; }
.main.evd .fila-nr { font-size: 16px; min-width: 26px; height: 24px; }
.main.evd .hi + .sub .chip { margin-left: 2px; }
.main.evd .panou h2, .main.evd h3 { font-size: 17px; }
.main.evd .lista-istoric, .main.evd .lista-istoric span, .main.evd .lista-istoric .ist-det { font-size: 16px; }
.main.evd fieldset legend { font-size: 16px; }

.evd-bloc { margin-top: 14px; container: evd / inline-size; }
.evd-cap { display: flex; flex-wrap: wrap; gap: 12px 16px; align-items: flex-end; }
.evd-cauta { position: relative; flex: 1 1 320px; min-width: 0; max-width: 560px; }
.evd-cauta svg.ic { position: absolute; left: 12px; top: 50%; width: 18px; height: 18px; transform: translateY(-50%); color: var(--mut); pointer-events: none; }
.evd-cauta input { width: 100%; background: var(--bg); border: 1px solid var(--line2); border-radius: 10px; padding: 10px 12px 10px 40px; outline: none; min-height: 44px; font: inherit; font-size: 16px; color: inherit; -webkit-appearance: none; appearance: none; }
.evd-cauta input:focus { border-color: var(--acc); }
.evd-filtre { display: flex; flex-wrap: wrap; gap: 10px 12px; min-width: 0; }
.evd-filtre label { display: flex; flex-direction: column; gap: 4px; font-size: 16px; color: var(--mut); font-weight: 550; min-width: 0; }
.evd-filtre select { background: var(--bg); border: 1px solid var(--line2); border-radius: 10px; padding: 9px 10px; min-height: 44px; font-size: 16px; width: 100%; max-width: 250px; min-width: 0; outline: none; }
.evd-filtre select:focus { border-color: var(--acc); }
.evd-grupuri { display: flex; flex-wrap: wrap; gap: 6px; margin: 16px 0 2px; }
.evd-grup { display: inline-flex; align-items: center; min-height: 38px; padding: 5px 14px; border-radius: 999px; border: 1px solid var(--line2); background: none; color: var(--mut); font: inherit; font-size: 16px; font-weight: 600; cursor: pointer; }
.evd-grup:hover { color: var(--ink); background: var(--soft); }
.evd-grup.on { background: var(--acc2); color: var(--acc-t); border-color: #1d3a5c; }
.evd-grup:focus-visible { outline: 2px solid var(--acc); outline-offset: 2px; }
.evd-cate { margin: 12px 0 8px; }
.evd-fara-coloane { margin: 0 0 8px; }
.evd-mai { margin-top: 14px; justify-content: center; }

/* tabelul: catalogul, clienții, schimbările unui import */
.evd-t { width: 100%; border-collapse: collapse; font-size: 16px; }
.evd-t th { text-align: left; font-size: 16px; color: var(--mut); font-weight: 650; padding: 10px; border-bottom: 1px solid var(--line); vertical-align: bottom; }
.evd-t td { padding: 11px 10px; border-bottom: 1px solid var(--line); vertical-align: top; overflow-wrap: anywhere; min-width: 0; }
.evd-t tbody tr:last-child td { border-bottom: 0; }
.evd-t tr.evd-rand:hover td { background: var(--hover); }
.evd-t-cod { font-family: var(--mono); font-weight: 700; }
.evd-t-cod a, .evd-t-client a { color: var(--ink); text-decoration: none; }
.evd-t-cod a:hover, .evd-t-client a:hover { color: var(--acc-t); }
.evd-t-cod a:focus-visible, .evd-t-client a:focus-visible { outline: 2px solid var(--acc); outline-offset: 2px; border-radius: 4px; }
.evd-t-client { font-weight: 650; }
.evd-t td.evd-t-den { min-width: 260px; }
.evd-t td.evd-t-cod { min-width: 190px; }
.evd-t-act { width: 1%; white-space: nowrap; text-align: right; }
.evd-gol, .evd-lipsa { color: var(--dim); }
.evd-t td.evd-scurt { white-space: nowrap; }
.evd-en { display: block; color: var(--mut); font-size: 16px; margin-top: 2px; max-width: none; }
.evd-semne { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 6px; }
.evd-sub { display: block; color: var(--mut); font-size: 16px; }
.evd-t tr.evd-edit td, .evd-t tr.evd-edit:hover td { background: var(--soft); padding: 16px; border-radius: 12px; }
.evd-edit-cap { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; margin-bottom: 12px; }
.evd-edit-cap b { font-family: var(--mono); font-size: 17px; }
.evd-edit-cap span { color: var(--mut); }
.evd-msg:empty { display: none; }
.evd-t-agent form { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.evd-t-agent select { background: var(--bg); border: 1px solid var(--line2); border-radius: 10px; padding: 7px 10px; min-height: 40px; font-size: 16px; max-width: 100%; min-width: 0; }
@container evd (max-width: 1000px) {
  .evd-t thead { display: none; }
  .evd-t td.evd-t-den, .evd-t td.evd-t-cod { min-width: 0; }
  .evd-t, .evd-t tbody { display: block; }
  .evd-t tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; padding: 12px 2px; border-bottom: 1px solid var(--line); }
  .evd-t tbody tr:last-child { border-bottom: 0; }
  .evd-t td { display: block; padding: 0; border: 0; }
  .evd-t-cod, .evd-t-client { grid-column: 1; grid-row: 1; }
  .evd-t-act { grid-column: 2; grid-row: 1; width: auto; }
  .evd-t td[data-et] { grid-column: 1 / -1; display: flex; gap: 10px; }
  .evd-t td[data-et]::before { content: attr(data-et); flex: none; width: 132px; color: var(--dim); }
  .evd-t td.evd-t-den { display: block; }
  .evd-t td.evd-t-den::before { content: none; }
  .evd-t tr.evd-edit { display: block; padding: 0; }
  .evd-t tr.evd-edit td { display: block; padding: 14px; }
  .evd-t-agent form { flex: 1; }
}
@container evd (max-width: 420px) {
  .evd-t td[data-et]::before { width: 118px; }
  .evd-filtre, .evd-filtre label { width: 100%; }
  .evd-filtre select { max-width: none; }
}

/* fișa unui produs sau a unui client */
.evd-panouri { margin-top: 18px; }
.evd-panouri .panou > .sub + form, .evd-panouri .panou > dl + form { margin-top: 14px; }
.evd-avert { margin: 14px 0 0; }
.evd-avert .actiuni { margin-top: 8px; }
.evd-avert ul { margin: 6px 0 0; padding-left: 18px; }
.evd-date { font-size: 16px; }
.evd-date + .actiuni, .evd-date + .sub { margin-top: 14px; }
.evd-panouri .panou > .sub + .actiuni, .evd-panouri .panou > ul + .actiuni, .evd-panouri .panou > ul + .sub { margin-top: 12px; }
.evd-ids, .evd-ctr, .evd-col-lista, .evd-conf-val { list-style: none; margin: 0; padding: 0; font-size: 16px; }
.evd-ids li { display: flex; flex-wrap: wrap; gap: 4px 12px; padding: 7px 0; border-bottom: 1px solid var(--line); }
.evd-ids li:last-child, .evd-ctr li:last-child, .evd-col-lista li:last-child { border-bottom: 0; }
.evd-ids b { font-family: var(--mono); }
.evd-ids span, .evd-ctr span, .evd-col-lista span, .evd-conf-val span { color: var(--mut); }
.evd-ctr li { border-bottom: 1px solid var(--line); }
.evd-ctr a { display: flex; flex-direction: column; padding: 8px 0; color: var(--ink); text-decoration: none; }
.evd-ctr a:hover b { color: var(--acc-t); }
.evd-agent-fisa { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line); }
.evd-istoric { margin-top: 0; }

/* conflictele */
.evd-conf-intro { margin: -4px 0 12px; }
.evd-conf-lista { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(420px, 100%), 1fr)); gap: 14px; align-items: start; }
.evd-conf-lista > .panou + .panou { margin-top: 0; }
.evd-conf-cap { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; margin-bottom: 10px; font-size: 16px; }
.evd-conf-cap a { color: var(--ink); text-decoration: none; font-family: var(--mono); font-size: 17px; overflow-wrap: anywhere; }
.evd-conf-cap a:hover { color: var(--acc-t); }
.evd-conf-cap span { color: var(--mut); }
.evd-conf-alege { border: 0; padding: 0; margin: 0 0 14px; min-width: 0; }
.evd-conf-alege legend { color: var(--mut); font-weight: 550; margin-bottom: 8px; padding: 0; }
.evd-conf-opt { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--bg); cursor: pointer; margin-bottom: 6px; font-size: 16px; }
.evd-conf-opt input { width: 18px; height: 18px; accent-color: var(--acc); margin: 3px 0 0; flex: none; }
.evd-conf-opt span { display: flex; flex-direction: column; min-width: 0; }
.evd-conf-opt b { font-weight: 600; overflow-wrap: anywhere; }
.evd-conf-opt small { color: var(--mut); font-size: 16px; }
.evd-conf-opt:has(input:checked) { border-color: var(--acc); background: var(--acc2); }
.evd-conf-val { margin-bottom: 14px; }
.evd-conf-val li { display: flex; flex-direction: column; padding: 8px 0; border-bottom: 1px solid var(--line); }
.evd-conf-val li:last-child { border-bottom: 0; }
.evd-conf-val b { overflow-wrap: anywhere; }

/* câmpurile late (denumirea, sediul, observațiile, motivul): cel mult 560 px, sub limita de 600 a câmpurilor */
.main.evd .camp.camp-lat { max-width: 560px; }

/* coloanele și importul */
.evd-col-grup { margin: 16px 0 6px; color: var(--mut); }
.evd-col-grup:first-of-type { margin-top: 0; }
.evd-col-lista li { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; padding: 8px 0; border-bottom: 1px solid var(--line); }
.evd-col-lista li .btn { margin-left: auto; }
.evd-import { margin-top: 18px; container: evd / inline-size; }
.evd-import h2 + .sub, .evd-import .sub + .sub { margin-bottom: 10px; }
.evd-imp-cifre { list-style: none; margin: 12px 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.evd-imp-cifre li { background: var(--bg); border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; display: flex; flex-direction: column; font-size: 16px; }
.evd-imp-cifre b { font-size: 24px; font-weight: 700; }
.evd-imp-cifre span { color: var(--mut); }
.evd-imp-cifre li.rau { border-color: #4a3b1d; background: var(--wip2); }
.evd-imp-t { margin: 18px 0 8px; }
#evd-imp-msg .mesaj, #evd-imp-rez .mesaj { margin: 12px 0 0; }
#evd-imp-gata ul { margin: 6px 0 0; padding-left: 18px; }

@media (max-width: 899px) {
  .evd-sus .evd-file { display: flex; width: 100%; }
  .evd-file .fila { flex: 1; justify-content: center; }
  .evd-actiuni { margin-left: 0; width: 100%; justify-content: flex-start; }
}
@media (max-width: 599px) {
  .evd-actiuni { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .evd-actiuni .btn { min-width: 0; padding-left: 8px; padding-right: 8px; }
  .evd-actiuni .btn.prim, .evd-actiuni .btn:only-child { grid-column: 1 / -1; }
}