#proposalDialog{width:min(720px,94vw);max-height:90dvh;overflow:auto;border:1px solid #ccd5e5;border-radius:18px;padding:24px;background:var(--surface,#fff);color:#163254}#proposalDialog::backdrop{background:#071b38a8}#proposalDialog label{display:block;margin:16px 0}#proposalDialog textarea,#proposalDialog select{display:block;width:100%;padding:10px;border:1px solid #aebdd0;border-radius:8px}#proposalDialog button,#proposalNotice button{padding:10px 16px;border:1px solid #98b0cc;border-radius:10px;margin:5px;background:#eef4ff;color:#153961}#proposalNotice{padding:16px;margin:16px 0;background:#eaf3ff;border-radius:12px}#proposalNotice input{display:block;width:100%;padding:10px}.proposal-price{padding:14px;border-radius:10px;background:#e7f5ee;color:#134c37}.proposal-price p{margin:5px 0}.dark #proposalDialog{background:#152238;color:#edf3ff}.dark #proposalDialog textarea,.dark #proposalDialog select{background:#23344b;color:white}#proposalDialog [hidden],#proposalNotice [hidden],#proposalNotice[hidden],#proposalOpen[hidden]{display:none!important}
#proposalPreview{min-height:100dvh;background:#f4f7fb;color:#15345d;padding:24px}#proposalPreview>header,#proposalPreview>main{max-width:1440px;margin:auto}#proposalPreview h1{font-size:28px;margin:20px 0}#proposalPreview h2{font-size:17px;line-height:1.5}#proposalPreview .sf-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:20px}#proposalPreview .sf-product{padding:20px;background:white;border:1px solid #dce4ef;border-radius:16px}#proposalPreview .product-img-container{height:190px;width:100%}body[data-proposal-preview=true]>:not(#proposalPreview):not(#proposalDialog){display:none!important}#proposalPreview[hidden]{display:none!important}@media(prefers-color-scheme:dark){#proposalPreview{background:#101b2d;color:#edf4ff}#proposalPreview .sf-product{background:#1b2b42;border-color:#3a4c65}}@media(max-width:480px){#proposalPreview{padding:16px}}

#proposalTotal{font-size:22px;font-weight:700;margin:16px 0}

#proposalCustomerNotice{padding:16px;margin:16px 0;background:#eaf3ff;border:1px solid #bfd0e8;border-radius:12px}#proposalCustomerNotice button,#proposalNotifications button{padding:9px 14px;background:#135b75;color:white;border-radius:8px;margin:6px}#proposalCustomerNotice[hidden],#proposalNotifications[hidden],#proposalCustomerPanel[hidden]{display:none!important}#proposalNotifications{position:fixed;right:16px;bottom:90px;z-index:65;max-width:min(420px,calc(100vw - 32px));max-height:45dvh;overflow:auto;background:#fff;color:#163254;border:1px solid #bfd0e8;border-radius:14px;padding:14px;box-shadow:0 8px 28px #102e4a33}