/* Gabarits des documents GraphFR (devis, facture, contrat), d'après le gabarit A4 de la DA : écran et impression A4.
   Couleurs fixes : le document reste clair en thème sombre. */
.gdoc{--g-ink:#300055;--g-text:#2A1A40;--g-muted:#6E6488;--g-line:#E6DCFA;--g-soft:#F1EAFF;--g-bg:#FCFBFF;--g-v7:#5B1FB0;--g-grad:linear-gradient(90deg,#3A0066 0%,#8F4FFF 100%);
  position:relative;background:var(--g-bg);color:var(--g-text);font:400 13.5px/1.6 "Poppins","Poppins Fallback","Segoe UI",system-ui,sans-serif;border-radius:18px;
  box-shadow:0 1px 2px rgba(48,0,85,.06),0 24px 60px -30px rgba(58,0,102,.35);overflow:hidden;max-width:820px;margin:0 auto}

/* couverture */
.gd-cover{position:relative;overflow:hidden;min-height:380px;padding:40px 44px;display:flex;flex-direction:column;border-bottom:1px solid var(--g-line);
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='32.4 1.2 95 94.4'%3E%3Cg fill='none' stroke='%23E3D9FF' stroke-width='.6'%3E%3Cpath d='M78.6 27.5h23.7V15.8L80.1 2.2 57.4 15.6v25.5l22.7 13.6 22.2-13.6z'/%3E%3Cpath d='M104.5 43.2l-.6 24.9-22.6 13.9 22.9 12.6 22.2-12.6V55.4z'/%3E%3Cpath d='M102.3 67.4V44L82 55.5l.1 23.8z'/%3E%3Cpath d='M55.9 42.5L33.4 56.3l.2 25.2 22.2 13.1L78.8 82 56.2 68.6z'/%3E%3Cpath d='M57.8 44v23.4L78 79.3l.1-23.8z'/%3E%3C/g%3E%3C/svg%3E") no-repeat right -70px bottom -90px/360px auto,
    linear-gradient(rgba(58,0,102,.04) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(58,0,102,.04) 1px,transparent 1px) 0 0/48px 48px,var(--g-bg)}
