/* [cc 18.10 ce-faci] Doar ce diferă la poza „Predare Documente” (pagina Documente și ANAF) față de componenta comună captura-pen.css (Dispecerat), încărcat după ea.
   Modelul: site27/src/captura-pen-flota/captura-faz.css (CSS al paginii, scoped pe .cp--doc).
   1) Poza are 1280 × 620 și o singură variantă (luminoasă): în tema întunecată rămâne aceeași poză, în rama ferestrei, fără inversare sau filtru (D2 din BRIEF).
      Cerneala din interiorul pozei: în tema întunecată e închisă, cu halo deschis (liniile .kin din captura-pen.js); în afara pozei rămâne cerneala deschisă a temei.
   2) Pe telefon și pe tableta îngustă (< 900 px) se vede PARTEA DIN DREAPTA a pozei (x 700–1280: Nr. CMR … Observații), nu Camion … Client;
      notițele devin lista scurtă de sub poză (ca la Dispecerat).
      Sus se taie și titlul pozei (y 0–122), ca să rămână antetul tabelului + rândurile: 580 × 442 px ai pozei (poza are 564 px în înălțime, deci jos nu rămâne gol). */
.cp--doc .cp-img{display:block}
/* [cc 18.10 v2] înălțimea secțiunii ≤ 900 px la 1440 și la ≥ 1536: poza e tăiată jos (564 în loc de 620), banda de notițe 54 px (cea de la 900–1179 px la Dispecerat), spațiul titlu → poză până la 36 px */
.cp--doc{--cp-band:54px}
#ce-faci .sh{margin-bottom:clamp(28px,2.8vw,36px)}
.cp--doc{--cp-pen-in:hsl(40 13% 23% / .74);--cp-halo:rgba(245,245,245,.9)}
:root[data-theme=light] .cp--doc{--cp-pen-in:transparent;--cp-halo:rgba(245,245,245,.88)}
.cp-pen .kin{stroke:var(--cp-pen-in,transparent);stroke-width:1.5px}
.cp-pen .kin2{stroke:var(--cp-pen-in,transparent);stroke-width:1.3px;opacity:.4}
@media (max-width:899px){
  .cp--doc .cp-win{aspect-ratio:580 / 442}
  .cp--doc .cp-img{width:220.69%;max-width:none;margin-left:-120.69%;margin-top:-21.03%}
}