:root{font-family:Arial,Helvetica,sans-serif;color:#15152d;background:#f7f7fa;font-size:13px;--purple:#6050df;--line:#dfddef;--muted:#666578}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);background:white;color:inherit;border-radius:6px;padding:9px 13px}button:hover{background:#f1efff}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--purple);outline-offset:3px}button.primary{background:var(--purple);color:white;border-color:var(--purple)}button:disabled{opacity:.5;cursor:wait}header{background:white;border-bottom:1px solid var(--line)}.top{height:66px;padding:0 32px;display:flex;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:10px;color:#14142c;text-decoration:none;font-weight:700}.logo{display:grid;place-items:center;width:30px;height:30px;background:var(--purple);color:white;border-radius:8px;font-size:18px}.divider{height:20px;width:1px;background:var(--line)}select{border:0;color:#59586e;background:transparent;max-width:240px}.right{margin-left:auto;display:flex;gap:12px;align-items:center}.right button{border:0;padding:6px}.dev{font-size:10px;color:var(--muted)}.avatar{background:#d3cef5;color:#5447a6;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:10px}.badge{background:#eeeafd;color:var(--purple);border-radius:12px;padding:3px 7px;font-size:10px}nav{display:flex;padding:0 32px;gap:4px;overflow:auto;border-top:1px solid var(--line)}nav a{white-space:nowrap;text-decoration:none;color:#626176;padding:17px 13px;border-bottom:2px solid transparent;font-size:12px}nav a.active{color:#17152b;border-color:var(--purple);font-weight:bold}nav .dot{display:inline-block;width:6px;height:6px;background:#858195;border-radius:50%;margin-right:6px}nav .active .dot{background:var(--purple)}main{max-width:1120px;margin:28px auto;padding:0 24px 48px}.hero{background:#eeecfc;border:1px solid var(--line);border-radius:12px;padding:24px 26px;display:flex;gap:22px;align-items:flex-start}.hero .logo{width:50px;height:50px;border-radius:13px;font-size:24px}.hero h1{font-size:21px;margin:3px 0 9px;display:flex;align-items:center;gap:10px}.hero h1 .badge{background:var(--purple);color:white}.subtitle{color:var(--muted);margin:0 0 17px}.chips{display:flex;gap:6px}.chip{border:1px solid var(--line);background:white;border-radius:12px;padding:4px 11px;font-size:10px}.controls{margin-left:auto;text-align:right}.switch-row{display:flex;justify-content:flex-end;align-items:center;gap:10px;color:var(--muted);font-size:11px;margin-bottom:14px}.switch{width:40px;height:22px;border-radius:15px;padding:3px;background:#aaa;display:flex;align-items:center}.switch.on{background:var(--purple);justify-content:flex-end}.switch:after{content:'';height:16px;width:16px;border-radius:50%;background:white}.segments{display:flex}.segments button{border-radius:0;font-size:10px;padding:8px 14px}.segments button:first-child{border-radius:7px 0 0 7px}.segments button:last-child{border-radius:0 7px 7px 0}.segments button.selected{color:var(--purple);background:#f0edff;font-weight:bold}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.metric{background:#eeecfc;border:1px solid var(--line);padding:19px;border-radius:11px}.metric span{display:block;font-size:11px;color:#666172;margin-bottom:12px}.metric strong{font-size:27px;color:var(--purple)}.metric.green{background:#e6f4ef}.metric.green strong{color:#248a70}.metric.gold{background:#fcf5e6}.metric.gold strong{color:#b97b03}.columns{display:grid;grid-template-columns:1.95fr 1fr;gap:18px;margin-bottom:22px}.panel{border:1px solid var(--line);background:white;border-radius:11px;overflow:hidden}.panel-head{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-head h2{font-size:13px;margin:0}.muted{color:var(--muted);font-size:11px}.job{display:flex;align-items:center;gap:14px;padding:17px 20px;border-bottom:1px solid var(--line)}.job:last-child{border:0}.job .title{flex:1}.job strong{min-width:95px;text-align:right;font-size:12px}.waiting{padding:17px 20px;font-size:12px;line-height:1.5}.waiting p{margin:6px 0 12px}.waiting button{font-size:11px;padding:8px 12px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border-radius:15px;padding:4px 10px;font-size:10px}.filters .selected{color:var(--purple);border-color:var(--purple);background:#f1efff}.event{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;gap:14px}.event:last-child{border:0}.event .bullet{height:7px;width:7px;margin-top:5px;background:#b47d10;border-radius:50%;flex-shrink:0}.event .Booked{background:#23896d}.event .Draft{background:var(--purple)}.event strong{font-size:12px}.event p{margin:7px 0 0;color:var(--muted);font-size:12px}.event time{margin-left:auto;color:var(--muted);font-size:10px;white-space:nowrap}.empty{padding:32px;color:var(--muted);line-height:1.7}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.page-title h1{font-size:24px;margin:0 0 8px}.notice{color:var(--muted);font-size:11px;margin:18px 0;line-height:1.7}.workspace-card{padding:22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}dialog{width:480px;max-width:calc(100% - 30px);border:1px solid var(--line);border-radius:14px;padding:24px;color:inherit;box-shadow:0 20px 80px #17132d30}dialog::backdrop{background:#17132d55}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{font-size:20px}.dialog-head button{border:0;font-size:24px}label{display:block;margin:18px 0 8px}input{width:100%;border:1px solid var(--line);border-radius:7px;padding:12px}#dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#252139;color:white;border-radius:8px;padding:14px 20px;display:none;z-index:10} @media(min-width:1400px){main{margin-top:38px}}@media(max-width:800px){.top{padding:0 16px}.dev{display:none}.right{gap:3px}.right button{font-size:10px}.avatar{display:none}nav{padding:0 8px}main{padding:0 16px}.hero{flex-wrap:wrap;padding:20px;gap:14px}.controls{margin:0;width:100%;display:flex;justify-content:space-between;align-items:center}.switch-row{margin:0}.metrics{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}.panel-head{flex-wrap:wrap}.event time{display:none}.job{flex-wrap:wrap}.brand{font-size:11px}select{max-width:140px;font-size:11px}}@media(max-width:420px){.right #notifications{display:none}.segments button{padding:8px}.job .title{flex-basis:100%}}
.job a.title{color:inherit;text-decoration:none}.job a.title:hover{color:var(--purple);text-decoration:underline}.detail-heading>a{color:var(--muted);display:inline-block;margin-bottom:22px;text-decoration:none}.detail-heading h1{font-size:21px}.stage-bar{list-style:none;display:flex;background:white;border:1px solid var(--line);border-radius:10px;padding:22px;margin:0 0 24px;gap:24px}.stage-bar li{display:flex;gap:10px;align-items:center;color:var(--muted);flex:1}.stage-bar li:after{content:'';height:1px;background:var(--line);flex:1;margin-left:10px}.stage-bar li:last-child:after{display:none}.stage-bar li>span{border:1px solid var(--line);border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.stage-bar .current{color:var(--purple);font-weight:bold}.stage-bar .current>span{background:var(--purple);color:white}.stage-bar .complete>span{background:#e5f5ed;color:#12876a}.job-detail-grid{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:18px;align-items:start}.detail-body{padding:20px}.detail-body h3{text-transform:uppercase;font-size:10px;color:var(--muted);letter-spacing:.09em;margin:0 0 16px}.detail-body h3:not(:first-child){margin-top:28px}dl{margin:0}dt{font-size:11px;color:var(--muted);margin-top:14px}dd{margin:5px 0 0;line-height:1.6;overflow-wrap:anywhere}.detail-event{padding:20px;border-bottom:1px solid var(--line)}.detail-event:last-child{border:0}.detail-event>div{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.detail-event time{font-size:9px;color:var(--muted)}.detail-event p{line-height:1.7;margin-bottom:0;white-space:pre-wrap;overflow-wrap:anywhere}.document-row{display:flex;gap:12px;align-items:start;padding:4px 0 18px}.document-row strong{font-size:11px;overflow-wrap:anywhere}.file-icon{color:var(--purple);font-size:20px}.job-detail-grid button{font-size:10px;padding:7px 10px}textarea{width:100%;border:1px solid var(--line);border-radius:7px;padding:12px;font:inherit;resize:vertical}#dialog-body select{border:1px solid var(--line);padding:10px;width:100%;max-width:none}@media(max-width:950px){.job-detail-grid{grid-template-columns:1fr 1.4fr}.job-detail-grid>section:last-child{grid-column:1/-1}}@media(max-width:620px){.job-detail-grid{grid-template-columns:1fr}.stage-bar{gap:8px;padding:14px 10px}.stage-bar li{font-size:10px;gap:5px}.stage-bar li:after{display:none}.stage-bar li>span{width:22px;height:22px}.detail-heading .page-title{align-items:start;gap:10px}}
[hidden]{display:none!important}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f7f7fa}.login-card{width:100%;max-width:420px;background:white;border:1px solid var(--line);border-radius:16px;padding:36px;box-shadow:0 12px 45px #20173808}.login-card .logo{width:44px;height:44px;font-size:22px;margin-bottom:25px}.login-card h1{font-size:24px;margin-bottom:10px}.login-card>p{color:var(--muted);line-height:1.7}.login-card form{margin-top:28px}.login-card form button{width:100%;margin-top:18px;padding:13px}.login-card #login-message{font-size:12px;margin-top:20px}

/* Fictional client workspace */
.demo-banner{display:flex;align-items:center;gap:16px;padding:18px 0 4px;margin-top:28px;border-top:1px solid #e1ddec;color:#777184;font-size:11px;line-height:1.6}.demo-banner strong{color:#5d4be1;white-space:nowrap}.agent-summary{color:inherit;text-decoration:none}.agent-summary p{margin:0 0 10px;font-size:12px;color:#686779}.agent-summary small{color:#5d4be1}.teal-hero{background:#e5f3ee}.amber-hero{background:#fcf3e2}.spaced{margin-top:22px}.section-title{margin:26px 0 12px;font-size:15px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th,td{text-align:left;padding:15px;border-bottom:1px solid #e3e0f2}th{color:#666479;font-weight:500;background:#faf9fd}td a{color:#242137;text-decoration:none}td a:hover{text-decoration:underline}.total th,.total td{font-weight:700;background:#f5f3fd}.detail-body{padding:20px}.calendar-controls{display:flex;gap:6px}.schedule{display:grid;grid-template-columns:160px repeat(var(--days),minmax(43px,1fr));grid-auto-rows:76px;min-width:1000px}.schedule-head{text-align:center;padding:12px 3px;font-size:10px;border-bottom:1px solid #e3e0f2;color:#767184}.schedule-head strong{display:block;font-size:14px;margin-top:6px}.person{padding:18px 12px;border-bottom:1px solid #e3e0f2;font-size:11px;text-align:left;background:#fff}.person small{display:block;color:#868091;margin-top:6px}.schedule-cell{border-left:1px solid #efedf5;border-bottom:1px solid #efedf5}.weekend{background:#f7f7fa}.schedule-event{align-self:center;z-index:1;height:48px;margin:4px;padding:7px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#e9e4ff;border:1px solid #d1c8fb;color:#5944be;font-size:10px}.schedule-event small{display:block;margin-top:5px}.schedule-event.survey{background:#dff3eb;color:#20785d;border-color:#b5dfce}.schedule-event.commission{background:#fff0d3;color:#99620a;border-color:#efdbb2}.schedule-event.collection{background:#eeeef3;color:#5d5d70;border-color:#dadae5}.cash-chart{display:flex;justify-content:space-around;gap:20px;padding:20px 10px 0}.cash-month{text-align:center;font-size:12px;color:#777084}.bars{height:160px;display:flex;align-items:flex-end;gap:8px;margin-bottom:12px}.bars>div{width:28px;border-radius:4px 4px 0 0}.cash-in{background:#4eb797}.cash-out{background:#edba68}.balance-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.balance-grid h3{font-size:14px}.balance-list{display:grid;grid-template-columns:1fr auto;gap:18px;font-size:13px}.balance-list dd{margin:0;text-align:right;font-weight:600}.balance-list dt:last-of-type,.balance-list dd:last-child{border-top:1px solid #ddd6f2;padding-top:15px;font-weight:700}@media(max-width:700px){.demo-banner{align-items:flex-start;flex-direction:column;gap:5px}.calendar-controls{flex-wrap:wrap}.balance-grid{grid-template-columns:1fr;gap:12px}.cash-chart{gap:8px}.bars{gap:4px}.bars>div{width:15px}.page-title{gap:12px;flex-wrap:wrap}.hero .controls{margin-top:16px}.event time{font-size:9px}}
.agent-subnav{display:flex;justify-content:center;align-items:center;gap:4px;padding:0;margin-bottom:12px;border:0}.agent-subnav a{padding:7px 12px;color:#706983;text-decoration:none;border-radius:7px;font-size:13px}.agent-subnav a.current{color:#5947db;background:#eae6fc;font-weight:600}.setup-intro{padding:12px 22px}.connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 22px 22px}.connection-card{padding:20px;border:1px solid #e1ddec;border-radius:10px;background:#fdfcfe}.connection-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.connection-title h3{font-size:14px;margin:0}.connection-card p{font-size:13px;line-height:1.6}.setup-saved{font-size:11px;color:#28856a;margin-left:10px}.setup-form{padding:22px;max-width:850px}.setup-form fieldset,#dialog fieldset{border:0;padding:0;margin:0;min-width:0}.setup-form label{display:block;font-size:13px;font-weight:600;margin:18px 0 8px}.setup-form input,.setup-form textarea{width:100%;padding:12px;border:1px solid #d9d4e8;border-radius:7px;font:inherit;font-size:13px;box-sizing:border-box}.setup-form button{margin-top:18px}.setup-form textarea{resize:vertical}fieldset:disabled{opacity:.75}@media(max-width:700px){.connection-grid{grid-template-columns:1fr;padding:0 14px 14px}.connection-title{align-items:flex-start;flex-direction:column}.agent-subnav{flex-wrap:wrap}.setup-form{padding:16px}}

main:has(>.agent-subnav){margin-top:12px}.agent-subnav a{border-bottom:0;line-height:20px}

#nav{justify-content:center}#agent-nav{justify-content:center;background:#faf9fe}#agent-nav a{padding:12px 16px}#nav a{padding:14px 18px}@media(max-width:600px){#nav,#agent-nav{justify-content:flex-start}#nav a,#agent-nav a{padding:12px}}

.brand{border:0;background:transparent;padding:0}.brand:hover{background:transparent}.mode-options{display:grid;gap:12px;margin:20px 0}.mode-options button{text-align:left;padding:18px}.mode-options strong,.mode-options span{display:block}.mode-options span{font-size:12px;color:var(--muted);margin-top:8px}.manage-mode #main{max-width:1280px}.manage-mode #nav{background:#f3f0fd}.eyebrow{display:block;font-size:10px;letter-spacing:.12em;color:var(--purple);margin-bottom:10px}.manage-actions{display:flex;gap:8px}.manage-board{display:flex;gap:14px;overflow-x:auto;padding-bottom:18px}.manage-column{flex:1;min-width:205px;background:#f0eff5;border:1px solid var(--line);border-radius:10px;padding:12px}.manage-column h2{font-size:12px;display:flex;justify-content:space-between;margin:4px 0 14px}.manage-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;text-align:left;margin-bottom:10px;background:white;padding:15px;overflow-wrap:anywhere}.manage-card strong{font-size:13px}.manage-card span,.manage-card small{font-size:11px;color:var(--muted)}.manage-card .badge{color:var(--purple)}.manage-shortcuts{display:flex;gap:22px;flex-wrap:wrap;padding:24px}.manage-shortcuts a{color:var(--purple);text-decoration:none}.manage-fieldset{padding:0;border:0;min-width:0}.manage-mode .panel>.manage-card{border-width:0 0 1px;border-radius:0;margin:0}.manage-mode .page-title{flex-wrap:wrap;gap:12px}#mode-label{white-space:nowrap}@media(max-width:600px){#mode-label{font-size:9px}.top{gap:8px}.manage-board{gap:10px}.manage-column{min-width:230px}}
/* Construxy HQ: the familiar module sidebar, scoped to Manage mode. */
#manage-sidebar{position:fixed;inset:0 auto 0 0;width:200px;background:#fafbfc;border-right:1px solid #eaebef;padding:24px 16px;overflow-y:auto;z-index:5;color:#383e49}.hq-brand{display:flex;align-items:center;gap:10px;padding:0 8px 22px;font-size:14px}.hq-brand .logo{width:28px;height:28px;font-size:16px}.hq-home{display:block;color:#383e49;text-decoration:none;padding:12px;border-radius:7px;background:#efecfc;font-size:12px;margin-bottom:24px}.hq-caption{font-size:9px;color:#858994;letter-spacing:.09em;padding-left:8px}.hq-group{margin:20px 0}.hq-group h2{font-size:10px;color:#5a5e68;margin:0 0 8px;padding-left:8px;letter-spacing:.03em}.hq-group a{display:flex;align-items:center;gap:12px;font-size:12px;line-height:18px;padding:9px 10px 9px 14px;margin-left:8px;border-left:1px solid #e9eaf0;color:#4c515e;text-decoration:none}.hq-group a.selected{color:#6250cf;background:#eeebfa;border-left:3px solid #7460dd;font-weight:600;border-radius:0 6px 6px 0}.hq-nav-icon{font-size:15px;color:#949aa3}.hq-identity{padding:18px 8px;border-top:1px solid #e8eaf0;font-size:11px;overflow-wrap:anywhere}.hq-identity small{display:block;color:#858994;margin-top:6px}.manage-mode{background:white}.manage-mode header{margin-left:200px}.manage-mode .top{height:66px;padding:0 28px}.manage-mode #nav,.manage-mode #agent-nav{display:none}.manage-mode #main{margin:30px 28px 0 228px;padding:0 0 32px;max-width:none}.manage-mode .panel{border-color:#e9eaf0;box-shadow:0 1px 2px #10182806;border-radius:12px}.manage-mode .manage-column{background:#fafbfc;border-color:#e9eaf0}.manage-mode .manage-card{border-color:#ececf1;border-radius:9px;box-shadow:0 1px 2px #10182804}.manage-mode .eyebrow{color:#90939c;font-size:9px}.manage-mode .page-title h1{font-size:25px;color:#202635}.manage-mode .metric{background:#f8f7fd;border-color:#e9e6f4}.followup-filters{display:flex;gap:6px;flex-wrap:wrap;padding:12px;border:1px solid #e8eaf0;border-radius:10px;margin:0 0 20px}.followup-filters button{font-size:12px}.manage-mode .notice{color:#838895}@media(max-width:900px){#manage-sidebar{width:185px;padding:20px 10px}.manage-mode header{margin-left:185px}.manage-mode #main{margin-left:205px;margin-right:20px}.manage-mode .top{padding:0 16px}.manage-mode #mode-label{display:none}}@media(max-width:620px){#manage-sidebar{position:relative;width:auto;inset:auto;height:auto;max-height:220px;border-right:0;border-bottom:1px solid #e8eaf0;padding:12px;display:flex;gap:18px;overflow:auto}.hq-brand,.hq-home,.hq-caption,.hq-identity{display:none}.hq-group{margin:0;flex:0 0 135px}.hq-group a{font-size:11px;padding:6px}.manage-mode header{margin-left:0}.manage-mode #main{margin:20px 16px}.manage-mode #manage-sidebar{order:-1}.manage-mode{display:flex;flex-direction:column}.manage-mode #shell{display:contents}.manage-mode .top{gap:8px}}

.manage-mode{min-height:100vh}.followup-empty{text-align:center;padding:64px 24px}.followup-empty strong{color:#454b5a}.followup-empty p{font-size:12px;max-width:390px;margin:16px auto 0}

#manage-sidebar-toggle{flex-shrink:0;width:36px;height:36px;padding:0;display:grid;place-items:center;font-size:20px;background:transparent;border-color:#e5e3ed}.manage-mode.manage-sidebar-collapsed #manage-sidebar{display:none}.manage-mode.manage-sidebar-collapsed header{margin-left:0}.manage-mode.manage-sidebar-collapsed #main{margin-left:28px}@media(max-width:620px){.manage-mode.manage-sidebar-collapsed #main{margin-left:16px}}

/* Agent workbench */
.run-columns{grid-template-columns:minmax(300px,1fr) minmax(300px,1fr);align-items:start}.run-row{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;padding:16px;border:0;border-bottom:1px solid #e3e2ee;border-radius:0;background:white;gap:12px}.run-row:hover{background:#f7f5ff}.run-row small{display:block;color:#6e6e7c;margin-top:6px}.agent-draft{white-space:pre-wrap;padding:20px;background:#f7f5ff;border:1px solid #e3e2ee;border-radius:10px;line-height:1.65}.agent-input{white-space:pre-wrap;overflow-wrap:anywhere;max-height:280px;overflow:auto;font-size:12px;background:#f7f7fa;padding:16px}.run-actions{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}#run-result li{margin-bottom:8px}#run-result details{margin:20px 0}#run-result .metrics{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}#run-feedback{display:block;width:100%;margin-top:8px}button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:760px){.run-columns{grid-template-columns:1fr}}

/* Billing keeps wide ledger tables within the content area. */
.billing-table{overflow-x:auto;margin-bottom:20px}.billing-table table{width:100%;border-collapse:collapse;text-align:left}.billing-table th,.billing-table td{padding:12px 16px;border-bottom:1px solid var(--line,#e4e1f0);vertical-align:top}.billing-table th{font-size:12px;color:#686578;white-space:nowrap}.billing-table small{color:#686578}#billing-progress{display:block;width:100%;height:12px;margin-top:10px;accent-color:#6450e8}#dialog details{margin-top:18px}#dialog details input{display:block;width:100%;margin:8px 0 16px}

/* Isolated reference Sales screens; billing retains its existing DOM and styles. */
.manage-mode.hq-screen #main{margin-top:0;margin-right:0;margin-bottom:0;padding:0;max-width:none;}
#hq-frame{display:block;width:100%;height:calc(100dvh - 68px);border:0;background:white;}
.map-filters{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px}.map-filters label{display:grid;gap:6px;min-width:170px}.map-filters label:first-child{flex:1}.map-filters input,.map-filters select{margin:0;width:100%}.job-map-layout{display:grid;grid-template-columns:330px minmax(0,1fr);height:620px;border:1px solid #dddaf0;border-radius:12px;overflow:hidden;background:white}.map-job-list{overflow:auto}.map-job-card{padding:18px;border-bottom:1px solid #e7e5f2}.map-job-card p{margin:8px 0;font-size:13px}.map-job-card small{color:#777386}.map-job-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.map-job-actions button,.map-job-actions a{font-size:12px}.map-job-actions button{padding:6px 9px}#job-map{height:100%;min-height:380px;z-index:0}.leaflet-container{font-family:inherit}.leaflet-control-attribution{font-size:10px!important}@media(max-width:760px){.job-map-layout{grid-template-columns:1fr;height:auto}.map-job-list{max-height:260px}#job-map{height:450px;grid-row:1}}
.portal-mode #main{max-width:1160px;margin:0 auto;padding:28px 24px 80px}.portal-heading,.portal-row,.portal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.portal-toolbar{justify-content:flex-start;margin:20px 0}.portal-toolbar select{max-width:320px}.portal-tabs{display:flex;gap:8px;margin:20px 0}.portal-jobs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.portal-job,.portal-update{background:white;border:1px solid #e0deed;border-radius:16px;padding:22px}.portal-job h2{font-size:20px;margin:12px 0}.portal-job details{margin:16px 0}.portal-job summary{cursor:pointer;font-weight:600}.portal-job-actions{justify-content:flex-start;flex-wrap:wrap;margin-top:20px}.portal-update{margin:12px 0}.portal-photo-list{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.portal-quote{background:#f4f1ff;border-radius:12px;padding:18px;margin-top:18px}.portal-quote small{display:block;margin-top:12px}.portal-checkbox{display:flex;align-items:center;gap:10px}.portal-checkbox input{width:auto;margin:0}.worker-portal .portal-jobs{max-width:800px;margin:auto;grid-template-columns:1fr}.worker-portal .portal-job-actions .primary{width:100%;min-height:48px}.worker-portal .portal-job{border-radius:20px}.worker-portal .portal-heading h1{font-size:30px}.portal-mode header .top{flex-wrap:wrap}.portal-mode #manage-sidebar-toggle{display:none}@media(max-width:650px){.portal-mode #main{padding:20px 14px 94px}.portal-jobs{grid-template-columns:1fr}.portal-heading{align-items:flex-start;flex-direction:column}.portal-heading h1{font-size:27px}.portal-job{padding:18px}.portal-toolbar{flex-wrap:wrap}.portal-tabs{position:sticky;top:0;background:#f8f7fc;z-index:5;padding:10px 0}.portal-tabs button{flex:1;min-height:46px;padding:10px 5px}.portal-row{flex-wrap:wrap}.portal-mode button{min-height:44px}.portal-mode header .divider{display:none}.portal-mode .top .right{gap:10px}dialog{max-width:calc(100vw - 24px)}.portal-mode input,.portal-mode select,.portal-mode textarea,dialog input,dialog select,dialog textarea{font-size:16px}}

.portal-job,.portal-update{min-width:0;overflow-wrap:anywhere}.portal-tabs{border:0;padding-left:0;padding-right:0}.portal-mode #nav{display:none}.portal-mode .top{height:auto;min-height:68px;padding-top:12px;padding-bottom:12px}.portal-mode .muted{font-size:13px;line-height:1.5}.portal-mode .portal-job summary{min-height:36px}.portal-mode .portal-toolbar label{margin:0}.portal-mode .portal-tabs button{min-height:44px}.portal-mode .portal-job p{line-height:1.6}

.request-address{margin-top:22px;padding:16px;border:1px solid var(--line);border-radius:10px;min-width:0}.request-address legend{font-weight:bold}.portal-address-search{display:flex;gap:8px}.portal-address-search input{min-width:0;flex:1}.portal-address-search button{flex-shrink:0}.request-address button:disabled{opacity:.55;cursor:not-allowed}

.calendar-event-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:1px solid var(--line,#ddd);border-radius:10px;margin:14px 0;padding:16px}.calendar-event-fields input,.calendar-event-fields select{width:100%}@media(max-width:650px){.calendar-event-fields{grid-template-columns:1fr}}

.business-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:#e4e2ed;padding:1px}.business-month-grid>strong{background:#f8f7fc;padding:8px;text-align:center}.business-month-day{min-height:90px;background:white;padding:8px;overflow:hidden}.business-month-day .badge{display:block;white-space:normal;margin-top:5px;font-size:11px}@media(max-width:650px){.business-month-day{min-height:68px;padding:3px}.business-month-grid>strong{font-size:11px;padding:4px}.business-month-day .badge{font-size:9px}}

.business-booking-frame{width:100%;height:700px;border:0;background:white}@media(max-width:650px){.business-booking-frame{height:780px}}

.onboarding{max-width:820px;margin:0 auto}.onboarding-steps{display:flex;gap:16px;padding:0;list-style:none;margin:20px 0}.onboarding-steps li{flex:1;padding:12px;border-bottom:3px solid #ddd;color:#656178}.onboarding-steps [aria-current]{border-color:#6550e8;color:#5942d7;font-weight:700}.onboarding-form{padding:24px}.onboarding-form label{display:block;margin:18px 0 6px;font-weight:600}.onboarding-form input,.onboarding-form textarea,.onboarding-form select{width:100%;box-sizing:border-box;padding:12px;border:1px solid #dcd8ed;border-radius:8px;font:inherit}.onboarding-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;flex-wrap:wrap}@media(max-width:600px){.onboarding-steps{gap:4px;font-size:12px}.onboarding-form{padding:16px}.onboarding-actions button{flex:1}}

.integration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.integration-card{border:1px solid #dedbec;border-radius:12px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;background:white}.integration-card p{font-size:13px;color:#656178}.integration-card button{margin:4px 6px 0 0}.integration-category{margin:24px 0}.integration-card button:disabled{opacity:.55;cursor:not-allowed}

/* Shared compact customer and contractor navigation. */
.portal-mode .portal-tabs{background:#fff;padding:12px;gap:8px;border:1px solid #e2dff2;border-radius:12px;margin-top:0;display:flex;flex-wrap:wrap}
.portal-mode .portal-tabs button{flex:1;min-width:0}
.portal-actions{display:flex;justify-content:flex-end;margin:12px 0}

.agent-tools{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-bottom:18px}.agent-tools a{padding:8px 12px;border:1px solid #dedbea;border-radius:8px;background:white}.overview-map{margin-top:20px;padding:18px}.overview-map summary{cursor:pointer;font-weight:600}

.agent-tools{justify-content:center}.agent-tools a{background:transparent;border:0;border-radius:0;color:var(--purple,#604ae7);text-decoration:none}.agent-tools a:hover{text-decoration:underline}

[data-notification-form] .preference-option{display:flex;align-items:center;gap:12px;padding:12px;margin:8px 0;border:1px solid var(--line);border-radius:8px;cursor:pointer;min-height:48px}[data-notification-form] .preference-option input[type=radio]{width:20px;height:20px;margin:0;flex:0 0 20px;accent-color:var(--purple)}[data-notification-form] .preference-option:has(input:checked){background:#eeecfc;border-color:var(--purple)}

.finance-job-card{display:block;margin:16px;padding:20px;border:1px solid var(--line);border-radius:10px}.finance-job-card .panel,.portal-job .panel{border:0;border-radius:0;border-top:1px solid var(--line);margin-top:16px}.finance-job-card .detail-body,.portal-job .detail-body{padding:16px 0}.finance-job-card .workspace-card{border:0;padding:12px 0}

.job-section-tabs{padding:8px 0;margin:16px 0;gap:8px;flex-wrap:wrap;border:0}.job-section-tabs button[aria-pressed=true]{background:var(--purple);color:white}.job-section-tabs+div>section[hidden]{display:none}

.inbox-layout{display:grid;grid-template-columns:minmax(180px,28%) 1fr;gap:24px}.inbox-thread-list button{display:block;text-align:left;width:100%;margin-bottom:8px;overflow-wrap:anywhere}.inbox-thread-list small{display:block}.inbox-history{max-height:420px;overflow:auto}.inbox-message{padding:12px;border-bottom:1px solid #e4e3ed}.inbox-message p{white-space:pre-wrap;overflow-wrap:anywhere}.inbox-note{background:#fff6dc}@media(max-width:650px){.inbox-layout{grid-template-columns:1fr}}

.hq-group summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-size:10px;font-weight:700;color:#5a5e68;padding:8px;margin-bottom:4px;letter-spacing:.03em;border-radius:6px}.hq-group summary::-webkit-details-marker{display:none}.hq-group summary:hover{background:#efecfc}.hq-group summary:focus-visible{outline:2px solid #7460dd;outline-offset:2px}.hq-group-chevron{font-size:15px;transform:rotate(-90deg)}.hq-group[open] .hq-group-chevron{transform:none}.hq-home.selected{color:#6250cf;font-weight:600}.hq-home{margin-bottom:8px}

@media(max-width:620px){.hq-diary{display:block;flex:0 0 95px;align-self:flex-start;text-align:center}}
/* Contact-first messaging, scoped to the platform inbox. */
.inbox-shell{padding:0!important;overflow:hidden}.inbox-shell>.page-title,.inbox-shell>p,.inbox-shell>label,.inbox-shell>button{margin:20px 24px}.inbox-shell>.page-title{margin-bottom:8px}.inbox-shell>.page-title h2{margin:0}.inbox-shell>.inbox-layout{gap:0;grid-template-columns:300px minmax(0,1fr);border-top:1px solid #e8e8f0;min-height:580px}.inbox-sidebar{background:#f8f8fc;border-right:1px solid #e8e8f0;padding:16px;min-width:0}.inbox-search{display:block;font-size:12px;color:#66647d;margin-bottom:18px}.inbox-search input{display:block;width:100%;box-sizing:border-box;border:1px solid #e5e4ee;border-radius:22px;padding:12px 16px;margin-top:7px;background:white}.inbox-thread-list{max-height:580px;overflow:auto}.inbox-thread-list button{display:flex;align-items:center;gap:12px;padding:15px 12px;border:0;border-radius:12px;background:transparent;min-width:0;color:#25243c}.inbox-thread-list button[hidden]{display:none}.inbox-thread-list button[aria-pressed=true]{background:#6353e9;color:white}.inbox-thread-list button>span:last-child{min-width:0;text-overflow:ellipsis;overflow:hidden}.inbox-thread-list small{font-size:12px;opacity:.75;margin-top:4px}.inbox-avatar{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:50%;background:#e7e4fd;color:#5948d5;font-weight:600}.inbox-conversation{display:flex;flex-direction:column;min-width:0;background:white}.inbox-chat-header{padding:18px 24px;border-bottom:1px solid #efedf5}.inbox-chat-header h3{margin:0 0 6px;overflow-wrap:anywhere}.inbox-chat-header span,.inbox-chat-header p{font-size:12px;color:#76748a;margin:5px 0}.inbox-history{padding:24px;max-height:480px;min-height:240px;display:flex;flex-direction:column;gap:16px;flex:1}.inbox-message{max-width:80%;padding:12px 16px;border:0;border-radius:18px;align-self:flex-start;background:#f0f0f5}.inbox-message strong{font-size:11px;opacity:.75}.inbox-message p{margin:7px 0;line-height:1.5}.inbox-message small{display:block;font-size:10px;opacity:.75;margin-top:5px}.inbox-outgoing{align-self:flex-end;background:#6353e9;color:white;border-bottom-right-radius:5px}.inbox-incoming{border-bottom-left-radius:5px}.inbox-note{align-self:center;background:#fff5d9}.inbox-conversation form{padding:16px 24px;border-top:1px solid #efedf5}.inbox-conversation form textarea{width:100%;box-sizing:border-box;border-radius:16px;padding:12px}.inbox-conversation form p,.inbox-conversation form label{font-size:12px}.inbox-conversation form button[type=submit]{background:#6353e9;color:white;border:0;border-radius:20px;padding:10px 20px}.inbox-empty{margin:auto;text-align:center;padding:50px;color:#858299}.inbox-empty h3{color:#343148}.inbox-back{display:none}@media(max-width:700px){.inbox-shell>.inbox-layout{grid-template-columns:1fr;min-height:450px}.inbox-conversation{display:none}.inbox-open .inbox-sidebar{display:none}.inbox-open .inbox-conversation{display:flex}.inbox-back{display:inline-block;margin-bottom:12px;border:0;background:transparent;color:#6353e9;padding:0}.inbox-message{max-width:90%}.inbox-history{padding:16px}.inbox-sidebar{border:0}}

/* Compact agent identity left, navigation top right, controls bottom right. */
.hero.agent-card{display:grid;grid-template-columns:50px minmax(200px,1fr) auto;grid-template-rows:auto auto;gap:12px 22px;align-items:start}
.agent-card-header{display:contents}
.hero.agent-card>.logo{grid-column:1;grid-row:1 / 3}
.hero.agent-card>div:not(.agent-card-header){grid-column:2;grid-row:1 / 3;min-width:0}
.agent-card-header .agent-tools{grid-column:3;grid-row:1;justify-content:flex-end;align-items:center;margin:0;gap:4px;min-width:0}
.agent-card-header .agent-tools a{padding:6px 8px;border-radius:6px}
.agent-card-header .agent-tools a:hover{background:#ffffff80;text-decoration:none}
.hero .agent-card-header .controls{grid-column:3;grid-row:2;justify-self:end;align-self:end;margin:0;width:auto;display:flex;align-items:center;gap:12px}
.hero .agent-card-header .segments{margin:0}
.hero.agent-card .chips{flex-wrap:wrap}
@media(max-width:850px){.hero.agent-card{grid-template-columns:50px minmax(0,1fr);padding:18px 16px;gap:12px}.hero.agent-card>.logo,.hero.agent-card>div:not(.agent-card-header){grid-row:1}.agent-card-header .agent-tools{grid-column:1 / 3;grid-row:2}.hero .agent-card-header .controls{grid-column:1 / 3;grid-row:3}.agent-card-header .agent-tools a{padding:8px 6px}}

/* Agent page colours; global navigation and status colours retain their meaning. */
body[data-agent-theme="MarketerAI"]{--agent-accent:#6941c6;--agent-tint:#f0eafa;--agent-page:#faf8fe;--agent-line:#dfd3f2}
body[data-agent-theme="CloserAI"]{--agent-accent:#2463a6;--agent-tint:#e8f1fb;--agent-page:#f6f9fe;--agent-line:#cedeef}
body[data-agent-theme="ManagerAI"]{--agent-accent:#16735d;--agent-tint:#e5f3ee;--agent-page:#f5faf8;--agent-line:#cce4da}
body[data-agent-theme="FinancerAI"]{--agent-accent:#925c0c;--agent-tint:#fbf0dc;--agent-page:#fdfaf4;--agent-line:#eadbc0}
body[data-agent-theme]{background:var(--agent-page)}
body[data-agent-theme] #main{--purple:var(--agent-accent);--line:var(--agent-line)}
body[data-agent-theme] #main .hero,body[data-agent-theme] #main .panel-head{background:var(--agent-tint);border-color:var(--agent-line)}
body[data-agent-theme] #main .panel,body[data-agent-theme] #main .metric{background:var(--agent-page);border-color:var(--agent-line)}
body[data-agent-theme] #main .hero .logo,body[data-agent-theme] #main .switch.on{background:var(--agent-accent)}
body[data-agent-theme] #main .segments .selected{color:var(--agent-accent);background:var(--agent-tint);border-color:var(--agent-line)}
body[data-agent-theme] #main .hero .subtitle{margin-bottom:0}

/* Overview has a neutral slate identity, distinct from the four agents. */
body[data-agent-theme="Overview"]{--agent-accent:#475569;--agent-tint:#e8edf2;--agent-page:#f6f8fa;--agent-line:#d7dfe7}
body[data-agent-theme="Overview"] #main>.page-title{background:var(--agent-tint);border:1px solid var(--agent-line);border-radius:12px;padding:22px 24px;margin-bottom:20px}
body[data-agent-theme="Overview"] #main .metric{border-top:3px solid var(--agent-accent);border-radius:10px}
body[data-agent-theme="Overview"] #main .metric a{color:var(--agent-accent)}
body[data-agent-theme="Overview"] #main .panel{overflow:hidden;border-radius:12px}
body[data-agent-theme="Overview"] #main .overview-map{background:var(--agent-tint)}
@media(max-width:700px){body[data-agent-theme="Overview"] #main>.page-title{padding:18px 16px}}

/* Colourful client navigation; internal Dashboard and portals retain their own shell. */
body:not(.manage-mode):not(.portal-mode) header .top{background:linear-gradient(110deg,#eee9ff 0%,#f2f4ff 55%,#e7f3f5 100%);border-top:3px solid #6850d8}
body:not(.manage-mode):not(.portal-mode) #nav{background:#fff;padding-top:7px;padding-bottom:7px;gap:8px;border-top:1px solid #e2dcef;border-bottom:1px solid #ded8ed}
body:not(.manage-mode):not(.portal-mode) #nav a{--nav-colour:#475569;--nav-tint:#e8edf2;border-radius:8px;padding:11px 16px;border-bottom:2px solid transparent;color:var(--nav-colour);font-weight:600;transition:background .15s ease}
body:not(.manage-mode):not(.portal-mode) #nav a[href="#MarketerAI"]{--nav-colour:#6941c6;--nav-tint:#f0eafa}
body:not(.manage-mode):not(.portal-mode) #nav a[href="#CloserAI"]{--nav-colour:#2463a6;--nav-tint:#e8f1fb}
body:not(.manage-mode):not(.portal-mode) #nav a[href="#ManagerAI"]{--nav-colour:#16735d;--nav-tint:#e5f3ee}
body:not(.manage-mode):not(.portal-mode) #nav a[href="#FinancerAI"]{--nav-colour:#925c0c;--nav-tint:#fbf0dc}
body:not(.manage-mode):not(.portal-mode) #nav a .dot{background:var(--nav-colour)}
body:not(.manage-mode):not(.portal-mode) #nav a:hover{background:var(--nav-tint)}
body:not(.manage-mode):not(.portal-mode) #nav a.active{background:var(--nav-tint);border-bottom-color:var(--nav-colour)}
@media(max-width:700px){body:not(.manage-mode):not(.portal-mode) #nav{gap:4px}body:not(.manage-mode):not(.portal-mode) #nav a{padding:10px 12px}}

.overview-compact{height:340px;display:flex;flex-direction:column;min-width:0}
.overview-compact>.panel-head{flex-shrink:0;gap:10px}
.overview-panel-scroll{min-height:0;overflow:auto;overscroll-behavior-y:auto;flex:1;scrollbar-gutter:stable}
.overview-expand{margin-left:auto;padding:5px 10px;font-size:11px}
.overview-expanded{width:min(1100px,94vw);max-width:94vw;max-height:90vh;padding:18px;background:var(--agent-page,#fff)}
.overview-expanded .overview-compact{height:calc(85vh - 65px);margin:10px 0 0;background:var(--agent-page,#fff)}
.overview-collapse{display:block;margin-left:auto}
@media(max-width:700px){.overview-compact{height:320px}.overview-expanded{padding:12px}}

/* Compact platform work areas. */
body:not(.manage-mode):not(.portal-mode) #main{margin-top:20px}
body[data-agent-theme] #main .columns{gap:16px;align-items:start}
body[data-agent-theme] #main .metrics{gap:14px;margin:16px 0}
body[data-agent-theme] #main .metric{padding:16px 18px}
body[data-agent-theme] #main .panel-head{padding:13px 18px}
body[data-agent-theme] #main .job,body[data-agent-theme] #main .event{padding:13px 18px}
body[data-agent-theme] #main .empty{padding:18px;line-height:1.5}
body[data-agent-theme] #main .panel{box-shadow:0 2px 8px #19243b05}
body[data-agent-theme] #main .overview-compact{height:auto;max-height:340px}
body[data-agent-theme] #main .overview-panel-scroll{flex:0 1 auto}
.agent-run-history{margin-top:16px;padding:0}
.agent-run-history>summary{padding:14px 18px;cursor:pointer;font-weight:600}
.agent-run-history .run-columns{display:block;padding:0 14px 14px}
.agent-run-history .run-columns>.panel{margin:0}
.overview-expanded .overview-compact{max-height:none!important;height:calc(85vh - 65px)!important}

.portal-month{padding:18px;overflow:hidden}.portal-calendar-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.portal-calendar-heading h2{margin:0;font-size:20px}.portal-calendar-heading button{margin-left:5px}.portal-calendar-scroll{overflow-x:auto}.portal-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:#e3dfed;border:1px solid #e3dfed;border-radius:8px;overflow:hidden}.portal-weekday{text-align:center;padding:10px;background:#f3f0fa;font-weight:600}.portal-calendar-day{min-height:110px;padding:8px;background:white;min-width:0}.portal-calendar-day.outside{background:#f7f7fa}.portal-calendar-day.today{background:#f3efff;box-shadow:inset 0 0 0 2px #7561dc}.portal-calendar-job{display:block;padding:7px;margin-top:6px;background:#eee9fc;border-radius:6px;color:#3e2f81;text-decoration:none;font-size:12px;overflow-wrap:anywhere}.portal-calendar-job:hover{background:#ddd4f6}.portal-calendar-job time,.portal-calendar-job small{display:block;font-size:10px;margin:2px 0}.portal-calendar-job time{font-weight:700}@media(max-width:700px){.portal-month{padding:12px}.portal-month-grid{min-width:630px}.portal-calendar-heading h2{font-size:17px}}

.settings-section-nav{display:flex;gap:8px;padding:8px;margin-bottom:20px;background:white;border:1px solid var(--line);border-radius:12px;flex-wrap:wrap}
.settings-section-nav a{padding:12px 18px;border:0;border-radius:8px;color:#56516b;font-weight:600}
.settings-section-nav a[aria-current=page]{background:#6050df;color:white}
.settings-section-nav a:hover:not([aria-current]){background:#f0edf9}
@media(max-width:650px){.settings-section-nav a{flex:1;text-align:center;white-space:normal;padding:10px}}

.workspace-people-group{border-bottom:1px solid var(--line)}.workspace-people-group:last-child{border-bottom:0}.workspace-people-group h3{margin:0 0 6px}.workspace-members{margin:0 18px 18px 32px;border-left:3px solid #ded8f4;padding-left:14px}.workspace-members .workspace-card{padding:14px}.workspace-members>p{padding:10px}

.voice-summary-stack{display:grid;gap:16px;margin-top:16px}.voice-summary-stack .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.voice-summary-stack .panel-head a{margin-left:auto}

/* Business navigation: consistent top-level rows, native collapsible sections. */
#manage-sidebar .hq-home,#manage-sidebar .hq-group>summary{background:#efecfc;border-radius:8px;padding:12px;font-size:12px;line-height:18px;letter-spacing:normal;font-weight:400;color:#383e49;box-sizing:border-box;transition:background .15s ease,color .15s ease;}
#manage-sidebar .hq-home{margin-bottom:8px;}
#manage-sidebar .hq-group{margin:0 0 8px;}
#manage-sidebar .hq-group>summary{margin-bottom:0;}
#manage-sidebar .hq-group[open]>summary{margin-bottom:6px;}
#manage-sidebar .hq-home:hover,#manage-sidebar .hq-group>summary:hover{background:#e7e1fa;}
#manage-sidebar .hq-home.selected{color:#6250cf;font-weight:600;}
#manage-sidebar .hq-group-chevron{transition:transform .15s ease;color:#7460a3;}
#manage-sidebar .hq-identity{margin-top:18px;}
@media(prefers-reduced-motion:reduce){#manage-sidebar .hq-home,#manage-sidebar .hq-group>summary,#manage-sidebar .hq-group-chevron{transition:none;}}

#manage-sidebar .hq-home.selected,#manage-sidebar .hq-group a.selected,#manage-sidebar .hq-group[open]>summary,#manage-sidebar .hq-group:has(a.selected)>summary{font-weight:700;}

@media(min-width:621px){#manage-sidebar{padding-left:10px;padding-right:10px;}#manage-sidebar .hq-brand{gap:8px;padding-left:4px;padding-right:0;font-size:13px;}#manage-sidebar .hq-brand .logo{flex-shrink:0;}#manage-sidebar .hq-group a{gap:8px;padding-left:10px;margin-left:4px;}}

body[data-agent-theme="Overview"] #main .overview-balanced{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
body[data-agent-theme="Overview"] #main .overview-balanced>.panel{height:340px;max-height:340px;margin:0}
.overview-location-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}
body[data-agent-theme="Overview"] #main .overview-location-card{height:280px;min-width:0;margin:0;padding:18px;overflow:auto;box-sizing:border-box}
.overview-location-card #overview-map-content{max-height:215px;overflow:auto}
@media(max-width:700px){body[data-agent-theme="Overview"] #main .overview-balanced,.overview-location-row{grid-template-columns:1fr}}

body[data-agent-theme] #main .agent-balanced,body[data-agent-theme] #main .voice-summary-stack{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
body[data-agent-theme] #main .agent-balanced>.panel,body[data-agent-theme] #main .voice-summary-stack>.panel{height:340px;max-height:340px;margin:0}
@media(max-width:700px){body[data-agent-theme] #main .agent-balanced,body[data-agent-theme] #main .voice-summary-stack{grid-template-columns:1fr}}

.team-access-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.team-access-permissions{margin:20px 0;border:1px solid #e5e2f1;border-radius:12px;padding:12px}.team-access-permissions table{width:100%;border-collapse:collapse}.team-access-permissions th,.team-access-permissions td{padding:10px;text-align:left}.team-access-permissions input[type=checkbox]{width:18px;height:18px;margin:0}.team-access-permissions td{text-align:center}

.team-role-heading{margin:0;padding:16px 20px 10px;font-size:13px;font-weight:700;color:var(--muted,#666);background:#f8f7fc;border-bottom:1px solid #e5e1f3;}

.manual-job-dialog{width:min(1120px,94vw);max-width:1120px;padding:0;border:1px solid #ddd9ed;border-radius:18px;max-height:92vh;color:#19182f;background:#fff;box-shadow:0 24px 80px #17132c33}.manual-job-dialog::backdrop{background:#14102466}.manual-job-dialog form{display:flex;flex-direction:column;max-height:92vh}.manual-job-header{display:flex;align-items:center;gap:20px;padding:24px 30px;background:#f5f3fa;border-bottom:1px solid #e2deee}.manual-job-header h1{margin:0;font-size:30px}.manual-job-header p{margin:5px 0 0;color:#666478}.manual-job-header [data-close]{margin-left:auto;font-size:25px}.manual-job-body{padding:24px 30px;overflow-y:auto;min-height:0;overscroll-behavior:contain}.manual-job-body h2{font-size:20px;margin:0 0 20px}.manual-job-body h2:not(:first-child){margin-top:28px}.manual-job-body h2 small{font-size:13px;font-weight:400;color:#6e6c7e}.manual-job-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.manual-job-body label{display:flex;flex-direction:column;gap:7px;font-weight:500}.manual-job-body input,.manual-job-body select,.manual-job-body textarea{box-sizing:border-box;width:100%;margin:0;padding:12px;border:1px solid #d8d3e5;border-radius:8px;background:#fff;color:#19182f;font:inherit}.manual-job-body textarea{resize:vertical}.manual-job-body input:focus,.manual-job-body select:focus,.manual-job-body textarea:focus{outline:2px solid #6650db;outline-offset:2px}.manual-job-body label>span{color:#a52542}.manual-job-body small{font-weight:400;color:#666478}.manual-full{grid-column:1/-1}.manual-wide{grid-column:span 2}.manual-job-body .manual-new-toggle{flex-direction:row;align-items:center}.manual-new-toggle input{width:auto}.manual-job-body fieldset{border:1px solid #e2deee;border-radius:10px;padding:18px}.manual-job-body [hidden]{display:none}.manual-job-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:18px 30px;border-top:1px solid #e2deee;background:#faf9fd}.manual-job-footer span{margin-right:auto;font-size:13px;color:#666478}.manual-job-body [data-error]{color:#a52542}.manual-create-job{margin-left:auto}.manual-create-job+.overview-expand{margin-left:0}@media(max-width:700px){.manual-job-grid{grid-template-columns:1fr}.manual-wide{grid-column:1}.manual-job-header,.manual-job-body,.manual-job-footer{padding:18px}.manual-job-footer{flex-wrap:wrap}.manual-job-footer span{width:100%}.manual-job-header h1{font-size:25px}}
.manual-job-body label{margin:0}.manual-job-grid{align-items:start}.manual-job-body .manual-new-toggle{margin:0}.manual-job-body label small:empty{display:none}
.manual-job-dialog{overflow:hidden}.manual-job-dialog form{max-height:calc(92vh - 2px)}.manual-job-header,.manual-job-footer{flex-shrink:0}

.account-menu{position:relative}.account-menu>summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;padding:7px;border-radius:8px}.account-menu>summary::-webkit-details-marker{display:none}.account-menu>summary:hover{background:#eeeafd}.account-menu>summary:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.account-dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:160px;padding:6px;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 28px #15152d20;z-index:100}.right .account-dropdown button{display:block;width:100%;text-align:left;padding:12px}.account-menu:not([open]) .account-dropdown{display:none}.account-dropdown button[hidden]{display:none}#client-inbox{white-space:nowrap}

/* Overview agent cards follow the header order in a compact, equal-height row. */
body[data-agent-theme] #main .overview-agent-cards .agent-summary{padding:10px 16px;display:flex;flex-direction:column;gap:5px;min-width:0}
.overview-agent-cards .agent-card-name{margin:0;font-size:12px;font-weight:600}
.overview-agent-cards .agent-card-total{display:flex;align-items:baseline;gap:7px}
.overview-agent-cards .agent-card-total strong{font-size:23px;line-height:1.1}
.overview-agent-cards .agent-card-total p{margin:0;font-size:11px}
.overview-agent-cards .agent-summary small{font-size:10px}
.manual-job-status{margin-left:auto;display:flex;flex-direction:column;gap:6px;font-size:13px}.manual-job-status select{padding:10px;border:1px solid #d8d3e5;border-radius:8px;background:white;font:inherit;min-width:165px}.manual-job-header [data-close]{margin-left:0}.manual-field-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.manual-field-heading button{width:30px;height:30px;padding:0;line-height:1;font-size:23px;border:1px solid #d8d3e5;border-radius:7px;color:#6650db;background:#f5f3fa}.manual-job-dates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.manual-job-dates input{min-width:0;font-size:13px}.manual-record-dialog{width:min(720px,94vw)}.manual-record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.manual-record-grid h3{margin:8px 0 0}.manual-record-dialog .manual-job-header [data-dismiss]{margin-left:auto}.manual-job-header h2{margin:0}@media(max-width:850px){.manual-job-dates{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.manual-job-dates,.manual-record-grid{grid-template-columns:1fr}.manual-job-header{flex-wrap:wrap;gap:10px}.manual-job-status{margin-left:0}.manual-job-header [data-close]{margin-left:auto}}
.manual-job-body select{max-width:none}.manual-job-body small[data-site-help],.manual-job-body small[data-customer-name]{display:block;margin-top:5px}.manual-field-heading{height:20px}.manual-job-body label{line-height:20px}
.manual-job-meta{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:18px}@media(max-width:850px){.manual-job-meta{grid-template-columns:1fr 1fr}}@media(max-width:500px){.manual-job-meta{grid-template-columns:1fr}}
.manual-address-search{display:flex;gap:8px}.manual-address-search select{flex:0 0 180px}.manual-address-search input{flex:1;min-width:0}.manual-address-search button{white-space:nowrap}.manual-job-body [data-address-results] button{display:block;text-align:left;width:100%;margin-top:6px}.manual-job-body .manual-save-address{flex-direction:row;align-items:center}.manual-save-address input{width:auto}@media(max-width:700px){.manual-address-search{flex-wrap:wrap}.manual-address-search select{flex-basis:100%}}
.quote-paper{background:white;color:#172235;padding:2rem;border:1px solid #dce2eb;border-radius:12px;max-width:850px;margin:0 auto 1rem}.quote-logo{max-width:180px;max-height:90px;object-fit:contain}.quote-summary{padding:1rem 0;border-bottom:1px solid #dce2eb}.quote-dialog{max-width:1000px}.quote-dialog .manual-job-footer{flex-wrap:wrap}
@media print{body.printing-quote>*{display:none!important}body.printing-quote>dialog.printing{display:block!important;position:static;width:100%;max-width:none;max-height:none;overflow:visible;border:0;padding:0}dialog.printing::backdrop{display:none}dialog.printing .manual-job-header,dialog.printing .manual-job-footer,dialog.printing .manual-job-body> :not(.quote-paper){display:none!important}dialog.printing .manual-job-body{overflow:visible;max-height:none;padding:0}.quote-paper{border:0}}
.quote-dialog>.manual-job-header>[data-close]{margin-left:auto}

/* Customer job list: open a compact preview to see the full job. */
.portal-job-preview{display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;width:100%;padding:20px;background:#fff;border:1px solid #e0deed;border-radius:12px;cursor:pointer;color:inherit}.portal-job-preview strong{font-size:17px;line-height:1.4;overflow-wrap:anywhere}.portal-job-preview:hover{border-color:#6850df;background:#faf9ff}.portal-job-preview:focus-visible{outline:3px solid #6850df;outline-offset:3px}.portal-job-detail{margin-top:18px}

.portal-job-list{display:flex;flex-direction:column;gap:0;border:1px solid #e0deed;border-radius:12px;overflow:hidden;background:#fff}.portal-job-list-heading,.portal-job-list .portal-job-preview{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;align-items:center;padding:16px 20px}.portal-job-list-heading{font-size:13px;color:#67647b;background:#f7f6fb}.portal-job-list .portal-job-preview{border:0;border-top:1px solid #e0deed;border-radius:0}.portal-job-list .portal-job-preview strong{font-size:16px;font-weight:600}.portal-job-list .portal-job-preview:focus-visible{outline-offset:-3px}@media(max-width:650px){.portal-job-list-heading,.portal-job-list .portal-job-preview{grid-template-columns:80px minmax(0,1fr);gap:12px;padding:14px}.portal-job-list .portal-job-preview strong{font-size:15px}}

.portal-job-list-heading,.portal-job-list .portal-job-preview{grid-template-columns:100px minmax(0,1fr) 125px 140px}.portal-job-date{font-size:14px;color:#67647b}.portal-job-status{justify-self:start;white-space:normal;text-align:left}@media(max-width:650px){.portal-job-list{overflow-x:auto}.portal-job-list-heading,.portal-job-list .portal-job-preview{grid-template-columns:80px minmax(180px,1fr) 110px 120px;min-width:580px}.portal-job-date{font-size:13px}}
/* Keep quote actions visible while long quotations scroll inside the dialog. */
.quote-dialog[open]{display:flex;flex-direction:column;max-height:92vh;max-height:92dvh}.quote-dialog>.manual-job-body{flex:1 1 auto;min-height:0;overflow-y:auto}.quote-dialog>.manual-job-header,.quote-dialog>.manual-job-footer{flex:0 0 auto}@media(max-width:700px){.quote-dialog .quote-paper{padding:16px}.quote-dialog>.manual-job-header,.quote-dialog>.manual-job-footer{padding:12px 16px}}

.quote-dialog .manual-job-body .quote-acceptance{display:flex;flex-direction:row;align-items:flex-start;gap:10px;margin-top:16px}.quote-dialog .quote-acceptance input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin:3px 0 0;padding:0}

.manual-job-tabs{display:flex;gap:4px;padding:0 24px;background:#f5f3fa;border-bottom:1px solid #e2deee;flex-shrink:0}.manual-job-tabs button{padding:14px 20px;border:0;border-radius:0;background:transparent;color:#666478}.manual-job-tabs button[aria-pressed=true]{background:white;color:#5946cf;box-shadow:inset 0 -3px #6650db}.manual-job-tabs button:focus-visible{outline:2px solid #6650db}.quote-timeline{border-left:2px solid #e2deee;list-style:none;padding-left:18px;margin:16px 0;font-size:13px;color:#666478}.quote-timeline li{margin:10px 0}@media(max-width:600px){.manual-job-tabs{padding:0 8px}.manual-job-tabs button{padding:12px;flex:1}}

/* Keep the tabbed job editor stable; only its content area scrolls. */
.manual-job-dialog:has(>form>.manual-job-tabs){height:92vh;height:92dvh;max-height:92dvh;box-sizing:border-box}
.manual-job-dialog:has(>form>.manual-job-tabs)>form{height:100%;max-height:100%;min-height:0}
.manual-job-dialog:has(>form>.manual-job-tabs)>form>.manual-job-body{flex:1 1 0;min-height:0;overflow-y:auto}

.job-handling{display:inline-block;padding:2px 7px;border-radius:5px;font-size:11px;font-weight:600;line-height:1.5;vertical-align:middle;background:#eee9ff;color:#5946cf;margin-right:4px}.job-handling.manual{background:#e5eaf0;color:#475569}

.manual-job-date-compact>label{width:50%;min-width:145px}.manual-price-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;align-items:start}.manual-price-fields>label{min-width:0}.manual-price-fields>small{grid-column:1/-1}

.manual-job-tabs{overflow-x:auto}.manual-job-tabs button{white-space:nowrap;flex-shrink:0}.manual-picture-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.manual-picture-grid figure{margin:0}.manual-picture-grid img{max-width:100%;max-height:350px;object-fit:contain}.manual-picture-grid figcaption{font-size:13px;color:#666478;margin-top:8px}

.manual-subcontractor-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:700px){.manual-subcontractor-grid{grid-template-columns:1fr}}

.manual-price-control{display:flex;gap:6px;margin-top:7px}.manual-price-control input{min-width:0;flex:1}.manual-price-control button{flex:0 0 38px;padding:8px}

.manual-price-control [data-open-markup]{display:flex;align-items:center;justify-content:center;color:#15803d;background:#f0fdf4;border-color:#86efac;flex-basis:44px}.manual-price-control [data-open-markup]:hover{background:#dcfce7;color:#166534}

/* Six matching controls in the job information rows. */
.manual-job-information>label:not(.manual-full)>input,.manual-job-information>.manual-customer-field>input,.manual-job-information .manual-price-control{height:48px;box-sizing:border-box}
.manual-job-information>label:not(.manual-full)>input,.manual-job-information>.manual-customer-field>input{min-width:0;line-height:22px;padding:12px}
.manual-job-information .manual-price-control{position:relative;display:block;margin-top:7px}
.manual-job-information .manual-price-control input{height:100%;width:100%;padding:12px 52px 12px 12px;line-height:22px}
.manual-job-information .manual-price-control [data-open-markup]{position:absolute;right:1px;top:1px;bottom:1px;width:44px;border:0;border-left:1px solid #d8d3e5;border-radius:0 7px 7px 0;padding:8px}

/* Compact job editor header; keep secondary dialogs unchanged. */
.manual-job-dialog>form>.manual-job-header{padding:14px 24px;gap:14px}
.manual-job-dialog>form>.manual-job-header h1{font-size:23px;line-height:1.2}
.manual-job-dialog>form>.manual-job-header p{font-size:12px;line-height:1.4;margin-top:4px}
.manual-job-dialog>form>.manual-job-header .badge{font-size:11px;padding:3px 8px}
.manual-job-dialog>form>.manual-job-header .manual-job-status{font-size:11px;gap:4px}
.manual-job-dialog>form>.manual-job-header .manual-job-status select{align-items:center;text-align:center;text-align-last:center;height:36px;min-width:150px;padding:6px 10px;font-size:13px}
.manual-job-dialog>form>.manual-job-header [data-close]{width:36px;height:36px;padding:0;display:grid;place-items:center;flex-shrink:0;font-size:23px;line-height:1;border-radius:8px}
.manual-job-dialog>form>.manual-job-tabs{padding:0 20px;gap:2px}
.manual-job-dialog>form>.manual-job-tabs button{padding:10px 16px;font-size:13px;line-height:20px}
@media(max-width:600px){
 .manual-job-dialog>form>.manual-job-header{padding:12px 16px;gap:10px}
 .manual-job-dialog>form>.manual-job-header h1{font-size:20px}
 .manual-job-dialog>form>.manual-job-header>div{min-width:0;flex:1}
 .manual-job-dialog>form>.manual-job-header .badge{display:none}
 .manual-job-dialog>form>.manual-job-header .manual-job-status select{min-width:120px;max-width:150px}
 .manual-job-dialog>form>.manual-job-tabs{padding:0 8px}
 .manual-job-dialog>form>.manual-job-tabs button{padding:10px 12px}
}

.manual-job-information>label>select[name="category_two"]{height:48px;box-sizing:border-box;min-width:0;line-height:22px;padding:12px}

.manual-customer-actions{display:flex;gap:6px}.manual-customer-actions button{display:grid;place-items:center}.manual-customer-actions button:disabled{opacity:.4;cursor:not-allowed}.manual-customer-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0}.manual-customer-details dt{font-size:12px;color:#666478;margin-bottom:5px}.manual-customer-details dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.manual-record-dialog:has(.manual-customer-details)[open]{display:flex;flex-direction:column}.manual-record-dialog:has(.manual-customer-details) [data-dismiss]{margin-left:auto}@media(max-width:500px){.manual-customer-details{grid-template-columns:1fr}}

/* Align close control with the status input, below its label. */
.manual-job-dialog>form>.manual-job-header [data-close]{align-self:flex-end;width:36px;height:36px;box-sizing:border-box;margin-bottom:0}
.manual-job-dialog>form>.manual-job-header .manual-job-status{align-self:flex-end;margin-top:0;margin-bottom:0}
.manual-sub-info[open]{display:flex;flex-direction:column}.manual-sub-info [data-dismiss]{margin-left:auto}.manual-sub-info [data-doc-preview] iframe{width:100%;height:55vh;border:1px solid #ddd9ed;border-radius:8px}.manual-sub-info [data-doc-preview] img{display:block;max-width:100%;height:auto}.manual-sub-info [data-doc-preview]{margin-top:12px}

.mode-options .cross-dashboard-link{display:block;text-align:left;padding:18px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:inherit;background:white}.mode-options .cross-dashboard-link:hover{background:#f3f0fd}.mode-options .cross-dashboard-link:focus-visible{outline:2px solid var(--purple);outline-offset:2px}

/* Manual job work packages keep the modal shell stable as rows grow. */
.manual-subcontractor-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.manual-subcontractor-heading h2,.manual-subcontractor-heading h3,.manual-subcontractor-heading p{margin:0}
.manual-subcontractor-heading p{margin-top:6px}
.manual-subcontractor-heading>button{flex-shrink:0}
.manual-subcontractor-card{border:1px solid var(--line,#ddd);border-radius:12px;padding:20px;margin-bottom:16px;background:var(--panel,#fff)}
.manual-subcontractor-card .manual-job-grid{margin-bottom:0}
.manual-subcontractor-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border-top:1px solid var(--line,#ddd);padding:20px 0}
.manual-subcontractor-totals span,.manual-subcontractor-totals strong{display:block}
.manual-subcontractor-totals strong{font-size:1.2rem;margin-top:6px}
.manual-subcontractor-totals p{grid-column:1/-1;margin:0}
@media(max-width:640px){.manual-subcontractor-heading{align-items:flex-start;flex-wrap:wrap}.manual-subcontractor-card{padding:14px}.manual-subcontractor-totals{grid-template-columns:1fr}.manual-subcontractor-totals>div{display:flex;justify-content:space-between;align-items:center}.manual-subcontractor-totals strong{margin:0}}

.finance-invoice-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line,#ddd);margin-bottom:20px}.finance-invoice-tabs button{border:0;border-radius:0;background:transparent;padding:12px 16px}.finance-invoice-tabs button[aria-pressed=true]{box-shadow:inset 0 -3px currentColor;font-weight:700}.finance-invoice-search{display:flex;align-items:end;gap:16px;justify-content:space-between;margin-bottom:16px}.finance-invoice-search label{width:min(100%,420px)}.finance-invoice-table{overflow-x:auto;border:1px solid var(--line,#ddd);border-radius:10px}.finance-invoice-table table{width:100%;border-collapse:collapse;min-width:850px}.finance-invoice-table th,.finance-invoice-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line,#ddd)}.finance-invoice-table th{background:rgba(100,100,140,.05);font-weight:600;white-space:nowrap}.finance-invoice-table tbody tr:nth-child(even){background:rgba(100,100,140,.025)}.finance-invoice-table .numeric{text-align:right;white-space:nowrap}.invoice-number-link{border:0;background:transparent;text-decoration:underline;padding:0;color:inherit;cursor:pointer}.finance-contractors{margin-top:24px}.finance-contractors summary{cursor:pointer;font-weight:600}
.finance-invoice-table{max-height:480px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.finance-invoice-table thead th{position:sticky;top:0;z-index:1;background:var(--panel,#f8f7fc)}#finance-contractor-invoices{margin-top:24px}

/* Consistent title cards across Overview and the four agent sections. */
.hero.agent-card,.hero.overview-hero{min-height:125px}.hero.overview-hero{margin-bottom:16px;align-items:center}.hero.overview-hero h1{margin:0}

/* Match invoice work areas to Jobs owned and Waiting on you. */
body[data-agent-theme] #main :is(#job-invoice-drafts,#finance-contractor-invoices){height:340px;max-height:340px;display:flex;flex-direction:column;min-height:0;overflow:hidden}
body[data-agent-theme] #main :is(#job-invoice-drafts,#finance-contractor-invoices)>.panel-head{flex:0 0 auto}
body[data-agent-theme] #main :is(#job-invoice-drafts,#finance-contractor-invoices)>:is(.detail-body,.overview-panel-scroll){flex:1 1 auto;min-height:0;overflow:auto;scrollbar-gutter:stable}

/* Separate the invoice lists from the following finance summary. */
body[data-agent-theme="FinancerAI"] #main #finance-contractor-invoices{margin-bottom:28px}
body[data-agent-theme="FinancerAI"] #main #finance-contractor-invoices + .page-title{margin-top:0;margin-bottom:20px}

body[data-agent-theme="FinancerAI"] #main #finance-contractor-invoices + .page-title{border-top:1px solid #e1ddec;padding-top:24px}

#manage-back{display:inline-flex;align-items:center;gap:6px;min-width:44px;min-height:44px;flex-shrink:0;padding:8px 10px}#manage-back[hidden]{display:none}@media(max-width:620px){#manage-back .manage-back-label{display:none}#manage-back{padding:8px;font-size:20px}.manage-mode .top{flex-wrap:wrap;height:auto;min-height:66px;padding-top:8px;padding-bottom:8px}}
.manage-lead-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:16px;padding:20px}.manage-lead-summary strong{display:block;font-size:24px;margin-top:8px}.manage-lead-summary+.notice{padding:0 20px 16px;margin:0}

.agent-activity-divider,.overview-activity-divider{border:0;border-top:1px solid #e1ddec;margin:28px 0 24px;width:100%}

/* The sidebar identity opens the existing workspace chooser. */
#manage-sidebar .hq-workspace-switcher{width:100%;min-height:44px;margin:0 0 18px;padding:6px 4px;display:flex;align-items:center;gap:8px;border:0;border-radius:8px;background:transparent;color:inherit;text-align:left;cursor:pointer;box-shadow:none}
#manage-sidebar .hq-workspace-switcher:hover{background:#efecfc}
#manage-sidebar .hq-workspace-switcher:focus-visible{outline:2px solid #7460dd;outline-offset:2px}
.hq-workspace-switcher strong{white-space:nowrap;font-size:13px}.hq-workspace-chevron{margin-left:auto;color:#7460a3}
@media(min-width:621px){.manage-mode:not(.manage-sidebar-collapsed):not(.portal-mode) .top>.brand{display:none}}
@media(max-width:620px){#manage-sidebar .hq-workspace-switcher{display:none}}

/* Back navigation remains available to detail views, without a top-bar button. */
#manage-back{display:none!important}

#manage-sidebar .hq-workspace-switcher:focus-visible,#manage-sidebar .hq-home:focus-visible,#manage-sidebar .hq-group>summary:focus-visible{outline:2px solid var(--purple);outline-offset:2px}

.hq-dock{display:none}
@media(min-width:621px){
 .manage-mode.manage-sidebar-collapsed #manage-sidebar{display:block;width:72px;padding:16px 14px;overflow:visible}
 .manage-mode.manage-sidebar-collapsed #manage-sidebar>:not(.hq-dock){display:none}
 .manage-mode.manage-sidebar-collapsed header{margin-left:72px}
 .manage-mode.manage-sidebar-collapsed #main{margin-left:100px}
 .manage-sidebar-collapsed .hq-dock{display:flex;flex-direction:column;gap:10px;padding:0;margin:0;border:0;width:44px}
 .hq-dock-tile{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:13px;color:var(--purple);background:rgba(255,255,255,.7);backdrop-filter:blur(12px);text-decoration:none;cursor:pointer;list-style:none}
 .hq-dock-tile::-webkit-details-marker{display:none}
 .hq-dock-icon{font-size:23px;line-height:1;transition:transform .16s ease}
 .hq-dock-tile:hover .hq-dock-icon,.hq-dock-tile:focus-visible .hq-dock-icon{transform:scale(1.08)}
 .hq-dock-tile.selected{background:#e7e1fa}
 .hq-dock-tile:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
 .hq-dock-label{display:none;position:absolute;left:54px;white-space:nowrap;padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.95);box-shadow:0 4px 18px #29204420;font-size:13px;color:#383e49;pointer-events:none;z-index:12}
 .hq-dock-tile:hover .hq-dock-label,.hq-dock-tile:focus-visible .hq-dock-label{display:block}
 .hq-dock-group[open] .hq-dock-label{display:none}
 .hq-dock-flyout{position:fixed;left:76px;width:220px;max-height:calc(100vh - 16px);overflow:auto;padding:14px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 28px #29204420;z-index:11}
 .hq-dock-flyout strong{display:block;padding:6px 8px;color:var(--purple)}
 .hq-dock-flyout a{display:block;padding:9px 8px;border-radius:8px;color:#383e49;text-decoration:none}
 .hq-dock-flyout a:hover,.hq-dock-flyout a.selected{background:#efecfc}
}
@media(prefers-reduced-motion:reduce){.hq-dock-icon{transition:none}.hq-dock-tile:hover .hq-dock-icon,.hq-dock-tile:focus-visible .hq-dock-icon{transform:none}}

/* Approved glass finish: paint only; retain current brand, geometry and controls. */
body.glass-workspaces{--glass-panel:rgb(255 255 255 / 70%);--glass-line:rgb(255 255 255 / 82%);--glass-shadow:color-mix(in srgb,var(--purple) 18%,transparent);background-color:#f7f7fa;background-image:radial-gradient(ellipse at 58% 5%,rgb(255 255 255 / 80%),transparent 55%),radial-gradient(ellipse at 14% 54%,color-mix(in srgb,var(--purple) 12%,transparent),transparent 58%),linear-gradient(135deg,color-mix(in srgb,var(--purple) 6%,white),white)}
.glass-workspaces header,.glass-workspaces #manage-sidebar{background-color:rgb(255 255 255 / 60%);border-color:var(--glass-line);-webkit-backdrop-filter:blur(22px) saturate(120%);backdrop-filter:blur(22px) saturate(120%)}
.glass-workspaces :is(.panel,.manage-card,.portal-job,.portal-update,.connection-card){background-color:var(--glass-panel);border-color:var(--glass-line);box-shadow:0 8px 32px -22px var(--glass-shadow),inset 0 1px 0 rgb(255 255 255 / 65%)}
.glass-workspaces :is(input:not([type=checkbox]):not([type=radio]),textarea,select){background-color:rgb(255 255 255 / 90%)}
.glass-workspaces :is(dialog,.account-dropdown,[role=menu],[role=listbox]){background-color:rgb(255 255 255 / 98%)}
@supports not (backdrop-filter:blur(1px)){body.glass-workspaces{--glass-panel:rgb(255 255 255 / 96%)}.glass-workspaces header,.glass-workspaces #manage-sidebar{background-color:rgb(255 255 255 / 96%)}}
@media(prefers-reduced-transparency:reduce),(forced-colors:active),print{body.glass-workspaces{background-image:none;--glass-panel:white}.glass-workspaces header,.glass-workspaces #manage-sidebar{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:white}.glass-workspaces :is(.panel,.manage-card,.portal-job,.portal-update,.connection-card){box-shadow:none}}
/* Client Platform glass: stronger light/refraction without changing geometry or brand palettes. */
body.glass-workspaces[data-agent-theme]:not(.manage-mode):not(.portal-mode){background-color:var(--agent-page);background-image:radial-gradient(ellipse at 0% 18%,color-mix(in srgb,var(--agent-accent) 24%,transparent),transparent 58%),radial-gradient(ellipse at 100% 70%,color-mix(in srgb,var(--agent-accent) 17%,transparent),transparent 55%),linear-gradient(135deg,var(--agent-tint),white);background-attachment:fixed}
body.glass-workspaces[data-agent-theme]:not(.manage-mode):not(.portal-mode) #main :is(.panel,.metric,.agent-summary,.hero,.page-title){background-color:color-mix(in srgb,var(--agent-page) 58%,transparent);background-image:linear-gradient(125deg,rgb(255 255 255 / 55%),rgb(255 255 255 / 8%) 55%,color-mix(in srgb,var(--agent-tint) 25%,transparent));border-color:rgb(255 255 255 / 90%);box-shadow:0 10px 28px -14px color-mix(in srgb,var(--agent-accent) 32%,transparent),inset 0 1px 0 white,inset 0 -1px 0 rgb(255 255 255 / 40%);-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%)}
body.glass-workspaces[data-agent-theme]:not(.manage-mode):not(.portal-mode) #main .panel-head{background:color-mix(in srgb,var(--agent-tint) 55%,transparent);border-color:rgb(255 255 255 / 70%)}
@supports not (backdrop-filter:blur(1px)){body.glass-workspaces[data-agent-theme] #main :is(.panel,.metric,.agent-summary,.hero,.page-title){background-color:var(--agent-page)}}
@media(prefers-reduced-transparency:reduce),(forced-colors:active),print{body.glass-workspaces[data-agent-theme]:not(.manage-mode):not(.portal-mode){background-image:none}body.glass-workspaces[data-agent-theme]:not(.manage-mode):not(.portal-mode) #main :is(.panel,.metric,.agent-summary,.hero,.page-title){background:var(--agent-page);border-color:var(--agent-line);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}body.glass-workspaces[data-agent-theme]:not(.manage-mode):not(.portal-mode) #main .panel-head{background:var(--agent-tint);border-color:var(--agent-line)}}

/* Manual job glass matches the platform while keeping form text opaque and legible. */
body.glass-workspaces dialog.manual-job-dialog{--job-glass-accent:var(--agent-accent,#6650db);--job-glass-line:color-mix(in srgb,var(--job-glass-accent) 18%,white);background:linear-gradient(125deg,rgb(255 255 255 / 96%),color-mix(in srgb,var(--agent-tint,#f0eafa) 90%,transparent));border-color:rgb(255 255 255 / 90%);box-shadow:0 24px 80px #17132c40,inset 0 1px 0 white;-webkit-backdrop-filter:blur(24px) saturate(125%);backdrop-filter:blur(24px) saturate(125%)}
body.glass-workspaces .manual-job-dialog::backdrop{background:rgb(24 22 42 / 32%);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
body.glass-workspaces .manual-job-dialog :is(.manual-job-header,.manual-job-tabs,.manual-job-footer){background:linear-gradient(120deg,rgb(255 255 255 / 64%),color-mix(in srgb,var(--agent-tint,#f0eafa) 64%,transparent));border-color:var(--job-glass-line)}
body.glass-workspaces .manual-job-dialog .manual-job-tabs button[aria-pressed=true]{background:rgb(255 255 255 / 82%)}
body.glass-workspaces .manual-job-dialog :is(.manual-subcontractor-card,fieldset){background:rgb(255 255 255 / 58%);border-color:var(--job-glass-line);box-shadow:inset 0 1px 0 white}
body.glass-workspaces .manual-job-dialog :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:rgb(255 255 255 / 94%);border-color:var(--job-glass-line)}
@supports not (backdrop-filter:blur(1px)){body.glass-workspaces dialog.manual-job-dialog{background:#faf9fd}}
@media(prefers-reduced-transparency:reduce),(forced-colors:active),print{body.glass-workspaces dialog.manual-job-dialog{background:#fff;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}body.glass-workspaces .manual-job-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}body.glass-workspaces .manual-job-dialog :is(.manual-job-header,.manual-job-tabs,.manual-job-footer){background:#f5f3fa}body.glass-workspaces .manual-job-dialog :is(.manual-subcontractor-card,fieldset,input,select,textarea){background:#fff}}

/* One compact client header; preserve the separate Business/portal shells. */
.client-inbox-icon{display:none}
body:not(.manage-mode):not(.portal-mode) header:has(>.top){display:grid;grid-template-columns:30px minmax(155px,1fr) auto minmax(70px,1fr);grid-template-rows:28px 22px;align-content:center;align-items:center;gap:0 12px;min-height:78px;margin:14px 24px 0;padding:10px 20px;border:1px solid #ffffffd9;border-radius:14px;box-shadow:0 8px 28px -20px #29204440;position:relative;z-index:5}
body:not(.manage-mode):not(.portal-mode) header:has(>.top) .top{display:contents}
body:not(.manage-mode):not(.portal-mode) header:has(>.top) .brand{grid-column:1 / 3;grid-row:1;justify-self:start;padding:0;border:0;background:none;font-size:15px;gap:10px}
body:not(.manage-mode):not(.portal-mode) header:has(>.top) .brand .logo{width:30px;height:30px;font-size:18px}
body:not(.manage-mode):not(.portal-mode) header:has(>.top) #workspace{grid-column:2;grid-row:2;width:100%;max-width:220px;padding:0;background:transparent;font-size:11px}
body:not(.manage-mode):not(.portal-mode) header:has(>.top) #mode-label,body:not(.manage-mode):not(.portal-mode) header:has(>.top) .divider,body:not(.manage-mode):not(.portal-mode) header:has(>.top) .dev{display:none}
body:not(.manage-mode):not(.portal-mode) header:has(>.top) .right{grid-column:4;grid-row:1 / 3;justify-self:end;margin:0;gap:14px}
body:not(.manage-mode):not(.portal-mode) header:has(>.top) #nav{grid-column:3;grid-row:1 / 3;min-width:0;padding:3px 6px;gap:2px;border:1px solid #dfddef;border-radius:28px;background:#ffffff80;justify-content:center}
body:not(.manage-mode):not(.portal-mode) header:has(>.top) #nav a{padding:10px 12px;font-size:12px;font-weight:500;border-radius:9px;color:#242137}
body:not(.manage-mode):not(.portal-mode) header:has(>.top) #nav a.active{color:var(--nav-colour);background:var(--nav-tint);border-bottom-color:var(--nav-colour)}
body:not(.manage-mode):not(.portal-mode) header:has(>.top) #nav .dot,body:not(.manage-mode):not(.portal-mode) header:has(>.top) .avatar,body:not(.manage-mode):not(.portal-mode) header:has(>.top) .client-inbox-label{display:none}
body:not(.manage-mode):not(.portal-mode) header:has(>.top) .client-inbox-icon{display:block}
body:not(.manage-mode):not(.portal-mode) header:has(>.top) #client-inbox{position:relative;background:transparent;padding:6px}
body:not(.manage-mode):not(.portal-mode) header:has(>.top) #client-inbox .badge{position:absolute;top:-3px;right:-6px;font-size:9px;min-width:16px;padding:2px 4px}
body:not(.manage-mode):not(.portal-mode) header:has(>.top) #account-menu summary{padding:6px;background:transparent;gap:0}
body:not(.manage-mode):not(.portal-mode) header:has(>.top) #agent-nav:empty{display:none}
body:not(.manage-mode):not(.portal-mode) .hero.agent-card{display:flex;align-items:center;gap:16px;padding:20px 24px;flex-wrap:wrap}
body:not(.manage-mode):not(.portal-mode) .hero.agent-card>.logo{width:38px;height:38px;font-size:22px;border-radius:10px;flex-shrink:0}
body:not(.manage-mode):not(.portal-mode) .hero.agent-card>div:not(.agent-card-header){order:1;flex:1;min-width:220px}
body:not(.manage-mode):not(.portal-mode) .hero.agent-card>.logo{order:0}
body:not(.manage-mode):not(.portal-mode) .agent-card-header{display:flex;align-items:center;justify-content:flex-end;gap:14px;order:2;flex-wrap:wrap;margin-left:auto}
body:not(.manage-mode):not(.portal-mode) .hero.agent-card .subtitle{margin-bottom:0}
body:not(.manage-mode):not(.portal-mode) .hero .agent-card-header .controls{display:flex;align-items:center;gap:14px;margin:0;width:auto;flex-direction:row-reverse}
body:not(.manage-mode):not(.portal-mode) .agent-card-header .switch-row{margin:0;white-space:nowrap}
body:not(.manage-mode):not(.portal-mode) .agent-card-header .agent-tools{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding-left:12px;border-left:1px solid var(--line)}
.agent-tool-settings:before{content:'⚙';font-size:18px;margin-right:6px;vertical-align:middle}.agent-tool-function:before{content:'↗';font-size:18px;margin-right:6px;vertical-align:middle}
@media(max-width:1050px){body:not(.manage-mode):not(.portal-mode) header:has(>.top){gap:0 8px;padding:10px 14px;margin:10px 12px 0}body:not(.manage-mode):not(.portal-mode) header:has(>.top) #nav a{padding:10px 8px;font-size:11px}}
@media(max-width:760px){body:not(.manage-mode):not(.portal-mode) header:has(>.top){grid-template-columns:30px minmax(0,1fr) auto;grid-template-rows:28px 22px auto;gap:0 10px}body:not(.manage-mode):not(.portal-mode) header:has(>.top) .right{grid-column:3}body:not(.manage-mode):not(.portal-mode) header:has(>.top) #nav{grid-column:1 / -1;grid-row:3;margin-top:10px;max-width:100%;justify-content:flex-start;overflow-x:auto}body:not(.manage-mode):not(.portal-mode) header:has(>.top) #nav a{flex:1;text-align:center;padding:9px 8px}body:not(.manage-mode):not(.portal-mode) .agent-card-header{margin-left:0;justify-content:flex-start;gap:10px}body:not(.manage-mode):not(.portal-mode) .hero.agent-card{padding:18px 16px}}
@media(min-width:1100px){body:not(.manage-mode):not(.portal-mode) header:has(>.top) .brand:after{content:'Client Mode';font-size:10px;font-weight:400;color:#6050df;background:#eeeafd;padding:4px 8px;border-radius:12px;margin-left:8px}}

/* Keep the page backdrop continuous and align the brand mark with header actions. */
.brand-outline{display:none}
body:not(.manage-mode):not(.portal-mode),body:not(.manage-mode):not(.portal-mode) #shell:not([hidden]){display:flow-root;min-height:100vh}
body:not(.manage-mode):not(.portal-mode) header:has(>.top) .brand{position:static;padding-left:42px}
body:not(.manage-mode):not(.portal-mode) header:has(>.top) .brand .logo{position:absolute;left:24px;top:38px;transform:translateY(-50%);width:22px;height:22px;background:transparent;color:#15152d;border-radius:0}
body:not(.manage-mode):not(.portal-mode) header:has(>.top) .brand-letter{display:none}
body:not(.manage-mode):not(.portal-mode) header:has(>.top) .brand-outline{display:block}
@media(max-width:1050px){body:not(.manage-mode):not(.portal-mode) header:has(>.top) .brand{padding-left:38px}body:not(.manage-mode):not(.portal-mode) header:has(>.top) .brand .logo{left:18px}}

/* Keep the workspace picker within the brand text width. */
body:not(.manage-mode):not(.portal-mode) header:has(>.top) #workspace{width:120px;max-width:100%;justify-self:start;text-overflow:ellipsis}

/* Match the outer edges of the main content cards. */
body:not(.manage-mode):not(.portal-mode) header:has(>.top){width:calc(100% - 48px);max-width:1072px;margin-left:auto;margin-right:auto}
@media(max-width:800px){body:not(.manage-mode):not(.portal-mode) header:has(>.top){width:calc(100% - 32px)}}

/* Business dashboard parity. Classic restores the existing sidebar presentation. */
#business-main-nav,#business-subsections,#business-communication,.business-account-options{display:none}
.manage-mode .business-account-options{display:block}
.business-account-options>span{display:block;padding:8px 12px;font-size:11px;color:var(--muted)}
.business-account-options>a{display:block;padding:12px;color:inherit;text-decoration:none}
.manage-mode.business-horizontal #manage-sidebar,.manage-mode.business-horizontal #manage-sidebar-toggle{display:none}
.manage-mode.business-horizontal header{margin-left:0}
.manage-mode.business-horizontal #main{margin-left:auto;margin-right:auto;max-width:1500px;padding:24px}
.manage-mode.business-horizontal .top{gap:14px;flex-wrap:wrap;height:auto;min-height:72px}
.manage-mode.business-horizontal .top>.brand{display:flex!important}
.manage-mode.business-horizontal #business-main-nav{display:flex;align-items:center;justify-content:center;gap:8px;margin:5px auto;padding:5px 12px;border:1px solid #ffffffd9;border-radius:999px;backdrop-filter:blur(18px);background:#ffffff70;box-shadow:0 6px 22px #30205a0d;max-width:100%;overflow:auto}
#business-main-nav>a{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 44px;height:44px;border-radius:50%;text-decoration:none;color:#555365;transition:background-color .15s,color .15s}
#business-main-nav>a>span:first-child{display:flex}
#business-main-nav svg,#business-communication svg,#business-subsections svg{width:24px;height:24px}
#business-main-nav>a[aria-current]{color:var(--purple);background:#ece8fc}
#business-main-nav>a[aria-current]:after{content:'';position:absolute;bottom:2px;width:4px;height:4px;border-radius:50%;background:var(--purple)}
#business-main-nav>a:hover{background:#7460dd14}
.business-nav-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.manage-mode.business-horizontal #business-subsections{display:flex;gap:16px;justify-content:center;overflow:auto;padding:8px 16px 12px;border:0}
#business-subsections>a{padding:8px 4px;white-space:nowrap;color:var(--muted);text-decoration:none;border-bottom:2px solid transparent}
#business-subsections>a[aria-current]{color:var(--purple);font-weight:700;border-color:var(--purple)}
.manage-mode.business-horizontal #business-communication{display:block;font-size:23px;color:var(--purple);text-decoration:none}
.manage-mode.business-horizontal #business-communication[hidden]{display:none}
.manage-mode.business-horizontal #account-menu .avatar{display:none}
.manage-mode.business-horizontal #account-menu>summary{color:var(--purple)}
.manage-mode.business-horizontal .page-title h1{font-size:26px}
.manage-mode.business-horizontal .panel{border-radius:16px}
.business-appointments-list{max-height:480px;overflow-y:auto;overscroll-behavior:contain}
@media(max-width:760px){.manage-mode.business-horizontal #business-main-nav{order:3;flex-basis:100%;max-width:360px}.manage-mode.business-horizontal #business-subsections{justify-content:flex-start}.manage-mode.business-horizontal #main{padding:16px}.manage-mode.business-horizontal .top .divider{display:none}}
@media(prefers-reduced-motion:reduce){#business-main-nav>a{transition:none}#business-main-nav>a:hover{transform:none}}

/* Match the reference shell spacing; keep all selectors inside Business Mode. */
.manage-mode.business-horizontal .top{position:relative}
@media(min-width:1000px){.manage-mode.business-horizontal #business-main-nav{position:absolute;left:50%;transform:translateX(-50%)}}
.manage-mode.business-horizontal #main{margin-top:0;padding:24px 28px}
.manage-mode.business-horizontal.hq-screen #main{padding:0}
.manage-mode.business-horizontal #business-subsections{gap:12px;padding:0 16px}
.manage-mode.business-horizontal #business-subsections>a{font-size:14px;font-weight:500}
.manage-mode.business-horizontal #business-communication{display:flex;align-items:center;justify-content:center;width:44px;height:44px}
.manage-mode.business-horizontal #main>.page-title:has(h1){margin-bottom:12px}
.manage-mode.business-horizontal #main>.page-title .eyebrow{display:none}
.manage-mode.business-horizontal #main>.page-title h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.manage-mode.business-horizontal #main>.metrics{margin-top:0;gap:16px}
.manage-mode.business-horizontal #main>.metrics .metric{background:#ffffff99;padding:20px;border-radius:12px}
.manage-mode.business-horizontal #main>.metrics .metric strong{color:#161b26;font-size:24px}

.manage-mode.business-horizontal #business-communication[hidden]{display:none}
.manage-mode.business-horizontal #business-main-nav>a{width:44px;min-width:44px;height:44px;padding:0;border:0;flex:0 0 44px}

/* Calendar presentation follows the HQ reference; provider and booking bindings stay local. */
.manage-mode.business-horizontal #main:has(.business-calendar-toolbar){padding:0 28px 24px}
.manage-mode.business-horizontal .business-calendar-title{display:flex;align-items:center;background:#ffffff99;border:1px solid #ffffffaa;border-radius:12px;padding:12px;margin:12px 0}
.manage-mode.business-horizontal #main>.business-calendar-title h1{position:static;width:auto;height:auto;clip-path:none;font-size:16px;margin:0}
.manage-mode.business-horizontal .business-calendar-title .muted{display:none}
.manage-mode.business-horizontal .business-calendar-toolbar{display:flex;align-items:center;gap:8px;background:#ffffff99;border:1px solid #ffffffaa;border-radius:12px;padding:8px 12px;margin-bottom:14px}
.business-calendar-date-controls{display:flex;align-items:center;gap:16px;margin-right:auto}
.business-calendar-date-controls h2{font-size:14px;margin:0;min-width:140px;text-align:center}
.manage-mode.business-horizontal .business-calendar-toolbar button{padding:8px 12px;font-size:14px}
.manage-mode.business-horizontal .business-calendar-toolbar button[aria-pressed=true]{background:#eee9fc;color:var(--purple)}
.manage-mode.business-horizontal .business-month-day{min-height:112px;background:#ffffff99;padding:12px}
.manage-mode.business-horizontal .business-month-day>button{padding:0;border:0;background:transparent;box-shadow:none;width:28px;height:28px;border-radius:50%}
.manage-mode.business-horizontal .business-month-day>button[aria-pressed=true]{background:var(--purple);color:white}
.manage-mode.business-horizontal .business-month-grid{background:#eeeeef;gap:1px}
@media(max-width:650px){.business-calendar-date-controls{width:100%;gap:8px}.manage-mode.business-horizontal .business-month-day{min-height:68px;padding:3px}}

/* The brand name and chevron are the sole Client Mode switcher. */
body:not(.manage-mode):not(.portal-mode) header:has(>.top) .brand .logo{display:none}
body:not(.manage-mode):not(.portal-mode) header:has(>.top) .brand{padding-left:0}
body:not(.manage-mode):not(.portal-mode) header:has(>.top) #workspace{grid-column:1 / 3}
/* Business HQ uses Communication and account controls; omit the redundant status/inbox cluster. */
.manage-mode .top .right>.dev,.manage-mode #client-inbox{display:none!important}

/* HQ utility buttons match the reference action surfaces. */
.manage-mode.business-horizontal #business-communication,.manage-mode.business-horizontal #account-menu>summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #e5e7eb;border-radius:12px;background:#ffffffb3;box-shadow:0 1px 3px #00000012;color:#52525b}
.manage-mode.business-horizontal #business-communication[hidden]{display:none}

/* Refined glass concept A: presentation changes stay inside the client header. */
body:not(.manage-mode):not(.portal-mode) header:has(>.top){background:linear-gradient(115deg,#ffffffbd,#faf8ffdb);border-color:#fffffff2;box-shadow:0 6px 24px -16px #6550b83d,inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(20px) saturate(120%);backdrop-filter:blur(20px) saturate(120%)}
body:not(.manage-mode):not(.portal-mode) header:has(>.top) .brand{font-weight:750;letter-spacing:-.35px}
body:not(.manage-mode):not(.portal-mode) header:has(>.top) #workspace{color:#615b76}
body:not(.manage-mode):not(.portal-mode) header:has(>.top) #nav{background:#ffffff40;border-color:#e8e2fa;box-shadow:inset 0 1px 0 #ffffffa6}
body:not(.manage-mode):not(.portal-mode) header:has(>.top) #nav a{font-weight:600;color:#605977;transition:background-color .15s,color .15s;letter-spacing:-.15px}
body:not(.manage-mode):not(.portal-mode) header:has(>.top) #nav a:hover{background:#ffffffa6;color:#211936}
body:not(.manage-mode):not(.portal-mode) header:has(>.top) #nav a.active{font-weight:750;color:#191329;background:linear-gradient(#fff,#faf8ff);border-bottom-color:#7545dc;box-shadow:0 3px 8px -5px #7040c866,inset 0 1px 0 #fff;border-radius:14px}
body:not(.manage-mode):not(.portal-mode) header:has(>.top) :is(#nav a,.brand,#workspace,#client-inbox,#account-menu>summary):focus-visible{outline:2px solid #7545dc;outline-offset:3px}
@media(prefers-reduced-motion:reduce){body:not(.manage-mode):not(.portal-mode) header:has(>.top) #nav a{transition:none}}
@media(prefers-reduced-transparency:reduce){body:not(.manage-mode):not(.portal-mode) header:has(>.top){background:#faf9ff;-webkit-backdrop-filter:none;backdrop-filter:none}}

.agent-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.agent-settings-card .switch-row{justify-content:flex-start;gap:12px}.agent-settings-card .agent-subnav{margin-top:18px}@media(max-width:700px){.agent-settings-grid{grid-template-columns:1fr}}

/* Compact titles for the five client dashboard sections. */
body:not(.manage-mode):not(.portal-mode) #main :is(.hero.agent-card,.hero.overview-hero){min-height:64px;padding:10px 18px;gap:12px;align-items:center}
body:not(.manage-mode):not(.portal-mode) #main :is(.hero.agent-card,.hero.overview-hero)>.logo{width:34px;height:34px;font-size:20px;border-radius:9px}
body:not(.manage-mode):not(.portal-mode) #main :is(.hero.agent-card,.hero.overview-hero) h1{font-size:20px;line-height:1.2;margin:0 0 4px;flex-wrap:wrap;gap:8px}
body:not(.manage-mode):not(.portal-mode) #main :is(.hero.agent-card,.hero.overview-hero) .subtitle{font-size:12px;line-height:1.4;margin:0}
body:not(.manage-mode):not(.portal-mode) #main .hero.agent-card .agent-tools{border-left:0;padding-left:0}

/* Compact voice summaries with paired, accessible icon actions. */
body[data-agent-theme] #main .voice-summary-stack>.voice-summary-card{height:170px;max-height:170px}
.voice-summary-card>.panel-head{padding:8px 14px;gap:6px;flex-wrap:nowrap}
.voice-summary-card>.panel-head h2{margin-right:auto}
.voice-summary-card>.panel-head :is(.overview-expand,.voice-settings-icon){display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:4px;margin:0;border:1px solid var(--line);border-radius:7px;background:#ffffff85;color:inherit;flex-shrink:0}
.voice-summary-card .detail-body{padding:8px 14px}
.voice-summary-card .detail-body>p{margin:0 0 6px;font-size:11px;line-height:1.35}
.voice-summary-card .metrics{margin:6px 0;gap:8px}
.voice-summary-card .metric{padding:7px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:0}
.voice-summary-card .metric span{font-size:10px}
.voice-summary-card .metric strong{font-size:20px;margin:0}
.voice-summary-card summary{font-size:11px}

/* Keep each agent's navigation label in its own page accent colour. */
body:not(.manage-mode):not(.portal-mode) header:has(>.top) #nav a[href$="AI"],body:not(.manage-mode):not(.portal-mode) header:has(>.top) #nav a[href$="AI"]:hover,body:not(.manage-mode):not(.portal-mode) header:has(>.top) #nav a[href$="AI"].active{color:var(--nav-colour)}

/* Brand colour and readable workspace names in the client header. */
body:not(.manage-mode):not(.portal-mode) header:has(>.top){grid-template-rows:25px 22px}
body:not(.manage-mode):not(.portal-mode) header:has(>.top) .brand{color:#6050df;align-self:end}
body:not(.manage-mode):not(.portal-mode) header:has(>.top) #workspace{width:100%;max-width:240px;min-width:0;text-overflow:clip;align-self:start}
@media(max-width:760px){body:not(.manage-mode):not(.portal-mode) header:has(>.top){grid-template-rows:25px 22px auto}}

/* Titles identify each dashboard section without a letter tile. */
body:not(.manage-mode):not(.portal-mode) #main :is(.hero.agent-card,.hero.overview-hero)>.logo{display:none}

/* Read-only document previews stay above the unsaved job form. */
.document-preview-dialog{width:min(960px,calc(100vw - 24px));box-sizing:border-box}
.document-preview-dialog .quote-paper{overflow-wrap:anywhere;box-sizing:border-box}
.document-preview-dialog .manual-job-header h2{margin:0;min-width:0}
.document-preview-dialog [data-preview-close]{flex-shrink:0}.document-preview-dialog .manual-job-header [data-preview-close]{margin-left:auto}
.document-preview-pdf{display:block;width:100%;height:65vh;min-height:320px;border:1px solid #dce2eb;border-radius:8px;background:white;margin-top:12px}
@media(max-width:600px){.document-preview-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px)}.document-preview-dialog .manual-job-body{padding:12px}.document-preview-dialog .quote-paper{padding:16px}.document-preview-pdf{height:55vh;min-height:240px}}
.manual-pictures-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.manual-pictures-heading h2{margin:0}.manual-pictures-heading button{flex-shrink:0}.manual-picture-grid figure{overflow-wrap:anywhere;min-width:0}

/* Settings stay evenly distributed in one row; narrow screens scroll. */
.settings-section-nav{flex-wrap:nowrap;overflow-x:auto;gap:4px}
.settings-section-nav a{flex:1 0 auto;text-align:center;white-space:nowrap;padding:12px 14px}
.onboarding-branding{margin-top:24px}
.billing-workspaces-back{margin-right:16px}
@media(max-width:650px){.settings-section-nav a{flex:1 0 auto;white-space:nowrap;padding:10px 12px}}

/* Independent workspace cards keep actions and membership together. */
.workspace-directory-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:16px 0}
.workspace-directory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px;align-items:start}
.workspace-directory-card{padding:24px;min-width:0}
.workspace-directory-title h2{margin:0 0 6px;font-size:20px;overflow-wrap:anywhere}
.workspace-directory-actions{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.workspace-directory-members{border-top:1px solid var(--line);padding-top:16px}
.workspace-directory-members summary,.workspace-platform-access summary{cursor:pointer;font-weight:600}
.workspace-directory-members .workspace-card,.workspace-platform-access .workspace-card{padding:14px 0;gap:12px;flex-wrap:wrap}
.workspace-directory-members strong,.workspace-platform-access strong{overflow-wrap:anywhere}
.workspace-directory-members .workspace-card>div{min-width:0;flex:1 1 180px}
.workspace-platform-access{margin-top:24px;padding:20px 24px}
/* Match payment and phone integrations to the provider card grid. */
.integration-services .integration-grid{align-items:start}
.integration-service-card{min-width:0;justify-content:flex-start;gap:12px}
#main .integration-service-card .panel{padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.integration-service-card h3{margin:0;font-size:14px;letter-spacing:normal;text-transform:none;color:inherit}
.integration-service-card .portal-row{align-items:center;flex-wrap:wrap;gap:8px}
.integration-service-card details{margin-top:12px;border-top:1px solid #dedbec;padding-top:12px}
.integration-service-card summary{font-size:13px;cursor:pointer}
.integration-service-card small{overflow-wrap:anywhere}
.integration-service-card label{display:block;margin:10px 0}
.integration-service-card input:not([type=checkbox]),.integration-service-card select{max-width:100%;box-sizing:border-box}
.integration-service-card [role=status]:empty{display:none}
/* Align both client-header dropdown indicators before their labels. */
body:not(.manage-mode):not(.portal-mode) header:has(>.top) .brand>span[aria-hidden="true"]{order:-1;width:14px;flex:0 0 14px;text-align:center}
body:not(.manage-mode):not(.portal-mode) header:has(>.top) #workspace{appearance:none;-webkit-appearance:none;padding-left:24px;padding-right:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23615b76' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left center;background-size:14px 14px}

/* Compact platform access summary above the workspace directory. */
#main .platform-access-strip{display:flex;align-items:center;gap:16px 24px;padding:14px 20px;margin:16px 0;flex-wrap:wrap}
.platform-access-people{display:flex;flex:1;flex-wrap:wrap;gap:10px 24px;min-width:0}
.platform-access-person{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;font-size:13px;min-width:0}
.platform-access-person>span:first-child{overflow-wrap:anywhere}
/* Match both dropdown indicators to the purple brand chevron. */
body:not(.manage-mode):not(.portal-mode) header:has(>.top) .brand>span[aria-hidden="true"],
body:not(.manage-mode):not(.portal-mode) header:has(>.top) #workspace{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236050df' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 8 5 8 5-8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left center;background-size:14px 14px}
body:not(.manage-mode):not(.portal-mode) header:has(>.top) .brand>span[aria-hidden="true"]{font-size:0;height:14px}

.workspace-overview-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.workspace-overview-facts dd{margin:6px 0 0;overflow-wrap:anywhere}

/* Client accounts see only navigation they can use. */
body.client-user-header:not(.manage-mode):not(.portal-mode) header:has(>.top) .brand:after{display:none}
body.client-user-header header:has(>.top) .brand>span[aria-hidden="true"],body.client-user-header #mode-label{display:none!important}
body.client-user-header:not(.manage-mode):not(.portal-mode) header:has(>.top) #workspace.single-workspace{background-image:none;padding-left:0;opacity:1;color:#615b76;-webkit-text-fill-color:#615b76;cursor:default}

/* Same immediate, below-icon pill used by Exotiq HQ's navigation tooltip portal. */
#business-navigation-tooltip{position:fixed;z-index:100;pointer-events:none;border-radius:999px;border:1px solid #ffffffcc;background:#fffffff2;padding:6px 12px;font-size:14px;font-weight:500;line-height:20px;color:#262626;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;backdrop-filter:blur(24px);white-space:nowrap}

#business-main-nav>a:focus-visible,#business-communication:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.manage-mode.business-horizontal #business-communication[aria-current]{color:var(--purple);box-shadow:0 0 0 2px #7460dd66}

/* Compact quote list within the job editor. */
.zoho-quote-row{display:flex;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid #ddd9ec;min-width:0}
.zoho-quote-row>strong{font-size:1rem;overflow-wrap:anywhere}
.zoho-quote-price{white-space:nowrap;font-variant-numeric:tabular-nums}
.zoho-quote-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}
.zoho-quote-actions .zoho-icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:8px;background:transparent;color:#6545d7;border:1px solid #ded8f0;border-radius:10px}
.zoho-icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.zoho-icon-button:focus-visible{outline:2px solid #6545d7;outline-offset:2px}
@media(max-width:520px){.zoho-quote-row{gap:8px}.zoho-quote-actions{gap:4px}.zoho-quote-row>strong{font-size:.9rem}}

.zoho-quotes-header,.zoho-quotes-toolbar,.zoho-quotes-secondary{display:flex;align-items:center;gap:10px}
.zoho-quotes-header{justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}.zoho-quotes-header h3{margin:0}.zoho-quotes-secondary{margin-bottom:12px}
.zoho-quotes-toolbar .zoho-icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:8px;color:#6545d7}
.zoho-quote-row [hidden]{display:none!important}

.zoho-quotes-section{display:flex;flex-direction:column;gap:16px}
.zoho-quotes-section>.zoho-quotes-controls{margin:0;padding:8px 20px}
.zoho-quotes-controls>.zoho-quotes-header{margin:0;padding:0;min-height:40px;background:transparent;border:0;box-shadow:none}
.zoho-quotes-controls [data-zoho-editor]:not(:empty){margin-top:16px}
.zoho-quotes-list{display:flex;flex-direction:column;gap:12px}
.zoho-quotes-list>.zoho-quote-row{margin:0;padding:16px 24px;border:1px solid #ffffff;border-radius:16px;background:rgba(255,255,255,.78)}
.zoho-quotes-controls [data-zoho-status]:empty,.zoho-quotes-controls [data-zoho-editor]:empty{display:none}
@media(max-width:520px){.zoho-quotes-list>.zoho-quote-row{padding:12px}}

/* Independent, collapsed-by-default inbound review beneath Messages. */
.inbound-review-panel{margin-top:24px}.inbound-review-panel>summary{padding:20px 24px;font-size:18px;font-weight:700;cursor:pointer}.inbound-review-panel[open]>summary{border-bottom:1px solid var(--line,#e5e0f3)}

/* Keep agent summary figures consistent with their page identity. */
body[data-agent-theme="MarketerAI"]{--agent-metric-color:#6941c6}
body[data-agent-theme="CloserAI"]{--agent-metric-color:#2463a6}
body[data-agent-theme="ManagerAI"]{--agent-metric-color:#218c74}
body[data-agent-theme="FinancerAI"]{--agent-metric-color:#bc8000}
body:is([data-agent-theme="MarketerAI"],[data-agent-theme="CloserAI"],[data-agent-theme="ManagerAI"],[data-agent-theme="FinancerAI"]):not(.manage-mode):not(.portal-mode) #main>.metrics .metric strong{color:var(--agent-metric-color)}

/* Expanded panels retain the workspace glass surface and one shared header. */
body.glass-workspaces dialog.overview-expanded{padding:0;overflow:hidden;border:1px solid #fffffff0;border-radius:24px;background:linear-gradient(125deg,#fffffff5,color-mix(in srgb,var(--agent-tint,#f0eafa) 94%,white));box-shadow:0 24px 80px #17132c40,inset 0 1px 0 white;backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%)}
.overview-expanded::backdrop{background:#18162a52;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.overview-expanded>.overview-expanded-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0;padding:20px 24px;background:linear-gradient(115deg,#ffffffc9,#f4f0ffad);border-bottom:1px solid var(--agent-line,#ddd8ee)}
.overview-expanded-header :is(h2,h3){margin:0;margin-right:auto}.overview-expanded-header .manual-create-job{margin-left:auto}.overview-expanded-header .overview-collapse{margin:0}
body.glass-workspaces .overview-expanded>.overview-compact{margin:0!important;height:min(72vh,760px)!important;max-height:calc(90dvh - 100px)!important;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.overview-expanded .overview-panel-scroll{overflow:auto;overscroll-behavior:contain}
@media(max-width:700px){.overview-expanded>.overview-expanded-header{padding:14px;gap:8px}.overview-expanded-header :is(h2,h3){flex:1 1 100%}.overview-expanded-header .manual-create-job{margin-left:0}.overview-expanded-header .overview-collapse{margin-left:auto}}
@media(prefers-reduced-transparency:reduce),(forced-colors:active),print{body.glass-workspaces dialog.overview-expanded{background:#faf9fd;backdrop-filter:none;-webkit-backdrop-filter:none}.overview-expanded::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}.overview-expanded>.overview-expanded-header{background:#f5f3fa}}

.manual-job-dialog [data-address-status]:empty{display:none}

.quote-standard-terms{display:flex;align-items:center;gap:.6rem}.quote-standard-terms input{width:auto}.zoho-quotes-controls textarea[readonly]{background:rgba(246,245,251,.65)}

.zoho-pdf-viewer{width:min(1000px,94vw);height:90vh;max-height:90vh;padding:1rem;border:1px solid #ddd7fb;border-radius:16px}.zoho-pdf-viewer header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.zoho-pdf-viewer iframe{width:100%;height:calc(100% - 75px);border:0}.zoho-document-status{text-transform:capitalize;font-size:.85rem;color:var(--muted,#65617a)}

/* Status fills and filtering belong only to expanded Overview job lists. */
.overview-expanded .job[data-job-status]{background:var(--job-status-colour);color:#19172f}
.overview-expanded .job[data-job-status] .badge{background:#ffffffb3;color:#29243b}
.overview-expanded .job[data-job-status][hidden]{display:none}
.overview-expanded-header .expanded-job-filter{width:auto;max-width:100%;min-width:155px;margin:0}

.zoho-pdf-pages{height:calc(100% - 100px);overflow:auto;background:#e9e9ed;padding:12px;text-align:center}.zoho-pdf-pages canvas{display:block;max-width:100%;height:auto;margin:0 auto 16px;background:white;box-shadow:0 2px 8px #0002}

/* Expanded job list: retain status colour through the shared frosted glass surface. */
body.glass-workspaces dialog.overview-expanded{background:linear-gradient(125deg,#ffffffb3,#f0eafa73);backdrop-filter:blur(30px) saturate(145%);-webkit-backdrop-filter:blur(30px) saturate(145%);box-shadow:0 24px 80px #17132c33,inset 0 1px 0 #fff}
body.glass-workspaces .overview-expanded>.overview-expanded-header{background:linear-gradient(115deg,#ffffffa8,#f4f0ff66);border-bottom:1px solid #ffffffb3}
body.glass-workspaces .overview-expanded .job[data-job-status]{background:linear-gradient(115deg,color-mix(in srgb,var(--job-status-colour) 72%,transparent),color-mix(in srgb,var(--job-status-colour) 38%,transparent));border-bottom:1px solid #ffffffa8;box-shadow:inset 0 1px 0 #ffffff80;backdrop-filter:blur(12px) saturate(125%);-webkit-backdrop-filter:blur(12px) saturate(125%)}
.overview-expanded-header .expanded-job-filter{appearance:none;-webkit-appearance:none;min-height:42px;padding:10px 40px 10px 16px;border:1px solid #dcd6f0;border-radius:12px;font:inherit;color:#29243b;background:linear-gradient(115deg,#ffffffd9,#ffffff80);box-shadow:inset 0 1px 0 #fff,0 2px 6px #25164708;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23615a78' stroke-width='1.7'%3E%3Cpath d='m3 6 5 5 5-5'/%3E%3C/svg%3E"),linear-gradient(115deg,#ffffffd9,#ffffff80);background-repeat:no-repeat;background-position:right 13px center,center;background-size:16px,auto;margin-left:auto}
.overview-expanded-header .expanded-job-filter+.manual-create-job{margin-left:0}
.overview-expanded-header :is(.manual-create-job,.overview-collapse){min-height:42px;border-radius:12px;padding:10px 16px}
@media(max-width:700px){.overview-expanded-header .expanded-job-filter{margin-left:0;min-width:140px}}
@media(prefers-reduced-transparency:reduce),(forced-colors:active),print{body.glass-workspaces dialog.overview-expanded{background:#faf9fd;backdrop-filter:none;-webkit-backdrop-filter:none}body.glass-workspaces .overview-expanded .job[data-job-status]{background:var(--job-status-colour);backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Keep quote terms and its standard-terms toggle on one compact heading row. */
.quote-terms-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.quote-terms-heading>label{margin:0}.quote-terms-heading .quote-standard-terms{display:inline-flex;flex-direction:row;align-items:center;gap:.5rem;margin-left:auto;white-space:nowrap}.quote-terms-heading .quote-standard-terms input{display:inline-block;width:1rem;height:1rem;min-height:0;margin:0;flex:0 0 auto}

/* Keep expanded controls fixed while the panel contents scroll. */
body.glass-workspaces dialog.overview-expanded[open]{display:flex;flex-direction:column;height:min(90dvh,900px);max-height:90dvh;overflow:hidden}
.overview-expanded>.overview-expanded-header{flex:0 0 auto}
body.glass-workspaces .overview-expanded>.overview-compact{flex:1 1 auto;min-height:0;height:auto!important;max-height:none!important;overflow:hidden}
.overview-expanded .overview-panel-scroll{flex:1 1 auto;min-height:0;overflow-y:scroll;overflow-x:auto;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:#8d80b9 #ffffff38;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.overview-expanded .overview-panel-scroll::-webkit-scrollbar{width:12px;height:12px}
.overview-expanded .overview-panel-scroll::-webkit-scrollbar-track{background:#ffffff38}
.overview-expanded .overview-panel-scroll::-webkit-scrollbar-thumb{background:#8d80b9;border:3px solid transparent;border-radius:12px;background-clip:padding-box}

/* Isolated email review, independent of the document toolbar. */
dialog.zoho-email-preview{width:min(880px,94vw);max-width:94vw;max-height:90dvh;padding:0;border:1px solid #ffffffed;border-radius:24px;background:linear-gradient(125deg,#fffffff0,#f0eafadb);backdrop-filter:blur(28px);box-shadow:0 24px 80px #17132c40;color:#19172f}
dialog.zoho-email-preview[open]{display:flex;flex-direction:column}.zoho-email-preview::backdrop{background:#18162a52;backdrop-filter:blur(8px)}
.zoho-email-preview>header,.zoho-email-preview>footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;flex-shrink:0}.zoho-email-preview>header{border-bottom:1px solid #dcd6ef}.zoho-email-preview h2{margin:0;font-size:20px}.zoho-email-preview h3{margin:0 0 20px;font-size:24px;overflow-wrap:anywhere}.zoho-email-content{padding:24px;overflow:auto;min-height:0}.zoho-email-sender{display:flex;align-items:center;gap:14px}.zoho-email-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e8e0ff;color:#6045cf;font-weight:700;flex-shrink:0}.zoho-email-sender dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;overflow-wrap:anywhere;min-width:0}.zoho-email-sender dt{color:#696279}.zoho-email-sender dd{margin:0;min-width:0}.zoho-email-preview iframe{display:block;width:100%;height:50dvh;min-height:260px;border:1px solid #e2ddef;border-radius:12px;background:white;margin:20px 0}.zoho-email-preview>footer{border-top:1px solid #dcd6ef}.zoho-email-preview>footer>div{display:flex;gap:10px}@media(max-width:520px){.zoho-email-preview>header,.zoho-email-preview>footer,.zoho-email-content{padding:14px}.zoho-email-preview h3{font-size:20px}}

/* One email scroll area; prevent global header positioning from covering metadata. */
dialog.zoho-email-preview{overflow:hidden}.zoho-email-preview>header{position:static!important;top:auto!important;margin:0!important;z-index:auto!important}.zoho-email-preview>footer{position:static!important;margin:0!important}.zoho-email-content{flex:1 1 auto;overscroll-behavior:contain;scrollbar-gutter:stable;overflow-anchor:none}.zoho-email-preview iframe{min-height:0;height:120px;overflow:hidden}

body:has(dialog.zoho-email-preview[open]){overflow:hidden}

/* Row-owned document editors keep the create toolbar independent. */
.zoho-quote-row{flex-wrap:wrap}
.zoho-quote-row>.zoho-row-editor{flex:0 0 100%;min-width:0;border-top:1px solid #ddd9ec;padding-top:20px}
.zoho-email-preview .zoho-email-sender dl{display:grid;grid-template-columns:3em minmax(0,1fr);align-items:baseline;gap:4px 12px;flex:1;margin:0;padding:0}
.zoho-email-preview .zoho-email-sender dt,.zoho-email-preview .zoho-email-sender dd{display:block;margin:0;padding:0;font-size:14px;line-height:1.5;float:none;width:auto}
.zoho-email-preview .zoho-email-sender{align-items:flex-start}

.manual-address-credit{display:block;font-size:11px;opacity:.75;margin-top:4px}

/* Keep job save/cancel beside status, above the independently scrolling body. */
.manual-job-dialog>form>.manual-job-header:has(.manual-job-header-actions){flex-wrap:wrap;align-items:flex-end}
.manual-job-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.manual-job-header-actions button{min-height:36px;padding:6px 14px;white-space:nowrap}
@media(max-width:700px){.manual-job-dialog>form>.manual-job-header:has(.manual-job-header-actions)>div:first-child{flex-basis:100%}.manual-job-dialog>form>.manual-job-header:has(.manual-job-header-actions) .manual-job-status{margin-left:0}.manual-job-header-actions{margin-left:auto;flex-wrap:wrap}}

/* Keep status colours when navigating the picker instead of native blue highlighting. */
@supports (appearance:base-select){
 .manual-job-status select,.expanded-job-filter,
 .manual-job-status select::picker(select),.expanded-job-filter::picker(select){appearance:base-select}
 .manual-job-status select::picker(select),.expanded-job-filter::picker(select){border:1px solid #d8d3e5;border-radius:10px;padding:0;box-shadow:0 8px 24px #24203926;max-height:65vh;overflow-y:auto}
 .manual-job-status option,.expanded-job-filter option{padding:8px 14px;color:#242039;cursor:pointer}
 .manual-job-status option:hover,.expanded-job-filter option:hover{color:#242039;filter:none}
 .manual-job-status option:focus-visible,.expanded-job-filter option:focus-visible{outline:2px solid #6650db;outline-offset:-2px}
}
/* Job conversations and inline message addressing share the platform glass surface. */
.inbox-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.inbox-new-message{display:inline-flex;align-items:center;gap:8px}.inbox-new-message svg{width:18px;height:18px}.inbox-header-actions .inbox-call-launcher{margin-left:0}
.job-messages{display:flex;flex-direction:column;min-height:420px;height:min(650px,68vh);border:1px solid #ffffffc9;border-radius:22px;overflow:hidden;background:linear-gradient(140deg,#ffffffb8,#eef1f9a6);box-shadow:inset 0 1px #fff;backdrop-filter:blur(18px)}
.job-messages-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #dce0ea}.job-messages-header h2{font-size:18px;margin:0 0 4px}.job-messages-header small{color:#626478}
.job-messages-history{flex:1;min-height:160px;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:14px;overscroll-behavior:contain}.message-bubble{max-width:78%;padding:12px 16px;border-radius:20px;overflow-wrap:anywhere}.message-bubble p{white-space:pre-wrap;margin:6px 0}.message-bubble strong,.message-bubble small{display:block}.message-bubble small{font-size:11px;opacity:.85}.message-bubble.sent{align-self:flex-end;background:#087cff;color:#fff;border-bottom-right-radius:6px}.message-bubble.received{align-self:flex-start;background:#e4e6ec;color:#20202c;border-bottom-left-radius:6px}
.job-message-compose{padding:12px 18px;border-top:1px solid #dce0ea;background:#ffffff9c}.job-message-options{display:flex;align-items:center;gap:14px;font-size:12px;margin-bottom:8px}.job-message-options label{display:flex;align-items:center;gap:8px}.job-message-options select{padding:6px;border-radius:9px}.job-message-entry{display:flex;align-items:flex-end;gap:10px}.job-message-entry textarea{flex:1;min-width:0;border-radius:20px;padding:12px 16px;resize:vertical;box-sizing:border-box}.job-message-entry button{border-radius:50%;width:38px;height:38px;padding:0;flex:0 0 38px;background:#087cff;color:#fff;font-size:24px;border:0}.job-message-compose [role=status]{font-size:12px;margin:6px 0 0}.job-message-compose [hidden]{display:none}.job-message-compose input{box-sizing:border-box;width:100%;margin-bottom:8px}.inbox-recipient{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:30px;background:#ffffffd6;margin:16px}.inbox-recipient input{flex:1;min-width:0;border:0;background:transparent;padding:8px}.inbox-recipient button{border-radius:50%;width:32px;height:32px;padding:0;font-size:24px}.inbox-recipient-result{display:flex;flex-direction:column;text-align:left;width:calc(100% - 32px);margin:6px 16px;padding:12px;border-radius:14px}.inbox-recipient-result span{font-size:12px;color:#626478}.inline-contact-fields{display:grid;gap:12px;padding:18px}.inline-contact-fields label{display:grid;gap:6px}.inline-contact-fields input,.inline-contact-fields select{width:100%;box-sizing:border-box}.inbox-conversation>.job-messages-history{max-height:52vh}.inbox-conversation [data-recipient-status]{padding:0 18px}
@media(max-width:600px){.message-bubble{max-width:90%}.job-message-options{flex-wrap:wrap}.inbox-header-actions{flex-wrap:wrap}.job-messages{height:65vh}.job-messages-header{padding:12px}.job-messages-history{padding:12px}}

/* Keep the six job summary fields aligned in one compact desktop row. */
.manual-job-information>label:not(.manual-full),.manual-job-information>.manual-customer-field{min-width:0}
@media(min-width:1100px){
 .manual-job-information{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
 .manual-job-information>label:not(.manual-full){gap:7px;padding-top:0}
 .manual-job-information .manual-field-heading{height:30px;margin-bottom:7px}
 .manual-job-information>label:not(.manual-full){line-height:30px}
 .manual-job-information>div:not(.manual-full):not(.manual-customer-field)>label{line-height:30px}
 .manual-job-information>label:not(.manual-full)>input,.manual-job-information>label:not(.manual-full)>select{margin-top:0}
}

/* Compact Overview keeps neutral statuses and single-line job titles. */
#main .overview-job-list .job>.badge{background:transparent!important;color:#19182f!important;box-shadow:none;flex-shrink:0;white-space:nowrap}
#main .overview-job-list .job{flex-wrap:nowrap}
#main .overview-job-list .job>.title{min-width:0;flex:1 1 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#main .overview-job-list .job>strong{flex-shrink:0}

/* HQ Messages visual contract: sidebar, white conversation and fixed composer. */
.hq-messages-parity{--message-accent:var(--purple,#6650db);--message-sidebar:linear-gradient(125deg,#f7f5ffdd,#eeebf899);border:0!important;border-radius:24px!important;background:transparent!important;box-shadow:none!important}
.hq-messages-parity>.page-title{justify-content:flex-end;margin:0 0 12px;padding:0;background:transparent}
.hq-messages-parity .inbox-header-actions{display:flex;align-items:center;gap:10px}
.message-settings{display:flex;align-items:center;gap:10px;border:1px solid #e7e7e7;border-radius:14px;padding:12px 16px;color:#151d2b;background:#ffffffb3;text-decoration:none}
.hq-messages-parity>.inbox-layout{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);grid-template-columns:33% minmax(0,1fr);height:calc(100dvh - 220px);min-height:620px;border:0;border-radius:24px;overflow:hidden}
.hq-messages-parity .inbox-sidebar{background:var(--message-sidebar);border:0;padding:22px;display:flex;flex-direction:column;min-height:0}
.hq-messages-parity .inbox-sidebar>h2{font-size:26px;margin:0 0 26px;color:#141d2b}
.hq-messages-parity .inbox-search{display:flex;align-items:center;gap:10px;margin:0 0 20px}
.hq-messages-parity .inbox-search input{border:0;border-radius:40px;margin:0;min-width:0;flex:1;padding:18px 20px;font-size:16px}
.hq-messages-parity .inbox-new-message{border:0;border-radius:50%;width:46px;height:46px;flex:0 0 46px;background:var(--message-accent);color:white;padding:0;font-size:30px}
.hq-messages-parity .inbox-thread-list{flex:1;max-height:none;min-height:0}
.hq-messages-parity .inbox-thread-list button{width:100%;text-align:left}
.hq-messages-parity .inbox-thread-list button[aria-pressed=true]{background:#e7e2fa;color:#242039}
.hq-messages-parity .inbox-avatar{background:#e7e4fd;color:var(--message-accent)}
.message-pagination{display:flex;justify-content:space-between;gap:12px;padding-top:16px}.message-pagination button{border:0;background:transparent;color:#18212e;padding:10px}.message-pagination button:disabled{opacity:.4}
.hq-messages-parity .inbox-conversation{min-height:0;overflow:hidden;background:#fff}
.hq-messages-parity .inbox-empty{flex:1;display:flex;flex-direction:column;justify-content:center;margin:0;color:#151d2b;padding:28px}
.hq-messages-parity .inbox-empty h3{text-transform:uppercase;letter-spacing:1.4px;font-size:13px;color:#151d2b}
.hq-messages-parity .inbox-empty p{font-size:17px}
.hq-messages-parity .job-messages{height:100%;min-height:0;border:0;border-radius:0;background:white;display:flex;flex-direction:column;flex:1}
.hq-messages-parity :is(.inbox-history,.job-messages-history){flex:1;min-height:0;max-height:none;overflow:auto;background:white;padding:22px}
.hq-messages-parity :is(.message-bubble.sent,.inbox-outgoing){background:white;color:#151d2b;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000a}
.hq-messages-parity :is(.message-bubble.received,.inbox-incoming){background:#f1edfb;color:#242039;border:1px solid #e0d9f2}
.hq-messages-parity :is(.hq-message-compose,.message-empty-compose){padding:20px;border-top:1px solid #ececec;background:white;margin:0}
.hq-messages-parity :is(.hq-message-compose,.message-empty-compose)>textarea{box-sizing:border-box;width:100%;min-height:82px;padding:16px;border:1px solid #e7e7e7;border-radius:16px;resize:vertical;background:white;font:inherit;margin:0}
.message-send-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:16px}
.message-send-controls label{display:flex;flex-direction:column;gap:4px;margin:0;font-size:13px;color:#72798a}
.message-send-controls select{box-sizing:border-box;width:100%;max-width:none;padding:12px;border:1px solid #e7e7e7;border-radius:12px;background:white;color:#687183;font:inherit}
.hq-messages-parity .message-send-controls button{background:var(--message-accent);color:white;border:0;border-radius:12px;padding:12px 20px;width:auto;height:auto;font:inherit;white-space:nowrap}
.hq-messages-parity .message-send-controls button:disabled{opacity:.45}
.hq-messages-parity .job-message-options:empty{display:none}
@media(max-width:700px){.hq-messages-parity>.inbox-layout{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);grid-template-columns:1fr;min-height:540px}.hq-messages-parity .inbox-sidebar{padding:16px}.hq-messages-parity.inbox-open .inbox-sidebar{display:none}.message-send-controls{grid-template-columns:1fr 1fr}.message-send-controls>button{grid-column:1/-1}.hq-messages-parity .inbox-header-actions{flex-wrap:wrap}.hq-messages-parity .inbox-empty{padding:20px}}

.message-settings-menu{position:relative;z-index:2}.message-settings-menu>summary{cursor:pointer;list-style:none}.message-settings-menu>summary::-webkit-details-marker{display:none}.hq-messages-parity .message-settings-menu>.inbox-header-actions{position:absolute;right:0;top:100%;min-width:200px;display:flex;flex-direction:column;align-items:stretch;padding:12px;background:white;border:1px solid #e7e7e7;border-radius:12px;box-shadow:0 8px 24px #00000012}.message-settings-menu:not([open])>.inbox-header-actions{display:none}.message-settings-menu a{padding:10px;color:#151d2b;text-decoration:none}

.hq-messages-parity .inbox-new-message{display:flex;align-items:center;justify-content:center;line-height:1}

.inbox-job-choice{padding:20px 24px;overflow:auto}.inbox-job-choice>h3{margin:0 0 12px}.inbox-job-choice>p{margin:0 0 18px}.inbox-job-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}.inbox-job-options>button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;text-align:left;min-width:0;min-height:76px;margin:0;padding:14px 16px;border:1px solid #ded8ed;border-radius:14px;background:linear-gradient(120deg,#ffffffee,#f7f4ffb3);color:#242039;box-shadow:inset 0 1px 0 white;font:inherit}.inbox-job-options>button>span{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#686279}.inbox-job-options>button:hover{background:#eee9fb;border-color:#b8a9e5}.inbox-job-options>button:focus-visible{outline:2px solid var(--purple,#6650db);outline-offset:2px}@media(max-width:700px){.inbox-job-choice{padding:16px}.inbox-job-options{grid-template-columns:1fr}}

/* Share one header row for the Communication title and Messages settings. */
#main:has(>#client-inbox-root.hq-messages-parity)>.page-title{min-height:44px;margin-bottom:16px;padding-right:150px;align-items:center}
#main:has(>#client-inbox-root.hq-messages-parity)>.page-title h1{margin:0}
#client-inbox-root.hq-messages-parity{position:relative;overflow:visible}
#client-inbox-root.hq-messages-parity>.page-title{position:absolute;right:0;top:-60px;height:44px;margin:0;padding:0}
#client-inbox-root.hq-messages-parity .message-settings{box-sizing:border-box;height:44px}
@media(max-width:500px){#main:has(>#client-inbox-root.hq-messages-parity)>.page-title{padding-right:116px}#main:has(>#client-inbox-root.hq-messages-parity)>.page-title h1{font-size:22px}#client-inbox-root.hq-messages-parity .message-settings{padding:10px;font-size:13px}}

/* Keep mobile navigation swipeable without displaying its scrollbar. */
@media(max-width:800px){#nav{scrollbar-width:none;-ms-overflow-style:none}#nav::-webkit-scrollbar{display:none;width:0;height:0}}

/* The same contact, preview and activity hierarchy on mobile and desktop. */
.inbox-thread-list button{border-radius:10px;margin:0;padding:16px 8px;align-items:flex-start;gap:12px;position:relative}
.inbox-thread-list button+button:before{content:"";position:absolute;top:0;left:60px;right:8px;border-top:1px solid #e3e0eb}
.inbox-thread-list .inbox-avatar{flex:0 0 44px;height:44px;margin-top:3px}
.inbox-thread-copy{flex:1;min-width:0}
.inbox-thread-top{display:flex;align-items:baseline;gap:8px;min-width:0}
.inbox-thread-top strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:650}
.inbox-thread-top time{flex:none;font-size:11px;color:#777387;white-space:nowrap}
.inbox-thread-chevron{color:#aaa4b9;font-size:22px;line-height:1}
.inbox-thread-list .inbox-thread-company{margin:3px 0 0;font-size:12px;opacity:1;color:#686277;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inbox-thread-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#858092;font-size:13px;line-height:1.4;margin-top:5px;overflow-wrap:anywhere}
.inbox-unread{color:var(--purple,#6650db);font-size:10px}
@media(max-width:700px){.hq-messages-parity .inbox-sidebar{padding:18px 14px}.inbox-thread-list button{padding:16px 4px;gap:12px}.inbox-thread-top strong{font-size:16px}.inbox-thread-top time{font-size:12px}.inbox-thread-preview{font-size:14px}}

.message-contact-name{border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-align:left;padding:0;cursor:pointer;border-radius:4px}
.message-contact-name:hover{text-decoration:underline;text-underline-offset:4px;background:transparent}
.message-contact-name:focus-visible{outline:2px solid var(--purple,#6650db);outline-offset:4px}
.message-customer-information .manual-customer-details dd{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:760px){body:not(.manage-mode):not(.portal-mode) header:has(>.top) #nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;box-sizing:border-box;gap:0;padding:3px;overflow:visible}body:not(.manage-mode):not(.portal-mode) header:has(>.top) #nav a{min-width:0;width:auto;padding:9px 1px;font-size:clamp(9px,2.55vw,11px);letter-spacing:-.25px;white-space:nowrap;box-sizing:border-box}}