[hidden]{display:none!important}:root{--app-primary:#123746;--app-accent:#51c5e0}.app-body,.portal-body{background:#f5f6f3;color:#193544;font-size:14px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:20px;top:10px;z-index:100;background:white;padding:15px}.entry{max-width:480px;margin:8vh auto;padding:35px}.entry .app-brand{margin-bottom:55px}.entry h1{font-size:52px;line-height:1.08;letter-spacing:-2px;margin:0 0 24px;font-weight:500}.entry .muted{margin-bottom:30px}.entry .button{width:100%}.entry .subtle{display:block;margin-top:30px}.muted,.subtle{color:#657984}.app-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:600 23px Space,sans-serif;letter-spacing:-.6px}.app-brand svg{width:34px;height:32px;color:var(--app-accent)}.app-layout{display:grid;grid-template-columns:234px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--app-primary);color:#eaf3f5;padding:37px 24px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .app-brand{font-size:21px;gap:8px}.nav-caption{color:#9eb7c1;font-size:9px;letter-spacing:2px;margin:60px 8px 20px}.sidebar nav{display:grid;gap:7px}.sidebar nav button,.sidebar nav a{border:0;display:flex;align-items:center;justify-content:space-between;background:transparent;text-decoration:none;color:#b9cdd6;padding:12px 13px;text-align:left;font-size:12px;cursor:pointer;border-radius:4px}.sidebar nav button[aria-current],.sidebar nav a:hover,.sidebar nav button:hover{color:white;background:#ffffff13}.sidebar nav [aria-current]{border-left:2px solid var(--app-accent)}.sidebar nav span{color:var(--app-accent);font-size:16px}.sidebar-bottom{margin-top:auto;padding:35px 10px 0;font-size:10px;color:#9eb7c1}.sidebar-bottom a,.sidebar-bottom button{display:block;margin-top:14px;color:#b9cdd6;background:none;border:0;padding:0;text-decoration:none;cursor:pointer;font-size:11px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--app-accent);margin-right:6px}.app-main{padding:0 4vw;min-width:0;max-width:1600px;width:100%;margin:auto}.workspace-top{height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #dce4e4}.workspace-top .eyebrow{font-size:8px;letter-spacing:1.5px;margin:0;color:#6e818c}.top-actions{display:flex;gap:10px;align-items:center}.view-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin:40px 0 26px}.view-heading h1{font-size:39px;font-weight:500;line-height:1.15;letter-spacing:-1.5px;margin:0 0 10px}.view-heading p{color:#72848c;font-size:12px;margin:0}.view-heading .eyebrow{font-size:9px;color:#4b8595;margin-bottom:13px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:25px 0 33px}.metric{padding:23px 24px;background:white;border:1px solid #dce4e4;border-radius:6px}.metric:first-child{background:var(--app-primary);color:white;border-color:var(--app-primary)}.metric span{font-size:10px;color:#7c919d}.metric:first-child span{color:#acc6cf}.metric strong{font:500 38px Space,sans-serif;display:block;line-height:1.2;margin:14px 0 7px}.metric small{font-size:9px;color:#79919a}.workspace-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.panel{background:white;border:1px solid #dce4e4;border-radius:6px;padding:25px;margin-bottom:22px}.panel h2{font-size:22px;letter-spacing:-.6px;margin-bottom:17px}.panel h3{font-size:17px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.panel-head h2{margin:0}.panel-head p{margin:0}.action-row{display:flex;gap:9px;flex-wrap:wrap}.card-list{display:grid;gap:13px}.record{background:white;border:1px solid #dce4e4;border-radius:6px;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.record .record-main{min-width:0;flex:1}.record h3{font-size:17px;letter-spacing:-.4px;margin:0 0 5px}.record p{color:#74868f;font-size:11px;margin:4px 0}.record .action-row{justify-content:flex-end}.pill{display:inline-flex;background:#e9f1f2;color:#3d7283;font-size:9px;padding:4px 9px;border-radius:20px;margin-right:7px}.pill.good{background:#e2f1e9;color:#38755a}.pill.warn{background:#fff1d8;color:#8f6d27}.empty-state{padding:38px 25px;text-align:center;border:1px dashed #ccdadd;border-radius:6px;background:#ffffff80;margin-bottom:20px}.empty-state h3{font-size:20px}.empty-state p{color:#75878f;max-width:390px;margin:10px auto 18px;font-size:12px}.toolbar{display:flex;gap:15px;margin-bottom:24px;align-items:center}.toolbar input{max-width:380px;margin:0}.toolbar select{width:auto;margin:0}.button{background:var(--app-primary);padding:12px 18px;font-size:12px;gap:20px}.button:hover{background:#285b71}.button.small{padding:9px 13px;font-size:11px}.secondary{background:white;color:#315367;border:1px solid #d8e3e5;border-radius:3px;padding:8px 12px;cursor:pointer;font-size:11px;text-decoration:none;display:inline-block}.secondary:hover{background:#edf5f5}.danger{color:#ad493c}.workspace-footer{font-size:9px;color:#85959b;display:flex;justify-content:space-between;padding:35px 0;border-top:1px solid #dce4e4;margin-top:40px}.app-status{font-size:12px;color:#315367;overflow-wrap:anywhere;white-space:pre-wrap}.app-status.error,#edit-status{color:#a04437}dialog{border:1px solid #d5e0e3;border-radius:8px;width:720px;max-width:calc(100% - 24px);max-height:90dvh;overflow:auto;padding:30px;color:#193544;box-shadow:0 30px 90px #102b3b22}dialog::backdrop{background:#102b3b88;backdrop-filter:blur(2px)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}.modal-head h2{font-size:29px}.modal-head .eyebrow{font-size:8px;margin-bottom:9px}input,textarea,select{background:#fafcfb;border:1px solid #d6e1e4;border-radius:3px;font-size:12px;padding:10px 11px}label{font-size:11px;color:#36515f}label small{display:block;font-size:10px;color:#82939a;margin-top:6px;font-weight:400}.check-field{display:flex;align-items:center;gap:10px}.check-field input{width:16px;height:16px;margin:0}.form-actions{display:flex;gap:12px;align-items:center;margin-top:24px}.line-item{display:grid;grid-template-columns:1fr 80px 110px 32px;gap:9px;align-items:end;padding:13px 0;border-bottom:1px solid #e3eaeb}.line-item label{margin:0}.line-item button{height:38px;padding:0;margin-bottom:0}.line-items-head{display:flex;align-items:center;justify-content:space-between;margin:20px 0 0}.line-total{font:500 26px Space,sans-serif;text-align:right;margin:20px 0}.body-copy{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.9}.detail-meta{font-size:11px;color:#78909b;margin:10px 0 22px}.task-row{padding:15px 0;border-top:1px solid #e0e8e9;display:flex;align-items:center;justify-content:space-between;gap:12px}.task-row p{font-size:10px;color:#7d929d;margin:4px 0}.task-row strong{font-size:12px}.update{border-left:2px solid #61b8cc;padding:5px 15px;margin:18px 0}.update small{font-size:10px;color:#83969f}.update p{white-space:pre-wrap;font-size:12px;margin:7px 0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#7f949d;font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:500}th,td{padding:13px 8px;border-bottom:1px solid #e4ebec}td.money,th.money{text-align:right;white-space:nowrap}.source-bar{height:5px;background:#edf3f4;border-radius:4px;margin-top:7px}.source-bar span{height:100%;display:block;background:#61b8cc;border-radius:4px}.portal-header{padding:28px 5vw;background:var(--app-primary);color:white;display:flex;justify-content:space-between;gap:15px;align-items:center}.portal-main{max-width:1120px;margin:auto;padding:40px 28px}.portal-main .entry{margin:30px auto}.portal-footer{text-align:center;padding:30px;font-size:11px;color:#7c909a}.quote-page{max-width:850px;margin:50px auto;padding:35px;background:white;border:1px solid #dce4e4;border-radius:6px}.quote-page h1{font-size:36px;line-height:1.15;letter-spacing:-1px}.quote-totals{max-width:300px;margin:25px 0 25px auto}.quote-totals p{display:flex;justify-content:space-between;font-size:12px}.quote-totals .grand-total{font:500 23px Space,sans-serif;border-top:1px solid #dce4e4;padding-top:17px}.decision-form{border-top:1px solid #dce4e4;padding-top:25px;margin-top:25px}.page-article{max-width:760px;margin:30px auto}.page-article h1{font-size:45px;line-height:1.13;letter-spacing:-1.5px}.page-article .body-copy{font-size:15px}.page-article .summary{font-size:18px;color:#74909c}.pwa-banner{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:1000;display:flex;align-items:center;gap:15px;max-width:calc(100% - 28px);padding:14px 18px;background:#123746;color:white;border:1px solid #75b3c555;border-radius:6px;box-shadow:0 10px 40px #12374633;font-size:12px}.pwa-banner button{white-space:nowrap}.offline-note{background:#fff1d8;color:#806527;padding:10px 18px;text-align:center;font-size:12px}.brand-preview{background:var(--app-primary);color:white;padding:30px;border-radius:5px;margin-bottom:25px}.brand-preview .eyebrow{color:var(--app-accent)}.brand-preview h2{font-size:34px;color:white}.brand-preview p{font-size:12px;color:#d3e5eb}.help-note{background:#edf4f5;padding:16px 19px;font-size:11px;color:#65808b;border-left:2px solid #61b8cc;margin:20px 0}.summary-list>div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #edf1f2;font-size:11px}.summary-list small{color:#7b929c}.marketing-app-links{padding:20px 5vw;background:#123746;color:white;display:flex;gap:25px;font-size:12px}.marketing-app-links a{color:white}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.content-card{padding:25px;border:1px solid #dce4e4;border-radius:6px;background:white;text-decoration:none}.content-card h3{font-size:22px}.content-card p{font-size:12px;color:#7b919b}.content-card span{font-size:10px;color:#4f8ba0}@media(min-width:1400px){.app-main{padding:0 60px}}@media(max-width:1000px){.app-layout{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:30px 16px}.sidebar .app-brand{font-size:17px}.workspace-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-top .eyebrow{max-width:170px}.record{align-items:flex-start;flex-wrap:wrap}.record .action-row{justify-content:flex-start}.content-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.app-layout{display:block}.sidebar{height:auto;position:static;padding:20px}.sidebar .app-brand{font-size:22px}.nav-caption{margin:22px 0 12px;font-size:8px}.sidebar nav{display:flex;overflow-x:auto;gap:6px;padding-bottom:5px}.sidebar nav button,.sidebar nav a{white-space:nowrap;font-size:11px;padding:9px 11px}.sidebar nav span{display:none}.sidebar nav [aria-current]{border-left:0;border-bottom:2px solid var(--app-accent)}.sidebar-bottom{display:flex;align-items:center;gap:13px;padding:12px 0 0;font-size:9px}.sidebar-bottom a,.sidebar-bottom button{margin:0;font-size:9px}.sidebar-bottom a{margin-left:auto}.app-main{padding:0 20px}.workspace-top{height:70px}.workspace-top .eyebrow{font-size:7px;max-width:130px}.view-heading{margin-top:30px;align-items:flex-start}.view-heading h1{font-size:30px}.view-heading>button{white-space:nowrap;font-size:10px}.metric{padding:18px}.metric strong{font-size:30px}.panel{padding:20px}.record{padding:20px}.toolbar{flex-wrap:wrap;gap:10px}.toolbar input{max-width:none}.toolbar select{flex:1}.entry{padding:24px;margin-top:25px}.entry h1{font-size:42px}.portal-header{padding:22px}.portal-header .app-brand{font-size:19px}.portal-header .app-brand svg{width:25px}.portal-main{padding:25px 20px}.quote-page{margin:20px 12px;padding:23px}.quote-page h1{font-size:30px}.line-item{grid-template-columns:1fr 65px 88px 28px;gap:6px}.line-item input{padding:8px 6px}.line-item label{font-size:9px}.workspace-footer{font-size:8px;gap:15px}.content-grid{grid-template-columns:1fr}.page-article h1{font-size:34px}dialog{padding:23px}.pwa-banner{width:calc(100% - 28px);font-size:11px}.form-row{grid-template-columns:1fr}}@media print{body{background:white!important}.portal-header button,.decision-form,.pwa-banner,.offline-note,.app-status,#quote-status,.top-actions{display:none!important}.portal-header{background:white;color:black;padding:10px 0}.quote-page{border:0;margin:0;padding:0;max-width:none}.quote-page .eyebrow{margin-top:30px}a{text-decoration:none}.quote-page h1{font-size:30px}table{break-inside:avoid}.body-copy{color:black}}

@media(max-width:720px){.sidebar nav{scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.sidebar nav button,.sidebar nav a{min-height:44px}.secondary{min-height:40px}.view-heading{flex-wrap:wrap}.view-heading>div{flex:1;min-width:210px}}

.operation-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.operation-tabs [aria-current]{background:var(--app-primary);color:white}@media print{body>*{display:none!important}body>dialog[open]{display:block!important;position:static;border:0;width:100%;max-width:none}dialog button,.modal-head button{display:none!important}dialog::backdrop{background:white}}

.business-welcome{padding:30px;border-left:3px solid var(--app-accent);background:#eaf3f3;margin:24px 0}.business-welcome h2{font-size:30px;margin:8px 0}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:24px 0}.service-card{border:1px solid #dce4e4;border-radius:6px;padding:22px;display:flex;flex-direction:column;gap:12px}.service-card p{color:#657984;font-size:12px;flex:1}.service-card h3{margin:0}.service-guides details{padding:14px;border-top:1px solid #dce4e4}summary{cursor:pointer;font-weight:600;padding:8px 0}#service-dialog .panel{margin-top:18px}@media(max-width:720px){.business-welcome{padding:20px}.service-grid{grid-template-columns:1fr}.sidebar{overflow-y:auto}}

/* Keep navigation contained at short viewport heights and browser zoom. */
@media(min-width:721px){.sidebar{height:100dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.sidebar>.app-brand,.sidebar>.nav-caption,.sidebar>nav,.sidebar>.sidebar-bottom{flex-shrink:0}}
.app-main{align-self:start;margin:0 auto}.view-heading{flex-wrap:wrap}.view-heading>div{min-width:0;flex:1 1 280px}.view-heading h1,.record h3,.record p{overflow-wrap:anywhere}.view-heading>button{flex-shrink:0}.record{flex-wrap:wrap}.record-main{flex-basis:240px!important}.record>.action-row{flex:0 1 auto;max-width:100%}

.portal-navigation{display:flex;gap:8px;overflow-x:auto;padding:12px 0;position:sticky;top:0;background:#f5f6f3;z-index:3}.portal-navigation button{white-space:nowrap;min-height:44px}.portal-navigation [aria-current]{background:var(--app-primary);color:white}.portal-help{position:fixed;right:24px;bottom:24px;z-index:4;box-shadow:0 6px 22px #12374633}.portal-main{padding-bottom:100px}.portal-body .record{margin:12px 0}.portal-body dialog form{margin-top:24px}@media(max-width:720px){.portal-help{right:16px;bottom:16px}.portal-navigation{margin:0 -8px;padding:10px 8px}.portal-navigation button{font-size:11px}}@media print{.portal-help,.portal-navigation{display:none!important}}

.table-scroll{overflow-x:auto;max-width:100%}.table-scroll table{min-width:650px}input:user-invalid,textarea:user-invalid,select:user-invalid{border-color:#a83e28}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--app-accent,#49c7de);outline-offset:3px}.operation-tabs{gap:.5rem}.operation-tabs button[aria-current="page"]{background:var(--app-primary);color:#fff}
