/* fisa-produs.css — fișa produsului, comună: „Detalii…” din ecranul „Prețuri” al adminului (facturi/preturi.js) și fereastra
   farmacistului șef din pagina farmaciei (farmacie/lamurire.js, etapa E4). Cumpărările, cu produsul cum e scris pe factură, și factura
   redată din XML, cu rândul evidențiat. Mutat neschimbat din facturi/preturi.css (31 oct); totul sub `.prz`, cu prefixul `pz-`.
   Tokenii (--line, --muted, --cap-bg, --hartie…) sunt ai paginii care îl încarcă, cu ziua și noaptea lor. */
.prz .pz-cump-cap { display: flex; flex-wrap: wrap; gap: 2px 10px; align-items: baseline; }
.prz .pz-cump-cap h3 { margin: 0; font-size: 1rem; }
.prz .pz-cump-cap small, .prz .pz-cump-jos { color: var(--muted); font-size: 0.86rem; }
.prz .pz-cump-jos { margin: 0; }
.prz .pz-cump { border: 1px solid var(--line); border-radius: 10px; overflow: auto; max-height: min(46vh, 26rem); overscroll-behavior: contain; }
.prz .pz-cump table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; font-size: 0.92rem; }
.prz .pz-cump th { position: sticky; top: 0; z-index: 1; background: var(--cap-bg); border-bottom: 1px solid var(--cap-linie); color: var(--cap-txt); text-align: left; padding: 5px 9px; font-weight: 600; white-space: nowrap; }
.prz .pz-cump td { padding: 6px 9px; border-bottom: 1px solid var(--line); vertical-align: top; }
.prz .pz-cump tbody tr:last-child td { border-bottom: 0; }
.prz .pz-cump .pz-r { text-align: right; }
.prz .pz-cump td.pz-c-q, .prz .pz-cump td.pz-c-pret, .prz .pz-cump td.pz-c-fata { white-space: nowrap; }
.prz .pz-cump tr.pz-ult td { background: var(--fill-2); font-weight: 700; }
.prz .pz-cump tr.pz-ult td .pz-mut { font-weight: 400; }
/* produsul, cum e scris pe factură, pe rândul principal; dedesubt factura, rândul ei și codul (macheta „Lămurirea”, v2) */
.prz .pz-cump td.pz-c-prod { min-width: 13rem; }
.prz .pz-cump .pz-pr-n { display: block; overflow-wrap: anywhere; }
.prz .pz-cump .pz-pr-n.pz-dif { color: var(--due); font-weight: 700; }
.prz .pz-cump .pz-pr-f { display: block; font-size: 0.86em; color: var(--muted); font-weight: 400; }
.prz .pz-cump .pz-pr-f .pz-cod, .prz .pz-cump .pz-pr-f .pz-fact { white-space: nowrap; }
.prz .pz-cump .pz-pr-f .pz-furn { color: var(--fg); font-weight: 600; }
.prz .pz-fact { display: inline-flex; gap: 4px; align-items: baseline; min-height: 24px; border: 0; background: none; padding: 0; font: inherit; color: inherit; cursor: pointer;
  text-decoration: underline; text-decoration-style: dotted; text-underline-offset: 3px; }
.prz .pz-fact:hover { text-decoration-style: solid; }
.prz .pz-fact .pz-doc { font-size: 0.9em; text-decoration: none; }
@media (max-width: 759.98px) {   /* telefonul: fiecare cumpărare e un card mic — data și factura, cantitatea; prețul și „față de ref.” în dreapta */
  .prz .pz-cump { max-height: none; }
  .prz .pz-cump thead { display: none; }
  .prz .pz-cump table, .prz .pz-cump tbody { display: block; }
  .prz .pz-cump tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 10px; padding: 7px 11px; border-bottom: 1px solid var(--line); }
  .prz .pz-cump tbody tr:last-child { border-bottom: 0; }
  .prz .pz-cump tr.pz-ult { background: var(--fill-2); }
  .prz .pz-cump td { padding: 0; border: 0; background: none !important; }
  .prz .pz-cump td.pz-c-data { grid-column: 1; grid-row: 1; }
  .prz .pz-cump td.pz-c-pret { grid-column: 2; grid-row: 1; text-align: right; }
  .prz .pz-cump td.pz-c-prod { grid-column: 1 / -1; grid-row: 2; min-width: 0; margin: 2px 0; }
  .prz .pz-cump td.pz-c-q { grid-column: 1; grid-row: 3; text-align: left; }
  .prz .pz-cump td.pz-c-fata { grid-column: 2; grid-row: 3; text-align: right; }
}

