.estimate-preview-shell{--preview-width:980px;width:100%;min-width:0}.estimate-preview-shell[data-device=tablet]{--preview-width:768px}.estimate-preview-shell[data-device=phone]{--preview-width:390px}.estimate-preview-toolbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 0 18px}.estimate-preview-toolbar>span{font-size:12px;color:#5a6c78;margin-right:8px}.estimate-preview-toolbar button{min-height:44px;padding:10px 18px;border:1px solid #bccbd5;background:#fff;color:#24465b;border-radius:8px;cursor:pointer;font:inherit;font-size:13px}.estimate-preview-toolbar button[aria-pressed=true]{background:#23465d;color:#fff;border-color:#23465d}.estimate-preview-canvas{padding:22px;background:#e9eef2;border:1px solid #d5dee5;border-radius:12px;overflow-x:auto}.estimate-preview-viewport{width:100%;max-width:var(--preview-width);margin:auto;container-type:inline-size;transition:max-width .25s ease}.estimate-preview-note{text-align:center;font-size:11px;color:#61727e;margin:12px 0}.estimate-preview-viewport .quote-sheet,.estimate-preview-viewport .show-document{width:100%;max-width:none;box-sizing:border-box;margin:0;box-shadow:0 8px 28px #17314718;background:#fcfbf5;color:#26372d;border-radius:4px}.estimate-preview-viewport .quote-sheet{padding:32px}.estimate-preview-viewport .preview-document{padding:28px 32px}.estimate-preview-viewport .preview-document h3{font-size:28px;line-height:1.2;margin:28px 0 14px}.estimate-preview-viewport .preview-document .doc-masthead{font-size:11px}.estimate-preview-viewport .preview-document p{font-size:13px;line-height:1.65}.estimate-preview-viewport .quote-total{border-top:2px solid #d6ddd4;padding-top:22px}.estimate-preview-viewport .quote-total b{font-size:28px}.estimate-preview-viewport .button{background:var(--brand,#2958a6);color:white;min-height:44px}.estimate-preview-shell .show-document{transform:none!important;will-change:auto}#dialog:has(.estimate-preview-shell),#estimate-dialog:has(.estimate-preview-shell){max-width:1120px;width:calc(100% - 32px);box-sizing:border-box}#estimate-dialog:has(.estimate-preview-shell){background:#f5f7f8;padding:42px 24px 24px}#showcase .document-scene{display:block;padding:22px}#showcase .estimate-preview-toolbar>span{color:#d5e0e8}#showcase .estimate-preview-canvas{background:#ffffff08;border-color:#ffffff15}#showcase .estimate-preview-note{color:#becbd6}@container(max-width:480px){.estimate-preview-viewport .quote-sheet,.estimate-preview-viewport .preview-document{padding:22px 18px}.estimate-preview-viewport .estimate-top{display:block}.estimate-preview-viewport .estimate-top>div+div{margin-top:24px}.estimate-preview-viewport .preview-document .doc-masthead{gap:8px;font-size:9px}.estimate-preview-viewport .doc-number{font-size:7px}.estimate-preview-viewport .quote-total{flex-wrap:wrap}.estimate-preview-viewport .quote-total span{max-width:none}.estimate-preview-viewport .preview-document h3{font-size:24px}.estimate-preview-viewport .signature-tools{gap:6px}}@media(max-width:600px){.estimate-preview-canvas{padding:10px}.estimate-preview-toolbar{gap:6px}.estimate-preview-toolbar button{padding:9px 12px}#estimate-dialog:has(.estimate-preview-shell){padding:42px 12px 16px}}@media(prefers-reduced-motion:reduce){.estimate-preview-viewport{transition:none}}
.estimate-modal-closebar{position:sticky;top:-24px;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-18px 0 18px;padding:8px 0;background:#f5f7f8;color:#29475c}.estimate-modal-closebar strong{font-size:13px;font-weight:650}.estimate-modal-closebar .close{position:static;min-width:44px;min-height:44px;line-height:1;background:white;border:1px solid #c4d1da;border-radius:8px;color:#29475c}.show-document[data-demo-font=serif] :is(h2,h3,h4){font-family:inherit}
.estimate-preview-viewport .quote-sheet{max-width:750px;margin:auto}.estimate-preview-actions{position:sticky;top:-24px;z-index:8;background:#fff;border-bottom:1px solid #d4dfe5;padding:10px 0 14px;margin-top:0}
.show-document .doc-logo{color:var(--brand-text,var(--brand))}.estimate-preview-viewport .button,.show-document #show-approve{color:var(--brand-ink,#fff)}