/* Rendu A4 des devis / factures / avoirs (écran + impression). Toujours sur fond blanc. */
.pdoc{--pink:#13302E;--pmuted:#5b6662;--pline:#e2e5e0;--pacc:#E8B21E;
  background:#fff;color:var(--pink);font-family:"Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:12.5px;line-height:1.5;
  width:100%;max-width:210mm;min-height:297mm;margin:0 auto;padding:16mm 15mm 14mm;box-sizing:border-box;display:flex;flex-direction:column;gap:14px;
  box-shadow:0 1px 2px rgba(0,0,0,.06),0 12px 40px rgba(19,48,46,.12);border-radius:4px;position:relative;overflow:hidden}
.pdoc::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--pacc)}
.pdoc *{box-sizing:border-box}
.pdoc h1,.pdoc h2,.pdoc h4{font-family:"Bricolage Grotesque","Arial Narrow",system-ui,sans-serif;margin:0;letter-spacing:-.01em}
.pdoc .mono{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-size:11.5px}
.pdoc .small{font-size:10.5px;color:var(--pmuted)}
.pdoc .ph{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.pdoc .brand{display:flex;gap:10px;align-items:center}
.pdoc .brand .mark{width:38px;height:38px;border-radius:10px;background:var(--pink);color:var(--pacc);display:grid;place-items:center;font:800 20px "Bricolage Grotesque",sans-serif}
.pdoc .brand b{display:block;font:700 17px "Bricolage Grotesque",sans-serif}
.pdoc .brand span{font-size:11px;color:var(--pmuted)}
.pdoc .ptitle{text-align:right}
.pdoc .ptitle h1{font-size:30px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.pdoc .pnum{font-family:"JetBrains Mono",monospace;font-size:13px;color:var(--pmuted)}
.pdoc .parties{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pdoc .parties>div{border:1px solid var(--pline);border-radius:8px;padding:10px 12px}
.pdoc .parties>div:last-child{background:#f6f7f4}
.pdoc h4{font-size:10.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--pmuted);font-weight:700;margin-bottom:4px}
.pdoc .parties p{margin:0}
.pdoc .meta{display:flex;flex-wrap:wrap;gap:6px 22px;padding:8px 0;border-top:1px solid var(--pline);border-bottom:1px solid var(--pline)}
.pdoc .meta div{display:flex;flex-direction:column}
.pdoc .meta span{font-size:10px;color:var(--pmuted);text-transform:uppercase;letter-spacing:.06em}
.pdoc .meta b{font-weight:600}
.pdoc .obj{font-size:15px;font-weight:700}
.pdoc table{width:100%;border-collapse:collapse}
.pdoc .lines th{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--pmuted);text-align:left;padding:6px 6px;border-bottom:1.5px solid var(--pink)}
.pdoc .lines td{padding:8px 6px;border-bottom:1px solid var(--pline);vertical-align:top}
.pdoc .lines .n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.pdoc .lines .d{width:52%}
.pdoc .lines .empty{text-align:center;color:var(--pmuted);padding:18px}
.pdoc .totals{width:auto;min-width:260px;margin-left:auto}
.pdoc .totals th{text-align:left;font-weight:500;color:var(--pmuted);padding:4px 14px 4px 0}
.pdoc .totals td{text-align:right;padding:4px 0;font-variant-numeric:tabular-nums;white-space:nowrap}
.pdoc .totals .grand th,.pdoc .totals .grand td{font:800 16px "Bricolage Grotesque",sans-serif;color:var(--pink);border-top:1.5px solid var(--pink);padding-top:8px}
.pdoc .vatnote{margin:0;text-align:right;font-size:11px;color:var(--pmuted);font-style:italic}
.pdoc .notes{background:#f6f7f4;border-radius:8px;padding:10px 12px;white-space:normal}
.pdoc .pay{display:flex;gap:16px;align-items:center;justify-content:space-between;border:1px dashed #c9cfc6;border-radius:10px;padding:12px 14px}
.pdoc .pay p{margin:4px 0}
.pdoc .qr{margin:0;text-align:center;font-size:9.5px;color:var(--pmuted);line-height:1.25}
.pdoc .qr svg{display:block;margin:0 auto 3px}
.pdoc .sign{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border:1px solid var(--pline);border-radius:10px;padding:12px 14px}
.pdoc .sign .box{width:46%;height:70px;border:1px dashed #c9cfc6;border-radius:8px}
.pdoc .sign.ok{background:#e8f4ee;border-color:#a8d5bd;display:block}
.pdoc .pf{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;font-size:10px;color:var(--pmuted);border-top:1px solid var(--pline);padding-top:8px}
@media (max-width:640px){
  .pdoc{padding:20px 14px;min-height:0;font-size:12px}
  .pdoc .parties{grid-template-columns:1fr}
  .pdoc .ptitle h1{font-size:22px}
  .pdoc .lines th:nth-child(3),.pdoc .lines td:nth-child(3){display:none}
  .pdoc .pay{flex-direction:column;align-items:flex-start}
}
@media print{
  @page{size:A4;margin:0}
  html,body{background:#fff!important}
  body *{visibility:hidden}
  .print-area,.print-area *{visibility:visible}
  .print-area{position:absolute;inset:0}
  .pdoc{box-shadow:none;border-radius:0;max-width:none;width:210mm;min-height:297mm;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}