
:root{
  --cdqb-text:#111;
  --cdqb-border:#222;
  --cdqb-muted:#666;
}
body.cdqb-body{margin:0;background:#e9ecef;color:var(--cdqb-text);font-family:Arial, Helvetica, sans-serif;}
.cdqb-wrap{max-width:900px;margin:30px auto;padding:0 16px;}
.cdqb-toolbar{display:flex;justify-content:flex-end;gap:10px;margin:0 0 16px}
.cdqb-btn{background:#111;color:#fff;padding:10px 16px;text-decoration:none;border-radius:4px;display:inline-block;border:none;cursor:pointer}
.cdqb-sheet{background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.12);padding:28px 32px;margin:0 0 18px;min-height:1120px;position:relative}
.cdqb-topline{font-size:14px;font-weight:700;text-align:center;letter-spacing:.4px;margin-bottom:18px}
.cdqb-brand{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #999;padding-bottom:14px;margin-bottom:16px}
.cdqb-brand img{max-height:75px;max-width:220px}
.cdqb-brand-right{font-size:13px;text-align:right}
.cdqb-info-table{width:100%;border-collapse:collapse;font-size:14px}
.cdqb-info-table td{padding:10px 8px;border-bottom:1px solid #555;vertical-align:top}
.cdqb-label{width:210px;font-weight:700}
.cdqb-cover-note{margin-top:18px;font-size:14px}
.cdqb-photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}
.cdqb-photo-grid img{width:100%;height:240px;object-fit:cover;border:1px solid #444}
.cdqb-section-title{font-size:18px;font-weight:700;margin:18px 0 10px}
.cdqb-subtitle{font-size:14px;font-weight:700;margin:16px 0 8px}
.cdqb-copy,.cdqb-copy p{font-size:14px;line-height:1.55}
.cdqb-meta-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:12px 0}
.cdqb-meta-box{border:1px solid #444;padding:8px 10px;font-size:13px}
.cdqb-meta-label{display:block;color:#555;font-size:12px;font-weight:700;text-transform:uppercase}
.cdqb-list{margin:6px 0 0 0;padding-left:18px;font-size:14px;line-height:1.5}
.cdqb-list li{margin:4px 0}
.cdqb-note{font-size:13px;color:#555}
.cdqb-accept-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cdqb-field label{display:block;font-weight:700;font-size:14px;margin-bottom:4px}
.cdqb-field input,.cdqb-field textarea{width:100%;border:1px solid #333;padding:10px;font-size:14px;box-sizing:border-box}
.cdqb-checkbox{margin:14px 0;font-size:14px}
.cdqb-signature-wrap{border:1px solid #333;padding:8px}
#cdqb-signature-pad{display:block;width:100%;height:auto;border:1px dashed #999;background:#fafafa;touch-action:none}
.cdqb-pricing{margin-top:18px;border-top:1px solid #333;padding-top:12px}
.cdqb-pricing-row{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}
.cdqb-pricing-row.total{font-size:16px;font-weight:700;border-top:1px solid #333;margin-top:4px;padding-top:10px}
.cdqb-success{background:#e8f7ea;border:1px solid #82c58c;padding:14px;margin-bottom:16px}
@media print{
  body.cdqb-body{background:#fff}
  .cdqb-wrap{max-width:none;margin:0;padding:0}
  .cdqb-toolbar{display:none}
  .cdqb-sheet{box-shadow:none;margin:0;page-break-after:always;min-height:auto}
  @page{size:A4;margin:12mm}
}
@media(max-width:700px){
  .cdqb-sheet{padding:20px}
  .cdqb-photo-grid,.cdqb-accept-grid,.cdqb-meta-grid{grid-template-columns:1fr}
  .cdqb-info-table td{display:block;width:100%}
  .cdqb-label{padding-bottom:0;border-bottom:none}
}
