:root{font:15px/1.5 'Segoe UI',system-ui,sans-serif;color:#202b40;background:#f4f6fa;--navy:#132238;--muted:#68768b;--line:#e5eaf1;--accent:#425ed8;--soft:#edf1ff;--green:#17795f}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #8da4ff;outline-offset:3px}button{transition:background .15s,box-shadow .15s}svg{width:19px;height:19px;display:block;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}h1{font-size:34px;letter-spacing:-1.2px;line-height:1.2;font-weight:650}h2{font-size:17px;letter-spacing:-.35px}h3{font-size:16px}.shell{display:grid;grid-template-columns:222px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--navy);color:#e4ebf6;display:flex;flex-direction:column;padding:30px 16px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none;font-weight:750;font-size:21px;letter-spacing:-.6px;padding:0 9px}.brand-aid{color:#8ba9ff}.brand small{font-size:8px;display:block;letter-spacing:2.5px;color:#9eacc3;margin-top:3px}.brand-symbol{position:relative;background:#4966df;border-radius:11px;width:36px;height:39px;display:grid;place-items:center;font-size:27px}.brand-symbol span{position:absolute;right:-4px;bottom:-5px;font-size:19px;color:#b4c7ff}.shop{margin:35px 3px 28px;border:1px solid #324156;border-radius:10px;padding:13px 9px;display:flex;gap:9px;align-items:center;font-size:12px;font-weight:650}.shop small{display:block;color:#a5b4c9;font-size:10px;font-weight:400;margin-top:3px}.shop-icon{width:32px;height:33px;border-radius:7px;background:#2a3b53;display:grid;place-items:center;font-size:10px;letter-spacing:.5px}.nav-caption{font-size:9px;color:#8193af;letter-spacing:1.6px;padding:0 15px;margin-bottom:12px}.nav-item{border:0;color:#b4c1d5;background:transparent;border-radius:8px;display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 14px;margin-bottom:5px;font-size:13px}.nav-item.active{background:#2a3b60;color:#e4eaff}.nav-item:hover{background:#23344e}.nav-count{margin-left:auto;font-size:10px;background:#3c4d70;border-radius:5px;padding:1px 6px}.sidebar-bottom{margin-top:auto;padding-top:30px}.control-note{padding:17px 12px;color:#b2c1d6;font-size:11px}.control-note svg{color:#8ca7e7;margin-bottom:10px}.control-note strong{font-weight:600;color:#dce5f4}.control-note p{margin-top:6px;line-height:1.7}.profile{border-top:1px solid #304057;margin:12px 3px 0;padding:20px 5px 0;display:flex;align-items:center;gap:10px;font-size:12px}.avatar{width:33px;height:33px;background:#354b70;color:#dae4fa;display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:600}.profile small{display:block;color:#8ea2c0;font-size:10px;margin-top:3px}.profile-dot{width:6px;height:6px;background:#6dc9aa;border-radius:50%;margin-left:auto}.workspace{min-width:0}.topbar{height:72px;background:white;border-bottom:1px solid var(--line);padding:0 36px;display:flex;justify-content:space-between;align-items:center}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{margin:0 14px;color:#b4becd}.breadcrumb strong{color:#3e4c63;font-weight:500}.top-actions{display:flex;align-items:center;gap:16px}.workspace-tag{display:flex;align-items:center;gap:7px;font-size:11px;color:#4e6181;background:#f2f5fb;border:1px solid var(--line);border-radius:20px;padding:5px 11px}.workspace-tag i,.live-dot i{width:6px;height:6px;border-radius:50%;background:#6d83dc;display:inline-block}.icon-button{border:0;background:transparent;color:var(--muted);display:grid;place-items:center;width:32px;height:32px;border-radius:6px;font-size:24px}.icon-button:hover{background:#eaf0fa}main{padding:32px 36px 18px;max-width:1690px;margin:auto}.heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:24px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#74849d;font-weight:700;margin-bottom:9px}.heading p{font-size:13px;color:var(--muted);margin-top:10px}.heading-actions{display:flex;gap:9px;flex-wrap:wrap}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:600;font-size:12px;padding:10px 14px;border-radius:8px;min-height:40px;text-decoration:none}.button svg{width:16px;height:16px}.primary{background:var(--accent);color:#fff;box-shadow:0 3px 6px #425ed811}.primary:hover{background:#324bbc}.secondary{background:white;border-color:#dce3ec;color:#43516a}.secondary:hover{background:#f3f6fc}.disclosure{display:flex;align-items:center;gap:10px;padding:11px 15px;background:#eaf0fa;border:1px solid #dce5f4;border-radius:8px;font-size:11px;color:#61738f;margin-bottom:22px}.disclosure svg{flex-shrink:0;color:#627dc2;width:17px;height:17px}.disclosure strong{font-weight:600;color:#3d557e}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:25px}.metric{background:white;border:1px solid var(--line);border-radius:12px;padding:18px 20px;position:relative}.metric-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:#607087}.metric-icon{display:grid;place-items:center;width:29px;height:29px;background:#eff2fd;border-radius:8px;color:var(--accent)}.metric-icon.amber{background:#fff5e5;color:#b88020}.metric-icon.green{background:#eaf6ef;color:#248263}.metric strong{display:block;font-size:29px;letter-spacing:-.8px;font-weight:650;margin-top:6px}.metric small{display:block;font-size:10px;color:#8a96a9;margin-top:4px}.metric .metric-rule{position:absolute;bottom:0;left:20px;right:20px;height:2px;background:#7289e3;border-radius:2px;opacity:.45}.content-grid{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(340px,1fr);gap:20px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;min-width:0;overflow:hidden;box-shadow:0 2px 4px #16345f02}.panel-heading{padding:21px 22px 17px;display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-heading p{color:var(--muted);font-size:11px;margin-top:4px}.live-dot{font-size:9px;display:flex;gap:6px;align-items:center;white-space:nowrap;color:#8491a6}.live-dot i{background:#74a990;width:5px;height:5px}.queue-tools{padding:0 22px}.search{display:flex;align-items:center;gap:8px;background:#f7f9fc;border:1px solid var(--line);border-radius:7px;padding:8px 10px;color:#8692a7}.search svg{width:15px;height:15px}.search input{background:none;border:0;outline:none;min-width:0;width:100%;font-size:11px;color:#334560}.tabs{display:flex;gap:17px;overflow:auto;border-bottom:1px solid var(--line);margin-top:12px}.tabs button{font-size:10px;white-space:nowrap;border:0;border-bottom:2px solid transparent;background:transparent;color:#7a879a;padding:10px 0 12px}.tabs button.active{color:var(--accent);border-color:var(--accent);font-weight:650}.job-list{min-height:350px}.job{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:16px 22px;text-align:left;border:0;border-bottom:1px solid #edf0f5;background:white;color:inherit}.job:last-child{border-bottom:0}.job:hover{background:#f7f9ff}.job.selected{background:#f0f4ff}.job.selected:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}.customer-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#edf1f7;color:#61718d;font-size:10px;font-weight:650}.job.selected .customer-avatar{background:#dfe7ff;color:#4e65b0}.job-name{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:650}.job-name small{font-weight:400;font-size:9px;color:#9ca7b6}.vehicle{font-size:10px;color:#6c7a90;margin-top:3px}.repair{font-size:10px;color:#8894a7;margin-top:3px}.job-right{text-align:right;display:flex;align-items:flex-end;flex-direction:column;gap:7px}.job-price{font-size:12px;font-weight:650}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:3px 7px;font-size:9px;font-weight:600;color:#536ed0;background:#edf1ff;white-space:nowrap}.badge:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.badge.amber{color:#9e721c;background:#fff5df}.badge.green{color:#268365;background:#eaf6ef}.badge.red{color:#ad5164;background:#fceef1}.badge.neutral{color:#77859a;background:#f0f3f7}.queue-footer{display:flex;justify-content:space-between;padding:13px 22px;font-size:9px;color:#8895a8;border-top:1px solid var(--line);background:#fcfdff}.detail-head{padding:20px 22px;border-bottom:1px solid var(--line)}.detail-kicker{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:10px;color:#8a97aa}.detail-head h2{font-size:20px;letter-spacing:-.5px}.detail-head p{font-size:11px;color:#6c7d94;margin-top:4px}.detail-steps{display:flex;gap:5px;margin-top:17px}.detail-steps span{height:3px;background:#e8edf5;flex:1;border-radius:3px}.detail-steps span.on{background:#657fda}.detail-body{padding:18px 22px}.detail-label{font-size:9px;color:#8a97aa;letter-spacing:1px;font-weight:650;margin-bottom:7px}.repair-heading{font-weight:650;font-size:13px}.detail-note{font-size:11px;line-height:1.65;color:#76859b;margin-top:7px}.price-lines{margin-top:17px;border-top:1px solid var(--line);padding-top:10px}.price-row{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#6d7a8f;padding:6px 0}.price-row strong{color:#43526a;font-weight:500;white-space:nowrap}.price-total{font-size:13px;border-top:1px solid var(--line);margin-top:7px;padding-top:13px;color:#34445d}.price-total strong{font-size:21px;font-weight:650;color:#1d2e48}.price-note{font-size:9px;color:#97a2b4;margin-top:2px}.assignment{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#75849b;margin-top:17px;padding-bottom:17px;border-bottom:1px solid var(--line)}.assignment strong{font-weight:550;color:#51637d}.action-box{margin-top:17px;background:#f4f6ff;border:1px solid #e2e8fc;border-radius:8px;padding:14px}.action-box h3{font-size:12px;color:#405da4;display:flex;align-items:center;gap:7px}.action-box h3 svg{width:15px;height:15px}.action-box p{font-size:10px;color:#7687a9;line-height:1.65;margin-top:6px}.action-box .button{width:100%;margin-top:12px;font-size:11px;min-height:38px}.action-box.success{background:#eff8f3;border-color:#d7eddf}.action-box.success h3{color:#267b5b}.action-box.success p{color:#6a8a79}.response-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.response-actions .button{width:auto;margin:0;flex:1;padding:8px;font-size:10px;white-space:nowrap}.message-preview{font-size:11px;padding:12px;background:#fff;border-radius:7px;border:1px solid #e3e8f5;margin-top:10px;color:#5b6e8d;line-height:1.7}.message-preview small{display:block;margin-bottom:5px;font-size:8px;text-transform:uppercase;letter-spacing:1.3px;color:#96a2b4}.detail-bottom{padding:0 22px 18px}.text-button{font-size:10px;font-weight:600;color:#64799d;background:none;border:0;padding:6px 0;text-align:left}.text-button:hover{color:#3c58c6}.detail-bottom .text-button{width:100%;text-align:center}.history{margin-top:10px;border-top:1px solid var(--line);padding-top:13px}.history h3{font-size:10px;color:#7e8ca1;font-weight:550;margin-bottom:10px}.history-item{font-size:10px;color:#78869b;line-height:1.6;margin:8px 0;padding-left:13px;border-left:2px solid #dfe7f7}.history-item small{display:block;font-size:8px;color:#a0aabd}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:20px;margin-top:22px}.workflow-strip{padding:20px 22px}.workflow-strip h2{font-size:14px}.workflow-strip .eyebrow{font-size:8px;margin-bottom:5px}.flow{display:flex;align-items:center;justify-content:space-between;margin-top:16px;gap:6px;font-size:10px;color:#71819b}.flow span{display:flex;align-items:center;gap:6px}.flow b{font-size:8px;border:1px solid #dfe6f6;background:#f5f7fe;color:#6680b5;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-weight:500;flex-shrink:0}.flow i{font-style:normal;color:#c0cada}.connection-card{display:flex;align-items:center;gap:14px;padding:20px 22px;text-align:left;cursor:pointer;color:inherit}.connection-card:hover{background:#f9faff}.connection-icon{padding:10px;background:#f0f3fc;border-radius:10px;color:#6b83b5}.connection-card strong{font-size:12px;font-weight:600}.connection-card p{font-size:10px;color:#8a97aa;margin:5px 0}.connection-card div>span{font-size:10px;color:#5c76b0}footer{font-size:8px;letter-spacing:.5px;color:#9ba6b7;display:flex;align-items:center;justify-content:center;gap:12px;padding:25px 0 4px}footer span{color:#b8c2d1}.empty{padding:60px 25px;text-align:center;color:#8593a8;font-size:12px}.activity-card{padding:17px 22px;border-bottom:1px solid var(--line);font-size:12px;line-height:1.6}.activity-card strong{font-size:10px;color:#526ab1}.activity-card small{display:block;font-size:10px;color:#94a1b4}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;background:#203653;color:#fff;border-radius:10px;padding:14px 21px;box-shadow:0 8px 30px #14244330;font-size:12px;max-width:90vw}.toast[hidden]{display:none}dialog{border:1px solid var(--line);border-radius:16px;padding:26px;max-width:560px;width:calc(100% - 32px);color:#2c3d56;box-shadow:0 25px 80px #10203a40}dialog::backdrop{background:#172b4960;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-heading h2{font-size:21px}dialog>p,dialog form>p{font-size:12px;color:#8290a6;line-height:1.8;margin:12px 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}label{display:block;font-size:11px;color:#65768e}label>input,label>select{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #dce4ef;border-radius:7px;color:#30445f;background:white;font-size:12px}.dialog-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.form-note{font-size:10px!important}.connection-row{position:relative;padding:18px 0;border-top:1px solid var(--line);font-size:13px}.connection-row .badge{float:right}.connection-row p{font-size:11px;color:#7d8ca3;margin-top:9px;line-height:1.7}.guide{position:fixed;bottom:25px;right:25px;z-index:90;width:330px;background:#fff;border:1px solid #b7c6f8;box-shadow:0 12px 50px #18396335;border-radius:12px;overflow:hidden}.guide[hidden]{display:none}.guide-handle{background:#edf2ff;padding:9px 13px;display:flex;align-items:center;justify-content:space-between;color:#6078b4;cursor:move;touch-action:none}.guide-handle>span{font-size:8px;letter-spacing:1.5px;font-weight:700}.guide-handle .icon-button{height:23px;width:23px;font-size:20px}.guide-body{padding:18px}.guide h2{font-size:17px;margin-bottom:8px}.guide p{font-size:12px;color:#7687a0;line-height:1.8}.guide-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px}.guide-footer .button{font-size:11px;min-height:34px;padding:7px 12px}.tour-highlight{outline:3px solid #8ba2f0!important;outline-offset:5px;scroll-margin:20px}.guide .eyebrow{font-size:8px}.button.green{background:#258365;color:white}.storage-note{font-size:10px;padding:8px;background:#fff3d6;color:#775e2a}
@media(min-width:1600px){main{padding-top:40px}.heading{margin-bottom:30px}.job{padding-top:20px;padding-bottom:20px}.content-grid{grid-template-columns:minmax(0,1.55fr) minmax(370px,1fr)}}
@media(max-width:1180px){.shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding-left:10px;padding-right:10px}.brand{font-size:18px}.shop{padding:10px 7px}.shop small{font-size:8px}main{padding:26px 22px}.topbar{padding:0 22px}.heading{align-items:flex-start}.heading-actions{max-width:180px;justify-content:flex-end}.heading-actions .button{font-size:10px;padding:9px 10px}.content-grid{grid-template-columns:minmax(0,1.2fr) minmax(305px,1fr)}.job{padding:16px 15px;grid-template-columns:27px minmax(0,1fr) auto;gap:8px}.customer-avatar{width:27px;height:29px;font-size:9px}.job-name small{display:none}.job-right .badge{font-size:8px}.metric{padding:16px}.metric-top{font-size:10px}.metrics{gap:12px}.bottom-grid{grid-template-columns:1fr}.flow{justify-content:flex-start;gap:16px}.connection-card{padding:15px 22px}}
@media(max-width:960px){.shell{grid-template-columns:165px minmax(0,1fr)}.brand{font-size:16px;padding:0 5px}.brand-symbol{width:28px;height:33px;font-size:23px}.brand small{font-size:6px}.shop-icon{display:none}.shop small{font-size:8px}.nav-item{font-size:11px;padding:12px 10px}.control-note{font-size:10px}.content-grid{grid-template-columns:1fr}.detail-panel{scroll-margin:20px}.heading-actions{max-width:unset}.heading{flex-wrap:wrap}.metrics{gap:10px}.metric-top{align-items:flex-start}.metric-icon{width:22px;height:22px}.metric-icon svg{width:14px;height:14px}.metric small{font-size:9px}.metric strong{font-size:26px}.job-name small{display:inline}.job{padding:15px 22px;grid-template-columns:34px minmax(0,1fr) auto}.detail-body{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.detail-body>div:first-child{grid-column:1}.price-lines{grid-column:1;grid-row:2/4}.assignment{grid-column:1}.action-box{grid-column:2;grid-row:1/5;margin-top:0;align-self:start}.detail-bottom .text-button{text-align:right}.history{padding-top:13px}.detail-head{padding-bottom:15px}.detail-steps{max-width:300px}}
@media(max-width:650px){.shell{display:block}.sidebar{height:auto;position:static;padding:16px}.brand{font-size:18px;padding:0}.brand small{font-size:7px}.shop,.nav-caption,.sidebar-bottom{display:none}.sidebar nav{display:flex;margin-top:18px;gap:4px;overflow:auto}.nav-item{white-space:nowrap;width:auto;margin:0;padding:9px 11px;font-size:10px;gap:7px}.nav-item svg{width:15px;height:15px}.nav-count{display:none}.topbar{height:54px;padding:0 18px}.breadcrumb{font-size:10px}.top-actions{gap:8px}.workspace-tag{font-size:9px}main{padding:24px 16px 12px}h1{font-size:29px}.heading{gap:18px;margin-bottom:18px}.heading p{font-size:12px}.heading-actions{width:100%;justify-content:flex-start}.heading-actions .button{font-size:11px}.disclosure{font-size:10px;align-items:flex-start;line-height:1.7;padding:10px 12px}.metrics{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}.metric{padding:14px 16px}.metric-top{font-size:11px;align-items:center}.metric small{font-size:9px}.metric strong{font-size:27px}.panel-heading{padding:18px 16px 14px}.panel-heading h2{font-size:16px}.queue-tools{padding:0 16px}.tabs{gap:16px}.tabs button{font-size:9px}.job{padding:15px 16px;gap:9px;grid-template-columns:29px minmax(0,1fr) auto}.customer-avatar{width:29px}.job-name{font-size:11px}.job-name small{display:none}.vehicle,.repair{font-size:9px}.job-right .badge{font-size:8px;max-width:115px}.job-price{font-size:11px}.queue-footer{padding:12px 16px}.detail-head{padding:18px 16px}.detail-body{display:block;padding:16px}.action-box{margin-top:16px}.detail-bottom{padding:0 16px 16px}.detail-bottom .text-button{text-align:center}.flow{flex-wrap:wrap;gap:10px;font-size:9px}.flow i{display:none}.workflow-strip{padding:19px 16px}.connection-card{padding:18px 16px}.bottom-grid{gap:14px;margin-top:16px}footer{font-size:7px;gap:7px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:1}.guide{width:min(320px,calc(100vw - 24px));right:12px;bottom:12px}.guide-body{padding:14px}.guide p{font-size:11px}.guide h2{font-size:16px}.guide-footer{margin-top:10px}.activity-card{padding:16px}.live-dot{font-size:8px}.toast{font-size:11px}.connection-row .badge{float:none;margin-left:7px}}
@media(max-width:650px){.sidebar nav{gap:3px}.nav-item{padding:9px 7px;gap:5px}}
@media(max-width:360px){.sidebar nav{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.nav-item{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Staff workspace fields and accessible local-record forms. */
.workspace-tag{display:flex;align-items:center;gap:7px;font-size:11px;color:#526b8c}.workspace-tag i{width:7px;height:7px;border-radius:50%;background:#538c6d}
.storage-note{margin:0 0 18px;border-radius:7px;line-height:1.6}.vehicle,.repair{display:block}.contract-fields{display:grid;gap:9px;margin:16px 0;font-size:11px;grid-column:1/-1}.contract-fields>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:7px}.contract-fields span{color:#687b96}.contract-fields strong{font-weight:550;text-align:right;overflow-wrap:anywhere;max-width:65%}
label>textarea{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #dce4ef;border-radius:7px;color:#30445f;background:white;font:inherit;resize:vertical}.form-error{color:#a32d3a!important;min-height:1.4em}.confirmation{display:flex;align-items:flex-start;gap:10px;margin-top:18px;line-height:1.6}.confirmation input{width:16px;flex-shrink:0;margin-top:2px}.help-steps{padding-left:22px;font-size:13px;line-height:1.8}.help-steps li{margin:12px 0}.message-preview small{overflow-wrap:anywhere}.message-preview .button{white-space:normal}.action-box>.button+.button{margin-top:8px}.response-actions{flex-wrap:wrap}.response-actions .button{white-space:normal;min-width:90px}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{outline:2px solid #7292d5;outline-offset:2px}.tabs{overflow-x:auto}dialog{max-height:90vh;overflow-y:auto}.detail-body{display:block}.flow{flex-wrap:wrap}
@media(max-width:650px){.contract-fields>div{flex-direction:column;gap:4px}.contract-fields strong{text-align:left;max-width:100%}}

.previous-quotes{margin:12px 0;font-size:11px;line-height:1.8}.previous-quotes summary{cursor:pointer;color:#526b8c}.previous-quotes p{margin-top:8px}
/* Itemized estimate editor. */
.line-editor{margin:24px 0}.line-editor-heading,.line-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.line-editor-actions{display:flex;gap:8px}.line-editor h3{font-size:16px}.line-editor .form-note{margin:10px 0;color:#65768e;line-height:1.7}.estimate-line{border:1px solid #dce4ef;border-radius:10px;padding:14px;margin:14px 0;min-width:0}.estimate-line legend{font-size:12px;font-weight:650;color:#354e77;padding:0 5px}.line-heading{justify-content:flex-end}.remove-line{color:#a32d3a}.line-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.line-description{grid-column:1/-1}.line-calculation{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-top:12px;font-size:11px;line-height:1.6}.line-calculation>span{color:#79612b}.line-calculation strong{white-space:nowrap;color:#30445f}.quote-preview{padding:14px;border:1px solid #cddbf5;background:#f1f5ff;border-radius:8px;font-size:12px;line-height:1.8;color:#304c76}.line-empty{font-size:12px;color:#a32d3a;padding:12px 0}.review-item{padding:10px 0;border-bottom:1px solid var(--line)}.review-item .price-row{padding:0}.review-item small{display:block;font-size:8px;letter-spacing:1px;color:#7586a2}.review-item p{font-size:10px;color:#65768e;margin-top:5px;line-height:1.6}.review-item .price-row span{overflow-wrap:anywhere}.message-preview p{white-space:pre-line}.previous-version{margin:12px 0;padding:10px;border:1px solid var(--line);border-radius:8px}.previous-version .price-row{font-size:11px}
@media(max-width:650px){.line-editor-heading{align-items:flex-start;flex-direction:column}.line-inputs{grid-template-columns:1fr}.line-calculation{flex-direction:column;gap:6px}.line-editor-actions .button{font-size:11px;padding:8px}.line-editor-actions{width:100%}.estimate-line{padding:12px}}

#estimate-dialog,#revise-dialog{max-width:900px}.quote-preview{position:sticky;top:0;z-index:2}.line-inputs{grid-template-columns:repeat(4,minmax(0,1fr))}.line-calculation>span{max-width:75%}
@media(max-width:850px){.line-inputs{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.line-inputs{grid-template-columns:1fr}.line-calculation>span{max-width:100%}}
/* Shop identity and provider attribution. */
.shop-brand{display:flex;justify-content:center;align-items:center;background:#f1f5f9;border:1px solid #dce6ef;border-radius:12px;padding:10px;margin:0 3px}.shop-brand img{display:block;width:140px;max-width:100%;height:auto;object-fit:contain}.shop{margin-top:18px;margin-bottom:22px}.powered-by{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 8px 0;margin:14px 3px 0;border-top:1px solid #304057}.powered-by>span,.mobile-powered-by>span{font-size:10px;letter-spacing:.3px;color:#a5b4c9}.powered-by img{width:126px;max-width:100%;height:auto;display:block}.mobile-powered-by{display:none}.sidebar{overflow-y:auto;flex-shrink:0}.sidebar-bottom{flex-shrink:0}
@media(max-width:960px) and (min-width:651px){.shop-brand img{width:112px}.powered-by img{width:108px}}
@media(max-width:650px){.shop-brand{width:128px;margin:0;padding:7px}.shop-brand img{width:112px}.sidebar>.powered-by{display:none}footer{align-items:flex-start;flex-direction:column;gap:14px}.mobile-powered-by{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--navy);border-radius:8px}.mobile-powered-by img{display:block;width:104px;height:auto}.sidebar{overflow:visible}}
@media(min-width:651px) and (max-height:820px){.sidebar{padding-top:18px;padding-bottom:18px}.shop-brand img{width:112px}.shop{margin:14px 3px 16px}.sidebar-bottom{padding-top:12px}.control-note{padding:10px 12px}.control-note p{display:none}.profile{padding-top:12px;margin-top:8px}.powered-by{padding-top:12px;margin-top:8px}}
.estimate-line.line-invalid{border-color:#b42332;background:#fff8f8}.estimate-line.line-invalid [data-line-error]{color:#a32d3a;font-weight:600}
.storage-actions{display:flex;gap:8px;margin:-10px 0 22px;flex-wrap:wrap}

#existing-workspace[hidden], #call-summaries[hidden] { display: none !important; }

/* Call preview: keep the next action and most useful details easy to scan. */
.call-example-note{display:flex;flex-direction:column;gap:4px;padding:14px 18px;margin-bottom:20px;border:1px solid #e4d4a8;border-radius:12px;background:#fff9e9;color:#604b21;font-size:14px}
.call-list{display:grid;gap:16px}
.call-card{padding:22px}
.call-card-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.call-card-top h2{margin:4px 0;font-size:20px}
.call-kicker{font-size:11px;font-weight:700;letter-spacing:.05em;color:#627386;margin:0}
.call-reason{margin:4px 0;color:#50647a}
.call-status{min-width:150px;font-size:12px;font-weight:700;color:#45576a}
.call-status select{display:block;width:100%;margin-top:6px;padding:9px;border:1px solid #cdd8e3;border-radius:8px;background:#fff;color:#1b2c3d}
.call-summary{margin:18px 0;padding:14px 16px;background:#f1f6fa;border-radius:10px}
.call-summary span{font-size:11px;font-weight:700;letter-spacing:.06em;color:#52697e}
.call-summary p{margin:5px 0 0;color:#24384b;line-height:1.5}
.call-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}
.call-facts dt{font-size:12px;color:#617487;font-weight:600}
.call-facts dd{margin:5px 0 0;font-weight:600;color:#21364b;overflow-wrap:anywhere}
.call-facts .call-pending{font-size:12px;font-weight:600;color:#9a6320}
.call-transcript{margin-top:18px;padding-top:14px;border-top:1px solid #e3eaf0}
.call-transcript summary{cursor:pointer;color:#176288;font-weight:700}
.call-transcript p{color:#45596b;line-height:1.5}
@media(max-width:600px){.call-card-top{flex-direction:column}.call-status{width:100%}.call-facts{grid-template-columns:1fr;gap:12px}}
.call-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:8px}
.call-filters label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#45576a}
.call-filters input,.call-filters select{min-height:40px;padding:8px 10px;border:1px solid #cdd8e3;border-radius:8px;background:#fff;color:#1b2c3d}
.call-filters .call-search{flex:1 1 235px}.call-filters input[type=search]{width:100%}
.call-filters button{min-height:40px}.call-count{font-size:13px;color:#52697e;margin:8px 0 14px}
.call-card[hidden]{display:none!important}
@media(max-width:600px){.call-filters label{flex:1 1 140px}.call-filters .call-search{flex-basis:100%}}
/* Status names remain visible; color is an additional visual cue. */
.call-status-overview{margin:0 0 20px}
.call-overview-label{display:block;margin-bottom:8px;color:#52697e;font-size:12px;font-weight:700}
.call-status-buttons{display:flex;flex-wrap:wrap;gap:8px}
.call-status-buttons button{display:inline-flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:9px;padding:9px 12px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.call-status-buttons strong{background:rgba(255,255,255,.7);border-radius:5px;padding:2px 7px}
.call-status-buttons button[aria-pressed="true"]{outline:2px solid currentColor;outline-offset:2px}
.call-status-buttons button:focus-visible,.call-status select:focus-visible{outline:3px solid #255f9e;outline-offset:2px}
.call-status-buttons [data-quick-status="New"],.call-card[data-status="New"] .call-status select{background:#e9f2ff;color:#174d91;border-color:#b7cfee}
.call-status-buttons [data-quick-status="Reviewing"],.call-card[data-status="Reviewing"] .call-status select{background:#fff4d9;color:#765000;border-color:#e8d094}
.call-status-buttons [data-quick-status="Needs help"],.call-card[data-status="Needs help"] .call-status select{background:#ffebec;color:#9b2735;border-color:#edb8bd}
.call-status-buttons [data-quick-status="Handled"],.call-card[data-status="Handled"] .call-status select{background:#e4f5ea;color:#22633b;border-color:#a9d5b8}
.call-status-buttons [data-quick-status=""]{background:#edf1f5;color:#33495f;border-color:#ced8e2}
#contacts-panel[hidden],#contacts-login[hidden],#contacts-workspace[hidden],#call-contact-context[hidden]{display:none!important}
.contacts-login{display:flex;flex-wrap:wrap;gap:14px;align-items:end;padding:18px;margin-bottom:18px}.contacts-login label{display:flex;flex-direction:column;gap:6px;flex:1 1 180px;font-weight:700;font-size:12px}.contacts-login input{padding:10px;border:1px solid #cdd8e3;border-radius:8px}.contacts-list{list-style:none;padding:0;display:grid;gap:12px}.contact-row{padding:18px}.contact-row h2{font-size:18px;margin:0 0 8px}.contact-row p{margin:5px 0;overflow-wrap:anywhere}.contact-row button{margin-top:10px}.contacts-paging{display:flex;align-items:center;gap:12px;flex-wrap:wrap}#call-contact-context{padding:12px 15px;margin-bottom:14px;background:#edf5fb;border-radius:8px}
.contacts-table-wrap{width:100%;overflow-x:auto;border:1px solid #dfe6ee;border-radius:10px;background:#fff;margin:12px 0 16px}
.contacts-table{width:100%;min-width:760px;border-collapse:collapse;text-align:left;font-size:13px}
.contacts-table th{background:#f5f8fa;color:#42576d;font-size:12px;font-weight:700;white-space:nowrap}
.contacts-table th,.contacts-table td{padding:12px 14px;border-bottom:1px solid #e7edf2;vertical-align:middle}
.contacts-table tr:last-child td{border-bottom:0}.contacts-table td{color:#263c51;overflow-wrap:anywhere}.contacts-table td:first-child{font-weight:700}
.contacts-view-calls{border:0;background:none;padding:4px 0;color:#176288;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}
.contacts-view-calls:focus-visible{outline:3px solid #255f9e;outline-offset:2px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.contacts-location{display:flex;flex-direction:column;gap:6px;max-width:320px;margin:0 0 15px;font-size:12px;font-weight:700;color:#45576a}.contacts-location select{padding:10px;border:1px solid #cdd8e3;border-radius:8px;background:white}
.contact-name-button{border:0;background:transparent;padding:4px 0;color:#176288;font:inherit;font-weight:700;text-align:left;cursor:pointer}
.contact-name-button:focus-visible{outline:3px solid #255f9e;outline-offset:2px}
.contact-details{width:min(720px,calc(100% - 32px));max-height:min(85vh,900px);border:0;border-radius:14px;padding:24px;color:#21364b;box-shadow:0 20px 60px #12263f45}
.contact-details::backdrop{background:rgba(15,31,48,.55)}
.contact-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid #e4eaf0;padding-bottom:16px}.contact-modal-header h2{margin:4px 0}.contact-modal-kicker{font-size:11px;font-weight:700;color:#627386;letter-spacing:.06em}
.contact-details-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.contact-details-facts dt{font-size:12px;color:#627386;font-weight:700}.contact-details-facts dd{margin:5px 0 0;overflow-wrap:anywhere}.contact-history-note{color:#566b7d}.contact-history{display:grid;gap:12px;margin:12px 0 20px}.contact-history article{background:#f4f7fa;padding:14px;border-radius:10px}.contact-history h4{font-size:12px;color:#52697e;margin:0}.contact-history p{line-height:1.5}.contact-history .call-transcript{margin-top:10px}
@media(max-width:600px){.contact-details{padding:18px}.contact-details-facts{grid-template-columns:1fr}}

.call-summary p, .call-transcript p { white-space: pre-wrap; overflow-wrap: anywhere; }

/* First rollout: global sign-in and compact call inbox. */
[hidden], .shell[hidden], #login-screen[hidden], .call-expanded[hidden] { display:none !important; }
.login-screen { min-height:100vh; display:grid; place-items:center; padding:24px; background:#eef3f8; }
.login-box { width:min(420px,100%); background:white; border:1px solid #dce4ef; border-radius:16px; padding:32px; box-shadow:0 12px 40px #12263f12; }
.login-box>img { display:block; margin:0 auto 28px; height:auto; }
.login-box h1 { font-size:30px; margin:10px 0; }.login-box p { line-height:1.6; }
.login-box .contacts-login { padding:22px 0 0; margin:0; border:0; box-shadow:none; flex-direction:column; align-items:stretch; }
.login-box .contacts-login label { flex:initial; }.login-box .contacts-login .button { width:100%; }
#staff-account-controls { flex-wrap:wrap; gap:12px; }#staff-account-controls .contacts-location { margin:0; font-size:10px; }#staff-account-controls .contacts-location select { padding:6px; }#contacts-logout { padding:8px 12px; }
.call-list { gap:8px; }.call-card { padding:14px 18px; }.call-row { display:grid; grid-template-columns:minmax(130px,1fr) minmax(180px,2fr) 140px auto; align-items:center; gap:18px; }
.call-row h2 { font-size:15px; margin:0 0 5px; }.call-row .call-kicker { font-size:10px; letter-spacing:0; }.call-row-preview { min-width:0; }.call-row-preview p { margin:0 0 4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }.call-row-preview small { color:#627386; font-size:11px; }
.call-row .call-status { min-width:0; }.call-row .call-status select { margin-top:3px; padding:7px; }.call-expand { padding:8px 12px; font-size:12px; }.call-save-message { margin:0; font-size:11px; color:#52697e; }.call-save-message:not(:empty) { margin-top:6px; }
.call-expanded { border-top:1px solid #e3eaf0; margin-top:14px; padding-top:4px; }
@media(max-width:850px) { .call-row { grid-template-columns:minmax(0,1fr) 140px auto; gap:12px; }.call-row-preview { grid-row:2; grid-column:1/-1; }.call-row .call-status { width:auto; }.topbar { height:auto; min-height:72px; gap:10px; padding-top:10px; padding-bottom:10px; } }
@media(max-width:420px) { .call-row { grid-template-columns:1fr 115px; }.call-expand { grid-column:2; }.call-row-preview { grid-column:1/-1; }.login-box { padding:24px; } }

.coming-soon { padding:60px 24px; text-align:center; border:1px solid #dce4ef; border-radius:14px; background:white; }.coming-soon p { margin:18px 0 24px; color:#52697e; } #overview-call-health { margin-bottom:18px; color:#52697e; }

.call-row-preview .call-row-reason { font-weight:650; color:#304c76; font-size:12px; margin-bottom:5px; }

.login-powered-by { display:flex; flex-direction:column; align-items:center; gap:9px; margin-top:22px; padding-top:22px; border-top:1px solid #e4eaf0; }.login-powered-by span { font-size:11px; color:#627386; }.login-powered-by img { display:block; width:160px; max-width:100%; height:auto; }

.settings-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:20px; }.settings-card { padding:24px; }.settings-card h2 { font-size:18px; margin-bottom:12px; }.settings-card p { color:#627386; font-size:13px; line-height:1.6; margin-bottom:18px; }.settings-card label { display:flex; flex-direction:column; gap:8px; margin:18px 0; font-size:13px; font-weight:600; }.settings-card select { padding:10px; border:1px solid #cdd8e3; border-radius:8px; background:white; }.settings-card .settings-checkbox { flex-direction:row; align-items:center; }.settings-checkbox input { width:16px; height:16px; }.settings-actions { display:flex; gap:10px; flex-wrap:wrap; }.settings-card dt { font-size:12px; color:#627386; margin:16px 0 6px; }.settings-card dd { margin:0 0 20px; overflow-wrap:anywhere; }.call-category-badge { display:inline-block; font-size:10px; font-weight:650; color:#304c76; border:1px solid #d5e2f1; background:#edf4fb; padding:3px 7px; border-radius:5px; margin-bottom:5px; }
@media(max-width:800px) { .settings-grid { grid-template-columns:1fr; }.settings-card { padding:20px; } }

.profile-details { min-width:0; flex:1; }.profile-details strong { display:block; font-size:12px; font-weight:600; overflow-wrap:anywhere; }.profile-details small { overflow-wrap:anywhere; line-height:1.5; }.profile .avatar,.profile-dot { flex-shrink:0; }.settings-card input[type=text],#profile-form input { padding:10px; border:1px solid #cdd8e3; border-radius:8px; min-width:0; width:100%; }#profile-form { margin-bottom:20px; }#profile-message { margin-top:10px; }#help-panel a { color:#3455c1; overflow-wrap:anywhere; }#help-panel .settings-card h2:not(:first-child) { margin-top:22px; }

@media(min-width:651px) and (max-height:820px) { .sidebar .control-note { display:none; } }

.agent-phone { display:flex; align-items:center; gap:9px; padding:10px 16px; border:1px solid #b8ceeb; border-radius:999px; background:#edf4ff; box-shadow:0 2px 5px #304c7610; font-size:12px; color:#3c5a80; }.agent-phone-dot { width:8px; height:8px; border-radius:50%; background:#527cd4; box-shadow:0 0 0 3px #dce8fc; flex-shrink:0; }.agent-phone a { color:#213e70; font-size:14px; font-weight:750; text-decoration:none; white-space:nowrap; }.agent-phone a:hover { text-decoration:underline; }.billing-help { margin-top:20px; }.billing-help p:last-child { margin-bottom:0; }
@media(max-width:650px) { .topbar { flex-wrap:wrap; }.agent-phone { display:grid; grid-template-columns:8px minmax(0,1fr); column-gap:9px; row-gap:2px; padding:8px 12px; border-radius:16px; font-size:10px; }.agent-phone-dot { grid-row:1/3; }.agent-phone-label,.agent-phone a { grid-column:2; }.agent-phone a { font-size:13px; }#staff-account-controls { margin-left:auto; } }

.coming-soon-caption { margin-top:24px; }
@media(max-width:650px) { .sidebar .nav-caption { display:block; margin-top:18px; margin-bottom:6px; padding:0 4px; }.sidebar nav { margin-top:0; } }

@media(min-width:651px) and (max-height:820px) { .sidebar .nav-item { padding-top:10px; padding-bottom:10px; }.sidebar .coming-soon-caption { margin-top:18px; } }

.call-details-modal { width:min(820px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); padding:0; border:1px solid #dce5ef; border-radius:18px; overflow:auto; box-shadow:0 24px 80px #11223840; }.call-details-modal::backdrop { background:#10223999; }.call-modal-header { position:sticky; top:0; z-index:1; display:flex; justify-content:space-between; align-items:flex-start; gap:16px; padding:24px 28px; background:#fff; border-bottom:1px solid #e3eaf0; }.call-modal-header h2 { font-size:22px; margin:5px 0; overflow-wrap:anywhere; }.call-modal-header p { font-size:12px; color:#627386; }#call-details-body { padding:8px 28px 28px; }.call-details-modal .call-summary { margin:18px 0; }.call-details-modal .call-summary h3 { margin-bottom:8px; }.call-details-modal .call-summary p,.call-details-modal .call-facts dd,.call-details-modal .call-transcript p { white-space:pre-wrap; overflow-wrap:anywhere; }.call-details-modal .call-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; }.call-details-modal .call-facts>div { min-width:0; border-top:1px solid #edf0f5; padding:12px 0; }.call-details-modal .call-facts dt { color:#627386; font-size:11px; }.call-details-modal .call-facts dd { font-size:13px; margin:5px 0 0; }.call-details-modal .call-transcript { border-top:1px solid #e3eaf0; padding-top:16px; }.call-details-modal .call-transcript p { max-height:none; }
@media(max-width:650px) { .call-details-modal { width:calc(100vw - 20px); max-height:calc(100dvh - 20px); }.call-modal-header { padding:18px; }#call-details-body { padding:4px 18px 22px; }.call-details-modal .call-facts { grid-template-columns:1fr; } }

.call-details-modal .call-facts dt,.call-details-modal .call-summary h3 { display:flex; align-items:center; gap:7px; }.call-details-modal .call-facts dt svg { width:14px; height:14px; flex-shrink:0; }.call-details-modal .call-summary h3 svg { width:17px; height:17px; flex-shrink:0; }.call-details-modal .call-transcript summary svg { display:inline-block; vertical-align:-3px; width:16px; height:16px; margin-right:7px; }

.call-detail-section { margin:24px 0; }.call-detail-section h3 { font-size:14px; font-weight:650; color:#304c76; padding-bottom:10px; border-bottom:1px solid #dfe7f0; }.call-details-modal .call-detail-section .call-facts { margin:0; }.call-details-modal .call-detail-section .call-facts>div { border-top:0; padding:10px 0; }

.call-row .call-row-phone { font-size:12px; color:#405a7b; margin:0 0 5px; overflow-wrap:anywhere; }

.call-details-modal .call-facts dd.missing-value { color:#627386; font-weight:400; }

.auth-link { margin-top:16px; font-size:13px; }.login-box form[hidden] { display:none; }.login-box .auth-hint { font-size:12px; color:#627386; }.login-box #reset-account { font-size:12px; color:#627386; overflow-wrap:anywhere; }
.call-row-actions { display:flex; gap:8px; align-items:center; }.call-delete { color:#a12828; border-color:#e5bcbc; padding:8px 12px; font-size:12px; }.call-delete:hover { background:#fff1f1; }
@media(max-width:1100px) { .call-row-actions { flex-direction:column; align-items:stretch; } }
@media(max-width:600px) { .call-row-actions { grid-column:2; }.call-row-actions .call-expand { grid-column:auto; } }