/* Offerte: dezelfde opmaak op de klantpagina (/offerte/...) en in /admin (voorbeeld en printen). */
.offerte { background: #fff; color: #1e2a22; border: 1px solid #e2d5c1; border-radius: 14px; padding: 34px 36px; max-width: 820px; font-size: .95rem; line-height: 1.5; }
.off-kop { display: flex; justify-content: space-between; gap: 24px; flex-wrap: wrap; padding-bottom: 18px; border-bottom: 3px solid #24382c; }
.off-merk { font-family: "Bricolage Grotesque", Inter, sans-serif; font-weight: 800; font-size: 1.8rem; letter-spacing: .01em; color: #24382c; margin-bottom: 4px; }
.off-titel { text-align: right; }
.off-titel h2 { margin: 0 0 4px; font-size: 1.9rem; color: #24382c; letter-spacing: 0; }
.off-label { font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #9a5f12; margin-bottom: 2px; }
.off-klant { margin: 20px 0 14px; }
.off-onderwerp { background: #f5eee3; border-radius: 10px; padding: 10px 14px; margin: 0 0 16px; }
.off-tabel { width: 100%; border-collapse: collapse; margin: 6px 0 10px; }
.off-tabel th { text-align: left; font-size: .78rem; text-transform: uppercase; letter-spacing: .06em; color: #5b6659; border-bottom: 1px solid #e2d5c1; padding: 8px 6px; }
.off-tabel td { padding: 9px 6px; border-bottom: 1px solid #efe5d6; vertical-align: top; }
.off-tabel .g { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.off-tabel tfoot td { border-bottom: 0; }
.off-totaal td { font-weight: 800; font-size: 1.1rem; border-top: 2px solid #24382c !important; padding-top: 12px; }
.off-btw td { color: #5b6659; font-size: .85rem; padding-top: 2px; padding-bottom: 2px; }
.off-blok { margin-top: 16px; }
.off-klein { font-size: .85rem; color: #5b6659; }
.off-status { background: #e4eadf; border-radius: 10px; padding: 12px 16px; font-weight: 600; }
.off-status.ok { background: #dcefd9; color: #2f6b3a; }
.off-knoppen { margin-top: 22px; }
@media (max-width: 600px) { .offerte { padding: 20px 16px; } .off-titel { text-align: left; } .off-tabel { font-size: .85rem; } }
@media print {
  header.site, footer, .off-knoppen, .off-print, .note, .mandknop, .voorbeeldbalk { display: none !important; }
  body { background: #fff; }
  .pagina { padding: 0 !important; }
  .pagina > h1 { display: none; }
  .offerte { border: 0; padding: 0; max-width: none; }
}