:root{--primary:#165bff;--primary-hover:#104bdd;--bg:#f9fafd;--ink:#242e3c;--muted:#7a8494;--line:#e3e7ee;--field-line:#dce2ec;--surface-header:#f4f6fa;--surface:#fff;--radius:6px}
[hidden]{display:none!important}
.shell{display:grid;grid-template-columns:88px minmax(0,1fr);min-height:100vh}
.shell.quotation-space{grid-template-columns:88px 308px minmax(0,1fr)}
.workspace-rail.sidebar{width:88px;padding:0;background:#263243;position:fixed;left:0;top:0;bottom:0;height:100vh;z-index:30;display:flex;flex-direction:column}
.workspace-rail .nav{display:flex;flex-direction:column;padding:0;margin:0;gap:0}
.workspace-rail .nav>button{border:0;border-radius:0;padding:10px 0 9px;min-height:72px;width:88px;display:flex;align-items:center;flex-direction:column;gap:6px;color:#aab5c6;background:transparent;font-size:14px;font-weight:400;line-height:21px}
.workspace-rail .nav>button .icon{width:26px;height:26px;stroke-width:1.6}
.workspace-rail .nav>button:hover{color:white;background:#2d3c52}
.workspace-rail .nav>button.active{color:#2787ff;background:#29374a}
.workspace-rail .nav>button:focus-visible{background:#35445b}
.workspace-rail.sidebar>.nav{min-height:0;overflow-y:auto;flex-shrink:1}.workspace-brand,.rail-more{flex-shrink:0}
.rail-more{margin-top:auto;position:relative}
.rail-more>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;height:62px;color:#aab5c6}
.rail-more>summary::-webkit-details-marker{display:none}.rail-more>summary .icon{width:24px;height:24px}
.workspace-rail .rail-popover{position:absolute;bottom:10px;left:76px;width:170px;padding:8px;background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 30px #26324322}
.workspace-rail .rail-popover>button{color:var(--ink);min-height:40px;width:100%;padding:10px;gap:10px;flex-direction:row;border-radius:5px;font-size:14px}
.workspace-rail .rail-popover>button .icon{width:18px;height:18px}.workspace-rail .rail-popover>button:hover,.workspace-rail .rail-popover>button.active{background:#eff4ff;color:var(--primary)}
.main{grid-column:2;min-width:0;margin:0;width:auto}.quotation-space .main{grid-column:3}
.topbar{height:52px;padding:0 25px;border-bottom:1px solid #e5e8ef;background:white;display:flex;align-items:center;justify-content:space-between}
.trail{font-size:13px;color:#818b99;display:flex;gap:13px;align-items:center}.trail-chevron{font-size:20px;color:#b4bdc9}
.userbox{gap:10px;position:relative;font-size:14px}.avatar{width:27px;height:27px;background:#eee8dc;color:#806e55;font-size:13px;line-height:27px}
.profile-menu>summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer}.profile-menu>summary::-webkit-details-marker{display:none}
.profile-menu[open] .workspace-popover{top:36px;right:0}
.page{padding:26px;max-width:none}.page.workspace-page{padding:24px 26px 126px;min-height:calc(100vh - 52px)}
.quote-library{grid-column:2;position:fixed;left:88px;top:0;bottom:0;width:308px;background:white;border-right:1px solid #e1e6ee;z-index:20;display:flex;flex-direction:column}
.library-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px 22px;height:77px}
.library-head h2{font-size:24px;color:#263243;font-weight:600;line-height:36px}
.library-head .btn{height:36px;padding:0 13px;font-size:14px;gap:6px;border-radius:5px}.library-head .icon{width:17px;height:17px}
.library-search{height:37px;margin:0 20px;display:flex;align-items:center;border:1px solid #e1e6ee;border-radius:5px;color:#8c96a7;padding:0 10px;gap:9px}
.library-search .icon{width:17px;height:17px;flex-shrink:0}.library-search input{width:100%;border:0;background:transparent;padding:0;font-size:14px;color:#303c4d;min-width:0;height:35px;box-shadow:none}
.library-search input::placeholder{color:#8c96a7}
.library-tabs{height:51px;flex-shrink:0;border-bottom:1px solid #e8ebf1;display:flex;padding:0 20px;gap:0;align-items:stretch}
.library-tabs button{position:relative;background:none;border:0;padding:16px 0 12px;color:#778295;font-size:15px;flex:1;font-weight:600}
.library-tabs button[aria-selected=true]{color:var(--primary)}.library-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--primary)}
.library-selection{min-height:46px;padding:7px 14px 7px 20px;border-bottom:1px solid #e8ebf1;display:flex;align-items:center;gap:8px;color:#778295;font-size:12px}.library-selection label{display:flex;align-items:center;gap:6px;white-space:nowrap}.library-selection input,.library-select{width:16px;height:16px;padding:0;accent-color:var(--primary);flex-shrink:0}.library-selection [data-library-count]{flex:1;white-space:nowrap}.library-selection .btn{min-height:30px;padding:4px 8px}
.library-rows{overflow:auto;flex:1;padding-top:16px}.library-quote-row{width:100%;height:96px;border-bottom:1px solid #edf0f5;background:white;display:flex;align-items:flex-start}.library-quote-row.selected{background:#edf3ff}.library-quote-row:hover{background:#f4f7fd}.library-select{margin:18px 0 0 20px}.library-quote{min-width:0;flex:1;padding:12px 20px 10px 10px;border:0;background:transparent;text-align:left;height:95px;display:flex;flex-direction:column;gap:3px;line-height:22px;color:#263243}.library-quote strong{font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}
.library-client{font-size:15px;color:#8a94a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.library-quote-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.library-quote-bottom b{font-size:16px;font-weight:500;color:#3d4a5f}.library-quote-bottom time{font-size:14px;color:#919bad}
.library-footer{height:56px;padding:13px 20px 20px;color:#8492a5;font-size:15px;flex-shrink:0}.library-empty{padding:25px 20px;color:var(--muted)}
.workspace-heading{display:flex;justify-content:space-between;align-items:flex-start;height:85px;padding:10px 7px 0;gap:16px}
.workspace-title{display:flex;align-items:center;gap:16px}.workspace-title h1{font-size:27px;font-weight:700;line-height:38px;letter-spacing:0;overflow-wrap:anywhere}.workspace-title .badge{font-size:12px;background:#f0f4f9;color:#66788e;padding:2px 8px;border-radius:4px;font-weight:400;white-space:nowrap}.workspace-title .badge .icon{display:none}
.workspace-caption{margin-top:7px;display:flex;gap:10px;align-items:center;color:#738097;font-size:14px;line-height:18px}.save-dot{width:4px;height:4px;background:#b9c4d4;border-radius:50%}.workspace-caption #draft-state:empty{display:none}.workspace-caption #draft-state{font-size:11px}
.workspace-heading-actions{display:flex;align-items:center;gap:20px;padding-top:0}.workspace-new-customer.btn{height:36px;min-height:36px;padding:0 10px;font-size:12px}.view-switch{width:202px;height:44px;display:flex;border:1px solid #e3e8f0;background:#f6f8fc;border-radius:7px;padding:4px;gap:3px}.view-switch button{flex:1;padding:0 13px;border:0;border-radius:4px;background:transparent;color:#7c8799;display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:14px}.view-switch button.selected{background:var(--primary);box-shadow:0 1px 4px #20385512;color:white}.view-switch .icon{width:16px;height:16px;flex-shrink:0}
.workspace-more{position:relative}.workspace-more>summary{list-style:none;cursor:pointer;width:18px;height:40px;font-size:23px;display:flex;align-items:center;justify-content:center;color:#798597}.workspace-more>summary::-webkit-details-marker{display:none}.workspace-more>summary .icon{width:21px;height:21px}
.workspace-popover{position:absolute;right:0;top:45px;z-index:40;background:white;border:1px solid var(--line);border-radius:7px;box-shadow:0 10px 35px #22395924;padding:8px;width:214px;display:flex;flex-direction:column;gap:4px}
.workspace-popover .btn{justify-content:flex-start;width:100%;border:0;height:36px;padding:7px 10px;white-space:nowrap;background:white;font-size:13px;color:#4f5d72}.workspace-popover .btn:hover{background:#f4f7fc}.workspace-popover .btn .icon{width:16px;height:16px}.workspace-followup{border-top:1px solid var(--line);margin-top:5px;padding:10px;display:flex;flex-wrap:wrap;gap:12px}.workspace-followup .tracking-status{flex-basis:100%;margin-bottom:0}.workspace-followup .quote-action{background:white;color:#6c7b92;border:0;width:28px;height:28px}.workspace-followup select{font-size:13px;height:36px;padding:4px 10px;line-height:20px}
.workspace-card{background:white;border:1px solid #e1e6ef;border-radius:6px}.workspace-metadata{padding:20px 19px 16px;margin-bottom:16px;min-height:190px}
.metadata-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:22px;row-gap:18px}.metadata-grid .field{margin:0;gap:7px;font-size:14px;color:#7f899b;line-height:20px}.metadata-grid input,.metadata-grid select{height:39px;padding:0 12px;background:white;color:#344052;border:1px solid #dce2ec;border-radius:5px;box-shadow:none;font-size:16px;min-width:0;width:100%}.metadata-grid select[name=currency]{font-size:16px}.metadata-grid input[type=number]{appearance:textfield}.metadata-grid input::-webkit-inner-spin-button{appearance:none}
.company-id-field input[readonly]{background:#f6f8fb;color:#4d5f78;cursor:default;font-variant-numeric:tabular-nums}.metadata-details-bar{display:flex;align-items:center;margin-top:10px;padding-top:9px}.metadata-details-bar button{border:0;background:none;display:flex;align-items:center;gap:9px;color:#3f4d62;font-size:13px;font-weight:600;padding:2px 0;line-height:20px}.chevron{width:7px;height:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-top:-4px}.metadata-details-bar button[aria-expanded=true] .chevron{transform:rotate(225deg);margin-top:4px}
#workspace-project-details{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}#workspace-project-details .field{font-size:13px}.project-detail-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.project-detail-actions small{font-size:12px}
.workspace-services{padding:0 13px}.workspace-service-head{height:77px;padding:0 0 0 4px;display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.editor-tabs{display:flex;gap:0;height:62px;padding:0}.editor-tabs button{background:none;border:0;border-bottom:3px solid transparent;color:#53627a;font-size:16px;font-weight:600;padding:23px 23px 12px;white-space:nowrap}.editor-tabs button[aria-selected=true]{border-bottom-color:var(--primary);color:var(--primary)}
.service-head-actions{display:flex;align-items:center;gap:10px;padding-top:12px}.service-head-actions>span{font-size:14px;color:#738198;padding-right:9px}.service-head-actions .btn{height:40px;border-radius:5px;padding:0 14px;font-size:14px;gap:8px;border-color:#dce3f0;color:#536884;background:white}.service-head-actions .btn .icon{width:17px;height:17px}.service-head-actions .btn:first-of-type{color:var(--primary);border-color:var(--primary);background:white;font-weight:600}
.workspace-lineitems{table-layout:fixed;min-width:0;width:100%;border-collapse:collapse;border-spacing:0;font-size:14px}
.workspace-lineitems .col-index{width:6.5%}.workspace-lineitems .col-service{width:29.5%}.workspace-lineitems .col-quantity{width:11%}.workspace-lineitems .col-unit{width:8%}.workspace-lineitems .col-price{width:14%}.workspace-lineitems .col-amount{width:18%}.workspace-lineitems .col-actions{width:13%}
.workspace-lineitems th{height:45px;padding:0 14px;border:1px solid #e0e6f0;background:#f4f6fa;font-size:14px;font-weight:600;color:#53627a;text-align:left;white-space:nowrap}.workspace-lineitems th.num{text-align:right;padding-right:25px}.workspace-lineitems th:last-child{border-left:0}.workspace-lineitems th:nth-last-child(2){border-right:0}
.workspace-lineitems td{height:66.5px;border:1px solid #e2e7ef;padding:10px 13px;vertical-align:middle;background:white}.workspace-lineitems td.item-index{text-align:center;color:#43566f;font-size:16px}.workspace-lineitems td.namecell{padding:10px 17px}.workspace-lineitems td.namecell>input{border:0;border-radius:0;background:none;color:#405168;width:100%;padding:0;height:22px;margin:0;font-size:16px;font-weight:500;box-shadow:none;min-width:0}.workspace-lineitems td.namecell>input:focus{background:#f5f8ff;box-shadow:none}
.workspace-lineitems .line-note{margin-top:2px}.workspace-lineitems .line-note summary{font-size:13px;padding:0;color:#71849f;line-height:18px;display:flex;align-items:center;gap:7px;list-style:none}.workspace-lineitems .line-note summary:before{content:'';width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(-45deg)}.workspace-lineitems .line-note[open] summary:before{transform:rotate(45deg)}.workspace-lineitems .line-note textarea{width:100%;height:70px;margin-top:7px;font-size:13px;padding:7px;resize:vertical}
.workspace-lineitems .pricecell input,.workspace-lineitems .quantitycell input{width:100%;height:38px;padding:0 10px;border:1px solid #d9e1ed;border-radius:5px;color:#40516b;background:white;font-size:14px;box-shadow:none;font-size:16px;text-align:right;min-width:0;appearance:textfield}.workspace-lineitems input::-webkit-inner-spin-button{appearance:none}.workspace-lineitems .unitcell input{width:100%;height:38px;padding:0 8px;border:1px solid #d9e1ed;border-radius:5px;background:white;color:#40516b;text-align:center;box-shadow:none;font-size:15px;min-width:0}.workspace-lineitems .unitcell input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #2468f21f}
.workspace-lineitems .line-cost{color:#263f64;font-size:16px;padding-right:25px;white-space:nowrap;border-right:0}.workspace-lineitems td.row-actions{border-left:0;text-align:center;padding:0;white-space:nowrap}.row-actions button{width:34px;height:36px;padding:8px;border:0;background:none;color:#324a6b;margin:0 5px}.row-actions button .icon{width:19px;height:19px}.row-actions button:hover{color:var(--primary);background:#f4f7fc}.row-actions button[data-action=remove-line]:hover{color:#c34848}
.add-service-row{height:48px;border-bottom:1px solid #e7ecf3;display:flex;align-items:center}.add-service-row .btn{height:34px;padding:0 4px;border:0;color:var(--primary);font-size:15px;font-weight:600;gap:9px}.add-service-row .icon{width:16px;height:16px}
.workspace-bottom{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:19px;padding:21px 0 18px}.workspace-notes{color:#738198;font-size:14px;display:flex;flex-direction:column;gap:8px;line-height:18px}.workspace-notes textarea{width:100%;height:83px;min-height:83px;padding:12px;background:#fff;border:1px solid #dce3ee;border-radius:5px;box-shadow:none;color:#344154;font-size:14px;resize:vertical}.workspace-notes textarea::placeholder{color:#aab3c1}.workspace-calculation{border-left:1px solid #e7ebf2;padding-left:23px;padding-right:7px;padding-top:5px;color:#738198;font-size:14px}.workspace-calculation .sum-row{margin:0;height:38px;gap:16px;border-bottom:1px solid #edf0f6;font-size:14px}.workspace-calculation .sum-row>span:last-child{color:#263f64;font-size:16px}.workspace-calculation .sum-row>span:first-child{display:flex;gap:8px;align-items:center}.workspace-calculation button{border:0;background:none;color:#9aacbf;display:flex;align-items:center;padding:0}.workspace-calculation button .icon{width:12px;height:12px}
#pane-terms{padding:7px 7px 20px}#pane-terms .field{font-size:13px}#pane-terms textarea{background:white}#pane-terms .checkfield{font-size:13px}
.workspace-savebar{position:fixed;bottom:0;left:396px;right:0;height:87px;background:white;border-top:1px solid #e5e9f1;display:flex;align-items:center;gap:0;padding:0 26px;z-index:25;box-shadow:0 -3px 12px #30405b03}
.workspace-total{display:flex;align-items:center;gap:18px;white-space:nowrap}.workspace-total>span{font-size:16px;color:#71829a}.workspace-total strong{font-size:25px;font-weight:600;color:#263d5e;font-variant-numeric:tabular-nums;line-height:36px}
.workspace-payment{display:flex;align-items:center;gap:38px;margin-left:26px;border-left:1px solid #e1e6ef;padding-left:40px;white-space:nowrap;color:#738198;font-size:14px}.workspace-payment b{display:block;color:#2d405c;font-size:16px;font-weight:400;margin-left:0}.workspace-payment i{height:38px;border-left:1px solid #dce4ef}
.workspace-save-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.workspace-save-actions .btn{height:48px;padding:0 21px;border-radius:6px;background:white;color:#5c7395;border:1px solid #d8e2f1;font-size:15px;white-space:nowrap;gap:9px;min-width:130px}.workspace-save-actions .btn[data-action=save-preview]{min-width:148px}.workspace-save-actions .icon{width:18px;height:18px}#save-quote .icon{display:none}
.workspace-customer-preview{height:calc(100vh - 280px);min-height:400px;background:#edf0f5;border:1px solid var(--line);border-radius:7px;overflow:hidden}.workspace-customer-preview iframe{width:100%;height:100%;border:0}
@media(max-width:1420px){.workspace-payment{margin-left:24px;gap:12px;flex-direction:column;align-items:flex-start;line-height:20px}.workspace-payment i{display:none}.workspace-save-actions .btn{min-width:110px;padding:0 15px}.workspace-bottom{grid-template-columns:minmax(0,1fr) 300px}.workspace-heading-actions{gap:12px}.workspace-title h1{font-size:25px}.row-actions button{margin:0 1px;width:28px}.workspace-lineitems th{padding:0 9px}.service-head-actions{gap:7px}.service-head-actions>span{display:none}}
@media(max-width:1150px){.shell.quotation-space{grid-template-columns:72px 245px minmax(0,1fr)}.shell{grid-template-columns:72px minmax(0,1fr)}.workspace-rail.sidebar,.workspace-rail .nav>button{width:72px}.quote-library{left:72px;width:245px}.workspace-savebar{left:317px;padding:0 18px}.page.workspace-page{padding-left:18px;padding-right:18px}.workspace-heading{height:auto;min-height:100px;padding-top:0}.workspace-heading-actions{flex-shrink:0}.view-switch button{padding:0 8px}.workspace-title{gap:8px;flex-wrap:wrap}.workspace-title h1{font-size:22px}.workspace-payment{display:none}.workspace-total{gap:10px}.workspace-total strong{font-size:22px}.workspace-save-actions{gap:8px}.workspace-save-actions .btn{min-width:0;font-size:13px;padding:0 12px;height:42px}.workspace-save-actions .btn.primary{min-width:0}.metadata-grid{column-gap:14px}.workspace-bottom{grid-template-columns:minmax(0,1fr) 245px;gap:15px}.workspace-calculation{padding-left:15px}.workspace-lineitems{min-width:680px}.workspace-service-head{height:auto;min-height:77px;flex-wrap:wrap;gap:0}.service-head-actions{padding-top:12px}.editor-tabs{gap:18px}.service-head-actions .btn{padding:0 9px}.workspace-more>summary{width:24px}}
@media(max-width:820px){.shell,.shell.quotation-space{grid-template-columns:56px minmax(0,1fr)}.quotation-space .main{grid-column:2}.quote-library{display:none}.workspace-rail.sidebar,.workspace-rail .nav>button{width:56px}.workspace-rail .nav>button{font-size:12px;min-height:64px;padding:10px 0 9px;gap:5px;line-height:18px}.workspace-rail .nav>button .icon{width:22px;height:22px}.workspace-savebar{left:56px;height:auto;min-height:108px;padding:12px 16px;flex-wrap:wrap;gap:10px;align-content:center}.workspace-total{width:100%;justify-content:space-between}.workspace-save-actions{margin-left:0;width:100%;gap:8px}.workspace-save-actions .btn{flex:1;padding:0 8px;font-size:12px;height:38px}.workspace-save-actions .icon{width:15px;height:15px}.workspace-save-actions .btn.primary{flex:1.3}.topbar{padding:0 16px}.userbox{font-size:12px}.page.workspace-page{padding:16px 14px 140px}.workspace-heading{flex-direction:column;gap:12px;padding:0 0 18px}.workspace-heading-actions{width:100%;justify-content:space-between}.workspace-title h1{font-size:21px}.view-switch{height:38px}.view-switch button{font-size:13px}.workspace-metadata{padding:16px 13px}.metadata-grid{grid-template-columns:1fr 1fr;row-gap:16px;column-gap:12px}.metadata-grid .field{font-size:12px}.metadata-grid .field:nth-child(2){grid-column:1/-1;grid-row:1}.metadata-details-bar button{font-size:12px;gap:8px}.workspace-service-head{flex-direction:column;padding-bottom:12px;align-items:stretch}.editor-tabs{height:52px;gap:24px}.editor-tabs button{font-size:14px;padding:15px 0 10px}.service-head-actions{padding-top:10px;justify-content:space-between}.service-head-actions .btn{flex:1;font-size:12px;height:34px}.workspace-services{padding:0 10px}.workspace-bottom{grid-template-columns:1fr;padding:16px 0;gap:14px}.workspace-calculation{border-left:0;border-top:1px solid var(--line);padding:10px 0 0}.workspace-notes textarea{min-height:90px;height:90px}.page{padding:18px 14px}.rail-more .rail-popover{left:47px}.workspace-popover{right:0}.workspace-followup .field select{min-width:0}.workspace-caption{flex-wrap:wrap;gap:7px}.workspace-customer-preview{height:calc(100vh - 330px)}.project-detail-actions .btn{font-size:12px}#pane-terms .grid3{grid-template-columns:1fr}.workspace-total strong{font-size:23px}.library-head .btn{padding:0 8px}}

.library-name{display:flex;align-items:center;gap:10px;width:100%}.library-name strong{flex:1;min-width:0}.library-status{font-size:12px;color:#8491a5;background:#edf1f7;padding:1px 8px;line-height:21px;border-radius:4px;white-space:nowrap}.library-quote-row.selected .library-status{background:#dfeaff}.workspace-copy.btn{padding:0;background:none;border:0;font-size:14px;gap:10px;color:#34475f;height:40px}.workspace-copy .icon{width:19px;height:19px}#save-quote{background:var(--primary);color:white}#save-quote:hover{background:var(--primary-hover)}.workspace-save-actions .btn[data-action=save-preview]{color:#354f73;font-weight:600}.workspace-lineitems th.num{padding-top:0}.workspace-lineitems td.line-cost{padding-top:10px}.workspace-lineitems .col-service{width:28.2%}.workspace-lineitems .col-quantity{width:12.3%}.workspace-lineitems .col-price{width:14.8%}.workspace-lineitems .col-amount{width:17.5%}.workspace-lineitems .col-actions{width:12.7%}
@media(max-width:1420px){.workspace-payment{padding-left:20px;gap:2px}.workspace-payment b{display:inline;margin-left:8px}}
@media(max-width:820px){.workspace-heading-actions{gap:10px}.view-switch{width:190px}.workspace-copy.btn{font-size:12px;gap:5px}.workspace-copy .icon{width:15px}.metadata-grid input,.metadata-grid select,.metadata-grid select[name=currency]{font-size:14px}.workspace-total>span{font-size:14px}.workspace-metadata{margin-bottom:16px}.workspace-notes textarea{height:90px;min-height:90px}.workspace-services .table-wrap{max-width:100%}}

.workspace-heading{padding-top:0}.workspace-title h1{font-size:28px}.metadata-grid .field{gap:3px}.metadata-grid{row-gap:19px}.workspace-calculation{padding-top:0}.workspace-calculation .sum-row{height:36px}
@media(max-width:1420px){.workspace-title h1{font-size:25px}}@media(max-width:1150px){.workspace-title h1{font-size:22px}}@media(max-width:820px){.workspace-title h1{font-size:21px}}

.workspace-heading{padding-left:8px}.workspace-heading-actions{gap:11px}.workspace-title .badge{font-size:14px;padding:4px 16px;border:1px solid #c7dcff;background:#e4eeff;color:var(--primary)}.library-head{padding-left:22px;padding-right:20px}.library-search{margin-left:22px}.library-tabs{height:50px}.library-quote{padding-left:22px;padding-right:22px}.library-quote strong{font-size:17px}.library-status{font-size:13px;padding:1px 13px}.library-footer{padding-left:22px}
@media(max-width:820px){.workspace-heading{padding-left:0}.workspace-heading-actions{gap:10px}.workspace-title .badge{font-size:12px;padding:3px 8px}}
@media(max-width:820px){.workspace-heading-actions{gap:7px}.workspace-new-customer.btn{width:38px;min-width:38px;height:38px;min-height:38px;padding:0;font-size:0}.workspace-new-customer .icon{width:16px;height:16px}.view-switch{width:150px}}

.workspace-client-fields{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.workspace-client-fields .field{margin-bottom:0}.quote-payment-summary small{color:var(--muted);font-size:12px}.quote-payment-summary{border:1px solid var(--line);padding:14px;margin:16px 0}.quote-payment-summary small{display:block;margin-top:8px}@media(max-width:820px){.workspace-client-fields .grid3{grid-template-columns:1fr}.workspace-client-fields .field{min-width:0}}

.workspace-brand{display:flex;align-items:center;justify-content:center;flex:0 0 52px;height:52px;width:100%;padding:6px;border:0;border-bottom:1px solid #ffffff10;background:transparent}.workspace-brand img{display:block;width:40px;height:36px;object-fit:contain;filter:brightness(0) invert(1)}.workspace-brand:hover{background:#2d3c52}@media(max-width:820px){.workspace-brand img{width:30px;height:30px}}

.workspace-brand{flex-direction:column;gap:2px;padding:4px}.workspace-brand img{width:32px;height:28px}.workspace-brand>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eef2f8;font-size:11px;line-height:14px}@media(max-width:820px){.workspace-brand img{width:28px;height:24px}.workspace-brand>span{font-size:9px;line-height:12px}}

.workspace-rail .rail-popover>a.external-system{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:10px;color:var(--ink);border-radius:5px;font-size:14px;line-height:21px;white-space:nowrap}.rail-popover>a.external-system .icon{width:18px;height:18px;flex-shrink:0}.workspace-rail .rail-popover>a.external-system:hover{background:#eff4ff;color:var(--primary)}

.workspace-rail.sidebar .rail-popover>button{width:100%;min-height:40px;padding:10px;gap:10px;flex-direction:row;line-height:21px;font-size:14px}.workspace-rail.sidebar .rail-popover>button .icon{width:18px;height:18px;flex-shrink:0}.rail-popover>button>span{white-space:nowrap}

.workspace-brand{flex-direction:row;padding:8px}.workspace-brand .workspace-brand-mark{display:block;width:36px;height:30px;overflow:hidden;position:relative;flex:0 0 auto}.workspace-brand .workspace-brand-mark img{position:absolute;width:53.7px;height:auto;max-width:none;left:-9.5px;top:0;object-fit:initial}@media(max-width:820px){.workspace-brand .workspace-brand-mark{width:30px;height:25px}.workspace-brand .workspace-brand-mark img{width:44.8px;left:-7.9px}}

/* Compact quotation workspace density. */
@media(min-width:1151px){.shell{grid-template-columns:72px minmax(0,1fr)}.shell.quotation-space{grid-template-columns:72px 276px minmax(0,1fr)}.quote-library{left:72px;width:276px}.workspace-savebar{left:348px}}
@media(min-width:821px){.workspace-rail.sidebar,.workspace-rail .nav>button{width:72px}.workspace-rail .nav>button{min-height:58px;padding:7px 0 6px;gap:3px;font-size:12px;line-height:17px}.workspace-rail .nav>button .icon{width:22px;height:22px}.workspace-brand{height:48px;flex-basis:48px}.rail-more>summary{height:48px}.workspace-rail .rail-popover{left:64px}}
.topbar{height:48px;padding:0 20px}.page{padding:18px 20px}.page.workspace-page{padding:16px 20px 96px;min-height:calc(100vh - 48px)}.library-head{height:62px;padding:12px 16px}.library-head h2{font-size:20px;line-height:30px}.library-head .btn{height:32px;padding:0 10px;font-size:12px}.library-search{height:34px;margin:0 16px}.library-search input{height:32px;font-size:13px}.library-tabs{height:42px;padding:0 16px}.library-tabs button{padding:11px 0 9px;font-size:13px}.library-selection{min-height:38px;padding:5px 10px 5px 16px}.library-rows{padding-top:8px}.library-quote-row{height:78px}.library-select{margin:14px 0 0 14px}.library-quote{height:77px;padding:8px 14px 7px 8px;gap:1px;line-height:18px}.library-quote strong{font-size:14px;font-weight:500}.library-client{font-size:12px}.library-quote-bottom b{font-size:14px}.library-quote-bottom time{font-size:12px}.library-footer{height:44px;padding:10px 16px;font-size:12px}
.workspace-heading{height:68px;padding:4px 4px 0}.workspace-title{gap:10px}.workspace-title h1{font-size:23px;line-height:31px}.workspace-title .badge{font-size:11px;padding:2px 7px}.workspace-caption{margin-top:3px;font-size:12px;line-height:16px}.workspace-heading-actions{gap:10px}.view-switch{width:176px;height:36px;padding:3px}.view-switch button{padding:0 9px;gap:5px;font-size:12px}.view-switch .icon{width:14px;height:14px}.workspace-more>summary{height:34px}.workspace-popover{top:38px;padding:6px}.workspace-popover .btn{height:32px;padding:5px 8px;font-size:12px}
.workspace-card{border-radius:5px}.workspace-metadata{min-height:0;padding:13px 14px 12px;margin-bottom:12px}.metadata-grid{column-gap:14px;row-gap:11px}.metadata-grid .field{gap:3px;font-size:12px;line-height:17px}.metadata-grid input,.metadata-grid select,.metadata-grid select[name=currency]{height:34px;padding:0 9px;font-size:14px}.workspace-client-fields{margin-top:11px;padding-top:11px}.metadata-details-bar{margin-top:7px;padding-top:5px}.metadata-details-bar button{font-size:12px}#workspace-project-details{margin-top:8px;padding-top:11px}.quote-payment-summary{padding:10px;margin:11px 0}
.workspace-services{padding:0 10px}.workspace-service-head{height:58px;padding-left:2px}.editor-tabs{height:49px}.editor-tabs button{padding:16px 18px 9px;font-size:14px}.service-head-actions{gap:7px;padding-top:9px}.service-head-actions>span{font-size:12px;padding-right:4px}.service-head-actions .btn{height:34px;padding:0 10px;font-size:12px}.workspace-lineitems{font-size:13px}.workspace-lineitems th{height:38px;padding:0 10px;font-size:12px}.workspace-lineitems th.num{padding-right:18px}.workspace-lineitems td{height:56px;padding:7px 10px}.workspace-lineitems td.item-index{font-size:14px}.workspace-lineitems td.namecell{padding:7px 12px}.workspace-lineitems td.namecell>input{height:19px;font-size:14px}.workspace-lineitems .line-note summary{font-size:11px;line-height:15px}.workspace-lineitems .pricecell input,.workspace-lineitems .quantitycell input,.workspace-lineitems .unitcell input{height:32px;font-size:14px}.workspace-lineitems .line-cost{font-size:14px;padding-right:18px}.row-actions button{width:30px;height:32px;padding:6px;margin:0 2px}.row-actions button .icon{width:17px;height:17px}.add-service-row{height:40px}.add-service-row .btn{height:30px;font-size:13px}
.workspace-bottom{grid-template-columns:minmax(0,1fr) 340px;gap:14px;padding:14px 0 12px}.workspace-notes{gap:5px;font-size:12px}.workspace-notes textarea{height:68px;min-height:68px;padding:9px;font-size:13px}.workspace-calculation{padding-left:16px}.workspace-calculation .sum-row{height:32px;font-size:12px}.workspace-calculation .sum-row>span:last-child{font-size:14px}#pane-terms{padding:5px 5px 14px}.workspace-savebar{height:68px;padding:0 20px}.workspace-total{gap:12px}.workspace-total>span{font-size:14px}.workspace-total strong{font-size:22px;line-height:30px}.workspace-payment{gap:24px;margin-left:20px;padding-left:24px;font-size:12px}.workspace-payment b{font-size:14px}.workspace-payment i{height:30px}.workspace-save-actions{gap:8px}.workspace-save-actions .btn{height:38px;min-width:100px;padding:0 14px;font-size:12px}.workspace-save-actions .btn[data-action=save-preview]{min-width:118px}.workspace-save-actions .icon{width:15px;height:15px}
@media(max-width:1150px) and (min-width:821px){.workspace-savebar{left:317px}.workspace-bottom{grid-template-columns:minmax(0,1fr) 245px}.workspace-heading{min-height:68px}.workspace-service-head{min-height:58px}}
@media(max-width:820px){.page.workspace-page{padding:12px 10px 118px}.workspace-heading{min-height:0;height:auto;padding-bottom:12px}.workspace-title h1{font-size:20px}.workspace-metadata{padding:12px 10px}.metadata-grid{row-gap:11px}.metadata-grid input,.metadata-grid select,.metadata-grid select[name=currency]{height:38px;font-size:13px}.workspace-services{min-width:0;overflow:hidden}.workspace-service-head{min-height:0;padding-bottom:9px}.editor-tabs{height:44px}.editor-tabs button{padding:12px 0 8px;font-size:13px}.service-head-actions .btn{height:36px;min-width:0}.workspace-savebar{min-height:96px;padding:10px 12px;overflow:hidden}.workspace-save-actions .btn,.workspace-save-actions .btn[data-action=save-preview]{height:38px;min-width:0}.workspace-notes textarea{height:70px;min-height:70px}}