.gd-cover::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--g-grad)}
.gd-logo{display:block;height:38px;width:auto;align-self:flex-start;position:relative}
.gd-cover__b{margin-top:auto;position:relative;max-width:560px}
.gd-grain{position:absolute;inset:0;pointer-events:none;opacity:.12;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .19  0 0 0 0 0  0 0 0 0 .33  0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.gd-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.55em 1.1em .5em;font-weight:600;font-size:12px;line-height:1;background:var(--g-soft);color:#3A0066;border:1px solid #E4D8FF}
.gd-h1{font-weight:800;font-size:40px;line-height:1.08;letter-spacing:-.02em;color:var(--g-ink);margin:18px 0 12px;text-wrap:balance}
.gd-h1--sm{font-size:28px;margin:12px 0 0}
.gd-grad{background:linear-gradient(90deg,#5B1FB0,#8F4FFF);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.gd-meta{margin:0;font-size:13px;color:var(--g-muted)}

/* pages intérieures */
.gd-page{position:relative;padding:26px 44px 24px;background:#fff}
.gdoc--invoice .gd-page::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--g-grad)}
.gd-hd{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--g-v7);padding-bottom:14px;margin-bottom:22px;border-bottom:1px solid var(--g-line)}
.gd-hd__b{display:inline-flex;align-items:center;gap:8px;color:var(--g-ink)}
.gd-inv{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-bottom:22px}
.gd-dates{font-size:12.5px;color:var(--g-muted);margin:0;text-align:right}
.gd-parties{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.gd-party{background:var(--g-soft);border-radius:14px;padding:14px 16px}
.gd-party b{display:block;color:var(--g-ink);font-size:14.5px}
.gd-party p{margin:1px 0;color:var(--g-text)}
.gd-eyebrow{font-size:10.5px!important;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--g-v7)!important;margin:0 0 6px!important}
.gd-valid{margin:0 0 6px;font-size:12.5px;color:var(--g-muted)}
.gd-h2{display:flex;align-items:center;gap:12px;font-weight:800;font-size:21px;letter-spacing:-.01em;color:var(--g-ink);margin:26px 0 12px}
.gd-hex{display:inline-grid;place-items:center;width:34px;height:34px;flex:none;font-size:12.5px;font-weight:800;color:#fff;background:var(--g-grad);clip-path:polygon(50% 2%,91.6% 26%,91.6% 74%,50% 98%,8.4% 74%,8.4% 26%)}

/* tableau des prestations (table.q du gabarit) */
.gd-lines table{width:100%;border-collapse:collapse;font-size:12.5px}
.gd-lines th{text-align:left;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--g-v7);padding:10px 12px;background:var(--g-soft)}
.gd-lines th:first-child{border-radius:10px 0 0 10px}.gd-lines th:last-child{border-radius:0 10px 10px 0}
.gd-lines td{padding:12px;border-bottom:1px solid var(--g-line);vertical-align:top}
.gd-lines tfoot td{font-weight:700;color:var(--g-ink);border-bottom:0}
.gd-lines tfoot td.n{font-weight:800}
.gd-lines .n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.gd-empty{color:var(--g-muted);text-align:center;padding:22px!important;font-style:italic}
.gd-totals{margin:8px 0 0 auto;width:min(100%,360px);display:grid;gap:4px}
.gd-totals p{display:flex;justify-content:space-between;gap:12px;margin:0;padding:3px 0}
.gd-totals b{font-variant-numeric:tabular-nums}
.gd-muted{color:var(--g-muted)}
.gd-grand{margin-top:6px!important;padding:11px 16px!important;border-radius:14px;background:var(--g-grad);color:#fff;font-weight:600;box-shadow:0 18px 50px -18px rgba(143,79,255,.55)}
.gd-grand b{font-size:17px}
.gd-monthly{font-size:12.5px;color:var(--g-v7);font-weight:600}

/* engagements */
.gd-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gd-card{background:#fff;border:1px solid var(--g-line);border-radius:16px;padding:14px 16px;box-shadow:0 1px 2px rgba(48,0,85,.06),0 2px 8px rgba(48,0,85,.05)}
.gd-card h3{font-size:13.5px;font-weight:700;color:var(--g-ink);margin:0 0 4px}
.gd-card p{margin:0;font-size:12px;color:var(--g-muted);line-height:1.5}

.gd-cond,.gd-art{margin-top:20px}
.gd-cond h3{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--g-ink);margin:0 0 6px}
.gd-cond ul{margin:0;padding-left:18px;color:var(--g-text)}
.gd-cond li{margin:2px 0}
.gd-art .gd-h2{font-size:16px;margin:0 0 6px}.gd-art .gd-hex{width:28px;height:28px;font-size:11px}
.gd-art p{margin:0 0 0 40px}
.gd-art .gd-lines{margin-left:40px}

/* prochaine étape (bloc dégradé du gabarit) */
.gd-next{margin-top:26px;padding:24px 26px;border-radius:22px;background:var(--g-grad);color:#fff}
.gd-next p{margin:0}
.gd-next__e{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.gd-next__t{font-weight:800;font-size:22px;line-height:1.2;margin:8px 0!important}
.gd-next__p{font-size:13px;opacity:.9}

.gd-sign{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.gd-sign>div{border:1.5px dashed #CDB8FF;border-radius:14px;padding:14px 16px;min-height:96px;background:#fff}
.gd-sigline{margin:14px 0 0;font-family:"Segoe Script","Brush Script MT",cursive;font-size:18px;color:var(--g-ink)}
.gd-signed b{display:block;font-family:"Segoe Script","Brush Script MT",cursive;font-size:20px;color:var(--g-ink)}
.gd-signed p{margin:2px 0;font-size:12px;color:var(--g-muted)}
.gd-hash{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10.5px!important}
.gd-paid{display:inline-block;margin-top:6px;padding:5px 12px;border-radius:999px;background:#E6F6EE;color:#138A5E;font-weight:700}
.gd-ft{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 16px;margin-top:26px;padding-top:12px;border-top:1px solid var(--g-line);font-size:10px;color:var(--g-muted)}

@media (max-width:600px){
  .gd-cover{min-height:300px;padding:28px 22px}.gd-h1{font-size:30px}.gd-page{padding:20px 18px}
  .gd-parties,.gd-sign{grid-template-columns:1fr}.gd-cards{grid-template-columns:1fr 1fr}.gd-dates{text-align:left}
  .gd-lines th:nth-child(3),.gd-lines td:nth-child(3){display:none}.gd-lines tfoot td:first-child{padding-left:12px}
  .gd-art p,.gd-art .gd-lines{margin-left:0}
}

/* impression : seul le document sort, au format A4 ; la couverture occupe la première page */
.gd-print{display:none}
@media print{
  @page{size:A4;margin:0}
  body>*:not(.gd-print){display:none!important}
  .gd-print{display:block!important}
  .gd-print .gdoc{box-shadow:none;border-radius:0;max-width:none;font-size:11.5px;background:#fff}
  .gd-print .gd-cover{height:297mm;min-height:0;padding:22mm 17mm;border:0;page-break-after:always;break-after:page;background-size:120mm auto,48px 48px,48px 48px,auto;background-position:right -20mm bottom -25mm,0 0,0 0,0 0}
  .gd-print .gd-cover .gd-h1{font-size:46px}
  .gd-print .gd-page{padding:14mm 17mm 12mm}
  .gd-print .gd-card,.gd-print .gd-next,.gd-print .gd-sign,.gd-print tr{break-inside:avoid}
  .gd-print *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}