/* factura redată din XML, peste „Detalii…” (#pzViz, după fereastră în DOM: deasupra ei; sub ferestrele paginii, ca PDF-ul să stea
   peste); hârtia rămâne albă și noaptea, ca un PDF, deci și rândul evidențiat are culoarea lui fixă */
.prz .pz-viz { position: fixed; inset: 0; z-index: 49; background: var(--umbra); display: grid; place-items: center; padding: 16px; overscroll-behavior: contain; }
.prz .pz-viz-p { width: min(54rem, 100%); height: calc(100% - 16px); background: var(--card); border-radius: 14px; display: grid; grid-template-rows: auto minmax(0, 1fr); overflow: hidden; box-shadow: 0 12px 32px var(--umbra-p2); }
.prz .pz-viz-cap { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 8px 8px 8px 16px; border-bottom: 1px solid var(--line); }
.prz .pz-viz-cap h2 { margin: 0; font-size: 1rem; flex: 1; min-width: 12rem; }
.prz .pz-viz-cap h2 small { display: block; font-weight: 400; color: var(--muted); font-size: 0.86rem; }
.prz .pz-viz-cap .pz-x-inchide { position: static; }
.prz .pz-btn.pz-mic { min-height: 32px; padding: 2px 12px; border-width: 1px; }
.prz .pz-viz-corp { position: relative; overflow: auto; background: var(--soft); padding: 16px; display: grid; gap: 10px; align-content: start; overscroll-behavior: contain; }
.prz .pz-viz-sus { position: sticky; top: -16px; z-index: 1; margin: 0 auto; width: 100%; max-width: 46rem; background: var(--due-bg); border-radius: 10px; padding: 7px 12px; font-size: 0.92rem; box-shadow: 0 4px 10px var(--umbra-p); }
.prz .pz-viz-sus b { color: var(--due); }
.prz .pz-hartie { background: var(--hartie); color: var(--hartie-fg); width: 100%; max-width: 46rem; margin: 0 auto; padding: 22px 26px; border-radius: 4px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); display: grid; gap: 14px; font-size: 0.84rem; }
.prz .pz-hartie .pz-h-cap { display: flex; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
.prz .pz-hartie .pz-h-cap b { font-size: 1.1em; }
.prz .pz-hartie .pz-gri { color: var(--hartie-gri); }
.prz .pz-hartie .pz-h-tab { overflow-x: auto; }
.prz .pz-hartie table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.prz .pz-hartie th, .prz .pz-hartie td { border-bottom: 1px solid var(--hartie-linie); padding: 5px 6px; text-align: left; vertical-align: top; }
.prz .pz-hartie th { font-weight: 600; white-space: nowrap; }
.prz .pz-hartie .pz-r { text-align: right; white-space: nowrap; }
.prz .pz-hartie tr.pz-aici td { background: #fff1dc; font-weight: 700; }
.prz .pz-hartie tr.pz-aici td:first-child { box-shadow: inset 4px 0 0 #c45a00; }
.prz .pz-hartie .pz-h-tot { justify-self: end; display: grid; grid-template-columns: auto auto; gap: 3px 24px; font-variant-numeric: tabular-nums; }
.prz .pz-hartie .pz-h-tot b { text-align: right; }
.prz .pz-hartie .pz-h-tot span { color: var(--hartie-gri); }
.prz .pz-viz-nota { margin: 0 auto; width: 100%; max-width: 46rem; color: var(--muted); font-size: 0.85rem; }
@media (max-width: 759.98px) {
  .prz .pz-viz { padding: 0; }
  .prz .pz-viz-p { height: 100%; border-radius: 0; }
  .prz .pz-viz-corp { padding: 10px; }
  .prz .pz-viz-sus { top: -10px; }
  .prz .pz-viz-cap { flex-wrap: nowrap; padding-left: 12px; }
  .prz .pz-viz-cap h2 { min-width: 0; }
  .prz .pz-hartie { padding: 14px; }
}

/* butoanele din bara facturii (× și „PDF-ul original”): aici, ca fișa să meargă și fără preturi.css (pagina farmaciei) */
.prz .pz-viz-cap .pz-x-inchide { width: 28px; height: 28px; display: grid; place-items: center; border: 0; border-radius: 6px; background: transparent; color: var(--muted);
  font-size: 1.15rem; line-height: 1; cursor: pointer; padding: 0; }
.prz .pz-viz-cap .pz-x-inchide:hover { background: var(--soft); color: var(--fg); }
.prz .pz-viz-cap .pz-btn { border: 1px solid var(--contur); background: var(--card); color: var(--fg); border-radius: 10px; min-height: 32px; padding: 2px 12px; cursor: pointer; font: inherit; }