.quotation-pane { min-width:0; color:var(--text-primary,#292929); font-size:14px; line-height:1.6; }
.quotation-pane *, .quotation-pane *:before, .quotation-pane *:after { box-sizing:border-box; }
.quotation-pane button { background:transparent; border:0; font:inherit; color:inherit; cursor:pointer; }
.quotation-pane button:focus-visible { outline:2px solid #e8613a; outline-offset:4px; }
.quotation-pane button:disabled { cursor:default; opacity:.45; }
.quotation-pane-toolbar { display:flex; align-items:center; justify-content:space-between; gap:18px; border-bottom:1px solid #e9e4df; margin-bottom:22px; }
.quotation-pane-tabs { display:flex; gap:24px; }
.quotation-pane-tabs>button { position:relative; color:#8d837b; padding:0 0 11px; font-size:13px; }
.quotation-pane-tabs>button[aria-selected="true"] { color:#b44f2f; font-weight:500; }
.quotation-pane-tabs>button[aria-selected="true"]:after { content:""; position:absolute; bottom:-1px; left:0; right:0; height:2px; background:#e8613a; }
.quotation-pane-customer-link { font-size:12px!important; color:#a36b50!important; margin-bottom:11px; padding:0; }
.quotation-pane-paper { padding:28px 30px 20px; border:1px solid #e7e1dc; border-radius:5px; background:var(--surface-canvas,#fff); box-shadow:0 4px 20px #4b372403; }
.quotation-pane-document-head { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-bottom:23px; border-bottom:2px solid #3d3530; margin-bottom:24px; }
.quotation-pane-eyebrow { font-size:10px; letter-spacing:.14em; color:#a28f80; }
.quotation-pane-document-head h2 { font-size:24px; font-weight:550; line-height:1.5; margin:4px 0 0; }
.quotation-pane-draft-state { color:#9b8068; font-size:12px; background:#f8f4ee; padding:4px 9px; border-radius:4px; }
.quotation-pane-parties { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:18px; margin-bottom:24px; }
.quotation-pane-label { font-size:12px; color:#9a8d82; }
.quotation-pane-parties h3 { margin:7px 0 0; font-size:17px; line-height:1.5; font-weight:500; overflow-wrap:anywhere; }
.quotation-pane-parties dl { display:grid; grid-template-columns:max-content max-content; gap:5px 20px; margin:0; font-size:12px; }
.quotation-pane-parties dt { color:#9b9087; }
.quotation-pane-parties dd { margin:0; text-align:right; color:#68605a; }
.quotation-pane-table-wrap { min-width:0; max-width:100%; overflow:auto; }
.quotation-pane-table { width:100%; border-collapse:collapse; font-size:13px; line-height:1.7; text-align:left; }
.quotation-pane-table th { background:#f7f5f2; border-top:1px solid #e7e0da; border-bottom:1px solid #e7e0da; color:#918276; font-size:12px; font-weight:500; padding:11px 12px; vertical-align:top; }
.quotation-pane-table td { border-bottom:1px solid #e8e2dc; padding:17px 12px; vertical-align:top; overflow-wrap:anywhere; white-space:pre-wrap; }
.quotation-pane-table-wrap.is-line-items td:first-child { width:42%; }
.quotation-pane-table-wrap.is-line-items table th:not(:first-child), .quotation-pane-table-wrap.is-line-items table td:not(:first-child) { text-align:right; }
.quotation-pane-total { display:flex; align-items:baseline; justify-content:flex-end; gap:20px; padding:19px 12px 23px; color:#8d8076; font-size:13px; }
.quotation-pane-total strong { font-size:22px; line-height:1.5; font-weight:550; color:#3a322b; font-variant-numeric:tabular-nums; }
.quotation-pane-terms, .quotation-pane-notes { border-top:1px solid #eee8e2; padding:17px 0; }
.quotation-pane-terms h3, .quotation-pane-notes h3 { font-size:12px; font-weight:500; color:#9b897b; margin:0 0 8px; }
.quotation-pane-terms p, .quotation-pane-notes p { font-size:13px; color:#6e6258; margin:0; white-space:pre-wrap; overflow-wrap:anywhere; }
.quotation-pane-calculation { padding-top:10px; font-size:11px; color:#aa9b8e; line-height:1.8; }
.quotation-pane-comparison-head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:10px; }
.quotation-pane-comparison-head h2 { font-size:17px; line-height:1.5; margin:0; font-weight:550; }
.quotation-pane-comparison-head button { font-size:12px; color:#9f8d7b; padding:5px 9px; border:1px solid #e8dfd6; border-radius:6px; }
.quotation-pane-comparison-head button[aria-pressed="true"] { background:#fff1e7; color:#af5633; border-color:#e9bea2; }
.quotation-pane-comparison-copy { margin:0 0 18px; color:#9b8b7e; font-size:12px; }
.quotation-pane-comparison .is-compare .quotation-pane-table th:first-child { width:22%; }
.quotation-pane-comparison .is-compare .quotation-pane-table th:not(:first-child) { width:39%; }
.quotation-pane-table .is-changed td { background:#fff8f1; }
.quotation-pane-table .is-changed td:last-child { color:#a65331; }
.quotation-pane-currency-note { color:#b07548; background:#fff9ef; border-left:2px solid #e6c5a6; padding:9px 12px; font-size:12px; }
.quotation-pane-open-comparison { color:#a95736!important; margin-top:18px; padding:0; font-size:12px!important; }
.quotation-pane-empty { text-align:center; padding:46px 20px; border:1px dashed #e3d9cf; border-radius:10px; background:#fdfbf8; }
.quotation-pane-empty h3 { font-size:16px; font-weight:500; margin:0 0 10px; }
.quotation-pane-empty p { font-size:13px; color:#9c8c7e; margin:0; }
.quotation-pane-no-changes { padding:22px; text-align:center; color:#938576; background:#faf8f5; border-radius:8px; }
.quotation-pane-missing { border-left:2px solid #dfb38b; padding-left:13px; margin-top:19px; }
.quotation-pane-missing h3 { font-size:12px; color:#a47851; font-weight:500; margin:0 0 6px; }
.quotation-pane-missing p { font-size:12px; color:#9b8069; margin:4px 0; }
.quotation-pane-unsent { margin:12px 0 0; color:#ab9b8c; font-size:11px; }
@media(max-width:700px) { .quotation-pane-paper { padding:20px 16px 16px; }.quotation-pane-parties { grid-template-columns:minmax(0,1fr); }.quotation-pane-parties dl { grid-template-columns:max-content 1fr; max-width:290px; }.quotation-pane-table { min-width:480px; }.quotation-pane-document-head h2 { font-size:21px; }.quotation-pane-draft-state { font-size:11px; }.quotation-pane-total { padding-right:0; }.quotation-pane-total strong { font-size:20px; } }
@media(max-width:450px) { .quotation-pane-toolbar { align-items:flex-start; flex-direction:column; gap:6px; }.quotation-pane-customer-link { align-self:flex-end; }.quotation-pane-document-head { align-items:flex-start; gap:12px; }.quotation-pane-tabs { gap:20px; } }