:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:Inter,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}.auth-page,.loading-page{place-items:center;min-height:100vh;padding:2rem;display:grid}h1{color:#172033;letter-spacing:-.035em;margin:0;font-size:clamp(2rem,5vw,3rem);line-height:1.1}button,input,select,textarea{font:inherit}button{color:#fff;cursor:pointer;background:#1f4d7a;border:1px solid #1f4d7a;border-radius:.6rem;min-height:2.75rem;padding:.65rem 1rem;font-weight:700}button:hover:not(:disabled){background:#173c60}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #3a82c559}button:disabled{cursor:wait;opacity:.65}.auth-card,.placeholder-card{background:#fff;border:1px solid #dce3ec;border-radius:1rem;width:min(100%,28rem);padding:clamp(1.5rem,5vw,2.5rem);box-shadow:0 1rem 3rem #25374d14}.auth-heading>p:last-child{color:#5b6878;margin:.75rem 0 0}.eyebrow{color:#386b9a;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .4rem;font-size:.75rem;font-weight:800}.auth-form{margin-top:2rem;display:grid}.auth-form label{margin-bottom:.35rem;font-size:.9rem;font-weight:700}.auth-form input{color:#172033;background:#fff;border:1px solid #b7c2d0;border-radius:.6rem;width:100%;min-height:2.75rem;margin-bottom:1rem;padding:.65rem .75rem}.form-message,.shell-message{color:#a12828;min-height:1.5rem;font-size:.9rem}.form-message{margin-bottom:.75rem}.app-shell{min-height:100vh}.app-header{background:#fff;border-bottom:1px solid #dce3ec;justify-content:space-between;align-items:center;gap:2rem;padding:1.25rem clamp(1.25rem,5vw,4rem);display:flex}.app-header h1{font-size:1.75rem}.account-actions{color:#5b6878;align-items:center;gap:1rem;font-size:.9rem;display:flex}.secondary-button{color:#1f4d7a;background:#fff}.secondary-button:hover:not(:disabled){background:#edf4fa}.section-nav{background:#fff;border-bottom:1px solid #dce3ec;gap:.5rem;padding:0 clamp(1.25rem,5vw,4rem);display:flex}.nav-button{color:#5b6878;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;min-height:auto;padding:.85rem .5rem}.nav-button:hover:not(:disabled){color:#1f4d7a;background:0 0}.nav-button.active{color:#1f4d7a;border-bottom-color:#1f4d7a}.app-content{padding:clamp(2rem,6vw,5rem) clamp(1.25rem,5vw,4rem)}.placeholder-card{width:100%;max-width:48rem}.placeholder-card p{margin:0;font-size:1.15rem}.clients-section{width:100%}.section-heading,.form-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.section-heading{margin-bottom:1.25rem}.section-heading h2,.form-heading h3{color:#172033;margin:0}.section-heading h2{font-size:1.75rem}.clients-layout{grid-template-columns:minmax(0,1fr) minmax(18rem,25rem);align-items:start;gap:1.5rem;display:grid}.table-card,.client-form{background:#fff;border:1px solid #dce3ec;border-radius:.8rem;box-shadow:0 .5rem 2rem #25374d0f}.table-card>p{color:#5b6878;margin:0;padding:1.5rem}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e5eaf0;padding:.8rem .9rem}th{color:#526173;letter-spacing:.03em;text-transform:uppercase;background:#f8fafc;font-size:.75rem}tbody tr:last-child td{border-bottom:0}.selected-row td{background:#edf4fa}.row-actions{white-space:nowrap;gap:.75rem;display:flex}.status-badge{border-radius:999px;padding:.2rem .5rem;font-size:.75rem;font-weight:700;display:inline-block}.status-badge.active{color:#21633c;background:#e9f7ee}.status-badge.inactive{color:#68717c;background:#edf0f3}.table-action,.text-button{color:#1f4d7a;background:0 0;border:0;min-height:auto;padding:0}.table-action:hover:not(:disabled),.text-button:hover:not(:disabled){background:0 0;text-decoration:underline}.client-form{padding:1.25rem;display:grid}.form-heading{margin-bottom:1.25rem}.client-form>label:not(.checkbox-field){margin-bottom:.3rem;font-size:.85rem;font-weight:700}.client-form>input,.client-form>select,.client-form>textarea{color:#172033;background:#fff;border:1px solid #b7c2d0;border-radius:.5rem;width:100%;margin-bottom:1rem;padding:.6rem .7rem}.client-form>input,.client-form>select{min-height:2.6rem}.client-form>textarea{resize:vertical}.checkbox-field{align-items:center;gap:.5rem;margin:0 0 1.25rem;font-weight:700;display:flex}.checkbox-field input{width:1rem;height:1rem}.checkbox-group{border:1px solid #b7c2d0;border-radius:.5rem;min-width:0;margin:0 0 1rem;padding:.75rem}.checkbox-group legend{padding:0 .25rem;font-size:.85rem;font-weight:700}.checkbox-options{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.checkbox-options .checkbox-field{margin:0;font-weight:500}.portal-message{min-height:1.5rem;margin-bottom:.25rem;font-size:.9rem}.settings-stack{gap:3rem;display:grid}.selected-reference{color:#33475b;background:#edf4fa;border-left:4px solid #386b9a;padding:.75rem 1rem}.quote-builder-stack{gap:1.5rem;display:grid}.quote-panel{background:#fff;border:1px solid #dce3ec;border-radius:.8rem;padding:clamp(1rem,3vw,1.5rem);box-shadow:0 .5rem 2rem #25374d0f}.quote-panel>h3{margin:0 0 1rem}.quote-form-grid,.quote-text-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.quote-text-grid{margin-top:1rem}.quote-form-grid label,.quote-text-grid label,.wide-field{gap:.3rem;min-width:0;font-size:.85rem;font-weight:700;display:grid}.quote-form-grid input:not([type=checkbox]),.quote-form-grid select,.quote-text-grid textarea,.wide-field textarea{color:#172033;background:#fff;border:1px solid #b7c2d0;border-radius:.5rem;width:100%;padding:.6rem .7rem}.quote-form-grid input:not([type=checkbox]),.quote-form-grid select{min-height:2.6rem}.line-form{border-top:1px solid #e5eaf0;gap:1rem;margin-top:1.5rem;padding-top:1.25rem;display:grid}.line-form>button{justify-self:start}.empty-note{color:#5b6878}.danger-action{color:#a12828}.saved-reference{color:#21633c;background:#e9f7ee;border:1px solid #b7dfc4;border-radius:.5rem;margin-bottom:1rem;padding:.8rem 1rem}.quote-save-bar{background:#f5f7fb;border-top:1px solid #dce3ec;justify-content:flex-end;padding:1rem 0;display:flex;position:sticky;bottom:0}.pod-selector{border:1px solid #dce3ec;border-radius:.5rem;gap:.75rem;margin-top:1rem;padding:.8rem;display:grid}.pod-selector strong{width:100%}.pod-search{border:1px solid #b7c2d0;border-radius:.5rem;width:min(100%,24rem);padding:.6rem .7rem}.pod-results,.selected-pods,.unit-pills,.line-toolbar{flex-wrap:wrap;gap:.5rem;display:flex}.custom-pod-row,.selected-pod-row{flex-wrap:wrap;align-items:end;gap:.6rem;display:flex}.custom-pod-row input,.selected-pod-row input{border:1px solid #b7c2d0;border-radius:.45rem;min-height:2.4rem;padding:.5rem .65rem}.selected-pods{display:grid}.selected-pod-row{background:#f8fafc;border:1px solid #dce3ec;border-radius:.5rem;justify-content:flex-start;padding:.6rem .75rem}.selected-pod-row label{gap:.2rem;font-size:.75rem;display:grid}.pod-option{text-align:left;min-height:auto;padding:.45rem .7rem;display:grid}.pod-chip,.unit-pill,.product-type-chip{white-space:nowrap;background:#fff;border:1px solid #b7c2d0;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .65rem;display:inline-flex}.pod-chip button{color:#a12828;background:0 0;border:0;min-height:auto;padding:0}.unit-pill.selected{color:#1f4d7a;background:#edf4fa;border-color:#386b9a}.unit-pill input{flex:none;width:1rem;height:1rem;min-height:0;margin:0;padding:0}.inline-lines input,.inline-lines select{border:1px solid #b7c2d0;border-radius:.35rem;min-width:7rem;padding:.45rem}.inline-lines{table-layout:auto;width:max-content;min-width:0}.inline-lines .compact-column,.inline-lines .compact-column input{width:5.5rem;min-width:5.5rem}.inline-lines .quantity-field{width:8rem;min-width:8rem}.product-type-field{color:#172033;cursor:default;background:#f8fafc}.price-column-heading{text-align:center;white-space:normal;gap:.1rem;min-width:9rem;display:grid}.price-column-heading span:nth-child(2){font-weight:800}.grade-field{gap:.25rem;display:grid}.grade-field small{color:#5b6878;font-weight:600}.grade-overrides-panel{background:#f8fafc;border:1px solid #dce3ec;border-radius:.5rem;grid-column:1/-1;padding:1rem}.grade-overrides-heading,.grade-overrides-heading>div{align-items:center;gap:.75rem;display:flex}.grade-overrides-heading{justify-content:space-between}.grade-override-list{gap:.75rem;margin-top:1rem;display:grid}.grade-override-list p{color:#5b6878;margin:0}.grade-override-row{grid-template-columns:minmax(10rem,1fr) auto minmax(10rem,1fr) auto;align-items:end;gap:1rem;display:grid}.grade-override-row label{color:#37465a;gap:.3rem;font-size:.85rem;font-weight:700;display:grid}.grade-override-row input{border:1px solid #b7c2d0;border-radius:.35rem;width:100%;min-height:2.6rem;padding:.45rem}.grade-override-row>span{color:#5b6878;white-space:nowrap;align-self:center}.toolbar-button{margin-left:1rem}.saved-detail{background:#edf4fa;border-left:4px solid #386b9a;align-items:center;gap:1rem;margin-top:1rem;padding:.7rem 1rem;display:flex}.saved-detail-block{margin-top:1rem}.saved-detail-block .saved-detail{margin-top:0}.saved-overrides{background:#f8fafc;border:1px solid #dce3ec;border-top:0;flex-wrap:wrap;gap:.5rem 1rem;padding:.75rem 1rem;display:flex}.email-output-toolbar,.email-output-toolbar>div{align-items:center;gap:.75rem;display:flex}.email-output-toolbar{justify-content:space-between;margin-bottom:1rem}.email-output-preview{background:#fff;border:1px solid #dce3ec;border-radius:.5rem;max-width:100%;padding:1rem;overflow:auto}.email-output-preview table{width:max-content;min-width:100%}.display-unit-field,.line-extra-options,.price-values{gap:.35rem;display:grid}.display-unit-field{border:0;align-content:center;min-width:0;padding:0}@media (width<=75rem){.quote-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=52rem){.quote-form-grid,.quote-text-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=34rem){.quote-form-grid,.quote-text-grid{grid-template-columns:1fr}}.display-unit-field .checkbox-field,.detail-toggle{margin:0}.line-extra-options label{white-space:nowrap;gap:.3rem;display:flex}.price-values{white-space:nowrap;min-width:9rem}.detail-toggle{margin-bottom:1rem}.line-toolbar{justify-content:space-between;align-items:center;margin-bottom:1rem}.other-extra-fields{gap:.35rem;min-width:8rem;display:grid}.detailed-table{margin-top:1rem}.calculation-warnings{color:#765514;margin-top:1rem}.calculation-warnings p{margin:.25rem 0}.calculation-details{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1rem;margin-top:1rem;display:grid}.calculation-details article{background:#f8fafc;border:1px solid #dce3ec;border-radius:.5rem;padding:1rem}.calculation-details h4{margin:0 0 .75rem}.calculation-details dl{grid-template-columns:1fr auto;gap:.3rem 1rem;display:grid}.calculation-details dt,.calculation-details dd{margin:0}.subsection-heading{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}.subsection-heading h3,.subsection-heading p{margin:0}.subsection-heading h3{color:#172033;font-size:1.25rem}.subsection-heading p{color:#5b6878;margin-top:.3rem}.notice-message,.field-notice{color:#765514;background:#fff8df}.notice-message{border:1px solid #eadba5;border-radius:.5rem;padding:.75rem}.field-notice{margin:-.5rem 0 1rem;padding:.5rem;font-size:.85rem}.error-message{color:#a12828}.success-message{color:#21633c}.shell-message{margin-top:1rem}.loading-page p{color:#5b6878}@media (width<=42rem){.app-header,.account-actions{flex-direction:column;align-items:flex-start}.app-header{gap:1rem}.subsection-heading{flex-direction:column;align-items:stretch}.clients-layout{grid-template-columns:1fr}.grade-overrides-heading,.grade-override-row{grid-template-columns:1fr;align-items:stretch}.grade-overrides-heading{flex-direction:column}.email-output-toolbar{flex-direction:column;align-items:stretch}}@media (width<=64rem) and (width>=42.01rem){.clients-layout{grid-template-columns:1fr}}