#modal.quotation-modal{width:min(1240px,96vw);max-height:94dvh;padding:0;background:#eef1f5;color:#233044;border:1px solid #cbd5e1;border-radius:14px}#modal.quotation-modal>#close{position:sticky;top:12px;float:right;margin:12px;z-index:5;background:#fff;color:#233044;border:1px solid #cbd5e1;min-height:44px} .quote-toolbar{padding:20px 120px 20px 24px;background:#fff;border-bottom:1px solid #d9e0e8;display:flex;justify-content:space-between;align-items:center;gap:16px}.quote-toolbar strong{font-size:19px}.quote-toolbar span{display:block;font-size:12px;color:#63738a;margin-top:4px}.quote-tools{display:flex;gap:8px;flex-wrap:wrap}.quote-tools button{background:#fff;color:#233044;border:1px solid #cbd5e1;padding:10px 12px;font-size:13px;min-height:44px}.quote-sheet{background:white;color:#233044;margin:24px;padding:32px;border:1px solid #dbe2ea;border-radius:6px;font:14px/1.5 system-ui,sans-serif;box-shadow:0 4px 18px #16243b09}.quote-sheet *{box-sizing:border-box}.quote-header{display:flex;justify-content:space-between;gap:20px;padding:0 0 24px;border:0;border-bottom:3px solid #f77913;background:white;position:static;color:#233044}.quote-logo{font-size:32px;font-weight:900;letter-spacing:-1.5px}.quote-logo span{color:#eb7413}.quote-sheet p{margin:4px 0;color:#64748b;font-size:13px}.quote-title{text-align:right}.quote-title h2{font-size:24px;margin:8px 0;color:#233044}.quote-status{font-size:11px;font-weight:750;background:#fff1de;border:1px solid #fed7aa;color:#984108;border-radius:5px;padding:4px 9px;letter-spacing:1px}.quote-customer{padding:20px 0;border-bottom:1px solid #e2e8f0}.quote-sheet h3{font-size:13px;text-transform:uppercase;letter-spacing:.7px;color:#53647a;margin:0 0 12px}.quote-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px}.quote-field{display:block;min-width:0}.quote-field>span{display:block;color:#53647a;font-size:12px;font-weight:600;margin-bottom:6px}.quote-sheet input,.quote-sheet textarea{width:100%;min-width:0;border:1px solid #d7dfe8;background:#fafbfd;color:#233044;border-radius:6px;padding:10px;font:14px system-ui;min-height:42px}.quote-sheet textarea{resize:vertical}.quote-sheet input:focus,.quote-sheet textarea:focus{outline:2px solid #ea791e;outline-offset:1px}.quote-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 0 12px}.quote-section-title h3{margin:0}.quote-section-title>span{color:#68798d;font-size:12px}.quote-table-scroll{overflow:auto;border:1px solid #d9e1eb;border-radius:6px}.quote-table{width:100%;border-collapse:collapse;min-width:830px;text-align:left}.quote-table th{background:#edf2f7;color:#516277;font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:12px 10px;white-space:nowrap}.quote-table td{font-size:13px;color:#233044;background:#fff;border-top:1px solid #e2e8f0;padding:14px 10px;vertical-align:top}.quote-table th:nth-child(3){width:46%}.quote-table small{display:block;color:#718096;font-size:11px;margin-top:6px}.quote-product{display:flex;gap:12px;min-width:240px}.quote-product .photo{width:50px;height:50px;object-fit:contain;flex-shrink:0;border:1px solid #e2e8f0;background:white;border-radius:5px}.quote-product p{font-size:11px;line-height:1.6;margin-top:7px}.quote-table input{width:72px;font-weight:650;text-align:center}.quote-table button{color:#8b4550;background:#fff;border:1px solid #e2e8f0;border-radius:6px;min-width:36px;min-height:38px;font-size:20px}.quote-pending{display:inline-block;font-size:10px;letter-spacing:.4px;color:#8b6024;background:#fff7e6;border:1px solid #f2dbab;padding:4px;border-radius:4px}.quote-bottom{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;padding:24px 0}.quote-disclaimer{font-size:12px!important;line-height:1.6;margin-top:12px!important}.quote-summary{background:#f7f9fc;border:1px solid #dce3ec;border-radius:8px;padding:8px 18px;align-self:start}.quote-summary>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;color:#53647a;font-size:12px}.quote-summary b{font-size:12px}.quote-summary .quote-total{border-top:1px solid #ccd6e3;font-size:17px;color:#233044}.quote-total b{font-size:17px}.quote-document-footer{border-top:1px solid #e2e8f0;padding-top:16px;color:#7b8798;font-size:11px}.quote-footer{padding:16px 24px;background:#fff;border-top:1px solid #d9e1eb;display:flex;gap:20px;align-items:center;justify-content:space-between;position:sticky;bottom:0}.quote-footer p{font-size:12px;color:#68798d;max-width:500px}.quote-footer button{white-space:nowrap;min-height:46px}.quote-empty{padding:40px;text-align:center;color:#64748b}.quote-scroll-hint{display:none}.quote-print-value{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:700px){#modal.quotation-modal{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}.quote-toolbar{padding:16px 88px 14px 14px;display:block}.quote-toolbar strong{font-size:18px}.quote-tools{margin-top:14px;gap:6px}.quote-tools button{font-size:13px}.quote-sheet{margin:12px 8px;padding:18px 12px}.quote-header{display:block}.quote-title{text-align:left;margin-top:20px}.quote-logo{font-size:30px}.quote-title h2{font-size:23px}.quote-fields{grid-template-columns:1fr 1fr;gap:14px 10px}.quote-sheet input,.quote-sheet textarea{font-size:16px;min-height:44px}.quote-field>span{font-size:13px}.quote-section-title{display:block}.quote-section-title>span{display:block;margin-top:6px}.quote-table td{font-size:14px}.quote-table th{font-size:12px}.quote-table input{width:76px}.quote-product p,.quote-table small{font-size:12px}.quote-bottom{grid-template-columns:1fr;gap:18px}.quote-scroll-hint{display:block!important;font-size:12px!important;margin-bottom:8px!important}.quote-footer{padding:12px;display:block;position:static}.quote-footer button{width:100%;font-size:15px}.quote-footer p{font-size:13px}.quote-table button{min-width:44px;min-height:44px}.quote-pending{font-size:11px}}
@media print{@page{size:A4;margin:12mm}body{margin:0}.quote-sheet{margin:0;padding:0;border:0;box-shadow:none;font-size:10px}.quote-no-print,.quote-scroll-hint{display:none!important}.quote-table-scroll{overflow:visible;border:0}.quote-table{min-width:0;table-layout:auto}.quote-table th,.quote-table td{font-size:9px;padding:8px 5px}.quote-product{min-width:0}.quote-product .photo{display:none}.quote-table small,.quote-product p{font-size:8px}.quote-table tr{break-inside:avoid}.quote-table thead{display:table-header-group}.quote-header{display:flex}.quote-title{text-align:right}.quote-fields{grid-template-columns:repeat(3,1fr)}.quote-bottom{grid-template-columns:1fr 220px}.quote-summary{break-inside:avoid}.quote-pending{font-size:8px}.quote-document-footer{font-size:9px}}
.quote-section-title label{font-size:13px;display:flex;gap:8px;align-items:center;color:#53647a}.quote-section-title input[type=checkbox]{width:20px;height:20px;min-height:20px;accent-color:#ed7b22}.quote-brand-heading th{background:#f5f0e9!important;color:#914b19!important;font-size:12px!important;border-top:1px solid #d9e1eb;padding:10px!important}@media print{.quote-brand-heading{break-after:avoid}}
.quotation-modal .quote-delivery{margin:20px;padding:20px;background:#fff;border:2px solid #f97316;border-radius:12px;color:#172823;scroll-margin:90px}
.quotation-modal .quote-delivery h3{margin:0 0 12px;font-size:19px}
.quotation-modal .quote-delivery p{font-size:14px;line-height:1.5}
.quotation-modal .quote-delivery-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.quotation-modal .quote-delivery-actions a{display:inline-flex;align-items:center;padding:10px 14px;border-radius:8px;text-decoration:none;min-height:44px;color:#170c05}
.quotation-modal .quote-delivery textarea{box-sizing:border-box;width:100%;font:14px/1.5 system-ui;background:#f7f9fc;color:#172823;border:1px solid #bbc8d9;border-radius:8px;padding:12px;margin-top:8px}
@media(max-width:700px){.quotation-modal .quote-delivery{margin:12px;padding:14px}.quotation-modal .quote-delivery textarea{font-size:16px}.quote-delivery-actions>*{width:100%;justify-content:center;min-height:44px}}
dialog.comparison-modal{width:min(1400px,96vw);max-width:96vw;padding:24px}
.comparison-modal .quick-table-scroll{max-height:65dvh}
.comparison-modal .quick-table-scroll td,.comparison-modal .quick-table-scroll th{font-size:14px;padding:12px;min-width:130px}
.comparison-modal #backToQuote{min-height:44px}
@media(max-width:700px){dialog.comparison-modal{padding:14px}.comparison-modal h2{font-size:22px}.comparison-modal .quick-table-scroll td,.comparison-modal .quick-table-scroll th{font-size:15px}}
dialog.contact-popup{background:#fff;color:#172823;width:min(560px,calc(100vw - 24px));padding:24px;max-height:90dvh}
.contact-popup h2{margin-right:80px;font-size:23px}.contact-popup form{display:grid;gap:14px}.contact-popup label{display:grid;gap:6px;font-size:14px;font-weight:600}.contact-popup input{background:#f8fafc;color:#172823;border:1px solid #bac8da;font-size:16px;min-height:44px}.contact-popup .contact-consent{display:flex;align-items:start;font-size:13px;font-weight:400}.contact-popup input[type=checkbox]{width:20px;min-height:20px;flex-shrink:0}.contact-popup button{min-height:44px}.contact-popup .contact-note{font-size:13px;color:#52647b}.contact-popup .contact-status{background:#fff3df;border-radius:8px;padding:12px;font-size:14px}.contact-popup [hidden]{display:none!important}