plin: `.yk a` (mai specific decât `.buton`) îi dădea textul albastru pe fond albastru */
.yk a.buton:not(.secundar):not(.discret):not(.rosu), .yk a.buton:not(.secundar):not(.discret):not(.rosu):hover { color: var(--on-action); }
.yk a.buton:hover { text-decoration: none; }
.htmx-request .buton { opacity: .6; }
.lista { list-style: none; margin: 0; padding: 0; }
.lista li { display: flex; justify-content: space-between; gap: var(--space-2); padding: var(--space-2) 0; border-bottom: 1px solid var(--line); font-size: var(--text-body); }
.lista li:last-child { border-bottom: none; }
.rand { display: flex; align-items: center; gap: var(--space-3); min-height: 60px; padding: var(--space-3) var(--space-4); background: var(--surface-1);
border: 1px solid var(--line); border-radius: var(--radius-lg); margin-bottom: var(--space-2); cursor: pointer; }
.rand .rezumat { flex: 1; min-width: 0; }
.rand .nume { font-weight: 700; }
.rand .detaliu { color: var(--ink-muted); font-size: var(--text-small); line-height: var(--leading-small); }
.bulina { width: 14px; height: 14px; border-radius: 50%; flex: none; }
.bulina.verde { background: var(--ok); } .bulina.galben { background: var(--warn); } .bulina.rosu { background: var(--danger); } .bulina.gri { background: var(--neutral-dot); }
.detalii { margin: calc(-1 * var(--space-1)) 0 var(--space-3); padding: var(--space-2) var(--space-3) var(--space-2) 42px; font-size: var(--text-small); }
.detalii li { margin: 6px 0; }
.tabel { width: 100%; border-collapse: separate; border-spacing: 0; font-size: var(--text-small); }
.tabel th, .tabel td { padding: 10px var(--space-3); border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.tabel th { font-size: var(--text-min); color: var(--ink-muted); font-weight: 700; background: var(--surface-2); white-space: nowrap; }
.tabel th.suma, .tabel td.suma { text-align: right; white-space: nowrap; }
.tabel tbody tr:hover td { background: var(--surface-0); }
/* coloanele pe care se sortează (lista de angajați) și titlul de grup pe punct de lucru */
.tabel th.sortable a { color: inherit; text-decoration: none; } .tabel th.sortable a:hover { color: var(--ink); }
.tabel th.sortable.asc a::after { content: " ↑"; } .tabel th.sortable.desc a::after { content: " ↓"; } .tabel th.sortable.asc a, .tabel th.sortable.desc a { color: var(--ink); }
.tabel tr.grup-punct td { background: var(--surface-2); font-weight: 700; color: var(--ink); padding-top: var(--space-3); }
.tabel tbody tr.grup-punct:hover td { background: var(--surface-2); }
.lista li.grup-punct { font-weight: 700; background: var(--surface-2); padding: var(--space-2) var(--space-3); }
.tabel tr:last-child td { border-bottom: 0; }
.card > .tabel:first-child { margin-top: calc(-1 * var(--space-1)); }
.marca, .doar-desk { display: none; }
@media (min-width: 900px) {
.doar-desk { display: block; }
table.doar-desk { display: table; }
.doar-tel { display: none !important; }
.coloane { display: grid; grid-template-columns: 1fr 1fr; gap: 0 var(--space-4); align-items: start; }
.coloane > .plin { grid-column: 1 / -1; }
.tablou { display: grid; grid-template-columns: 1fr 1fr; gap: 0 var(--space-4); align-items: start; }
.tablou > .plin { grid-column: 1 / -1; }
/* Acasă la Personal și Șef de punct: fără banii biroului rămâne o singură coloană (lucrul de azi, Semaforul) */
.tablou--fara-bani { grid-template-columns: minmax(0, 1fr); max-width: 760px; }
.rand, .detalii { max-width: 900px; }
}
.termen { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: var(--radius-pill); font-size: var(--text-min); font-weight: 700; }
.termen.verde { background: var(--ok-soft); color: var(--ok-text); } .termen.galben { background: var(--warn-soft); color: var(--warn-text); }
.termen.rosu { background: var(--danger-soft); color: var(--danger-text); } .termen.mut { background: var(--surface-2); color: var(--ink-muted); }
.corectura-link { font-size: var(--text-min); text-decoration: none; color: var(--ink-muted); white-space: nowrap; }
.corectura-link:hover { color: var(--action); }
.corectura-link svg { width: 16px; height: 16px; vertical-align: -3px; }
.act-rand summary::-webkit-details-marker { display: none; }
/* ---------- casa: fila, rândurile ---------- */
.catre-liber { display: none; }
.fara-bifa:checked ~ .catre-liber { display: block; }
.furnizor-bloc:has(.fara-bifa:checked) [id^="furnizor-picker"] { display: none; }
.furnizor-bloc:has(input[name="partener"]) .fara-bifa, .furnizor-bloc:has(input[name="partener"]) .fara-eticheta,
.furnizor-bloc:has(input[name="partener"]) .catre-liber { display: none; }
.casierie-bloc { display: none; }
.metoda-bloc:has(select[name="metoda_plata"] option[value="numerar"]:checked) .casierie-bloc { display: block; }
.op-casa { display: flex; flex-wrap: wrap; gap: 2px var(--space-2); padding: var(--space-2) 0; border-bottom: 1px solid var(--line); font-size: var(--text-small); align-items: center; }
.op-casa.cap { display: none; }
.op-casa .nr { min-width: 22px; color: var(--ink-muted); }
.op-casa .doc { flex: 1 1 60%; font-weight: 600; }
.op-casa .expl, .op-casa .catre { flex-basis: 100%; font-size: var(--text-min); color: var(--ink-muted); }
.op-casa .inc:empty, .op-casa .pl:empty { display: none; }
.op-casa .inc::before { content: "+"; } .op-casa .pl::before { content: "−"; }
.op-casa .sold { margin-left: auto; font-weight: 600; }
.op-casa .act { flex-basis: 100%; display: flex; gap: 6px; flex-wrap: wrap; margin-top: var(--space-1); }
.op-casa .corectura { flex-basis: 100%; }
.op-casa.anulat .doc, .op-casa.anulat .expl, .op-casa.anulat .inc, .op-casa.anulat .pl { text-decoration: line-through; color: var(--ink-muted); }
.op-casa.total { font-weight: 700; background: var(--surface-2); margin: 0 calc(-1 * var(--space-4)); padding: var(--space-2) var(--space-4); border-bottom: none; }
@media (min-width: 900px) {
.fila-casa { overflow-x: auto; }
.op-casa, .op-casa.cap { display: grid; grid-template-columns: 26px minmax(90px, 1.2fr) minmax(90px, 1.3fr) minmax(80px, 1fr) 76px 76px 86px 100px; gap: 0 var(--space-2); align-items: center; min-width: 680px; }
.op-casa .act { flex-direction: column; align-items: stretch; gap: 4px; }
.op-casa .act .buton, .op-casa .act summary { white-space: nowrap; text-align: center; }
.op-casa.cap { color: var(--ink-muted); font-size: var(--text-min); font-weight: 700; padding: var(--space-1) 0; }
.op-casa .expl, .op-casa .catre { flex-basis: auto; font-size: var(--text-min); }
.op-casa .inc:empty, .op-casa .pl:empty { display: block; }
.op-casa .inc::before, .op-casa .pl::before { content: ""; }
.op-casa .sold { margin-left: 0; }
.op-casa .act { flex-basis: auto; margin-top: 0; }
.op-casa .corectura { grid-column: 1 / -1; }
.op-casa.total { margin: 0; padding: var(--space-2) 0; }
}
@media (min-width: 1400px) {
#casa { display: grid; grid-template-columns: minmax(0, 3fr) minmax(320px, 1fr); gap: 0 var(--space-4); align-items: start; }
#casa > .plin, #casa > .gol { grid-column: 1 / -1; }
#casa > .casa-fila { grid-column: 1; grid-row: span 8; }
}
/* vehiculul apare doar când departamentul ales îl cere (opțiunea poartă data-vehicul): pe bon, pe linia de etichetat, pe toată factura */
.vehicul-scope .vehicul-bloc { display: none; }
.vehicul-scope:has(select[name="subdepartament"] option[data-vehicul]:checked) .vehicul-bloc { display: block; }
.vehicul-scope .yk-field.vehicul-bloc { margin-top: var(--space-3); }
#factura .vehicul-bloc { display: none; }
#factura:has(select[name^="linie_"] option[data-vehicul]:checked) .vehicul-bloc { display: block; }
.linie-et .vehicul-linie { display: none; }
.linie-et .vehicul-linie.are-vehicul, .linie-et:has(select[name^="linie_"] option[data-vehicul]:checked) .vehicul-linie { display: block; }
/* ---------- liniile facturii de etichetat ---------- */
.linie-et { display: flex; flex-wrap: wrap; gap: var(--space-1) var(--space-2); padding: var(--space-2) 0; border-bottom: 1px solid var(--line); font-size: var(--text-small); align-items: center; }
.linie-et:last-child { border-bottom: none; }
.linie-et.risc { background: var(--danger-soft); margin: 0 calc(-1 * var(--space-4)); padding: var(--space-2) var(--space-4); }
.linie-et .nr { color: var(--ink-muted); min-width: 22px; }
.linie-et .den { flex: 1 1 calc(100% - 40px); min-width: 0; }
.linie-et .cant, .linie-et .pret { color: var(--ink-muted); }
.linie-et .tva, .linie-et .cutva { font-size: var(--text-min); }
.linie-et .val { font-weight: 600; }
.linie-et .dep { flex-basis: 100%; }
.linie-et .dep select { min-height: 40px; font-size: var(--text-small); }
.linie-et .dep .vehicul-linie { margin-top: 4px; min-height: 36px; font-size: var(--text-min); color: var(--ink-muted); }
.linie-et.cap { display: none; }
/* grila cu 8 coloane doar de la 1200 px (lista are ~830 px acolo); între 900 și 1200 px liniile se așază ca pe telefon, cu etichetele
lor — altfel coloana Departament ieșea din pagină (derulare orizontală la 1280 px) */
@media (min-width: 900px) and (max-width: 1199px) { .linie-et .doar-tel { display: inline !important; } }
@media (min-width: 1200px) {
.linie-et, .linie-et.cap { display: grid; grid-template-columns: 28px minmax(120px, 1fr) 64px 84px 84px 72px 88px minmax(170px, 220px); gap: 0 var(--space-3); }
.linie-et .doar-tel { display: none; }
.linie-et.cap { color: var(--ink-muted); font-size: var(--text-min); font-weight: 700; padding: var(--space-1) 0; }
.linie-et > span { min-width: 0; }
.linie-et .dep { flex-basis: auto; }
.linie-et .dep select { width: 100%; max-width: 100%; min-width: 0; }
.linie-et.risc { margin: 0; padding: var(--space-2) 0; }
}
/* De etichetat pe clasele yk-*: blocurile paginii, sumele facturii ca rânduri (nu ies din card pe telefon), rezumatul salvării */
.et-bloc { margin-bottom: var(--space-4); }
.yk-card + .et-bloc, .et-bloc + .yk-card { margin-top: 0; }
.et-sume { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); max-width: 480px; margin-top: var(--space-3); }
.et-sume .yk-number { text-align: left; }
.et-sume .et-total { font-size: var(--text-lg); line-height: var(--leading-lg); font-weight: 700; }
.et-toate { margin: var(--space-3) 0 var(--space-2); max-width: 560px; }
.et-rezumat { font-weight: 600; }
.yk a.et-furnizor { color: var(--ink); }
@media (max-width: 899px) { .et-butoane .yk-btn { flex: 1 1 100%; min-height: var(--control-h-lg); } }
/* eticheta propusă (29.09.2026): butonul „Confirmă propunerile”, istoricul liniei care merge în mai multe locuri ca butoane rapide,
legătura spre confirmarea în bloc și lista ei (o factură pe card, cu bifă) */
.yk a.et-spre-bloc { margin-bottom: var(--space-4); color: var(--action-text); text-decoration: none; }
.yk a.et-spre-bloc:hover { text-decoration: underline; }
.et-confirma { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-3); margin: var(--space-3) 0 var(--space-1); }
.et-istoric { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-1) var(--space-2); margin-top: var(--space-1); }
.et-istoric .yk-btn--sm { min-height: 32px; height: auto; max-width: 100%; padding-top: var(--space-1); padding-bottom: var(--space-1); white-space: normal; text-align: left; font-weight: 600; }
.et-istoric .et-loc.is-active { background: var(--action-soft); border-color: var(--action); color: var(--action-text); }
.et-prop__cap { display: flex; align-items: flex-start; gap: var(--space-3); cursor: pointer; }
.et-prop__cap input { width: 20px; height: 20px; margin-top: 2px; flex: none; accent-color: var(--action); }
.et-prop__cine { display: flex; flex-direction: column; min-width: 0; }
.et-prop__furnizor { font-weight: 700; font-size: var(--text-lg); line-height: var(--leading-lg); overflow-wrap: anywhere; }
.et-prop__grup { margin-top: var(--space-3); padding-top: var(--space-2); border-top: 1px solid var(--line); }
.et-prop__linii { margin: var(--space-1) 0 0; padding-left: var(--space-5); font-size: var(--text-small); line-height: var(--leading-small); }
.et-prop__linii li { overflow-wrap: anywhere; }
.et-prop__rest { margin-top: var(--space-3); }
.et-prop--scoasa { opacity: .55; }
/* butonul confirmării în bloc NU e lipit de ecran: stă după ultima factură a paginii, ca să ajungi la el doar după ce le-ai văzut pe toate */
.et-prop__trimite { padding: var(--space-3) 0; }
/* fișa furnizorului: scadentul sub sold ca rânduri (cele trei cifre nu mai ies din card), IBAN-ul se rupe la spațiu, filele pe un rând
derulat pe telefon, „Altă perioadă” se deschide pe rândul ei */
.fisa-scadent { margin-top: var(--space-2); padding-top: var(--space-2); border-top: 1px solid var(--line-strong); }
.fisa-iban { font-weight: 600; font-variant-numeric: tabular-nums; user-select: all; overflow-wrap: anywhere; }
.fisa-detalii { margin-top: var(--space-4); }
.fisa-tabel th { white-space: normal; vertical-align: bottom; }
.fisa-tabel th, .fisa-tabel td { padding-left: var(--space-2); padding-right: var(--space-2); }
.fisa-tabel .fisa-doc { overflow-wrap: anywhere; min-width: 120px; }
.fisa-perioada { padding: var(--space-3) var(--space-4) 0; margin: 0 0 var(--space-3); }
.fisa-alta > summary { list-style: none; cursor: pointer; }
.fisa-alta > summary::-webkit-details-marker { display: none; }
.fisa-alta[open] { flex-basis: 100%; }
.fisa-alta__corp { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); margin-top: var(--space-2); }
.fisa-alta__corp .yk-input { width: auto; min-height: 36px; }
@media (max-width: 899px) {
.fisa-file { overflow-x: auto; scrollbar-width: none; gap: var(--space-3); }
.fisa-file::-webkit-scrollbar { display: none; }
.fisa-file .yk-tab { flex: none; white-space: nowrap; }
}
/* Scadențe: 8 coloane de sume; capetele se pot rupe pe două rânduri, ca tabelul să încapă la 1280 px fără derulare */
.scad-tabel th { white-space: normal; vertical-align: bottom; }
.scad-tabel td { padding-left: var(--space-2); padding-right: var(--space-2); }
/* pe telefon: sus, câte un rând scurt pe furnizor (numele pe un rând, suma la dreapta); defalcarea lui stă în „Detalii” */
.yk-row.scad-rand { min-height: 44px; padding-top: var(--space-2); padding-bottom: var(--space-2); }
.scad-rand .yk-row__main { flex: 1; }
.scad-rand__nume { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.scad-detalii { margin-top: var(--space-4); }
.scad-detalii__titlu { margin: 0 0 var(--space-1); }
.scad-detalii .yk-row { padding-left: 0; padding-right: 0; }
/* formularele de corectură (fișa furnizorului, bonul): un card îngust, câmpurile unul sub altul, perechile pe două coloane,
ștergerea într-un Pliabil închis */
.form-card { max-width: 720px; }
.yk-card.form-card, .yk-note.form-card, .yk-pliabil.form-card { margin-bottom: var(--space-4); }
.yk-card + .yk-card.form-card { margin-top: 0; }
.form-card > * + *, .form-card .yk-pliabil__corp > * + * { margin-top: var(--space-3); }
.form-card > .yk-card__title + * { margin-top: 0; }
.form-doua { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); max-width: 560px; }
.form-doua > .yk-field + .yk-field { margin-top: 0; }
.form-doua input[type=date] { min-width: 0; overflow: hidden; } /* WebKit: data nu mai împinge pagina lateral pe telefon */
.fel-bloc:has(select[name="fel"] option[value="document"]:checked) .fel-document.form-doua { display: grid; }
.form-bifa { display: flex; align-items: center; gap: 10px; min-height: 44px; }
.form-bifa input { width: 22px; height: 22px; flex: none; }
.form-butoane { margin-top: var(--space-4); }
.form-scurt { max-width: 200px; }
@media (max-width: 899px) { .form-butoane .yk-btn { flex: 1 1 100%; } }
/* bonul: CUI cu butonul „Caută” pe același rând, fotografia în card, câmpurile scurte (total, metoda) nu se întind pe tot rândul */
.bon-cui { display: flex; gap: var(--space-2); }
.bon-cui .yk-input { flex: 1; min-width: 0; }
.bon-poza { display: block; max-width: 100%; border-radius: var(--radius-md); }
.bon-scurt { max-width: 280px; }
.bon-legaturi { list-style: none; margin: var(--space-1) 0; padding: 0; font-size: var(--text-small); line-height: var(--leading-small); }
/* Încărcare: blocurile paginii; numele de fișiere și IBAN-urile lungi se rup, nu lățesc pagina pe telefon */
.inc-bloc { margin-bottom: var(--space-4); }
.yk-card + .inc-bloc, .inc-bloc + .yk-card { margin-top: 0; }
.inc-nume, .inc-iban { overflow-wrap: anywhere; }
.inc-fisiere .yk-row { padding-left: 0; padding-right: 0; }
.inc-fisiere .yk-row__sub { overflow-wrap: anywhere; } /* raportul unui fișier poate avea o amprentă lungă, fără spații */
.inc-acoperit { margin-top: var(--space-1); }
/* SPV: blocurile paginii, tokenul lipit (text lung, monospațiat), istoricul sincronizărilor în card */
.spv-bloc { margin-bottom: var(--space-4); }
.yk-card + .spv-bloc { margin-top: 0; }
.spv-token { font-family: var(--font-mono); font-size: var(--text-min); }
.spv-istoric { margin-top: var(--space-3); border-top: 1px solid var(--line); }
/* mesajele de rezolvat de mână: pe telefon, butonul „Am rezolvat, închide” trece sub motiv, ca motivul să aibă tot rândul */
@media (max-width: 899px) {
.spv-rezolvat { flex-wrap: wrap; }
.spv-rezolvat .yk-row__main { flex-basis: 100%; }
.spv-rezolvat .yk-row__end { flex-basis: 100%; }
}
.spv-istoric .yk-row { min-height: 40px; padding-left: 0; padding-right: 0; }
/* Achiziții: cardul cu tabel sau listă de rânduri rămâne fără margine și pe telefon (rândurile au deja spațiul lor), ca în Card.md */
@media (max-width: 899px) { .yk-card--tight.ach-tight { padding: 0; } }
/* ---------- pontajul ---------- */
/* caseta angajatului: bordura colorată și marginile ei interioare ies în marginea cardului (margini negative egale), ca butoanele
să aibă aceeași lățime ca fără casetă — pe telefonul de 360 px „Prezent” și „Absent” încap în buton */
.pontaj-rand { padding: 10px var(--space-4) 10px var(--space-3); margin: 0 calc(-1 * var(--space-4)) 0 calc(-1 * var(--space-3) - 4px); border-bottom: 1px solid var(--line); border-left: 4px solid transparent; }
.pontaj-rand:last-child { border-bottom: none; }
.pontaj-butoane { display: flex; flex-wrap: wrap; gap: 6px; margin-top: var(--space-2); }
.pontaj-butoane .buton { flex: 1 1 18%; min-width: 0; padding: 0 4px; font-size: var(--text-small); }
/* telefonul îngust: butoanele se împart după lungimea cuvântului („CM” cedează loc lui „Prezent”, care încape și îngroșat); „Ore ▾”
rămâne pe rândul lui, ca pe ecranul lat; dacă tot nu încap, un buton trece pe rândul următor în loc să-i iasă textul */
@media (max-width: 400px) { .pontaj-butoane { gap: var(--space-1); } .pontaj-butoane .buton { flex: 1 1 auto; width: auto; min-width: var(--control-h); padding: 0 2px; } .pontaj-butoane .pontaj-mai { flex-basis: 100%; } }
.pontaj-butoane .buton.discret { background: var(--surface-1); }
.pontaj-butoane .buton.discret:hover { background: var(--surface-2); }
.pontaj-mai { flex: 1 1 18%; display: flex; flex-wrap: wrap; }
.pontaj-mai summary.buton { width: 100%; }
table.foaie th.liber { color: var(--ink-muted); }
/* harta stărilor: o culoare pe stare, doar din tokeni (tema întunecată vine singură), folosită de butonul ales, de caseta angajatului,
de celula foii și de legendă; PDF-ul ia aceleași nume de tokeni (personal/export.py, CULORI_STARI). Prescurtarea rămâne mereu scrisă.
Butonul ales e plin la fiecare stare (fondul lui față de butonul neales, surface-1: cel puțin 3:1): CM chihlimbar cu textul închis
de pe auriu (on-brand: 4,7:1 / 8,2:1), învoirea maro închis, liberul gri închis. */
.st-prezent { --st-plin: var(--ok); --st-pe-plin: var(--on-action); --st-fond: var(--ok-soft); --st-linie: var(--ok); --st-celula: var(--ok-soft); --st-celula-text: var(--ok-text); }
.st-co { --st-plin: var(--action); --st-pe-plin: var(--on-action); --st-fond: var(--action-soft); --st-linie: var(--action); --st-celula: var(--action); --st-celula-text: var(--on-action); }
.st-cfp { --st-plin: var(--action-soft); --st-pe-plin: var(--action-text); --st-fond: var(--surface-1); --st-linie: var(--action); --st-celula: var(--action-soft); --st-celula-text: var(--action-text); }
.st-cm { --st-plin: var(--warn); --st-pe-plin: var(--on-brand); --st-fond: var(--warn-soft); --st-linie: var(--warn); --st-celula: var(--warn-soft); --st-celula-text: var(--warn-text); }
.st-invoire { --st-plin: var(--warn-text); --st-pe-plin: var(--surface-1); --st-fond: var(--warn-soft); --st-linie: var(--warn); --st-celula: var(--surface-1); --st-celula-text: var(--warn-text); }
.st-absent { --st-plin: var(--danger); --st-pe-plin: var(--on-action); --st-fond: var(--danger-soft); --st-linie: var(--danger); --st-celula: var(--danger); --st-celula-text: var(--on-action); }
.st-liber { --st-plin: var(--ink-muted); --st-pe-plin: var(--surface-1); --st-fond: var(--surface-2); --st-linie: var(--ink-muted); --st-celula: var(--surface-2); --st-celula-text: var(--ink-muted); }
.st-sarbatoare { --st-plin: var(--surface-2); --st-pe-plin: var(--ink-muted); --st-fond: var(--surface-2); --st-linie: var(--ink-faint); --st-celula: var(--surface-2); --st-celula-text: var(--ink-muted); }
.pontaj-butoane .buton.ales, .pontaj-butoane .buton.ales:hover { background: var(--st-plin); color: var(--st-pe-plin); border-color: var(--st-linie); font-weight: 700; }
.pontaj-rand.pontat { background: var(--st-fond); border-left-color: var(--st-linie); }
.pontaj-stare, .yk a.pontaj-stare, .yk a.pontaj-stare:hover { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 20px; padding: 0 var(--space-1);
border-radius: var(--radius-sm); border: 1px solid var(--st-linie); background: var(--st-celula); color: var(--st-celula-text); font-size: var(--text-min); font-weight: 700; text-decoration: none; }
/* CO pus de mână, fără cerere: pastila goală (fără fond), cu chenar punctat; `.yk a.pontaj-stare` (celula foii) e mai specifică, deci
se repetă aici, altfel chenarul rămânea plin și de aceeași culoare cu fondul */
.pontaj-stare.fara-cerere, .yk a.pontaj-stare.fara-cerere, .yk a.pontaj-stare.fara-cerere:hover { background: var(--surface-1); color: var(--action-text); border-color: var(--action); border-style: dashed; }
.pontaj-concediu { margin-top: var(--space-2); font-size: var(--text-small); color: var(--ink-muted); }
table.foaie td.zi-conflict { box-shadow: inset 0 0 0 2px var(--danger); white-space: nowrap; }
table.foaie td.foaie-inainte, table.foaie td.foaie-inainte a { color: var(--ink-muted); }
.zi-conflict__semn { color: var(--danger); font-weight: 700; margin-left: 1px; } /* „!”: sensul nu stă doar în culoare */
.pontaj-legenda { color: var(--ink-muted); font-size: var(--text-min); line-height: 26px; }
/* ---------- tabloul de bord ---------- */
.kpi { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-3); margin-bottom: var(--space-4); }
.kpi .card { margin: 0; }
@media (min-width: 900px) { .kpi { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 420px) { .kpi { grid-template-columns: minmax(0, 1fr); } } /* pe telefonul îngust, o coloană: sumele mari nu ies din ecran */
.variatie { font-size: var(--text-small); font-weight: 600; }
.bare { display: flex; align-items: flex-end; gap: 3px; height: 70px; margin: var(--space-2) 0 2px; }
.bare .bara { flex: 1; background: var(--action); border-radius: 3px 3px 0 0; min-height: 2px; opacity: .85; }
.bare .bara.azi { background: var(--ok); }
.bare-etichete { display: flex; gap: 3px; font-size: var(--text-min); color: var(--ink-muted); }
.bare-etichete span { flex: 1; text-align: center; }
.linie-procent { height: 6px; background: var(--surface-2); border-radius: 3px; margin-top: 4px; overflow: hidden; }
.linie-procent i { display: block; height: 100%; background: var(--action); }
.de-facut li { align-items: center; }
/* Acasă pe yk-*: cardurile cu rânduri (titlul cu marginea lui, rândurile până la margine), bulina lângă titlul verificării,
defalcările în „Detalii”; pe telefon zilele de sub bare rămân în card (una din două, dacă nu încap) */
.acasa-cifre { margin-bottom: var(--space-4); }
.acasa-cifre .yk-stat { min-width: 0; }
.acasa-cifre .yk-stat > .yk-small, .acasa-cifre .yk-stat__comparatie { margin-top: var(--space-1); }
.acasa-card { margin-bottom: var(--space-4); }
.yk-card + .yk-card.acasa-card { margin-top: 0; }
.acasa-card.yk-card--tight { padding: 0; }
.acasa-titlu { padding: var(--space-4) var(--space-4) var(--space-1); margin-bottom: 0; flex-wrap: wrap; }
.acasa-card .yk-card__title h2 { margin: 0; }
.acasa-card .yk-card__title .yk-muted { font-weight: 500; }
.acasa-semafor-rezumat { padding: 0 var(--space-4) var(--space-2); }
.acasa-sem { justify-content: flex-start; }
.acasa-sem .yk-row__main { flex: 1; }
.acasa-alte { margin: var(--space-2) var(--space-4) var(--space-4); }
.acasa-puncte { margin-top: var(--space-3); }
.acasa-detalii .acasa-sectiune + .acasa-sectiune { margin-top: var(--space-6); }
.acasa-detalii h3 { margin: 0 0 var(--space-2); }
.acasa-detalii h3 .yk-muted { font-weight: 500; }
.acasa-nota { margin-bottom: var(--space-2); }
.acasa-kv-valoare { text-align: right; min-width: 0; }
.acasa-sub { display: block; }
.acasa-punct { flex-direction: column; gap: 0; }
.acasa-punct__rand { display: flex; justify-content: space-between; gap: var(--space-3); }
.acasa-conturi .yk-kv { align-items: flex-start; }
.acasa-conturi .yk-kv > span:first-child { min-width: 0; }
.acasa-conturi .yk-number { flex: none; }
.acasa-card .bare-etichete span { min-width: 0; }
/* paginile de modul: ecranele modulului, carduri de aceeași lățime, aliniate pe rânduri (fără decalajul dat de .yk-card + .yk-card) */
.modul-ecrane { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap: var(--space-4); align-items: stretch; }
.yk a.modul-ecran { display: block; margin: 0; color: var(--ink); }
.yk a.modul-ecran:hover { background: var(--surface-2); text-decoration: none; }
.modul-ecran .yk-card__title { margin-bottom: var(--space-1); }
.modul-ecran__nume { color: var(--action); }
.modul-ecran__de-facut { margin-top: var(--space-1); }
/* Nomenclatoare: căutarea, capetele de tabel care se rup (lista încape în pagină), setările pe grupe, formularul */
.nom-cauta .yk-input { max-width: 320px; }
.nom-card .yk-table th { white-space: normal; vertical-align: bottom; }
.nom-grupa > .yk-rows { border-top: 1px solid var(--line); }
.nom-setare .yk-row__main { flex: 1; }
.nom-setare .yk-row__title { font-weight: 600; }
.nom-setare__valoare { color: var(--ink); overflow-wrap: anywhere; }
.nom-setare__cheie { overflow-wrap: anywhere; }
.nom-setare .yk-row__end { max-width: 45%; overflow-wrap: anywhere; white-space: normal; }
.nom-bifa { display: flex; align-items: center; gap: var(--space-2); min-height: var(--control-h); font-weight: 600; cursor: pointer; }
.yk .nom-bifa input[type=checkbox] { width: 22px; height: 22px; margin: 0; flex: none; }
.nom-cheie { overflow-wrap: anywhere; }
.nom-formular { max-width: 640px; }
/* Setări › Salarii: salariul minim cu istoricul pe date (valoarea de azi sus, apoi fiecare valoare cu data ei) */
.nom-minim__cap .yk-row__main { flex: 1; }
.nom-minim__cap .yk-row__title { font-weight: 600; }
.nom-minim .yk-badge { margin-right: var(--space-1); }
.nom-jurnal { margin-top: var(--space-4); }
/* jurnalul valorii: cardul fără margine pe orice lățime (și pe telefon, unde .yk-card ar pune 16 px), titlul cu marginea
rândurilor de dedesubt, ca pe Acasă */
.nom-jurnal.yk-card--tight { padding: 0; }
.nom-jurnal .yk-card__title { padding: var(--space-4) var(--space-4) var(--space-1); margin-bottom: 0; }
/* paginile de eroare: pictograma, titlul (pe pagina fără meniu), ce face omul și butonul principal */
.pagina-eroare .yk-display-lg { margin: 0 0 var(--space-2); color: var(--ink); }
.pagina-eroare > div { max-width: 520px; margin-left: auto; margin-right: auto; }
.pagina-eroare__buton { margin-top: var(--space-5); }
/* Vânzări pe zile: cifrele lunii ca pe Acasă, tabelul pe zile în card, cu titlul lui */
.vanzari-cifre { margin-bottom: var(--space-4); }
.vanzari-cifre .yk-stat { min-width: 0; }
.vanzari-cifre .yk-stat > .yk-small { margin-top: var(--space-1); }
.vanzari-puncte { margin-top: var(--space-1); }
.vanzari-card.yk-card--tight { padding: 0; }
.vanzari-titlu { padding: var(--space-4) var(--space-4) var(--space-2); margin-bottom: 0; }
.vanzari-titlu h2 { margin: 0; }
@media (max-width: 899px) {
.acasa-card.yk-card--tight { padding: 0; }
.vanzari-card.yk-card--tight { padding: 0; }
.acasa-card .bare-etichete span:nth-child(odd) { visibility: hidden; } /* pe telefon, o zi din două: 17, 19 … azi */
}
/* ---------- fișa furnizorului: rând nou, flota ---------- */
.fel-bloc .fel-document, .fel-bloc:has(select[name="fel"] option[value="document"]:checked) .fel-plata { display: none; }
.fel-bloc:has(select[name="fel"] option[value="document"]:checked) .fel-document { display: block; }
.fel-bloc:has(select[name="fel"] option[value="document"]:checked) .fel-document.grila { display: grid; }
.vehicul-cifre { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-2); margin-top: var(--space-2); }
@media (min-width: 900px) { .vehicul-cifre { grid-template-columns: repeat(4, 1fr); } }
/* decontul de combustibil: tabelul vehiculului (10 coloane) doar de la 1200 px; între 900 și 1200 px, lista de rânduri ca pe telefon
(altfel coloanele Consum și Semnale ajung ascunse în derularea din card) */
@media (min-width: 900px) and (max-width: 1199px) {
.decont-lat { display: none !important; }
.yk-rows.yk-tel.decont-ingust { display: flex !important; }
}
[hidden] { display: none !important; } /* „hidden” câștigă mereu, și peste componentele cu display propriu */
/* ---------- concedii: calendarul cererii și planificarea pe puncte ---------- */
.concediu-grila { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: var(--space-4); align-items: start; }
.concediu-grila > .yk-card + .yk-card { margin-top: 0; } /* în grilă spațiul îl dă gap-ul: cardurile alăturate pornesc de la aceeași înălțime */
/* bifa de confirmare din formulare (adeverința de vechime): ținta de atingere de 44 px, căsuța mare */
.bifa-confirmare { display: flex; align-items: flex-start; gap: var(--space-2); min-height: var(--control-h); margin-top: var(--space-2); }
.bifa-confirmare input[type=checkbox] { width: var(--space-5); height: var(--space-5); flex: none; }
.cal-luni { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-3); }
.cal-luna__titlu { font-weight: 700; margin-bottom: var(--space-2); }
.cal-grila { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; }
.cal-cap { font-size: var(--text-min); font-weight: 700; color: var(--ink-muted); text-align: center; padding: 4px 0; }
.cal-gol { min-height: 44px; }
.cal-zi { position: relative; min-height: 44px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface-1); color: var(--ink);
font: inherit; font-weight: 600; cursor: pointer; }
.cal-zi:hover { border-color: var(--action); }
.cal-zi.is-weekend { color: var(--ink-muted); background: var(--surface-0); }
.cal-zi.is-sarbatoare { color: var(--danger-text); background: var(--danger-soft); border-color: var(--danger-soft); }
.cal-zi.is-aleasa { background: var(--action); border-color: var(--action); color: var(--on-action); }
.cal-zi:disabled { cursor: not-allowed; background: var(--surface-2); color: var(--ink-faint); border-style: dashed; }
.cal-zi.is-sarbatoare:disabled { background: var(--danger-soft); color: var(--danger-text); } /* sărbătoarea nu intră în concediu: se vede, dar nu se alege */
.cal-zi.is-ocupata { background: var(--brand-soft); color: var(--brand-text); border-style: solid; }
.cal-zi__colegi { position: absolute; top: 1px; right: 1px; min-width: 18px; height: 18px; padding: 0 4px; border-radius: var(--radius-pill);
font-size: var(--text-min); line-height: var(--leading-min); font-weight: 700; background: var(--warn-soft); color: var(--warn-text); }
.cal-zi__colegi.is-aprobat { background: var(--danger-soft); color: var(--danger-text); }
.cal-legenda { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-3); color: var(--ink-muted); }
.cal-legenda span::before { content: ""; display: inline-block; width: 12px; height: 12px; border-radius: 3px; margin-right: 6px; vertical-align: -1px; background: var(--x); }
.plan-derulare { overflow-x: auto; padding: var(--space-3) var(--space-4) 0; }
.plan-tabel { border-collapse: separate; border-spacing: 0; font-size: var(--text-min); }
.plan-tabel th, .plan-tabel td { padding: 4px 1px; text-align: center; border-bottom: 1px solid var(--line); min-width: 27px; }
.plan-tabel th { font-weight: 700; color: var(--ink-muted); }
.plan-zi-sapt { display: block; font-size: var(--text-min); font-weight: 600; text-transform: lowercase; }
.plan-tabel .plan-nume { text-align: left; white-space: nowrap; padding-right: var(--space-3); position: sticky; left: 0; background: var(--surface-1); min-width: 150px; font-size: var(--text-min); }
.plan-tabel .plan-total { min-width: 44px; font-weight: 700; }
.plan-tabel .is-weekend { background: var(--surface-0); }
.plan-tabel .is-sarbatoare { background: var(--danger-soft); }
.plan-tabel tfoot td { font-weight: 600; }
.plan-celula { display: inline-flex; align-items: center; justify-content: center; min-width: 26px; height: 20px; padding: 0 2px; border-radius: 4px; font-size: var(--text-min); font-weight: 700; }
.plan-celula.is-aprobata, .yk a.plan-celula.is-aprobata { background: var(--action); color: var(--on-action); text-decoration: none; }
.plan-celula.is-asteptare, .yk a.plan-celula.is-asteptare { background: var(--warn-soft); color: var(--warn-text); border: 1px dashed var(--warn); text-decoration: none; }
.plan-disp.is-lipsa { background: var(--danger-soft); color: var(--danger-text); font-weight: 700; }
.plan-disp.is-limita { background: var(--warn-soft); color: var(--warn-text); font-weight: 700; }
.plan-disp.is-ok { color: var(--ok-text); }
span.plan-disp { display: inline-block; min-width: 20px; padding: 0 4px; border-radius: 4px; text-align: center; }
.plan-legenda { padding: var(--space-3) var(--space-4) var(--space-4); color: var(--ink-muted); line-height: 26px; }
@media (max-width: 899px) { .concediu-grila, .cal-luni { grid-template-columns: 1fr; } }
/* ---------- scadențele pe săptămână: cele 7 zile ---------- */
.sapt-zile { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: var(--space-2); margin-bottom: var(--space-4); }
.sapt-zi { display: block; padding: var(--space-3); color: inherit; }
.yk a.sapt-zi { color: inherit; }
.yk a.sapt-zi:hover { background: var(--surface-2); text-decoration: none; }
.sapt-zi.is-trecuta { background: var(--surface-2); border-style: dashed; }
.sapt-zi.is-azi { border-color: var(--action); }
.sapt-zi.is-varf { border-color: var(--warn); background: var(--warn-soft); }
@media (max-width: 899px) { .sapt-zile { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* ---------- pastile de filtru, file, intrare ---------- */
.yk-pills { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; margin-bottom: var(--space-4); }
.yk-pill { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 var(--space-3); border-radius: var(--radius-pill); border: 1.5px solid var(--line-strong);
background: var(--surface-1); color: var(--ink); font-size: var(--text-small); font-weight: 600; text-decoration: none; }
.yk-pill:hover { background: var(--surface-2); text-decoration: none; color: var(--ink); }
.yk-pill.is-active { background: var(--action-soft); border-color: var(--action); color: var(--action-text); }
.yk-tabs { display: flex; gap: var(--space-4); border-bottom: 1px solid var(--line); padding: 0 var(--space-4); }
.yk-tab { display: inline-flex; align-items: center; min-height: 44px; padding: 0 2px; border-bottom: 2px solid transparent; color: var(--ink-muted); font-weight: 600; text-decoration: none; }
.yk-tab:hover { color: var(--ink); text-decoration: none; }
.yk-tab.is-active { color: var(--action-text); border-bottom-color: var(--action); }
.yk-intrare { max-width: 340px; margin: var(--space-10) auto; text-align: center; }
.yk-intrare img { width: 64px; height: 64px; }
.yk-intrare .yk-card { text-align: left; margin-top: var(--space-6); }
.yk-breadcrumb { font-size: var(--text-small); color: var(--ink-muted); margin-bottom: var(--space-2); }
.yk-crumbs a { color: var(--action); }
.yk-two { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-4); align-items: start; }
@media (min-width: 900px) { .yk-two { grid-template-columns: minmax(260px, 1fr) minmax(0, 2.4fr); } }
.yk-two > * { min-width: 0; } /* un text lung (VIN) nu lărgește coloana peste ecranul telefonului */
/* graficul de leasing: rândul cheie–valoare care se rupe pe telefonul îngust, textul fără spații care se rupe, câmpul de fișier,
selectul rândului din grafic, tabelul dens (10 coloane la 1280 px) */
.yk-kv--rupe { flex-wrap: wrap; }
.yk-kv--rupe > :last-child { margin-left: auto; }
.yk-rupe { min-width: 0; overflow-wrap: anywhere; }
.yk-input--fisier { max-width: 360px; }
.yk-select--rand { max-width: 420px; }
.yk-table--dens td, .yk-table--dens th { padding-left: var(--space-2); padding-right: var(--space-2); }
.yk-table .sub, .yk-table td.yk-muted { font-size: var(--text-min); line-height: var(--leading-min); }
.yk-table td.yk-muted { max-width: 220px; }
#fisa .yk-table td:nth-child(2) { white-space: normal; }
.yk-sem + .yk-sem { margin-top: 10px; }
.semafor-verzi { margin-top: var(--space-4); } /* Semaforul: verificările verzi, închise sub cele de rezolvat */
.yk-sem .detalii { flex-basis: 100%; margin: 0; padding: 0; }
.yk-sem .detalii:empty { display: none; }
.yk-sem__chev { transition: transform .15s ease; }
.yk-sem--deschis .yk-sem__chev { transform: rotate(90deg); }
.yk-sem__lista { margin: 0 0 10px; padding: 10px var(--space-4) 10px 44px; font-size: var(--text-small); }
.yk-sem__lista li { margin: 6px 0; }
.yk-stat--card { background: var(--surface-2); border: 0; padding: var(--space-3); min-width: 0; }
.yk-stat--card .yk-stat__value { font-size: var(--text-xl); line-height: var(--leading-xl); }
.yk-stat--card .yk-label { font-size: var(--text-min); }
.yk-actiuni-tel { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-bottom: var(--space-4); }
/* ---------- raportul lunar (ecrane/raport_lunar.html): sus rezumatul (Pe scurt, De reținut, Pe puncte, BareLuni), dedesubt „Detalii”
și „Cum s-a calculat”, închise (Pliabil); tabelele din Detalii, BareComparatie ---------- */
.yk-pill.is-blocat { color: var(--ink-faint); background: var(--surface-2); border-style: dashed; cursor: not-allowed; }
.rl-luni .yk-pill { min-height: 32px; padding: 0 var(--space-2); }
.rl-luni { margin-bottom: var(--space-3); }
.rl-pagina > .yk-note { margin-bottom: var(--space-4); }
.rl-h2 { margin: 0 0 var(--space-2); }
.rl-cifre { margin-bottom: var(--space-4); }
.rl-cifre .yk-stat { min-width: 0; }
/* pe calculator sub 1500 px, patru casete pe rând ar fi prea înguste pentru „ce conține” (suma ar trece sub etichetă): două pe rând;
cu Pliabilul „Ce conține” deschis, casetele nu se întind după cea deschisă */
@media (min-width: 900px) and (max-width: 1499.98px) { .rl-cifre { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.rl-cifre:has(.yk-ce-pliabil[open]), .chelt-cifre:has(.yk-ce-pliabil[open]) { align-items: start; }
.rl-cifre .yk-stat__value { font-size: var(--text-display-sm); line-height: var(--leading-display-sm); overflow-wrap: anywhere; }
.rl-pagina .yk-card--tight { padding: 0; } /* pe telefon, .yk-card ar pune 16 px peste rândurile care au deja marginea lor */
.rl-nota { margin-top: var(--space-2); }
.rl-sectiune { margin-bottom: var(--space-4); }
.rl-titlu { padding: var(--space-4) var(--space-4) var(--space-2); flex-wrap: wrap; gap: var(--space-1) var(--space-3); margin-bottom: 0; }
.rl-pagina .yk-card__title .yk-small { font-weight: 400; }
.rl-pagina .yk-card__title h2 { margin: 0; }
.rl-rupe { display: block; min-width: 0; overflow-wrap: anywhere; }
.rl-acoperire { align-items: flex-start; }
.rl-acoperire__sursa { min-width: 0; }
.rl-derulare { overflow-x: auto; }
.rl-tabel td.num { white-space: nowrap; }
.rl-tabel th { white-space: normal; vertical-align: bottom; }
.rl-tabel td.num, .rl-tabel th.num { padding-left: var(--space-1); }
.rl-tabel td.num .sub { white-space: normal; max-width: 160px; margin-left: auto; }
.rl-tabel td:first-child { min-width: 140px; }
.rl-puncte td:first-child .sub { max-width: 340px; }
.rl-din-care td:first-child, .rl-din-care .yk-row__title { padding-left: var(--space-6); color: var(--ink-muted); font-weight: 500; }
.rl-mare td { background: var(--warn-soft); }
.rl-mare td:first-child { box-shadow: inset 3px 0 0 var(--warn); }
.rl-mare-text { color: var(--warn-text); font-weight: 600; }
.rl-fara-date { font-weight: 500; } /* „fără date”: ink-muted, fără italic (DESIGN: italicul nu e stil de informație) */
.rl-grup td { background: var(--surface-0); }
.rl-grup td:first-child b { font-weight: 600; }
.rl-pondere { min-width: 64px; }
.rl-total { background: var(--surface-2); font-weight: 700; }
.rl-subsol { padding: var(--space-2) var(--space-4) var(--space-4); }
.rl-subsol > div + div { margin-top: 2px; }
.rl-capat { max-width: 45%; }
.rl-pagina .sub { display: block; font-size: var(--text-min); line-height: var(--leading-min); color: var(--ink-muted); }
.rl-capat > .yk-nowrap { font-weight: 700; font-variant-numeric: tabular-nums; }
/* „Bani, datorii și alte cifre”: grupurile de rânduri cheie–valoare, pe coloane */
.rl-grila { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: var(--space-4) var(--space-6); align-items: start; }
.rl-indicator { min-width: 0; }
.rl-indicator__titlu { margin: 0 0 var(--space-1); font-size: var(--text-body); }
.rl-card-lat { grid-column: 1 / -1; }
.rl-kv-valoare { text-align: right; flex: none; max-width: 60%; }
.rl-kv-valoare .yk-small { display: block; }
.rl-kv-motiv { display: block; }
.rl-kv-mare { background: var(--warn-soft); box-shadow: inset 3px 0 0 var(--warn); padding-left: var(--space-2); padding-right: var(--space-2); }
.rl-kv-coloane { column-gap: var(--space-8); }
@media (min-width: 900px) { .rl-kv-coloane { column-count: 2; } }
.rl-kv-coloane .yk-kv { break-inside: avoid; }
/* starea scrisă ca text colorat (nu insignă), în „Cât de complete sunt datele” și „Toate semnalele” */
.rl-stare-cuvant { font-size: var(--text-min); line-height: var(--leading-min); font-weight: 700; white-space: nowrap; color: var(--ink-muted); }
.rl-stare-cuvant--ok { color: var(--ok-text); } .rl-stare-cuvant--warn { color: var(--warn-text); }
.rl-stare-cuvant--danger { color: var(--danger-text); } .rl-stare-cuvant--info { color: var(--action-text); }
.rl-lista summary { color: var(--action); cursor: pointer; margin-top: 2px; }
.rl-lista ul { margin: var(--space-1) 0 0; padding-left: var(--space-5); }
.rl-reguli { margin: 0; padding-left: var(--space-5); font-size: var(--text-small); line-height: var(--leading-small); }
.rl-reguli li + li { margin-top: var(--space-1); }
.rl-semnal .yk-row__main { flex: 1; }
.rl-culoare { display: inline-flex; align-items: center; gap: var(--space-2); }
.rl-culoare .yk-dot { width: 10px; height: 10px; }
.yk-rows .yk-row > .yk-dot { flex: none; }
/* Semaforul pe telefon: bulina lângă titlu, rândul aliniat la stânga */
.rl-semafor-rand { justify-content: flex-start; }
.rl-semafor-rand .yk-row__main { flex: 1; }
.rl-pliabil .yk-pliabil__corp .yk-table { font-size: var(--text-small); }
.rl-pliabil .rl-derulare, .rl-pliabil .yk-desk > .yk-table { border: 1px solid var(--line); border-radius: var(--radius-md); }
.rl-pliabil .yk-rows.yk-tel { border: 1px solid var(--line); border-radius: var(--radius-md); }
.rl-pliabil .yk-rows.yk-tel .yk-row { padding-left: var(--space-3); padding-right: var(--space-3); }
/* DeRetinut: rânduri întregi apăsabile (cel puțin 44 px), pictograma în culoarea semaforului lângă propoziție, legătura la capăt */
.retine { margin-bottom: var(--space-4); }
.retine__titlu { padding: var(--space-4) var(--space-4) var(--space-1); margin-bottom: 0; }
.retine__rand { justify-content: flex-start; align-items: flex-start; min-height: 44px; gap: var(--space-3); }
.retine__rand .yk-row__main { flex: 1; font-size: var(--text-body); line-height: var(--leading-body); }
.retine__semn { flex: none; display: inline-flex; margin-top: 1px; }
.retine__semn svg { width: 18px; height: 18px; }
.retine__semn--danger { color: var(--danger); } .retine__semn--warn { color: var(--warn); } .retine__semn--info { color: var(--ink-muted); }
.retine__semn--ok { color: var(--ok); }
/* gravitatea în cuvinte, lângă culoarea pictogramei */
.retine__nivel { font-weight: 700; } .retine__nivel--danger { color: var(--danger-text); } .retine__nivel--warn { color: var(--warn-text); }
.retine__nivel--info { color: var(--ink-muted); }
.retine__legatura { color: var(--action); font-weight: 600; }
.yk a.retine__rand:hover .retine__legatura { text-decoration: underline; }
.retine__rand .yk-sem__chev { align-self: center; }
.yk a.retine__toate { min-height: 44px; color: var(--action); font-weight: 600; font-size: var(--text-small); background: var(--surface-0); }
/* BareLuni: anul lunii alese, lună cu lună; vânzările (`action`) lângă cheltuieli (cumpărăturile plin `line-strong`, salariile deasupra,
deschise, cu contur); hașurat = incomplet, contur punctat = fără date; sumele doar în `title` */
.bare-luni { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 2px; }
.bare-luni__luna { display: flex; flex-direction: column; min-width: 0; border-radius: var(--radius-sm); padding: 4px 1px 2px; }
.bare-luni__luna.is-aleasa { background: var(--action-soft); }
.bare-luni__bare { display: flex; align-items: flex-end; justify-content: center; gap: 3px; height: 120px; border-bottom: 1px solid var(--line-strong); }
.bare-luni__v, .bare-luni__c { width: min(40%, 22px); }
.bare-luni__v { display: block; background: var(--action); border-radius: var(--radius-sm) var(--radius-sm) 0 0; }
.bare-luni__c { display: flex; flex-direction: column; justify-content: flex-end; height: 100%; }
.bare-luni__cump { display: block; background: var(--line-strong); }
.bare-luni__sal { display: block; background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--line-strong); border-radius: var(--radius-sm) var(--radius-sm) 0 0; }
.bare-luni__v.incomplet { background: repeating-linear-gradient(135deg, var(--action) 0 3px, var(--action-soft) 3px 6px); box-shadow: inset 0 0 0 1px var(--action); }
.bare-luni__cump.incomplet { background: repeating-linear-gradient(135deg, var(--line-strong) 0 3px, var(--surface-2) 3px 6px); }
.bare-luni__sal.incomplet { background: repeating-linear-gradient(135deg, var(--line-strong) 0 2px, var(--surface-1) 2px 6px); }
.bare-luni__v.fara-date, .bare-luni__cump.fara-date, .bare-luni__sal.fara-date, .bare-luni__gol { background: transparent; box-shadow: none;
border: 1px dashed var(--line-strong); border-bottom: 0; }
.bare-luni__gol { display: block; height: 12%; }
.bare-luni__eticheta { font-size: var(--text-min); line-height: var(--leading-min); text-align: center; color: var(--ink-muted); margin-top: 2px; }
.bare-luni__luna.is-aleasa .bare-luni__eticheta { color: var(--action-text); font-weight: 700; }
.bare-luni__legenda { display: flex; flex-wrap: wrap; gap: var(--space-1) var(--space-3); margin-top: var(--space-2); }
.bare-luni__legenda span::before { content: ""; display: inline-block; width: 12px; height: 12px; margin-right: 6px; vertical-align: -1px; border-radius: var(--radius-sm); }
.bare-luni__leg-v::before { background: var(--action); }
.bare-luni__leg-cump::before { background: var(--line-strong); }
.bare-luni__leg-sal::before { background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--line-strong); }
.bare-luni__leg-inc::before { background: repeating-linear-gradient(135deg, var(--line-strong) 0 3px, var(--surface-2) 3px 6px); }
.bare-luni__nota { margin-top: var(--space-1); color: var(--ink-muted); }
.bare-luni__leg-gol::before { border: 1px dashed var(--line-strong); }
/* BareComparatie (în „Detalii”): două bare pe lună (anul lunii în `action`, anul trecut în `line-strong`), valoarea scrisă sub bare;
„fără date” e o bară goală cu contur punctat, „incomplet” e hașurată; lunile viitoare rămân goale; derularea e doar în interiorul
graficului, nu a paginii */
.rl-trend + .rl-trend { margin-top: var(--space-5); }
.rl-trend__titlu { margin: var(--space-3) 0 var(--space-2); }
.bare-derulare { position: relative; overflow-x: auto; padding-bottom: var(--space-1); }
.bare-comp { display: grid; grid-template-columns: repeat(12, minmax(52px, 1fr)); gap: var(--space-2); min-width: 700px; }
.bare-comp__luna { display: flex; flex-direction: column; min-width: 0; border-radius: var(--radius-sm); padding: 2px 2px 4px; }
.bare-comp__luna.is-aleasa { background: var(--action-soft); }
.bare-comp__bare { display: flex; align-items: flex-end; gap: 3px; height: 96px; padding: 0 4px; border-bottom: 1px solid var(--line-strong); }
.bare-comp .bara { flex: 1; min-height: 2px; border-radius: var(--radius-sm) var(--radius-sm) 0 0; background: var(--action); }
.bare-comp .bara.an-ant { background: var(--line-strong); }
.bare-comp .bara.partial { background: repeating-linear-gradient(135deg, var(--action) 0 3px, var(--action-soft) 3px 6px); box-shadow: inset 0 0 0 1px var(--action); }
.bare-comp .bara.an-ant.partial { background: repeating-linear-gradient(135deg, var(--line-strong) 0 3px, var(--surface-2) 3px 6px); box-shadow: inset 0 0 0 1px var(--line-strong); }
.bare-comp .bara.fara-date, .bare-comp .bara.an-ant.fara-date { background: transparent; border: 1px dashed var(--line); border-bottom: 0; box-shadow: none; }
.bare-comp__val { font-size: var(--text-min); line-height: var(--leading-min); text-align: center; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 2px; }
.bare-comp__val + .bare-comp__val { margin-top: 0; }
.bare-comp__eticheta { font-size: var(--text-min); line-height: var(--leading-min); font-weight: 700; text-align: center; margin-top: 2px; }
.rl-legenda { display: inline-flex; flex-wrap: wrap; gap: var(--space-3); }
.rl-legenda span::before { content: ""; display: inline-block; width: 12px; height: 12px; margin-right: 6px; vertical-align: -1px; border-radius: var(--radius-sm); }
.rl-legenda__an::before { background: var(--action); }
.rl-legenda__an-ant::before { background: var(--line-strong); }
.rl-legenda__partial::before { background: repeating-linear-gradient(135deg, var(--action) 0 3px, var(--action-soft) 3px 6px); }
.rl-legenda__gol::before { border: 1px dashed var(--ink-faint); }
@media (max-width: 899px) {
.rl-luni { gap: var(--space-1); }
.rl-grila { grid-template-columns: minmax(0, 1fr); }
.rl-kv-valoare { max-width: 55%; }
.bare-luni__bare { height: 96px; gap: 2px; }
.bare-luni__v, .bare-luni__c { width: 9px; }
.rl-pliabil .yk-pliabil__rezumat { display: none; }
/* cifrele, pe telefon: eticheta și cifra pe primul rând, calificativul și comparația dedesubt, pe toată lățimea */
.rl-cifre.yk-stat-grid--rand > .yk-stat { align-items: start; min-height: 0; }
.rl-cifre.yk-stat-grid--rand > .yk-stat > .yk-stat__value { grid-row: 1; font-size: var(--text-lg); line-height: var(--leading-lg); }
.rl-cifre.yk-stat-grid--rand > .yk-stat > .yk-stat__calificativ, .rl-cifre.yk-stat-grid--rand > .yk-stat > .yk-stat__comparatie { grid-column: 1 / -1; }
}
/* ---------- rapoarte: pagina Cheltuieli (sus: filtrele, linia de stare, 3 cifre, mesajul unic, tabelul pe puncte; dedesubt, închise,
„Detalii” și „Cum s-a calculat”; detalierea și lămurirea plăților) ---------- */
.chelt-sectiune { margin-bottom: var(--space-4); }
.chelt-titlu { padding: var(--space-4) var(--space-4) 0; flex-wrap: wrap; gap: var(--space-2); }
.chelt-titlu-sub { padding: var(--space-1) var(--space-4) var(--space-3); }
.chelt-derulare { overflow-x: auto; } /* un tabel lat se derulează în cardul lui, nu pagina */
.chelt-sub { margin: var(--space-4) var(--space-4) var(--space-2); }
.yk a.chelt-suma { color: var(--ink); text-decoration: none; }
.yk a.chelt-suma:hover { color: var(--action); text-decoration: underline; }
/* filtrele: rândul perioadei; „Altă perioadă” se deschide sub el (fără JS, prin #alta-perioada); lista punctelor, „Cu TVA”, „Mai multe filtre” */
.chelt-perioade { margin-bottom: var(--space-3); }
.chelt-perioada__form { display: none; flex-wrap: wrap; gap: var(--space-3); align-items: flex-end; margin: 0 0 var(--space-3); padding: var(--space-3);
background: var(--surface-1); border: 1px solid var(--line); border-radius: var(--radius-lg); }
.chelt-perioada__form:target, .chelt-perioada__form.is-deschis { display: flex; }
.chelt-perioada__form .yk-field { min-width: 160px; }
.chelt-perioada__form .yk-field + .yk-field { margin-top: 0; }
.chelt-filtre-rand { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); margin-bottom: var(--space-4); }
.chelt-punct { display: flex; gap: var(--space-2); align-items: center; }
.chelt-punct .yk-select { width: auto; min-width: 220px; min-height: 36px; padding-right: var(--space-8); }
.chelt-mai-multe > summary { list-style: none; cursor: pointer; }
.chelt-mai-multe > summary::-webkit-details-marker { display: none; }
.chelt-mai-multe[open] { flex-basis: 100%; }
.chelt-mai-multe__corp { margin-top: var(--space-3); padding: var(--space-3) var(--space-4) var(--space-1); background: var(--surface-1); border: 1px solid var(--line);
border-radius: var(--radius-lg); }
.chelt-mai-multe__corp .yk-label { margin-bottom: var(--space-2); }
.chelt-mai-multe__corp .yk-pills { margin-bottom: var(--space-3); }
.yk-pill.is-disabled { border-style: dashed; color: var(--ink-muted); cursor: not-allowed; }
.chelt-filtru-ales { margin: calc(-1 * var(--space-2)) 0 var(--space-3); }
.chelt-pagina .yk-stare-date { margin-bottom: var(--space-3); }
.chelt-pagina > .yk-note { margin-bottom: var(--space-3); }
.chelt-cifre { margin-bottom: var(--space-3); }
.chelt-cifre .yk-stat { min-width: 0; }
.chelt-cifre .yk-stat__value { overflow-wrap: anywhere; }
.chelt-mesaj { margin-bottom: var(--space-4); }
/* tabelul pe puncte: 3 coloane (punct, cheltuieli, parte din total); la punctul deschis, rândul mic cu tipurile de document */
.arbore { font-size: var(--text-small); }
.arbore td.num { white-space: nowrap; }
.arbore td:first-child { min-width: 200px; }
.arbore--simplu td:first-child { width: 60%; }
.arbore tr.arbore-g td { background: var(--surface-2); font-weight: 700; }
.arbore tbody tr.arbore-g:hover td { background: var(--surface-2); }
.arbore tr.arbore-p td { font-weight: 600; }
.arbore tr.arbore-d td:first-child { padding-left: calc(var(--space-3) + var(--space-6)); }
.arbore tr.arbore-s td { font-size: var(--text-min); color: var(--ink-muted); }
.arbore tr.arbore-s td:first-child { padding-left: calc(var(--space-3) + var(--space-10)); }
.arbore tr.arbore-t td { padding-top: 0; padding-left: calc(var(--space-3) + var(--space-6)); font-size: var(--text-min); line-height: var(--leading-min); color: var(--ink-muted); }
.arbore tbody tr.arbore-t:hover td { background: transparent; }
.arbore tr.arbore-p + tr.arbore-t td { border-top: 0; }
.arbore__punct:has(tr.arbore-p details.arbore__deschide:not([open])) tr.arbore-d,
.arbore__punct:has(tr.arbore-p details.arbore__deschide:not([open])) tr.arbore-s,
.arbore__punct:has(tr.arbore-p details.arbore__deschide:not([open])) tr.arbore-t { display: none; }
.arbore details.arbore__deschide { display: inline-block; vertical-align: middle; } /* semnul „i” (Ce conține) stă lângă nume */
.arbore summary, .chelt-punct-tel > summary, .chelt-clasare-deschide > summary, .chelt-registre > summary { list-style: none; cursor: pointer; }
/* săgețile rândurilor care se deschid: pictograma „chevron” din Yuksel.icon, rotită la deschidere */
.chelt-semn { flex: none; width: 14px; height: 14px; color: var(--ink-muted); transition: transform .15s ease; vertical-align: -2px; }
.arbore details.arbore__deschide[open] > summary > .chelt-semn, .chelt-registre[open] > summary > .chelt-semn, .chelt-punct-tel[open] > summary .chelt-semn { transform: rotate(90deg); }
.arbore summary::-webkit-details-marker, .chelt-punct-tel > summary::-webkit-details-marker, .chelt-clasare-deschide > summary::-webkit-details-marker,
.chelt-registre > summary::-webkit-details-marker { display: none; }
.arbore .arbore__deschide > summary { display: inline-flex; align-items: center; gap: var(--space-1); }
.arbore__pondere { min-width: 112px; }
.arbore__bara { display: flex; align-items: center; gap: var(--space-2); white-space: nowrap; }
.arbore__bara .linie-procent { flex: 0 0 44px; margin: 0; }
.arbore .sub { font-weight: 400; }
.chelt-luni tr.chelt-luni-punct td { font-weight: 700; background: var(--surface-0); }
.chelt-luni tr.chelt-luni-departament td:first-child { padding-left: calc(var(--space-3) + var(--space-5)); }
/* telefon: punctele ca rânduri cu bară, deschise pe loc */
.chelt-punct-tel > summary.yk-row { align-items: flex-start; }
.chelt-punct-tel .yk-row__main { flex: 1; }
.chelt-punct-tel .linie-procent { margin: var(--space-1) 0 2px; }
.chelt-punct-tel[open] > summary { background: var(--surface-0); }
.chelt-punct-tel--grup > summary { background: var(--surface-2); }
.chelt-dep-tel, .chelt-tipuri-tel { padding-left: var(--space-8); }
.chelt-tipuri-tel { min-height: 0; }
.yk a.chelt-dep-tel { color: inherit; }
.chelt-grup-tel { background: var(--surface-2); }
.chelt-detalii:empty { display: none; }
/* în „Detalii” și „Cum s-a calculat” */
.chelt-paragraf { margin-bottom: var(--space-3); }
.chelt-lista { margin: var(--space-3) 0 0; padding-left: var(--space-5); }
.chelt-lista li { margin: 4px 0; }
.chelt-bloc { display: block; }
.chelt-eticheta-sub { margin-top: var(--space-4); }
.chelt-lamurit { margin-bottom: var(--space-2); flex-wrap: wrap; }
.chelt-registre > summary { color: var(--ink); margin-top: 2px; }
.chelt-registre ul { margin: 2px 0 var(--space-1); padding-left: var(--space-5); }
.chelt-semnale .yk-row { padding-left: 0; padding-right: 0; }
.chelt-pagina .yk-pliabil .yk-table th { white-space: normal; vertical-align: bottom; }
.chelt-pagina .yk-pliabil .yk-table td:first-child { min-width: 180px; }
.arbore tr.arbore-p:has(+ tr.arbore-t) td { border-bottom: 0; }
.chelt-kv .yk-kv { align-items: baseline; }
.chelt-kv .yk-kv > :last-child { text-align: right; white-space: nowrap; }
.chelt-kv--subtotal, .chelt-kv--total { font-weight: 700; border-top: 1px solid var(--line-strong); }
.chelt-kv--din { padding-left: var(--space-5); color: var(--ink-muted); font-size: var(--text-small); }
.chelt-nota { margin: var(--space-3) var(--space-4) var(--space-4); }
.chelt-nota li { margin: 4px 0; }
/* detalierea și lămurirea plăților */
.chelt-clasare { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; padding: var(--space-2) 0; }
.yk .chelt-clasare select, .yk .chelt-clasare input[type=text] { width: auto; min-width: 180px; max-width: 320px; min-height: 36px; font-size: var(--text-small); }
.chelt-clasare-deschide > summary { color: var(--action); font-size: var(--text-min); font-weight: 600; }
.chelt-paginare { display: flex; flex-wrap: wrap; gap: var(--space-2); padding: var(--space-3) var(--space-4); }
@media (max-width: 899px) {
.chelt-filtre-rand { gap: var(--space-2); }
.chelt-punct { flex: 1 1 0; min-width: 0; }
.chelt-punct .yk-select { flex: 1; min-width: 0; width: 100%; }
.chelt-mai-multe { flex-basis: auto; }
.chelt-mai-multe[open] { flex-basis: 100%; }
.chelt-rupe { flex-basis: 100%; height: 0; } /* rândul 2: „Altă perioadă” și „Mai multe filtre”; lista punctelor ia rândul 1 */
.chelt-pagina .yk-card--tight { padding: 0; }
.chelt-pagina .yk-pliabil .yk-pliabil__corp { padding-left: var(--space-3); padding-right: var(--space-3); }
.chelt-pagina .yk-pliabil .yk-pliabil .yk-pliabil__corp { padding-left: 0; padding-right: 0; }
.chelt-kv .yk-kv > :last-child { white-space: normal; }
}
/* ==== personal: început ==== */
/* ---------- Personal: angajații, pontajul, concediile, salariile, naveta (clase proprii zonei, doar tokeni) ---------- */
.pers-cifre, .pers-nota, .pers-card, .pers-minim { margin-bottom: var(--space-4); }
.pers-card + .pers-card, .yk-card + .pers-card { margin-top: 0; }
.pers-card__cap { padding: var(--space-4) var(--space-4) 0; }
.pers-derulare { overflow-x: auto; }
.yk-table tr.pers-rand--atentie td, .yk-row.pers-rand--atentie { background: var(--warn-soft); }
.pers-tabel-lat th { white-space: normal; vertical-align: bottom; }
.yk-table tr.pers-rand--problema td, .yk-row.pers-rand--problema { background: var(--danger-soft); }
.yk-table td.pers-gol { color: var(--ink-muted); }
@media (max-width: 899px) { .yk-card--tight.pers-card { padding: 0; } }
.pers-cauta { display: flex; gap: var(--space-2); align-items: center; max-width: 560px; margin-bottom: var(--space-3); }
.pers-cauta .yk-input { flex: 1 1 auto; min-width: 0; }
.pers-card .yk-table th.sortable a { color: inherit; }
.pers-card .yk-table th.sortable.asc a, .pers-card .yk-table th.sortable.desc a { color: var(--ink); }
.yk-table tr.grup-punct td, .yk-row.pers-grup { background: var(--surface-2); font-weight: 700; color: var(--ink); }
.yk-row.pers-grup { min-height: 0; padding: var(--space-2) var(--space-4); }
.pers-sortare { padding: var(--space-3) var(--space-4) var(--space-2); }
.pers-sortare--ales { font-weight: 700; }
.pers-sub { margin-bottom: var(--space-3); }
.pers-legaturi { margin: var(--space-4) 0; }
.pers-sus { margin-top: var(--space-2); }
.pers-randuri { white-space: pre-line; }
.pers-card--atentie { border-color: var(--warn); }
.coloane > div > .pers-card { margin-bottom: var(--space-4); }
.pers-act { border-bottom: 1px solid var(--line); padding: var(--space-2) 0; }
.pers-act__cap { display: flex; justify-content: space-between; align-items: center; gap: var(--space-2); min-height: var(--control-h); cursor: pointer; list-style: none; }
.pers-act__cap::-webkit-details-marker { display: none; }
.pers-act__cap .yk-row__sub { display: block; }
.pers-act__form { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--space-2) var(--space-3); align-items: end; padding: var(--space-2) 0; }
.pers-act__form .yk-field + .yk-field { margin-top: 0; }
.pers-act__form input[type=file] { max-width: 100%; }
.pers-act__butoane { grid-column: 1 / -1; }
.pers-alt-act { flex: 1 1 100%; }
.pers-alt-act > summary { list-style: none; cursor: pointer; }
.pers-alt-act > summary::-webkit-details-marker { display: none; }
.pers-lista .yk-row { padding-left: 0; padding-right: 0; min-height: 0; }
.pers-naveta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); margin-top: var(--space-3); }
.pers-naveta__cifra { font-size: var(--text-lg); line-height: var(--leading-lg); font-weight: 700; font-variant-numeric: tabular-nums; }
.pers-camp-scurt { max-width: 320px; }
.pers-act__form > * { min-width: 0; }
.pers-act__form .yk-select { min-width: 0; width: 100%; overflow: hidden; } /* WebKit: textul opțiunii lungi, ales, nu lățește pagina */
.pers-act__lat { grid-column: 1 / -1; }
.pers-unelte { display: flex; flex-wrap: wrap; gap: var(--space-2); }
@media (max-width: 899px) {
.pers-unelte { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
.pers-unelte .yk-btn { padding: 0 var(--space-2); white-space: normal; text-align: center; line-height: var(--leading-small); }
}
/* formularele de personal: câmpurile pe carduri, câte două alăturate pe calculator, eroarea lângă câmp */
.pers-formular-lat { max-width: 720px; }
.pers-doua { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--space-3); margin-top: var(--space-3); }
.pers-doua > .yk-field + .yk-field { margin-top: 0; }
.pers-doua:first-child { margin-top: 0; }
@media (max-width: 599px) { .pers-doua { grid-template-columns: minmax(0, 1fr); } .pers-doua > .yk-field + .yk-field { margin-top: var(--space-3); } }
.pers-doua + .yk-field, .yk-field + .pers-doua { margin-top: var(--space-3); }
.pers-bifa { display: flex; align-items: center; gap: var(--space-2); min-height: var(--control-h); font-weight: 600; cursor: pointer; }
.pers-bifa input[type=checkbox] { width: var(--space-5); height: var(--space-5); flex: none; }
.pers-formular .yk-field--error .yk-field__help:not(.pers-eroare) { color: var(--ink-muted); }
.pers-formular .yk-select { overflow: hidden; }
.pers-butoane { margin: var(--space-4) 0; }
/* pontajul zilei: punctul și ziua sus; pe calculator cele cinci stări și „Ore” pe un singur rând */
.pers-zi { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; margin-bottom: var(--space-3); }
.pers-zi .pers-zi__punct { flex: 1 1 200px; width: auto; max-width: 320px; }
.pers-zi__data { display: flex; gap: var(--space-2); flex: 1 1 300px; align-items: center; min-width: 0; }
.pers-zi__data .yk-input { flex: 1 1 auto; min-width: 0; }
.pers-zi__sageata { padding: 0 var(--space-3); }
.pers-zi__cap { display: flex; justify-content: space-between; flex-wrap: wrap; gap: var(--space-2) var(--space-3); align-items: flex-start; margin-bottom: var(--space-2); }
.pers-pontaj-cap { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0 var(--space-2); align-items: baseline; }
.pers-ore { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 6px; flex-basis: 100%; width: 100%; min-width: 0; }
.pontaj-mai:not([open]) .pers-ore { display: none; } /* WebKit așază și conținutul închis: lățea pagina pe telefon */
.pontaj-butoane .pers-ore > * { flex: 1 1 110px; min-width: 0; width: auto; min-height: 40px; }
.pers-ore__cap { list-style: none; cursor: pointer; }
.pers-ore__cap::-webkit-details-marker { display: none; }
.pers-ore__semn { transform: rotate(90deg); }
.pontaj-mai[open] > .pers-ore__cap .pers-ore__semn { transform: rotate(-90deg); }
@media (min-width: 900px) { .pontaj-butoane .buton, .pontaj-butoane .pontaj-mai { flex: 1 1 14%; } .pontaj-butoane .pontaj-mai[open] { flex-basis: 100%; } }
.pers-pontaj-cap > :first-child { min-width: 0; }
.pers-pontaj-stare { margin-left: auto; white-space: nowrap; }
/* foaia lunii: coloana numelui fixă la derulare, zilele înguste */
table.foaie th.foaie-zi, table.foaie tbody td:not(.suma):not(.foaie-nume) { text-align: center; padding: 6px 3px; }
table.foaie .foaie-nume { position: sticky; left: 0; z-index: 1; background: var(--surface-1); white-space: nowrap; }
table.foaie th.foaie-nume { background: var(--surface-2); }
.yk a.foaie-gol, .yk a.foaie-gol:hover { color: inherit; text-decoration: none; }
.pers-zi .pers-luni { margin-bottom: 0; flex: 1 1 auto; }
.pers-inchidere { align-items: center; margin-top: var(--space-4); }
.pers-inchidere .pers-inchidere__motiv { flex: 1 1 200px; width: auto; max-width: 360px; }
@media (max-width: 899px) { table.foaie .foaie-nume { white-space: normal; min-width: 7.5em; max-width: 9em; } }
/* planificarea concediilor: sub grilă, cei fără concediu în lună, închis */
.yk-pliabil.pers-fara-concediu { border: 0; border-top: 1px solid var(--line); border-radius: 0; margin: var(--space-3) 0 0; }
.pers-fara-concediu .yk-pliabil__titlu { font-size: var(--text-body); line-height: var(--leading-body); }
.pers-fara-concediu > summary { padding-left: var(--space-4); padding-right: var(--space-4); min-height: 44px; }
.pers-card__jos { padding: 0 var(--space-4) var(--space-4); }
.pers-nota-mica { margin-bottom: var(--space-2); }
.pers-butoane-card { margin-top: var(--space-4); }
.yk-pliabil.pers-anulare { margin-top: var(--space-4); }
.pers-sus-mare { margin-top: var(--space-4); }
.pers-cauta-pastile .yk-input { flex: 1 1 200px; max-width: 320px; }
.yk-select.pers-select-scurt { width: auto; }
.yk-row.pers-rand-lat { flex-wrap: wrap; }
.pers-rand-lat__jos { flex: 1 1 100%; }
.pers-formular .yk-field--error input:not([type=checkbox]):not([type=file]), .pers-formular .yk-field--error select, .pers-formular .yk-field--error textarea { border-color: var(--danger); }
/* ==== personal: sfârșit ==== */
/* ==== bani: început (Plăți de confirmat, Casă, Bancă, Credite, TVA); numai prin tokeni ==== */
.plati-cauta { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; margin-bottom: var(--space-3); max-width: 640px; }
.plati-cauta .yk-input { flex: 1 1 160px; width: auto; }
.plati-sectiune { margin: var(--space-1) 0 var(--space-3); }
.plati-sectiune .yk-muted { font-weight: 400; }
.plati-pagini { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: center; justify-content: center; margin: var(--space-4) 0; }
/* cifrele unei file sau ale unei luni (Casă, Bancă): eticheta, suma, nota mică; 2 pe rând pe telefon, 4 pe calculator */
.bani-cifre { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3) var(--space-4); margin: var(--space-3) 0; }
@media (min-width: 900px) { .bani-cifre { grid-template-columns: repeat(4, minmax(0, 1fr)); } .bani-cifre.bani-cifre--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.bani-cifre__val { font-size: var(--text-lg); line-height: var(--leading-lg); font-weight: 700; font-variant-numeric: tabular-nums; }
.bani-cifre__val--mare { font-size: var(--text-number-lg); line-height: var(--leading-number-lg); }
@media (max-width: 899px) { .bani-cifre__val--mare { font-size: var(--text-xl); line-height: var(--leading-xl); } }
/* Casă: alegerea casieriei și a zilei, fila, formularele de sub ea */
.casa-alege { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; margin-bottom: var(--space-3); }
.casa-alege > .yk-select { flex: 1 1 220px; width: auto; }
.casa-alege__zi { display: flex; gap: var(--space-2); flex: 1 1 320px; min-width: 0; }
.casa-alege__zi .yk-input { flex: 1 1 140px; min-width: 0; width: auto; }
.casa-mesaj { margin-bottom: var(--space-3); }
.casa-mesaj-camp { margin-top: var(--space-4); }
.casa-inainte__buton { justify-content: center; margin-top: var(--space-4); }
.casa-zi { margin-bottom: var(--space-1); }
.casa-sub { margin: var(--space-5) 0 var(--space-2); }
.casa-z__cap { display: flex; justify-content: space-between; gap: var(--space-2); }
.casa-nota { margin: var(--space-3) 0; }
.casa-export { margin-top: var(--space-4); }
.casa-trimite { margin-top: var(--space-4); }
.casa-operatie > .yk-heading, .casa-corectura > .yk-heading { margin-bottom: var(--space-3); }
.casa-operatie .furnizor-bloc, .casa-corectura .furnizor-bloc { margin-top: var(--space-3); }
.furnizor-bloc > .yk-field__label { display: block; margin-bottom: 6px; }
.furnizor-bloc > .yk-field__help { margin-bottom: var(--space-1); }
.catre-liber .yk-field__label { display: block; margin: var(--space-1) 0 6px; }
.fara-bifa { float: left; width: 22px; height: 22px; margin: 11px var(--space-2) 0 0; }
.fara-eticheta { display: block; min-height: 44px; padding: 11px 0; margin-left: 30px; font-size: var(--text-small); line-height: var(--leading-small); }
.catre-liber { clear: both; }
/* secțiunile închise ale zonei: pe telefon, rezumatul trece sub titlu */
.bani-pliabil > summary { flex-wrap: wrap; }
@media (max-width: 899px) { .bani-pliabil > summary > .yk-pliabil__rezumat { flex-basis: 100%; margin-left: 26px; text-align: left; } }
.casa-bifa { display: flex; align-items: center; gap: var(--space-3); min-height: 44px; }
.casa-bifa input[type=checkbox] { width: 22px; height: 22px; flex: none; }
.casa-ales { display: flex; justify-content: space-between; align-items: center; gap: var(--space-2); min-height: 44px; padding: var(--space-2) var(--space-3);
border: 1px solid var(--ok); border-radius: var(--radius-md); background: var(--ok-soft); }
.casa-furnizori li { align-items: center; }
.casa-corectura { margin-top: var(--space-2); }
.casa-corectura--sterge { border-color: var(--danger); }
.casa-luna { margin-top: var(--space-4); }
.casa-luna .yk-rows.yk-tel .yk-row { padding-left: 0; padding-right: 0; }
/* verificarea Z-ului cu POS-ul, sub rândul Z-ului */
.z-pos { font-size: var(--text-small); line-height: var(--leading-small); }
.z-pos__nota { margin-top: var(--space-2); }
.z-pos__confirma { flex-direction: column; align-items: stretch; gap: var(--space-2); }
.z-pos__rand { margin-top: var(--space-2); }
.z-pos__form { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; margin-top: var(--space-2); }
.z-pos__form .yk-input { flex: 2 1 160px; width: auto; min-height: 40px; }
.z-pos__form .z-pos__suma { flex: 1 1 110px; }
/* motivul unui refuz (sub câmpul greșit în HTML, ca yk.js să-l refolosească) se așază sub tot rândul formularului, nu între câmpuri */
.z-pos__form .yk-numar-mesaj { order: 10; margin-top: 0; }
.z-pos__ajutor { flex-basis: 100%; order: 11; } /* sub câmpul motivului: textul câmpului rămâne scurt („Motivul anulării”), nu se taie pe telefon */
.z-pos__anulare > summary { cursor: pointer; list-style: none; display: inline-block; min-height: 32px; line-height: 32px; }
.z-pos__anulare > summary::-webkit-details-marker { display: none; }
/* Bancă: contul, fila zilei cu mișcările, luna */
.banca-cont { margin-bottom: var(--space-3); max-width: 640px; }
.banca-nav .yk-heading { flex: 1; text-align: center; }
.banca-subtitlu { text-align: center; margin-top: calc(-1 * var(--space-2)); }
.banca-unelte { margin-top: var(--space-3); }
.coloane > .banca-card, .coloane > .banca-card + .banca-card { margin: 0 0 var(--space-4); }
.banca-miscari .yk-row, .banca-zile .yk-row, .banca-detalii .yk-row { padding-left: 0; padding-right: 0; }
.banca-miscari .yk-row__sub { overflow-wrap: anywhere; }
.banca-nota { margin: var(--space-3) 0; }
.banca-schimb .yk-row__end { white-space: normal; max-width: 62%; }
.banca-sub { margin: var(--space-5) 0 var(--space-2); }
.banca-detalii { margin: var(--space-5) 0 0; }
/* Credite: cifrele, semnalele, lista, graficul, facturile de legat */
.credite-cifre { margin-bottom: var(--space-4); }
.credite-note { display: grid; gap: var(--space-2); margin-bottom: var(--space-4); }
.credite-cap { padding: var(--space-4) var(--space-4) 0; }
.credite-cap__nr { font-weight: 400; }
.credite-nume { min-width: 220px; }
.credite-cum, .credite-lista + .yk-pliabil { margin-top: var(--space-4); }
@media (max-width: 899px) { .yk-card--tight.bani-tight { padding: 0; } } /* pe telefon, cardul cu tabel rămâne fără margine: rândurile au deja spațiul lor */
.credit-rate { margin-bottom: var(--space-4); }
.credit-date { margin-top: var(--space-4); }
.credit-grila { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-3) var(--space-4); margin-top: var(--space-3); }
@media (min-width: 900px) { .credit-grila { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.credit-grila > .yk-field + .yk-field { margin-top: 0; }
.credit-sub { margin: var(--space-5) 0 0; }
.credit-date .casa-bifa { margin-top: var(--space-3); }
.credit-defalcare { display: flex; flex-wrap: wrap; gap: var(--space-2); justify-content: flex-end; align-items: center; margin: 0; }
.credit-defalcare .yk-numar-mesaj { order: 10; margin-top: 0; text-align: right; } /* refuzul: sub câmpuri, pe tot rândul (ca .z-pos__form) */
.yk .credit-defalcare .yk-input { width: 120px; min-height: 36px; text-align: right; } /* .yk: peste .yk input[type=text] (100%) */
/* capitalul despărțit de dobânzi (bani/impartire.py): sub fiecare cifră mare, împărțirea ei, ca un bon (textul la stânga, suma
aliniată la dreapta); „Rate De Împărțit” (calculator: tabel, telefon: rânduri); pagina creditului; numai token-uri */
/* fiecare rând (: textul și suma) stă pe o linie; în caseta îngustă suma trece dedesubt, tot la dreapta */
.credite-parti { display: grid; margin: var(--space-2) 0 0;
padding-top: var(--space-2); border-top: 1px solid var(--line); font-size: var(--text-small); line-height: var(--leading-small); }
.credite-parti > div { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: var(--space-3); }
.credite-parti dt { margin: 0; color: var(--ink-muted); min-width: 0; }
.credite-parti dd { margin: 0 0 0 auto; text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; color: var(--ink); }
.credite-parti .credite-parti__rest, .yk .credite-parti .credite-parti__rest a { color: var(--warn-text); font-weight: 600; }
.credite-nowrap { white-space: nowrap; }
.credite-mesaj { margin-bottom: var(--space-3); }
.credite-cum__paragraf { margin: var(--space-2) 0 0; }
.credite-impartire .yk-table td { vertical-align: top; }
.credite-impartire__tabel { overflow-x: auto; } /* ca lista creditelor: tabelul se derulează în chenarul lui, nu pagina */
.yk .credite-impartire .yk-input { width: 132px; min-height: 36px; text-align: right; }
.credite-impartire__rata { min-width: 210px; }
.credite-impartire__intro { margin: 0 0 var(--space-3); }
.credite-impartire__dupa { margin: var(--space-3) 0; }
.credite-impartire__facturi { margin: var(--space-3) 0; }
.credite-impartire__trimite { justify-content: flex-start; }
.credite-impartire__bifa { width: var(--space-5); height: var(--space-5); }
.credite-impartire__eticheta { display: flex; gap: var(--space-2); align-items: flex-start; }
.credite-impartire__sub { display: block; }
.credite-impartire__camp { font-size: var(--text-min); line-height: var(--leading-min); color: var(--ink-muted); }
/* telefon: capitalul și dobânda alăturate; motivul unui refuz (lipit de câmpul lui, pentru yk.js) trece dedesubt, pe toată lățimea */
.credite-impartire__campuri { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-areas: "l1 l2" "i1 i2" "m1 m1" "m2 m2";
gap: 2px var(--space-2); align-items: start; margin-top: var(--space-2); }
.credite-impartire__campuri > .credite-impartire__camp { display: contents; }
.credite-impartire__camp:first-child > label { grid-area: l1; }
.credite-impartire__camp:first-child > .yk-input { grid-area: i1; }
.credite-impartire__camp:first-child > .yk-numar-mesaj { grid-area: m1; }
.credite-impartire__camp:last-child > label { grid-area: l2; }
.credite-impartire__camp:last-child > .yk-input { grid-area: i2; }
.credite-impartire__camp:last-child > .yk-numar-mesaj { grid-area: m2; }
.yk .credite-impartire__campuri .yk-input { width: 100%; }
.credite-impartire__ramane { margin-top: 2px; }
.credite-impartire .yk-row__main, .credit-rata-tel .yk-row__main { flex: 1; }
.yk-kv .credit-kv-sub { display: block; font-size: var(--text-min); line-height: var(--leading-min); color: var(--ink-muted); font-weight: 400; }
.credit-schimba { display: inline; }
.credit-schimba > summary { display: inline; cursor: pointer; color: var(--action); list-style: none; }
.credit-schimba > summary::-webkit-details-marker { display: none; }
.credit-schimba[open] > summary { color: var(--ink-muted); }
.credit-schimba .credit-defalcare { margin-top: var(--space-2); }
.credit-rata-tel .credite-impartire__campuri + .yk-btn { margin-top: var(--space-2); }
/* graficul unui credit: contractul, bunurile și alte facturi stau sub „Detalii”, fără chenar dublu */
.grafic-detalii .yk-card { border: 0; padding: 0; background: transparent; }
.grafic-detalii .yk-two > div > .yk-card + .yk-card { margin-top: var(--space-5); }
.grafic-verificari { margin: var(--space-4) 0 0; }
.tva-cum { margin: var(--space-3) 0 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; }
.tva-cum > summary { padding-left: 0; padding-right: 0; }
.tva-cum > .yk-pliabil__corp { padding: 0; }
.tva-card .yk-kv > span:first-child { min-width: 0; }
/* ==== bani: sfârșit ==== */
/* ==== flota și rapoarte: început ==== */
/* lista vehiculelor, fișa vehiculului, formularul (ecrane/templates/ecrane/flota.html, vehicul.html, vehicul_formular.html) */
.flota-bloc { margin-bottom: var(--space-4); }
.flota-paragraf { margin-bottom: var(--space-3); }
.flota-coloane { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-4); align-items: start; margin-bottom: var(--space-4); }
@media (min-width: 1100px) { .flota-coloane { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.flota-coloane > div { display: flex; flex-direction: column; gap: var(--space-4); min-width: 0; }
.flota-coloane > div > .yk-card + .yk-card { margin-top: 0; }
.flota-card__titlu { padding: var(--space-4) var(--space-4) 0; margin-bottom: var(--space-1); align-items: flex-start; flex-wrap: wrap; }
.flota-forma { padding: var(--space-3) var(--space-4) var(--space-4); border-top: 1px solid var(--line); }
.flota-forma > summary { list-style: none; cursor: pointer; }
.flota-forma > summary::-webkit-details-marker { display: none; }
.flota-forma[open] > summary { margin-bottom: var(--space-4); }
.flota-campuri { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-3) var(--space-4); }
@media (min-width: 600px) { .flota-campuri { grid-template-columns: repeat(2, minmax(0, 1fr)); } .flota-camp--lat { grid-column: 1 / -1; } }
.flota-campuri > .yk-field + .yk-field { margin-top: 0; }
.flota-campuri .bifa-confirmare { margin-top: 0; }
.flota-butoane { margin-top: var(--space-4); }
.flota-insigne { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-1) var(--space-2); margin-top: var(--space-1); font-size: var(--text-small); line-height: var(--leading-small); }
.flota-sterge { margin-top: var(--space-1); }
.flota-sterge > summary { cursor: pointer; color: var(--ink-muted); }
.flota-sterge[open] > summary { margin-bottom: var(--space-2); }
.flota-detalii + .flota-detalii { margin-top: var(--space-5); padding-top: var(--space-4); border-top: 1px solid var(--line); }
.flota-foto { display: block; max-width: 100%; max-height: calc(var(--space-10) * 5.5); border-radius: var(--radius-md); margin-top: var(--space-3); }
.yk-table .flota-insigne, .yk-table td > .yk-badge { margin-top: var(--space-1); }
.yk-card--tight.flota-card { padding: 0; } /* și pe telefon, unde .yk-card primește spațiu înăuntru */
.flota-act { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-1) var(--space-2); }
.flota-acte { min-width: calc(var(--space-10) * 6); }
.flota-acte .yk-badge { margin: 2px 0; }
/* decontul de combustibil: „De rezolvat” și „Detalii”, închise */
.decont-grup { margin: var(--space-3) 0 var(--space-1); }
.decont-grup:first-child { margin-top: 0; }
.decont-nota { margin-top: var(--space-3); }
.decont-nota-formular { margin-bottom: var(--space-3); }
/* Raport lunar › „Anul față de anul trecut”: pe ecranul îngust graficul se derulează, iar coloana lunii e destul de lată ca suma
de sub bare („1,98 mil.”) să se citească întreagă, nu tăiată cu „…” */
.bare-comp { grid-template-columns: repeat(12, minmax(calc(var(--space-10) * 1.7), 1fr)); min-width: calc(var(--space-10) * 22); }
.yk-two > div > .yk-card + .yk-pliabil, .yk-two > div > .yk-pliabil + .yk-pliabil { margin-top: var(--space-4); }
/* ==== flota și rapoarte: sfârșit ==== */
/* ==== constatări 29.09: început (grile pe o lună, formulare după refuz); numai prin tokeni ==== */
/* Concedii: pe calculator, grila lunii încape în card: coloane egale și fixe (numele, zilele, totalul) */
@media (min-width: 900px) {
.plan-derulare { padding-left: var(--space-3); padding-right: var(--space-3); }
.plan-tabel { table-layout: fixed; width: 100%; }
.plan-tabel th, .plan-tabel td { min-width: 0; }
.plan-tabel .plan-nume { width: calc(var(--space-10) * 3.75); min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.plan-tabel .plan-total { width: var(--space-10); min-width: 0; }
.plan-tabel .plan-celula { min-width: 0; width: 100%; padding: 0; }
}
.plan-tel__zile { line-height: 2; }
.plan-tel__zile .plan-celula { margin-right: var(--space-1); }
.plan-legenda--jos { padding: 0 0 var(--space-4); }
/* Concedii, pe telefon: numele punctului pe un rând, starea lunii (insigna) dedesubt, nu înghesuite alături */
@media (max-width: 899px) { .pers-card__cap--plan { flex-wrap: wrap; } .pers-card__cap--plan > span:first-child { flex: 1 1 100%; } }
/* Foaia lunii: pe calculator, 31 de zile încap în card (coloane egale, fixe; totalurile stau sub nume); pe telefon, o săptămână odată */
.foaie-sapt { position: absolute; opacity: 0; pointer-events: none; }
.foaie-saptamani label { cursor: pointer; }
table.foaie .foaie-total { display: block; font-size: var(--text-min); font-weight: 400; color: var(--ink-muted); white-space: normal; }
@media (min-width: 900px) {
.foaie-saptamani { display: none; }
table.foaie { table-layout: fixed; width: 100%; }
table.foaie .foaie-nume { width: calc(var(--space-10) * 4.5); white-space: normal; }
table.foaie th.foaie-zi, table.foaie tbody td:not(.foaie-nume) { padding: var(--space-1) 0; }
table.foaie a.pontaj-stare, .yk table.foaie a.pontaj-stare { min-width: 0; width: 100%; padding: 0; }
}
@media (max-width: 899px) {
table.foaie { table-layout: fixed; width: 100%; }
table.foaie .foaie-nume { width: calc(var(--space-10) * 3.25); }
#foaie-sapt-1:checked ~ .pers-derulare table.foaie tr > :not(:first-child):not(:nth-child(n+2):nth-child(-n+8)) { display: none; }
#foaie-sapt-1:checked ~ .foaie-saptamani label[for=foaie-sapt-1] { background: var(--action-soft); border-color: var(--action); color: var(--action-text); }
#foaie-sapt-2:checked ~ .pers-derulare table.foaie tr > :not(:first-child):not(:nth-child(n+9):nth-child(-n+15)) { display: none; }
#foaie-sapt-2:checked ~ .foaie-saptamani label[for=foaie-sapt-2] { background: var(--action-soft); border-color: var(--action); color: var(--action-text); }
#foaie-sapt-3:checked ~ .pers-derulare table.foaie tr > :not(:first-child):not(:nth-child(n+16):nth-child(-n+22)) { display: none; }
#foaie-sapt-3:checked ~ .foaie-saptamani label[for=foaie-sapt-3] { background: var(--action-soft); border-color: var(--action); color: var(--action-text); }
#foaie-sapt-4:checked ~ .pers-derulare table.foaie tr > :not(:first-child):not(:nth-child(n+23):nth-child(-n+29)) { display: none; }
#foaie-sapt-4:checked ~ .foaie-saptamani label[for=foaie-sapt-4] { background: var(--action-soft); border-color: var(--action); color: var(--action-text); }
#foaie-sapt-5:checked ~ .pers-derulare table.foaie tr > :not(:first-child):not(:nth-child(n+30):nth-child(-n+36)) { display: none; }
#foaie-sapt-5:checked ~ .foaie-saptamani label[for=foaie-sapt-5] { background: var(--action-soft); border-color: var(--action); color: var(--action-text); }
}
/* listele lungi pe pagini (ecrane/_pagini.html), ca la Plăți de confirmat */
.lista-pagini { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: center; justify-content: center; margin: var(--space-4) 0; }
/* Plăți de confirmat: nota căutării (cum s-a citit suma) și, pe telefon, legătura spre plățile cu cardul */
.plati-nota-cautare { margin: calc(-1 * var(--space-2)) 0 var(--space-3); }
.plati-spre-card { width: 100%; justify-content: center; margin-bottom: var(--space-4); }
/* Registrul bonurilor: istoricul numărului (refolosit, seria veche …) închis sub rând; sus rămân insignele */
.reg-istoric > summary { cursor: pointer; font-size: var(--text-min); line-height: var(--leading-min); color: var(--action-text); }
.reg-istoric > summary, .bon-cum-tva > summary { list-style: none; display: inline-flex; align-items: center; gap: var(--space-1); }
.reg-istoric > summary::-webkit-details-marker, .bon-cum-tva > summary::-webkit-details-marker { display: none; }
.reg-istoric > summary svg, .bon-cum-tva > summary svg { width: 14px; height: 14px; transition: transform .15s; }
.reg-istoric[open] > summary svg, .bon-cum-tva[open] > summary svg { transform: rotate(90deg); }
/* Punctele angajaților: „Salvează” fix jos (deasupra barei de jos pe telefon), cu numărul mutărilor; rândul mutat se vede */
.pers-salveaza-fix { position: sticky; bottom: 0; z-index: 2; background: var(--surface-1); border-top: 1px solid var(--line); align-items: center; justify-content: flex-end;
padding: var(--space-3) var(--space-4); }
@media (max-width: 899px) { .pers-salveaza-fix { bottom: calc(var(--bottomnav-h) + env(safe-area-inset-bottom)); justify-content: space-between; } }
.yk-card--tight.pers-puncte { overflow: visible; } /* altfel cardul ar ține bara, iar ea n-ar mai sta jos pe ecran */
.pers-puncte .is-schimbat, .pers-puncte tr.is-schimbat > td { background: var(--warn-soft); }
/* Raport lunar › anul lună cu lună: pe telefon, 12 coloane de ~24 px; lunile se scriu cu inițiala (luna aleasă, întreagă),
ca etichetele să nu se lipească („marapr”); numele întreg rămâne în `title` */
.bare-luni__scurt { display: none; }
@media (max-width: 899px) {
.bare-luni__luna:not(.is-aleasa) .bare-luni__lung { display: none; }
.bare-luni__luna:not(.is-aleasa) .bare-luni__scurt { display: inline; }
}
/* Credit: data următoarei rate (10 caractere) încape în cardul îngust, la o mărime mai mică decât sumele */
.yk-stat__value.credit-data { font-size: var(--text-xl); line-height: var(--leading-xl); white-space: nowrap; }
/* Pagina unui credit: cinci casete pe rând la 1280 px (≈150 px fiecare), sub pragul de 170 px al regulii comune (yk.css); restul unui
credit bancar are milioane (2.879.429,07, cu dobânda), deci toate cifrele rândului coboară la treapta xl, la fel, ca să încapă */
@media (min-width: 900px) { .credit-cifre .yk-stat__value { font-size: var(--text-xl); line-height: var(--leading-xl); } }
/* Bonul: explicația TVA-ului pe cote, la cerere; refuzul TVA-ului chiar lângă câmpurile lui */
.bon-cum-tva > summary { cursor: pointer; font-size: var(--text-small); line-height: var(--leading-small); color: var(--action-text); margin: var(--space-1) 0; }
.bon-eroare-tva { margin: var(--space-2) 0; }
/* ==== constatări 29.09: sfârșit ==== */
/* ==== Setări › Utilizatori (rolurile, 29.09.2026) ==== */
.util-nota-sus { margin-bottom: var(--space-3); }
.util-nume { display: grid; grid-template-columns: 1fr; gap: 0 var(--space-3); margin-bottom: var(--space-3); }
@media (min-width: 900px) { .util-nume { grid-template-columns: 1fr 1fr; } .util-nume > .yk-field + .yk-field { margin-top: 0; } }
.util-roluri { border: 0; padding: 0; margin: 0 0 var(--space-4); display: grid; gap: var(--space-2); min-width: 0; }
.util-roluri > legend, .util-puncte-camp > legend { padding: 0; margin-bottom: var(--space-2); }
.util-rol { display: flex; gap: var(--space-3); align-items: flex-start; padding: var(--space-3); border: 1px solid var(--line); border-radius: var(--radius-md);
background: var(--surface-1); cursor: pointer; }
.util-rol:has(input:checked) { border-color: var(--action); background: var(--action-soft); }
.yk .util-rol input[type=radio] { width: 20px; height: 20px; margin: 2px 0 0; flex: none; accent-color: var(--action); }
.util-rol > span { display: grid; gap: var(--space-1); }
.util-rol__nume { font-weight: 600; color: var(--ink); }
.util-puncte-camp { border: 0; padding: 0; margin: 0 0 var(--space-4); min-width: 0; }
.util-puncte-camp[hidden] { display: none; }
.util-puncte { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 0 var(--space-3); }
.util-angajati { margin-top: var(--space-1); }
.util-card { margin-bottom: var(--space-4); }
.util-butoane { margin-top: var(--space-4); }
.util-nota { margin: var(--space-2) 0 var(--space-3); }
.util-motiv { margin: var(--space-3) 0; }
.util-semnale { display: inline-flex; flex-wrap: wrap; gap: var(--space-1); justify-content: flex-end; }
.util-tabel td:last-child .util-semnale { justify-content: flex-start; }
.util-parola-rand { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-4); padding: var(--space-3) 0; border-bottom: 1px solid var(--line); }
.util-parola-rand > .yk-label { flex: 0 0 110px; }
@media (max-width: 899px) { .util-parola-rand > .yk-label { flex-basis: 100%; } }
.util-parola { font-family: var(--font-mono); font-size: var(--text-xl); line-height: var(--leading-xl); font-weight: 700; color: var(--ink);
user-select: all; overflow-wrap: anywhere; }
.util-parola-card .yk-note { margin-top: var(--space-4); }
.util-legenda { margin-top: var(--space-4); }
.util-legenda__rand { align-items: flex-start; justify-content: flex-start; gap: var(--space-4); }
.util-legenda__rand > .util-rol__nume { flex: 0 0 120px; }
@media (max-width: 899px) { .util-legenda__rand { flex-direction: column; gap: var(--space-1); } .util-legenda__rand > .util-rol__nume { flex: none; } }
.util-prima-intrare { max-width: 380px; padding: 0 var(--space-4); }
.util-prima-intrare__titlu { margin: var(--space-2) 0 var(--space-2); }
.util-prima-intrare__buton { width: 100%; margin-top: var(--space-4); }
.util-prima-intrare__iesire { margin-top: var(--space-3); }
/* ==== Setări › Utilizatori: sfârșit ==== */
/* ==== Vânzări › fabrica: De încasat, fișa clientului, Facturile fabricii, Încasări de legat, cardul din Încărcare ==== */
.fab-cifre { margin-bottom: var(--space-4); }
.fab-cifre .yk-small { margin-top: 2px; }
a.fab-nota-legatura { color: inherit; margin-bottom: var(--space-4); text-decoration: none; }
a.fab-nota-legatura:hover { text-decoration: underline; }
.fab-pliabil .yk-pliabil__corp > .yk-table { border: 1px solid var(--line); border-radius: var(--radius-md); }
.fab-pliabil .yk-pliabil__corp > .yk-rows.yk-tel, .fab-pliabil .yk-pliabil__corp > .yk-rows { border: 1px solid var(--line); border-radius: var(--radius-md); }
.fab-pliabil .yk-pliabil__corp > .yk-rows .yk-row { padding-left: var(--space-3); padding-right: var(--space-3); }
.fab-ajutor { margin-bottom: var(--space-3); }
.fab-nota { margin-top: var(--space-3); }
.fab-solduri { margin-bottom: var(--space-2); }
.fab-sold-camp { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; margin-left: auto; max-width: 100%; }
.fab-sold-camp .yk-input { width: 150px; }
.fab-sold-camp .yk-numar-mesaj { max-width: 260px; text-align: right; }
.fab-sold-rand, .fab-alege__rand { flex-wrap: wrap; }
.fab-sold-rand > .yk-row__main, .fab-alege__rand > .yk-row__main { flex: 1 1 200px; }
.fab-sold-rand .yk-row__title { display: block; }
.fab-sold { margin: var(--space-1) 0 var(--space-3); }
.fab-form { margin-top: var(--space-3); }
.fab-spre-furnizor, .fab-spre-solduri { margin-bottom: var(--space-3); }
.fab-cauta .yk-input { flex: 1 1 220px; max-width: 420px; }
.fab-facturi { display: flex; flex-direction: column; }
.fab-factura { border-bottom: 1px solid var(--line); }
.fab-factura:last-of-type { border-bottom: 0; }
.fab-factura > summary { list-style: none; cursor: pointer; padding-left: 0; padding-right: 0; border-bottom: 0; }
.fab-factura > summary::-webkit-details-marker { display: none; }
.fab-factura[open] > summary .yk-row__title { color: var(--action-text); }
.fab-factura__corp { padding: 0 0 var(--space-3); }
.fab-factura__corp .yk-kv > :last-child { text-align: right; }
.fab-gol { flex-wrap: wrap; }
.fab-mai-mult { display: inline-block; }
.fab-mai-mult > summary { list-style: none; }
.fab-mai-mult > summary::-webkit-details-marker { display: none; }
.fab-mai-mult[open] { flex-basis: 100%; }
.fab-mai-mult__corp { display: flex; flex-direction: column; gap: var(--space-2); margin-top: var(--space-2); max-width: 420px; }
.fab-mai-mult__corp .yk-btn { align-self: flex-start; }
.fab-card { margin-bottom: var(--space-3); }
.fab-descriere { margin-top: 2px; overflow-wrap: anywhere; }
.fab-propunere { display: block; margin-top: var(--space-3); }
.fab-propunere .yk-kv { border: 0; padding: 4px 0; }
.fab-actiuni { margin-top: var(--space-3); flex-wrap: wrap; align-items: flex-start; }
.fab-alege { margin-top: var(--space-3); padding-top: var(--space-3); border-top: 1px solid var(--line); }
.fab-alege__form { margin-top: var(--space-3); }
.fab-alege__client { margin-bottom: var(--space-1); }
.fab-alege__form .yk-rows { margin-top: var(--space-2); border: 1px solid var(--line); border-radius: var(--radius-md); }
.fab-alege__rand { padding-left: var(--space-3); padding-right: var(--space-3); }
.fab-alege__bifa { display: flex; align-items: flex-start; gap: var(--space-2); cursor: pointer; }
.fab-alege__bifa input { margin-top: 4px; }
.fab-alege__bifa .yk-row__title, .fab-alege__bifa .yk-row__sub { display: block; }
.fab-alege__gasiti { margin-top: var(--space-2); }
.fab-alege__gasit { width: 100%; background: none; border: 0; border-bottom: 1px solid var(--line); text-align: left; font: inherit; color: inherit; cursor: pointer; }
.fab-alege__gasit .yk-row__title, .fab-alege__gasit .yk-row__sub { display: block; }
.fab-alege__gasit:hover { background: var(--surface-2); }
.fab-legata form { margin-top: 4px; }
.inc-stare { margin-bottom: var(--space-3); }
.inc-bifa { display: flex; align-items: center; gap: var(--space-2); margin-top: var(--space-3); }
.inc-detalii { margin: var(--space-2) 0 0; }
@media (max-width: 899px) {
.fab-sold-camp .yk-input { width: 130px; }
.fab-actiuni .yk-btn { flex: 1 1 auto; }
.fab-mai-mult { flex: 1 1 100%; }
.fab-mai-mult > summary.yk-btn { width: 100%; }
.fab-pliabil > .yk-pliabil__corp { padding-left: var(--space-2); padding-right: var(--space-2); }
.fab-pliabil .fab-card { padding: var(--space-3); }
.fab-pliabil > summary > .yk-pliabil__rezumat { display: none; } /* pe telefon, titlul secțiunii pe un rând */
}
/* ==== Vânzări › fabrica: sfârșit ==== */
/* ==== Vânzări pe puncte (pagina Vânzări și pagina punctului): început ==== */
.vp-nota-sus { margin-bottom: var(--space-4); }
.vp-ecuatie { margin: 0 0 var(--space-4); color: var(--ink); }
.vp-card .vanzari-titlu, .vp-sectiune .vanzari-titlu { flex-wrap: wrap; gap: var(--space-1) var(--space-3); }
.vp-card, .vp-sectiune, .vp-cifre, .vp-gol { margin-bottom: var(--space-4); }
.vp-gol__nota { margin: 0; padding: 0 var(--space-4) var(--space-4); text-align: center; }
/* tot rândul e legătură: fiecare celulă are o legătură întinsă peste ea (pe
, `position: relative` nu merge în WebKit) */
.vp-tabel .vp-link { color: var(--ink); position: relative; z-index: 1; }
.vp-tabel tr.vp-rand > td { position: relative; }
.vp-tabel a.vp-celula { position: absolute; inset: 0; }
.vp-tabel tr.vp-rand:hover > td { background: var(--surface-0); }
.vp-tabel td.vp-motiv { color: var(--ink-muted); }
.vp-tabel td:first-child { min-width: 9rem; }
.vp-tabel th, .vp-zile .yk-table th, .vp-sectiune .yk-table th { white-space: normal; } /* capetele lungi se rup, nu lățesc tabelul */
/* între 900 și 1279 px, alte plăți și diferența Z-ului trec din coloane sub total (tabelul încape fără derulare) */
.yk-table .sub.vp-ingust { display: none; }
@media (min-width: 900px) and (max-width: 1279px) {
.yk-table .vp-lat { display: none; }
.yk-table .sub.vp-ingust { display: block; }
}
.vp-tabel .vp-chev { width: 28px; padding-left: 0; padding-right: var(--space-2); color: var(--ink-muted); }
.vp-tabel .vp-chev svg { width: 18px; height: 18px; display: block; }
.vp-tabel .sub { font-weight: 400; }
.vp-tabel .yk-badge--wrap { margin-top: var(--space-1); }
.vp-comp svg { width: 14px; height: 14px; vertical-align: -2px; margin-right: 2px; }
.vp-note { padding: var(--space-3) var(--space-4) var(--space-4); border-top: 1px solid var(--line); }
.vp-note p { margin: 0 0 var(--space-2); }
/* pe telefon: un card pe punct, cu totalul mare și dedesubt din ce vine */
.vp-carduri { display: flex; flex-direction: column; gap: var(--space-3); padding: 0 var(--space-4) var(--space-4); }
.vp-carduri > .yk-card + .yk-card { margin-top: 0; }
.yk a.vp-punct { color: var(--ink); display: block; }
.yk a.vp-punct:hover { text-decoration: none; background: var(--surface-0); }
.vp-punct__cap { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); }
.vp-punct__semn { width: 20px; height: 20px; color: var(--ink-muted); flex: none; }
.vp-punct__suma { font-size: var(--text-number-lg); line-height: var(--leading-number-lg); font-weight: 700; margin-top: var(--space-1); white-space: nowrap; }
.vp-punct__rand { margin-top: var(--space-1); }
.vp-punct--total { background: var(--surface-2); }
/* pagina punctului: secțiunile (tabele în card), rândurile „Ceilalți …” și totalul pe telefon, nota de sub tabel */
.vp-sectiune .yk-rows, .vp-card .yk-rows { border-top: 1px solid var(--line); }
.vp-ceilalti td, .vp-ceilalti .yk-row__title { font-weight: 600; }
.vp-rand-total { background: var(--surface-2); }
.vp-rand-total .yk-row__title { font-weight: 700; }
.vp-sub-tabel { margin: 0; padding: var(--space-2) var(--space-4) var(--space-3); border-top: 1px solid var(--line); }
.vp-in-card { border: 0; border-top: 1px solid var(--line); border-radius: 0; margin: 0; }
.vp-produs { white-space: normal; overflow-wrap: anywhere; }
.vp-sectiune .yk-ce--coloane, .vp-zile .yk-ce--coloane { margin: var(--space-2) var(--space-4) var(--space-3); }
.vp-sursa { margin: var(--space-2) 0 var(--space-3); }
.vp-z-casa { min-width: 5.5rem; } /* „casa 2 · Z 2007” se poate rupe la 1024 px */
.vp-zile > .yk-pliabil__corp { overflow-x: auto; } /* tabelele lungi (o coloană pe punct, cotele Z-urilor) se derulează în Pliabil */
.vp-zile .yk-table td, .vp-zile .yk-table th { padding-left: var(--space-2); padding-right: var(--space-2); }
@media (max-width: 899px) {
.vp-cifre { grid-template-columns: minmax(0, 1fr); }
.vp-sectiune.yk-card--tight { padding: 0; }
.vp-card.yk-card--tight { padding: 0; background: transparent; border: 0; border-radius: 0; overflow: visible; }
.vp-card .vanzari-titlu { padding-left: 0; padding-right: 0; }
.vp-carduri { padding: 0 0 var(--space-3); }
.vp-card .vp-note { padding-left: 0; padding-right: 0; }
}
/* ==== Vânzări pe puncte: sfârșit ==== */