@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--ink:#17212b;--muted:#7d8790;--line:#e8ecef;--paper:#fff;--bg:#f3f5f5;--red:#d40f0f;--red-soft:#fff1f0;--navy:#142330;--green:#157a5b;--shadow:0 24px 70px rgba(24,39,48,.12)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:13px}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px 0 34px}.brand-mark{display:flex;align-items:center;gap:8px;font-family:Manrope;font-size:17px;font-weight:800;letter-spacing:-.04em}.brand-mark small{font:700 9px 'DM Sans';letter-spacing:.18em;color:#9da6ac;margin-left:6px}.brand-dot{width:11px;height:11px;border-radius:3px;background:var(--red);display:inline-block;transform:rotate(45deg)}.top-actions{display:flex;align-items:center;gap:12px}.save-state{font-size:11px;color:#9aa3a9;margin-right:8px}.ghost-btn,.primary-btn,.export-btn,.wide-btn,.icon-btn{font:600 12px 'DM Sans';border-radius:7px;padding:10px 15px;cursor:pointer;transition:.18s}.ghost-btn{background:#fff;border:1px solid var(--line);color:var(--ink)}.primary-btn,.export-btn{background:var(--red);border:1px solid var(--red);color:#fff}.primary-btn:hover,.export-btn:hover{background:#b90c0c}.workspace{display:grid;grid-template-columns:minmax(600px,1fr) 338px;height:calc(100vh - 68px)}.canvas-area{min-width:0;display:flex;flex-direction:column}.canvas-toolbar{height:67px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line);background:rgba(243,245,245,.92)}.eyebrow{font:700 9px 'DM Sans';letter-spacing:.14em;color:#a2abb0}.toolbar-title{font:700 14px Manrope;margin-left:12px}.toolbar-actions{display:flex;align-items:center;gap:8px;color:#818c92;font-size:11px}.icon-btn{width:27px;height:27px;padding:0;border:1px solid var(--line);background:#fff;font-size:18px;line-height:20px}.export-btn{margin-left:12px;padding:9px 13px}.paper-wrap{flex:1;overflow:auto;padding:42px 36px 80px;display:flex;justify-content:center;align-items:flex-start}.quote-paper{width:794px;min-height:1123px;background:var(--paper);box-shadow:var(--shadow);padding:58px 64px 38px;transition:.25s;transform-origin:top center}.paper-head{display:flex;justify-content:space-between;gap:30px}.paper-brand{font:800 27px Manrope;letter-spacing:-.06em}.paper-subtitle{font-size:11px;color:var(--muted);margin-top:6px}.quote-meta{display:flex;gap:30px;text-align:right}.quote-meta span,.quote-meta strong{display:block}.quote-meta span{font-size:9px;letter-spacing:.15em;color:#a3acb2}.quote-meta strong{font:700 12px Manrope;margin-top:7px}.accent-line{height:3px;background:var(--red);margin:24px 0 30px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-bottom:25px;border-bottom:1px solid var(--line)}.label{font:700 9px 'DM Sans';letter-spacing:.14em;color:#9ba5ab;margin:0 0 9px}.editable,.large{outline:0;border-radius:3px;padding:2px 3px;margin-left:-3px}.editable:focus{background:#fff8f7;box-shadow:0 0 0 1px #f6c5c1}.large{font:700 16px Manrope}.muted{color:#7c878d;font-size:11px;margin-top:5px}.project-note{padding:23px 0;border-bottom:1px solid var(--line)}.line-items{padding-top:27px}.section-heading{display:flex;justify-content:space-between;align-items:center;font:700 10px Manrope;letter-spacing:.1em;color:var(--navy);margin-bottom:13px}.section-hint{font:500 10px 'DM Sans';letter-spacing:0;color:#a2abb0}.line-items table{width:100%;border-collapse:collapse}.line-items th{text-align:right;font:700 9px 'DM Sans';letter-spacing:.12em;color:#9da6ab;padding:0 0 10px;border-bottom:1px solid #dfe4e6}.line-items th:first-child{text-align:left}.line-items td{padding:13px 0;border-bottom:1px solid var(--line);text-align:right;vertical-align:top}.line-items td:first-child{text-align:left}.col-desc{width:49%}.line-desc{font-weight:600}.line-detail{display:block;color:#899399;font-size:10px;margin-top:4px}.cell-input{border:0;background:transparent;text-align:right;width:90px;font:600 13px 'DM Sans';color:var(--ink);padding:3px}.cell-input:focus{outline:1px solid #efb6b1;background:#fff8f7;border-radius:3px}.desc-input{width:100%;text-align:left}.remove-line{border:0;background:transparent;color:#c4cbcf;font-size:16px;cursor:pointer}.remove-line:hover{color:var(--red)}.add-line{margin-top:13px;border:0;background:transparent;color:var(--red);font:600 11px 'DM Sans';padding:4px 0;cursor:pointer}.quote-section{padding-top:25px}.scenario-row,.delivery-card{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);padding:13px 15px;margin-top:8px}.delivery-card{gap:12px}.delivery-main{flex:1}.delivery-main b{font:700 12px Manrope}.delivery-main small{display:block;color:#8c969c;margin-top:4px}.delivery-price{text-align:right}.delivery-price strong{display:block;font:800 16px Manrope}.delivery-price small{display:block;color:#8c969c;margin-top:3px}.delivery-card.selected{border-color:#f1aba6;background:#fff8f7}.totals{display:flex;justify-content:space-between;gap:30px;margin-top:32px;padding-top:24px;border-top:1px solid var(--navy)}.terms-block{max-width:430px;color:#68747a;line-height:1.55;font-size:10px}.terms-block .label{color:var(--navy)}.total-card{min-width:176px;background:var(--navy);color:#fff;padding:17px 18px}.total-card div{display:flex;justify-content:space-between;gap:22px;margin:5px 0}.total-card span{font-size:10px;color:#b9c4ca}.total-card strong{font:700 13px Manrope}.paper-foot{display:flex;justify-content:space-between;margin-top:55px;border-top:1px solid var(--line);padding-top:14px;color:#9aa4aa;font-size:9px}.paper-foot div:last-child{color:var(--red)}.sidebar{background:#fff;border-left:1px solid var(--line);display:flex;flex-direction:column}.side-scroll{overflow:auto;flex:1}.side-section{padding:25px 24px;border-bottom:1px solid var(--line)}.side-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:21px}.side-heading h2{font:800 19px Manrope;letter-spacing:-.05em;margin:4px 0 0}.chevron{color:#a7b0b4}.control-list{display:flex;flex-direction:column;gap:2px}.control-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid #f0f2f3;cursor:pointer}.control-row b{font-size:12px;font-weight:600}.control-row small{display:block;color:#9aa4aa;font-size:10px;margin-top:3px}.switch{appearance:none;width:34px;height:20px;border-radius:20px;background:#dfe4e6;position:relative;cursor:pointer;transition:.2s}.switch:before{content:'';position:absolute;width:14px;height:14px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.15);transition:.2s}.switch:checked{background:var(--red)}.switch:checked:before{transform:translateX(14px)}.select-control{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #f0f2f3}.select-control span{font-size:11px;font-weight:600}.select-control select{border:0;background:#f5f6f6;border-radius:5px;padding:7px 8px;color:var(--ink);font:600 10px 'DM Sans'}.live-pill{font-size:10px;color:var(--green);background:#eaf7f1;border-radius:12px;padding:5px 8px}.live-pill i,.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#21a676;margin-right:5px}.summary-card{border:1px solid var(--line);padding:11px 13px}.metric-row{display:flex;justify-content:space-between;padding:8px 0;color:#7c878d;font-size:11px}.metric-row strong{font:700 12px Manrope;color:var(--ink)}.total-row{border-top:1px solid var(--line);margin-top:4px;padding-top:12px;color:var(--ink);font-weight:600}.profit-row strong{color:var(--green)}.risk-box{background:#fff8f0;border:1px solid #f6dfc4;margin-top:12px;padding:12px}.risk-title{display:flex;justify-content:space-between;color:#ae6a21;font:700 9px 'DM Sans';letter-spacing:.12em}.risk-title span:last-child{letter-spacing:0;font-weight:500}.risk-box p{font-size:10px;color:#8e6d4d;line-height:1.45;margin:8px 0 0}.wide-btn{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--navy);color:#fff;border:1px solid var(--navy);margin-top:8px}.wide-btn.secondary{background:#fff;color:var(--ink);border-color:var(--line)}.wide-btn:hover{transform:translateY(-1px)}.sidebar-foot{padding:14px 24px;font-size:10px;color:#9ba5aa;display:flex;justify-content:space-between}.status-dot{margin:0}.remove-col{width:20px}@media(max-width:980px){.workspace{grid-template-columns:1fr}.sidebar{border-left:0;border-top:1px solid var(--line);height:auto}.side-scroll{overflow:visible}.canvas-area{min-height:800px}.quote-paper{transform:none}.paper-wrap{padding:24px 12px 50px}.canvas-toolbar{padding:0 15px}.topbar{padding:0 15px}}
.private-pill{font-size:9px;color:#8c5e1f;background:#fff4dd;border:1px solid #f3dfb7;border-radius:12px;padding:5px 7px}.internal-section{background:#fafbfb}.input-group{border:1px solid var(--line);background:#fff;margin-top:12px;padding:0 12px}.input-group-title{display:flex;justify-content:space-between;padding:10px 0 7px;border-bottom:1px solid var(--line);font:700 9px 'DM Sans';letter-spacing:.1em;color:#8f999f}.number-control{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f2f3}.number-control:last-child{border-bottom:0}.number-control b{display:block;font-size:11px}.number-control small{display:block;font-size:9px;color:#9aa4aa;margin-top:3px}.number-box{display:flex;align-items:center;background:#f4f6f6;border:1px solid #e5e9eb;border-radius:5px;height:31px;padding:0 7px}.number-box:focus-within{border-color:#e9aaa5;background:#fff}.number-box input{width:58px;border:0;background:transparent;outline:0;text-align:right;font:700 11px Manrope;color:var(--ink)}.number-box i{font-style:normal;color:#8f999f;font-size:10px;margin-left:3px}.number-box.prefix i{margin:0 2px 0 0}.cost-line-name{max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-section .wide-btn{margin-top:12px}
.sidebar-columns{display:grid;grid-template-columns:1.15fr .85fr;min-height:0;flex:1}.input-column,.control-column{min-width:0}.input-column{border-right:1px solid var(--line)}.field-control{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #f0f2f3}.field-control span{font-size:10px;font-weight:600;white-space:nowrap}.field-control input,.field-control select{min-width:0;width:58%;border:1px solid #e5e9eb;border-radius:5px;background:#f6f7f7;padding:7px 8px;outline:0;font:600 10px 'DM Sans';color:var(--ink)}.field-control input:focus,.field-control select:focus{border-color:#e9aaa5;background:#fff}.product-input-card{border-bottom:1px solid var(--line);padding:9px 0}.product-input-card:last-child{border-bottom:0}.product-input-title{display:flex;justify-content:space-between;color:var(--red);font-size:10px;margin-bottom:4px}.product-input-title span{color:#9aa4aa;font-size:9px}.product-input-card .field-control{padding:7px 0}.product-input-card .number-control{padding:7px 0}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-grid .number-control{display:block}.mini-grid .number-box{margin-top:5px;justify-content:flex-end}.mini-grid .number-box input{width:48px}.compact{padding:9px 0}.side-add{margin:10px 0 5px}.paper-logo{display:block;width:210px;height:70px;object-fit:contain;object-position:left center;background:#0e5945;padding:8px 12px;border-radius:5px}.edit-hint{font-size:9px;color:#a1aaae;margin-top:8px}.editable-field{border-bottom:1px dashed #e6b4af!important}.system-value{color:#4f5b62}.quote-paper [data-edit]{position:relative}.quote-paper [data-edit]::after{content:' ';display:inline-block}.quote-paper [data-edit]:hover{background:#fff6f5;box-shadow:0 0 0 1px #f1c5c0}.input-column .side-section,.control-column .side-section{padding:22px 18px}
@media print{body{background:#fff}.topbar,.canvas-toolbar,.sidebar{display:none!important}.workspace{display:block;height:auto}.canvas-area{display:block}.paper-wrap{padding:0;display:block;overflow:visible}.quote-paper{box-shadow:none;width:210mm;min-height:297mm;padding:15mm 17mm 10mm;transform:none}.section-hint,.add-line,.remove-col,.remove-line{display:none!important}.quote-paper:has(.exw-section[style*="display: none"]){ }@page{size:A4;margin:0}}
.sidebar-columns{display:grid;grid-template-columns:1.2fr .8fr;min-height:0;flex:1}.input-column,.control-column{min-width:0}.input-column{border-right:1px solid var(--line)}.input-column .side-section,.control-column .side-section{padding:22px 18px}.field-control{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid #f0f2f3}.field-control>span{font-size:10px;font-weight:600;white-space:nowrap}.field-control input,.field-control select{min-width:0;width:58%;border:1px solid #e5e9eb;border-radius:5px;background:#f6f7f7;padding:7px 8px;outline:0;font:600 10px 'DM Sans';color:var(--ink)}.field-control input:focus,.field-control select:focus{border-color:#e9aaa5;background:#fff}.private-pill{font-size:9px;color:#8c5e1f;background:#fff4dd;border:1px solid #f3dfb7;border-radius:12px;padding:5px 7px}.input-group{border:1px solid var(--line);background:#fff;margin-top:12px;padding:0 10px}.input-group-title{display:flex;justify-content:space-between;padding:10px 0 7px;border-bottom:1px solid var(--line);font:700 9px 'DM Sans';letter-spacing:.1em;color:#8f999f}.number-control{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #f0f2f3}.number-control:last-child{border-bottom:0}.number-control b{display:block;font-size:10px}.number-control small{display:block;font-size:9px;color:#9aa4aa;margin-top:3px}.number-box{display:flex;align-items:center;background:#f4f6f6;border:1px solid #e5e9eb;border-radius:5px;height:30px;padding:0 6px}.number-box:focus-within{border-color:#e9aaa5;background:#fff}.number-box input{width:54px;border:0;background:transparent;outline:0;text-align:right;font:700 10px Manrope;color:var(--ink)}.number-box i{font-style:normal;color:#8f999f;font-size:9px;margin-left:3px}.number-box.prefix i{margin:0 2px 0 0}.product-input-card{border-bottom:1px solid var(--line);padding:8px 0}.product-input-title{display:flex;justify-content:space-between;color:var(--red);font-size:10px;margin-bottom:2px}.product-input-title span{color:#9aa4aa;font-size:9px}.product-input-card .field-control,.product-input-card .number-control{padding:6px 0}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mini-grid .number-control{display:block}.mini-grid .number-box{margin-top:4px;justify-content:flex-end}.mini-grid .number-box input{width:43px}.side-add{margin:9px 0 4px}.paper-logo{display:block;width:210px;height:70px;object-fit:contain;object-position:left center;background:#0e5945;padding:8px 12px;border-radius:5px}.edit-hint{font-size:9px;color:#a1aaae;margin-top:8px}.editable-field{border-bottom:1px dashed #e6b4af!important}.system-value{color:#4f5b62}.quote-paper [data-edit]:hover{background:#fff6f5;box-shadow:0 0 0 1px #f1c5c0}.compact{padding:8px 0}
.workspace{grid-template-columns:minmax(600px,1fr) 680px}.sidebar{min-width:0}.sidebar-columns{height:100%}@media(max-width:1280px){.workspace{grid-template-columns:minmax(560px,1fr) 620px}}@media(max-width:1100px){.workspace{grid-template-columns:1fr}.sidebar-columns{grid-template-columns:1fr 1fr}.sidebar{height:auto}.input-column,.control-column{overflow:visible}}