:root{--ink:#18342f;--muted:#76817d;--green:#254f3f;--light-green:#e8f0e9;--border:#e3e7e2;--background:#f5f6f2;--white:#fff;--sidebar:244px;--radius:12px}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,a,input,textarea{outline-offset:3px}button:focus-visible,a:focus-visible{outline:3px solid #91b893}input:focus,textarea:focus{outline:2px solid #93b598;border-color:#729b79}button{transition:background .15s,color .15s,transform .15s}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{width:0;height:0;position:absolute}.sidebar{position:fixed;width:var(--sidebar);height:100vh;top:0;left:0;background:#112a29;color:#eff6ef;padding:36px 24px 24px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:14px;color:#f3f8ee;text-decoration:none;font-size:30px;font-weight:650;letter-spacing:-1.5px;line-height:1.05}.brand-mark{display:flex;width:34px;flex-direction:column;gap:5px}.brand-mark i{display:block;height:5px;background:#c8dfb0;border-radius:5px}.brand-mark i:nth-child(2){width:26px}.brand-mark i:nth-child(3){width:18px}.brand-sub{display:block;font-size:8px;letter-spacing:2px;color:#a9b8aa;margin-top:9px;white-space:nowrap}.workspace-label{font-size:9px;letter-spacing:1.7px;color:#76918a;margin-top:52px;margin-left:12px;margin-bottom:13px}.sidebar nav{display:grid;gap:7px}.nav-button{border:0;background:none;display:flex;align-items:center;gap:11px;border-radius:7px;color:#a6b8b2;text-align:left;padding:12px 11px;font-size:12px;white-space:nowrap}.nav-button svg{width:17px;height:17px}.nav-button:hover{background:#1e3935;color:white}.nav-button.active{background:#c9e0b8;color:#18342f;font-weight:600}.sidebar-tip{margin-top:56px;padding:0 12px}.tiny-label{font-size:9px;letter-spacing:1.6px;color:#829c92}.sidebar-tip p{font-size:24px;line-height:1.45;letter-spacing:-.7px;color:#d3e1d3;font-weight:450;margin-top:14px}.duct-art{display:flex;gap:7px;width:125px;margin:29px 0;transform:skewY(-12deg)}.duct-art span{width:19px;border:1px solid #617d68;height:50px;border-radius:2px}.duct-art span:nth-child(2){height:65px}.duct-art span:nth-child(3){height:80px}.duct-art span:nth-child(4){height:95px}.sidebar-footer{margin-top:auto;border-top:1px solid #2a4540;padding:23px 10px 0}.private-label{font-size:12px;display:flex;gap:8px;align-items:center;color:#dce6d6}.private-label svg{width:15px;height:15px}.sidebar-footer p{font-size:10px;color:#82988e;margin:6px 0 23px}.location{font-size:10px;color:#a8b9ac;display:flex;align-items:center;gap:6px}.location svg{width:13px;height:13px}main{margin-left:var(--sidebar)}.topbar{height:72px;border-bottom:1px solid var(--border);padding:0 38px;background:#fbfcf9;display:flex;align-items:center;justify-content:space-between;font-size:11px}.breadcrumb{color:#849085}.slash{margin:0 16px;color:#b7beb3}.topbar strong{font-weight:550}.save-status{display:flex;align-items:center;gap:7px;color:#798776;font-size:10px}.save-status>span{width:5px;height:5px;border-radius:50%;background:#86a481}.content{max-width:1620px;margin:auto;padding:36px 38px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#758e74;font-weight:650;margin-bottom:9px}h1{font-size:clamp(25px,2.3vw,36px);letter-spacing:-1.3px;line-height:1.2;margin:0;font-weight:550}.page-heading p{margin:11px 0 0;color:#7b827a;font-size:12px}.heading-actions{display:flex;align-items:center;gap:9px}.button{border:1px solid transparent;padding:10px 16px;border-radius:6px;display:inline-flex;gap:9px;align-items:center;justify-content:center;font-size:11px;font-weight:550;white-space:nowrap;line-height:1.5;min-height:38px}.button svg{width:15px;height:15px}.button.primary{color:#fff;background:var(--green)}.button.primary:hover{background:#193e30}.button.secondary{background:#fff;border-color:#dbe1d7;color:#3e5449}.button.secondary:hover{background:#eef3eb}.button.small{font-size:10px;padding:8px 11px;min-height:32px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:23px}.metric{border:1px solid var(--border);border-radius:var(--radius);padding:19px 20px;background:#fff;min-width:0}.metric-label{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:650;letter-spacing:1px;color:#7a8678;gap:5px}.metric-icon{font-size:8px;color:#aeb9a7;background:#f5f7f0;border:1px solid #edf0e8;border-radius:4px;line-height:22px;width:24px;text-align:center;font-weight:400;letter-spacing:0}.metric-value{font-size:clamp(23px,2.5vw,36px);font-weight:500;letter-spacing:-1.2px;margin:11px 0 4px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;line-height:1.2}.metric-caption{font-size:9px;color:#85907d}.total-metric{background:#dfeacb;border-color:#dfeacb}.total-metric .metric-label{color:#526344}.total-metric .metric-caption{color:#6a785d}.total-metric svg{width:21px;height:21px}.card{background:white;border:1px solid var(--border);border-radius:var(--radius)}h2{font-size:13px;font-weight:650;margin:0;letter-spacing:-.2px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.muted{font-size:10px;color:#929c8c}.quote-details{padding:21px 24px 24px;margin-bottom:24px}.detail-grid{display:grid;grid-template-columns:1.6fr 1.3fr 1fr;gap:17px 24px}label{display:block;font-size:10px;color:#7b8575;font-weight:500}label>input{display:block;margin-top:7px;width:100%;border:1px solid #e3e7df;background:#fbfcf9;border-radius:5px;padding:9px 10px;font-size:11px;color:#263f34;height:35px}input::placeholder,textarea::placeholder{color:#a1aa9b}.optional{color:#a2aa9a;font-weight:400}.boq-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 24px 20px;gap:15px}.boq-heading h2{display:flex;align-items:center;gap:9px}.count-badge{font-size:9px;line-height:19px;padding:0 7px;background:#f0f3eb;border-radius:4px;font-weight:400;color:#899582;letter-spacing:0}.boq-heading p{font-size:10px;color:#8b9385;margin:6px 0 0}.pricing-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 24px;background:#fbfcf9;border-top:1px solid #edf0e8;border-bottom:1px solid #edf0e8}.scope-control{display:flex;border:1px solid #e0e5d9;padding:3px;border-radius:6px;background:#f0f3ea}.scope-control button{border:0;background:transparent;border-radius:4px;padding:8px 12px;font-size:10px;color:#88917f;white-space:nowrap}.scope-control button.selected{background:#fff;box-shadow:0 1px 4px #18342f14;color:#254e37;font-weight:600}.percentage-controls{display:flex;gap:20px;align-items:center}.percentage-controls label{display:flex;align-items:center;gap:8px;font-size:10px;white-space:nowrap}.percent-input{display:flex;align-items:center;border:1px solid #dfe5d7;background:#fff;border-radius:5px;padding-right:9px;height:32px;color:#9aa38e}.percent-input input{width:53px;min-width:0;border:0;background:transparent;padding:7px 4px 7px 10px;font-size:11px;color:#334d39;border-radius:5px}.percent-input span{font-size:10px}.scope-note{padding:13px 24px;font-size:9px;display:flex;align-items:center;gap:7px;color:#8e9987}.scope-note svg{width:13px;height:13px}.table-scroll{overflow-x:auto}.boq-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:810px}.boq-table thead{background:#f5f7f0;border-top:1px solid #edf0e7;border-bottom:1px solid #edf0e7}.boq-table th{font-size:8px;font-weight:550;text-align:left;letter-spacing:.55px;color:#7c8872;padding:12px 8px;vertical-align:top}.boq-table th>span{display:block;font-size:8px;font-weight:400;letter-spacing:0;color:#9ea691;margin-top:3px}.boq-table .number-col{width:36px;padding-left:22px}.description-col{width:auto}.unit-col{width:63px}.qty-col{width:70px}.rate-col{width:93px}.total-col{width:122px}.actions-col{width:63px}.boq-table td{border-bottom:1px solid #edf0e7;padding:15px 8px;font-size:11px;vertical-align:top}.boq-table td.row-number{padding-left:24px;font-size:9px;color:#acb59f;padding-top:24px}.boq-table input{width:100%;min-width:0;padding:8px 7px;border:1px solid #e1e6d9;border-radius:4px;background:#fbfcf9;color:#3d5140;font-size:10px;height:32px}.boq-table input[data-field=description]{background:transparent;border-color:transparent;padding-left:0;font-size:11px}.boq-table input[data-field=description]:hover{border-color:#e1e6d9;background:#fbfcf9}.boq-table input[data-field=quantity],.boq-table input[data-field=supply],.boq-table input[data-field=installation]{text-align:right;font-variant-numeric:tabular-nums}.line-total{display:block;font-size:11px;font-weight:600;padding-top:8px;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.boq-table th.total-col{text-align:right}.row-actions{display:flex;align-items:center;gap:2px;padding-top:3px}.icon-button{display:inline-flex;justify-content:center;align-items:center;background:none;border:0;border-radius:4px;width:26px;height:28px;color:#acb59f;font-size:24px}.icon-button:hover{background:#eef2e8;color:#526c49}.icon-button svg{width:12px;height:12px}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;gap:15px}.text-button{border:0;background:none;padding:0;display:inline-flex;align-items:center;gap:6px;color:#52704b;font-size:10px;font-weight:550;min-height:30px}.text-button:hover{color:#214b2d}.text-button svg{width:14px;height:14px}.table-footer>span{font-size:9px;color:#a3ad97}.bottom-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:23px;margin-top:24px}.notes-card{padding:23px 24px}.notes-card p{color:#8f9885;font-size:10px;margin-top:7px;margin-bottom:17px}textarea{width:100%;border:1px solid #e3e8da;background:#fbfcf9;border-radius:6px;padding:12px;font-size:11px;color:#365039;resize:vertical;min-height:114px}.privacy-note{font-size:9px;color:#8f9e85;display:flex;align-items:center;gap:5px;margin-top:12px}.privacy-note svg{width:12px;height:12px}.backup-actions{display:flex;gap:23px;margin-top:10px}.totals-card{padding:23px 24px}.totals-card h2{margin-bottom:16px}.breakdown-row{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#87917d;padding:7px 0;gap:10px}.breakdown-row strong{font-size:11px;color:#47613e;font-weight:500;font-variant-numeric:tabular-nums}.breakdown-row.subtotal{margin-top:6px;padding-top:14px;border-top:1px solid #e8eddf}.breakdown-grand{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e8eddf;margin-top:7px;padding:16px 0 17px;gap:10px}.breakdown-grand>span{font-size:11px;font-weight:600}.breakdown-grand small{display:block;font-size:9px;font-weight:400;color:#a0a992;margin-top:2px}.breakdown-grand strong{font-size:21px;letter-spacing:-.6px;line-height:1.2;font-weight:550;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.full-width{width:100%;justify-content:space-between}.page-footer{display:flex;justify-content:space-between;padding:26px 0;color:#a0a993;font-size:9px}.footer-dot{margin:0 5px}.field-error{border-color:#bc6654!important;background:#fff5f1!important}.error-text{display:block;font-size:9px;line-height:1.35;color:#ad5d47;margin-top:5px}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.preview-toolbar>div{display:flex;gap:8px}.readiness{font-size:11px;display:flex;align-items:center;gap:7px}.readiness svg{width:15px;height:15px}.readiness.ready{color:#49834d}.readiness.draft{color:#a07944}.issues{padding:15px 20px;border:1px solid #e8d8b5;background:#fff8e9;color:#896a38;border-radius:8px;font-size:11px;margin-bottom:20px}.issues ul{margin:8px 0;padding-left:18px}.quote-paper{background:white;border:1px solid #e2e7db;border-radius:8px;padding:46px 50px;max-width:940px;margin:0 auto;box-shadow:0 8px 35px #18342f05}.paper-heading{display:flex;justify-content:space-between;gap:25px;padding-bottom:26px;border-bottom:2px solid #274c36}.paper-heading h2{font-size:25px;letter-spacing:-1px;font-weight:500}.paper-heading .paper-label{font-size:9px;letter-spacing:1.8px;color:#8a9b7d;margin-bottom:8px}.paper-heading p{margin:7px 0 0;color:#7f8f73;font-size:11px}.paper-reference{text-align:right;font-size:10px;line-height:1.8;color:#7f8f73}.paper-reference strong{font-size:12px;color:#3d5434}.paper-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 30px;margin:27px 0}.paper-meta dt{font-size:8px;letter-spacing:1.3px;color:#8b9a7d;margin-bottom:4px}.paper-meta dd{margin:0;font-size:12px;color:#3d5633;white-space:pre-wrap;overflow-wrap:anywhere}.paper-scope{padding:10px 14px;background:#f2f5eb;font-size:10px;display:flex;justify-content:space-between;color:#6b805c;gap:15px}.paper-table{width:100%;border-collapse:collapse;margin-top:21px;font-size:11px;table-layout:fixed}.paper-table th{padding:12px 8px;background:#f2f5eb;font-size:8px;letter-spacing:.4px;color:#7c8f6d;font-weight:550;text-align:left}.paper-table td{border-bottom:1px solid #e8edde;padding:16px 8px;white-space:pre-wrap;overflow-wrap:anywhere;vertical-align:top}.paper-table th:first-child{width:30px}.paper-table th:nth-child(3){width:55px}.paper-table th:nth-child(4){width:60px}.paper-table th:last-child{width:125px;text-align:right}.paper-table td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:550}.paper-totals{margin:26px 0 0 auto;width:320px;max-width:100%}.paper-totals>div{display:flex;justify-content:space-between;gap:15px;padding:7px 0;font-size:11px;color:#6d835c}.paper-totals strong{font-weight:500;font-variant-numeric:tabular-nums}.paper-totals .paper-grand{padding:15px 0;border-top:1px solid #dbe4cc;margin-top:8px;font-size:15px;color:#284721;font-weight:650}.paper-notes{border-top:1px solid #e8edde;padding-top:23px;margin-top:30px}.paper-notes h3{font-size:10px;color:#6e855d;font-weight:600;margin:0 0 9px}.paper-notes p{font-size:10px;color:#8a9a7b;white-space:pre-wrap;overflow-wrap:anywhere}.paper-footer{margin-top:27px;border-top:1px solid #e8edde;padding-top:16px;color:#9bab8c;font-size:8px;display:flex;justify-content:space-between}.back-button{margin-top:20px}.method-card{padding:37px;max-width:850px}.method-card>h2{font-size:27px;letter-spacing:-.8px;font-weight:500}.method-card p{font-size:12px;color:#7a8d6a;line-height:1.8}.formula-list{list-style:none;padding:0;margin:30px 0;display:grid;gap:22px}.formula-list li{display:flex;gap:20px}.formula-list li>span{font-size:10px;width:33px;height:33px;background:#e8f0de;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#77975e}.formula-list h3,.method-note h3{font-size:13px;margin:2px 0 5px;font-weight:600}.formula-list p{margin:0}.method-note{padding:24px;background:#f6f8f1;border-radius:8px;margin-bottom:28px}.method-note a{color:#4d7141}dialog{border:1px solid var(--border);border-radius:12px;box-shadow:0 25px 80px #0f30253d;padding:28px;width:560px;max-width:calc(100vw - 32px);color:var(--ink);max-height:85vh}dialog::backdrop{background:#132e2875;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.dialog-heading h2{font-size:22px;font-weight:500;letter-spacing:-.5px}dialog>p{font-size:12px;color:#87997a;margin:12px 0 24px}.dialog-footer{border-top:1px solid var(--border);padding-top:20px;margin-top:20px;display:flex;justify-content:flex-end;gap:10px}.template-group{margin-top:18px}.template-group h3{font-size:9px;font-weight:600;letter-spacing:1px;color:#899e76;border-bottom:1px solid #e8edde;padding-bottom:7px}.template-option{display:flex;gap:10px;align-items:flex-start;padding:8px 0;color:#4c663c;font-size:11px;cursor:pointer}.template-option input{accent-color:var(--green);margin-top:2px}.template-option small{display:block;font-size:9px;color:#a2b08d;margin-top:3px}#toast{position:fixed;bottom:25px;left:calc(var(--sidebar) + 38px);padding:13px 20px;background:#183e2e;color:#edf4e5;border-radius:7px;font-size:12px;box-shadow:0 5px 20px #143a282b;max-width:calc(100vw - 40px);z-index:10}.empty-table{text-align:center;padding:34px!important;color:#87977a!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(min-width:1500px){.description-col{width:auto}.rate-col{width:120px}.unit-col{width:78px}.qty-col{width:83px}.total-col{width:148px}.boq-table input{font-size:11px}.boq-table th{font-size:9px}.content{padding:40px 50px 0}.topbar{padding:0 50px}.metric{padding:22px 24px}}
@media(max-width:1150px){:root{--sidebar:208px}.sidebar{padding:30px 18px 22px}.content{padding:29px 24px 0}.topbar{padding:0 24px}.heading-actions{gap:7px}.heading-actions .button{padding:9px 11px;font-size:10px}.page-heading{gap:12px}.metric{padding:16px}.metric-label{font-size:7px;letter-spacing:.7px}.metric-caption{font-size:8px}.percentage-controls{gap:12px}.percentage-controls label{gap:6px}.boq-heading,.quote-details,.notes-card,.totals-card{padding:20px}.pricing-toolbar{padding:13px 20px}.bottom-grid{gap:16px;grid-template-columns:1.2fr 1fr}.detail-grid{gap:15px}.brand{font-size:27px}.sidebar-tip p{font-size:22px}.quote-paper{padding:35px}.page-heading p{font-size:11px}}
@media(max-width:900px){:root{--sidebar:0px}.sidebar{width:100%;height:auto;position:relative;padding:18px 24px;flex-direction:row;justify-content:space-between;align-items:center;gap:20px}.brand{font-size:24px;gap:10px}.brand-mark{width:29px}.brand-sub{font-size:7px;letter-spacing:1.5px;margin-top:5px}.workspace-label,.sidebar-tip,.sidebar-footer{display:none}.sidebar nav{display:flex;gap:6px}.nav-button{font-size:10px;padding:10px}.nav-button svg{width:15px;height:15px}.topbar{height:55px}.page-heading{align-items:flex-start}.page-heading h1{font-size:27px}.page-heading p{max-width:330px}.heading-actions{margin-top:21px}.metrics{gap:10px}.metric-value{font-size:28px}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#toast{left:24px}.bottom-grid{grid-template-columns:1.2fr 1fr}}
@media(max-width:650px){.sidebar{padding:17px 16px;align-items:center;gap:10px}.sidebar nav{gap:5px}.nav-button{padding:9px;font-size:0;gap:0}.nav-button svg{width:18px;height:18px}.content{padding:26px 16px 0}.topbar{padding:0 16px;font-size:10px}.save-status{font-size:8px}.slash{margin:0 10px}.page-heading{display:block;margin-bottom:23px}.page-heading h1{font-size:28px;letter-spacing:-1px}.page-heading p{max-width:none;font-size:11px}.heading-actions{margin-top:20px}.heading-actions .button{font-size:11px;padding:10px 14px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.metric{padding:16px}.metric-label{font-size:8px}.metric-caption{font-size:8px}.metric-value{font-size:28px}.quote-details{padding:19px 17px;margin-bottom:18px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.section-heading{margin-bottom:17px}.boq-heading{padding:19px 17px;align-items:flex-start}.boq-heading p{max-width:190px;line-height:1.5}.boq-heading .button{font-size:8px;padding:8px;gap:5px}.boq-heading .button svg{width:12px;height:12px}.boq-heading h2{display:block}.count-badge{margin-left:5px}.pricing-toolbar{display:block;padding:13px 17px}.scope-control{display:inline-flex}.scope-control button{font-size:10px;padding:8px 11px}.percentage-controls{margin-top:14px;gap:20px}.percentage-controls label{font-size:10px;gap:10px}.scope-note{padding:12px 17px;align-items:flex-start;font-size:9px}.scope-note svg{margin-top:1px}.table-footer{padding:14px 17px;display:block}.table-footer>span{display:block;margin-top:6px;font-size:8px}.bottom-grid{grid-template-columns:1fr;gap:18px;margin-top:18px}.notes-card,.totals-card{padding:20px}.breakdown-grand strong{font-size:24px}.page-footer{font-size:8px;padding:22px 0;gap:12px}.preview-toolbar{display:block}.preview-toolbar>div{margin-top:16px}.quote-paper{padding:24px 20px}.paper-heading h2{font-size:22px}.paper-reference{font-size:9px}.paper-reference strong{font-size:10px}.paper-meta{gap:18px 15px}.paper-meta dd{font-size:11px}.paper-table{font-size:9px}.paper-table th{font-size:7px;padding:10px 4px}.paper-table td{padding:13px 4px}.paper-table th:first-child{width:20px}.paper-table th:nth-child(3){width:35px}.paper-table th:nth-child(4){width:35px}.paper-table th:last-child{width:82px}.paper-totals{width:260px}.paper-totals .paper-grand{font-size:14px}.paper-footer{gap:15px}.method-card{padding:24px}.method-card>h2{font-size:25px}.method-note{padding:18px}.formula-list li{gap:13px}dialog{padding:23px}.dialog-heading h2{font-size:21px}}
.paper-draft-notice{border:1px solid #e4d2ac;background:#fff8e9;color:#96753a;padding:12px 15px;font-size:10px;margin-bottom:22px;border-radius:4px}
.letterhead-notice{display:flex;align-items:center;gap:16px;padding:14px 18px;background:#edf2f8;border:1px solid #dfe7f0;border-radius:8px;margin-bottom:22px}.letterhead-notice img{width:39px;height:52px;object-fit:contain;background:#fff;border:1px solid #d2dce9;border-radius:3px}.letterhead-notice strong{font-size:11px;color:#264565}.letterhead-notice p{font-size:10px;color:#74849a;margin:4px 0 0;max-width:670px;line-height:1.6}
.letterhead-notice{break-inside:avoid}@media print{.letterhead-notice{display:none!important}}
.percentage-controls label{flex-wrap:wrap}.percentage-controls .error-text{flex-basis:100%;max-width:160px}
@page{size:A4;margin:16mm 14mm}
.nav-count{margin-left:auto;font-size:9px;min-width:18px;text-align:center;color:#b3c9a3}.history-card{overflow:hidden}.history-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px}.history-heading p{font-size:10px;color:#8b9980;margin:6px 0 0}.history-backups{display:flex;gap:8px}.history-search-label{padding:0 24px 22px;max-width:450px}.history-search-label input{height:38px}.history-table{width:100%;min-width:900px;table-layout:fixed;border-collapse:collapse}.history-table th{background:#f1f5eb;padding:14px 20px;text-align:left;font-size:8px;letter-spacing:.6px;color:#829474;font-weight:550}.history-table th:first-child{width:23%}.history-table th:nth-child(2){width:22%}.history-table th:nth-child(3){width:18%}.history-table th:nth-child(4){width:16%}.history-table th:last-child{width:240px}.history-table td{padding:18px 20px;border-bottom:1px solid #e9eee2;font-size:11px;vertical-align:middle;overflow-wrap:anywhere}.history-table small{display:block;font-size:9px;color:#91a082;margin-top:5px}.history-table .quote-reference{font-size:11px;display:block;text-align:left;overflow-wrap:anywhere;line-height:1.45;color:#244e35}.history-total{font-variant-numeric:tabular-nums;font-weight:550}.history-table .quote-status{font-size:8px;color:#a48a50}.history-table .quote-status.complete{color:#698b50}.history-actions{white-space:nowrap}.history-actions .button{font-size:9px;padding:6px 8px;margin-right:3px;min-height:28px}.history-actions .icon-button{vertical-align:middle}.history-help{padding:18px 24px;font-size:10px;line-height:1.7;color:#95a286;background:#fcfdf9}.app-licenses{margin:20px 0 25px;color:#789165;font-size:10px}.app-licenses summary{cursor:pointer}.app-licenses pre{white-space:pre-wrap;max-height:220px;overflow:auto;font-size:8px;color:#94a786}.sidebar-tip{margin-top:35px}@media(max-width:650px){.history-heading{display:block;padding:20px}.history-backups{margin-top:16px;flex-wrap:wrap}.history-search-label{padding:0 20px 20px}.nav-count{display:none}.history-help{padding:16px 20px}}@media print{#saved-view,#storage-warning{display:none!important}}
@media print{body{background:white;color:#18342f;font-size:10pt;-webkit-print-color-adjust:exact;print-color-adjust:exact}.sidebar,.topbar,.page-heading,.page-footer,.preview-toolbar,.issues,.back-button,#calculator-view,#method-view,dialog,#toast,noscript{display:none!important}main{margin:0}.content{max-width:none;padding:0}#quotation-view{display:block!important}.quote-paper{padding:0;border:0;border-radius:0;box-shadow:none;max-width:none}.paper-heading{break-inside:avoid;padding-bottom:20px}.paper-heading h2{font-size:25pt}.paper-meta{break-inside:avoid}.paper-table{font-size:9pt;margin-top:16px}.paper-table thead{display:table-header-group}.paper-table th{font-size:7pt;padding:10px 7px}.paper-table td{padding:12px 7px}.paper-table tr{break-inside:avoid}.paper-table th:first-child{width:25px}.paper-table th:nth-child(3){width:47px}.paper-table th:nth-child(4){width:55px}.paper-table th:last-child{width:115px}.paper-totals{break-inside:avoid;margin-top:20px}.paper-notes{break-inside:avoid}.paper-totals>div{font-size:9pt}.paper-totals .paper-grand{font-size:12pt}.paper-footer{font-size:7pt}.paper-draft-notice{display:block;border:1px solid #a07944;color:#896a38;font-size:9pt;padding:10px;margin-bottom:15px}}

.automatic-scope{align-items:center;gap:10px;padding:9px 12px;flex-wrap:wrap}.automatic-scope span{font-size:9px;color:#76817d}.automatic-scope strong{font-size:11px;color:#254f3f}.paper-heading{display:block}.paper-heading h2{text-align:center;margin:0 0 18px}.paper-heading-details{display:flex;justify-content:flex-end;align-items:flex-start;gap:25px}.paper-heading-details .paper-reference{max-width:100%;overflow-wrap:anywhere}.paper-reference>div{margin-bottom:3px}.paper-scope{break-inside:avoid}

.account-locked .sidebar,.account-locked main,.account-locked dialog{display:none!important}#account-gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:#112a29}.auth-card{width:100%;max-width:450px;background:#fff;border-radius:16px;padding:35px;color:#18342f}.auth-card h1{font-size:26px;line-height:1.2;margin:10px 0 18px}.auth-card p{font-size:13px;color:#76817d;line-height:1.6}.auth-card label{display:block;font-size:12px;margin:16px 0}.auth-card input{display:block;width:100%;padding:11px;border:1px solid #dfe5db;border-radius:6px;margin-top:6px}.auth-identity{font-size:11px;background:#edf3e9;padding:12px;border-radius:6px;overflow-wrap:anywhere}.auth-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:20px;font-size:11px}.auth-actions a,.auth-signin{color:#254f3f}.auth-signin{display:block;margin-top:15px;font-size:12px}.account-error{color:#a23d2b;background:#fff0eb;font-size:12px;padding:12px;margin-bottom:15px}.account-controls{display:flex;align-items:center;gap:12px;font-size:11px}.account-controls>span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-help{padding:0 24px 20px;font-size:12px;line-height:1.7;color:#76817d}#prepared-by{background:#f0f4eb;color:#254f3f}.sidebar>[data-view="accounts"]{margin-top:8px}@media(max-width:900px){.sidebar>[data-view="accounts"]{margin-top:0}.account-controls{gap:6px}.account-controls>span{max-width:90px}}@media(max-width:650px){.topbar{height:auto;min-height:72px;flex-wrap:wrap;gap:8px;padding-top:12px;padding-bottom:12px}.sidebar>[data-view="accounts"]{font-size:8px}.auth-card{padding:25px}}

/* Reserve space for every saved quotation column, including its SAR total. */
.history-table.quotation-history{min-width:1180px}
.quotation-history .history-column-reference{width:170px}
.quotation-history .history-column-preparer{width:200px}
.quotation-history .history-column-scope{width:180px}
.quotation-history .history-column-total{width:220px}
.quotation-history .history-column-actions{width:210px}
.history-table.quotation-history th{width:auto;vertical-align:middle}
.history-table.quotation-history th.history-total-heading{text-align:right;white-space:nowrap}
.history-total-heading span{display:block;font-size:9px;letter-spacing:0;font-weight:400;margin-top:4px}
.history-table.quotation-history td.history-total{text-align:right;white-space:nowrap;overflow-wrap:normal;word-break:normal;font-size:12px;font-variant-numeric:tabular-nums}

.auth-tabs{display:flex;gap:6px;margin:16px 0 22px;padding:4px;border-radius:8px;background:#edf3e9}
.auth-tabs button{flex:1;border:0;background:transparent;color:#52704b;border-radius:5px;padding:9px;font-size:12px}
.auth-tabs button[aria-pressed="true"]{background:#fff;color:#18342f;font-weight:600;box-shadow:0 1px 4px #18342f15}
#use-existing-account{margin-top:18px}
.invitation-card{padding:24px;margin-bottom:24px}
.invitation-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.invitation-card h3{font-size:13px;margin:0 0 10px}
.invitation-card p{font-size:12px;line-height:1.7;color:#76817d;margin:8px 0 16px}
.invitation-card label{margin:14px 0;font-size:11px}
.invitation-card input{height:38px;font-size:12px}
.invitation-access{padding-right:30px;border-right:1px solid #e3e7e2}
.invitation-card .invitation-status{background:#edf3e9;color:#254f3f;padding:12px;border-radius:6px}
.invitation-ready{border-top:1px solid #e3e7e2;padding-top:22px;margin-top:24px}
.invitation-ready h3 span{overflow-wrap:anywhere}
.invitation-ready textarea{font-size:12px;line-height:1.7;background:#fbfcf9;min-height:220px}
.invitation-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.invitation-actions a{text-decoration:none}
.staff-account-table{min-width:850px}
.staff-account-table .account-login-column{width:170px}
.staff-account-table .account-status-column{width:150px}
.staff-account-table .account-actions-column{width:240px}
.history-table.staff-account-table th{width:auto}
@media(max-width:850px){.invitation-grid{grid-template-columns:1fr;gap:24px}.invitation-access{padding-right:0;padding-bottom:24px;border-right:0;border-bottom:1px solid #e3e7e2}}
@media(max-width:650px){.invitation-card{padding:20px}.invitation-card .section-heading{display:block}.invitation-card .section-heading .muted{display:block;margin-top:10px}.invitation-actions .button{width:100%}}

.quotation-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 24px;padding-bottom:16px;border-bottom:1px solid var(--border)}
.quotation-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--green);padding:11px 18px;font-size:12px;font-weight:550;min-height:42px}
.quotation-tab svg{width:16px;height:16px}
.quotation-tab.active{background:var(--light-green);border-color:#b5cbb8;color:#18342f}
.quotation-tab:hover{background:#edf3e9}
.create-quotation-tab,.create-quotation-tab.active{background:var(--green);border-color:var(--green);color:#fff}
.create-quotation-tab:hover{background:#193e30}
.history-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 24px 22px}
.history-scope{display:flex;flex-shrink:0;gap:4px;background:#f0f3eb;border:1px solid #e3e7df;border-radius:7px;padding:4px}
.history-scope button{border:0;border-radius:4px;background:transparent;color:#607759;padding:9px 14px;font-size:11px}
.history-scope button[aria-pressed="true"]{background:#fff;color:#18342f;font-weight:600;box-shadow:0 1px 4px #18342f15}
.history-controls .history-search-label{padding:0;flex:1;max-width:400px}
.history-tools{padding:18px 24px;border-top:1px solid var(--border);font-size:11px;color:#607759}
.history-tools summary{cursor:pointer;font-weight:550}
.history-tools .history-backups{flex-wrap:wrap;margin-top:14px}
.history-tools p{margin:12px 0 0;font-size:10px;color:#76817d}
@media(max-width:650px){.quotation-tabs{gap:7px;margin-top:0}.quotation-tab{padding:10px 12px;font-size:11px;flex:1}.history-controls{display:block;padding:0 20px 20px}.history-scope{width:max-content;margin-bottom:16px}.history-controls .history-search-label{max-width:none}.history-tools{padding:16px 20px}}
@media print{.quotation-tabs{display:none!important}}
.account-controls .administrator-badge{padding:4px 8px;border-radius:5px;background:#e8f0e9;border:1px solid #c9d9cb;color:#254f3f;font-size:9px;font-weight:600;white-space:nowrap}
.history-table.staff-account-table{min-width:1100px}
.staff-account-table .account-visibility-column{width:220px}
.staff-account-table select{width:100%;font:inherit;font-size:11px;color:#254f3f;border:1px solid #dbe4d6;border-radius:5px;background:#fbfcf9;padding:9px}
.account-permissions-status{margin:0 24px 20px;padding:12px;background:#edf3e9;border-radius:6px;color:#254f3f;font-size:12px}