/* Shared draft design system. No decorative movement on working screens. */
:root{--ink:#243248;--muted:#627189;--green:#2958a6;--line:#d8e0eb;--bg:#f6f5f1;--red:#a23737;--workspace-accent:#2958a6}body{font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}.workspace-draft-banner{display:flex;gap:18px;align-items:center;padding:10px 30px;background:#182333;color:#d6e1f1;font-size:11px;flex-wrap:wrap}.workspace-draft-banner b{font-size:9px;letter-spacing:.12em}.workspace-draft-banner a{color:#e6edf8;margin-left:auto}.workspace-draft-banner a+a{margin-left:0}.topbar{padding:20px 30px;background:#fff;border-color:var(--line)}.brand b{font-size:25px;font-weight:600;letter-spacing:-.8px}.top-actions{gap:10px}.top-actions button{font-size:12px;padding:9px 13px}.top-actions #save-state{color:#6c7a8d;font-size:11px}.mode{background:#eaf0f9;border-color:#d3dfef;color:#405a7d}.shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{background:#1c293b;color:#c7d4e6;border:0;padding-top:28px}.sidebar .eyebrow{color:#839bbd;font-size:9px;letter-spacing:.14em}.sidebar nav{gap:7px}.sidebar nav button{color:#c5d1e3;border:1px solid transparent;border-radius:5px;text-align:left;font-size:13px;font-weight:500;min-height:46px;padding:12px 16px;background:transparent}.sidebar nav button:hover{background:#2d405c}.sidebar nav button.active,.sidebar nav button[aria-current=page]{background:#e5ecf6;color:#273e60;border-color:#e5ecf6}.sidebar-bottom{border-color:#45577455}.sidebar-bottom a,.sidebar-bottom button,.sidebar-bottom label{color:#acbdd5;font-size:11px}.sidebar-bottom button,.sidebar-bottom label{background:transparent;border-color:#53698555}#main{padding:36px;max-width:1600px;width:100%;min-width:0}h1{font-size:30px;font-weight:600;letter-spacing:-.045em}h2{font-weight:600;font-size:21px;letter-spacing:-.035em}h3{font-weight:600;letter-spacing:-.025em}.eyebrow{color:#6e85a3}button,.button,.file-button{border-radius:5px;border-color:#c5d1e1;font-weight:500;transition:background .15s,border-color .15s;min-height:44px}button:hover,.button:hover{background:#eaf0f8;border-color:#9bb1cf}.primary,button.primary,.button.primary{background:#2958a6;border-color:#2958a6;color:#fff}.primary:hover{background:#214b91;border-color:#214b91}input,select,textarea{background:#fff;border:1px solid #b9c7da;border-radius:5px;color:#2c405e;min-height:46px;padding:12px;font-size:15px}input:focus,select:focus,textarea:focus{outline:3px solid #497fc62e;border-color:#4a78b8;outline-offset:1px}label{font-size:13px;line-height:1.6;color:#465a77}input[type=checkbox],input[type=radio]{accent-color:#23734a;min-height:20px;width:20px;height:20px;flex-shrink:0}input[type=checkbox]:not(:checked){outline-color:#aa4545}input[type=color]{padding:5px;min-height:44px}.fields{gap:22px 24px}.card,.home-stat,.job,.supply,.customer-card{background:#fff;border-color:#d9e1ec;border-radius:7px;box-shadow:0 3px 12px #22375204}.card{padding:26px}.home-stat{padding:22px;text-align:left}.home-stat b{font-weight:500;color:#294d7c;letter-spacing:-.045em}.home-stat small{color:#6d829f}.home-stat:hover{border-color:#8fa9cd;background:#fbfcff}.notice,.hint-box{background:#edf2fa;border-color:#c6d5eb;color:#506685;border-radius:5px;line-height:1.7}.notice p{color:inherit}.hint,small,.muted{color:#697a92}table{border-collapse:collapse}th{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#71849e;background:#f0f4fa}td,th{padding:15px;border-color:#dce4ef}td{font-size:13px}.business-profile{background:linear-gradient(115deg,#1c293b,#2f4564);border-color:#314b6f;color:#fff;border-radius:9px;box-shadow:none}.business-profile .business-profile-note,.business-profile .business-profile-age,.business-profile .business-profile-contact,.business-profile p{color:#c1d0e5}.business-profile-initials{background:#425b7d;color:#fff}.business-profile-stats{border-color:#7d95b74a}.business-profile-stats b{color:#fff;font-weight:500}.business-profile .business-profile-edit{background:#f1f5fb;color:#2c466a;border-color:#f1f5fb}.business-savebar{background:#f9fbff;border-color:#b9cce6;border-radius:6px;padding:15px;gap:12px}.business-navigation button.active,.job-flow-nav button.active{background:#e5edf9;color:#2958a6;border-color:#a9c0e1}.quote-sheet{background:#fffdfa;border:1px solid #d9e1eb;border-top:4px solid var(--quote-accent,#2958a6);border-radius:4px;box-shadow:0 12px 35px #2338540b;color:#27374e;padding:35px}.quote-sheet .estimate-top{border-color:#d8e0eb}.quote-sheet .brand-name{letter-spacing:-.04em}.quote-sheet .quote-total .total{color:var(--quote-accent,#2958a6);font-size:28px}.customer-approval{max-width:900px;margin:24px auto;padding:30px;background:#fff}.customer-consent{display:flex;align-items:flex-start;gap:12px}.customer-approval input[name=name]{width:100%}dialog{border:1px solid #cbd7e7;border-radius:10px;box-shadow:0 35px 100px #101c3540;background:#fdfdfa;color:#27374e;max-height:calc(100svh - 32px);overflow-y:auto}dialog::backdrop{background:#13213799;backdrop-filter:blur(5px)}dialog .dialog-close{color:#576c87}.dialog-actions{gap:12px;flex-wrap:wrap}#toast{background:#213b5e;color:#fff;border-radius:6px}.schedule-event{border-radius:5px}button:focus-visible,a:focus-visible{outline:3px solid #759fe0;outline-offset:3px}.toggle-state{font-size:11px;font-weight:600;margin-left:8px;color:#9f3333}.toggle-state.yes{color:#23734a}.design-workspace *, .design-workspace *:before,.design-workspace *:after{animation:none!important;scroll-behavior:auto!important}.design-workspace .business-profile,.design-workspace .quote-sheet,.design-workspace .card{transform:none!important}.preview-client-container{max-width:950px;margin:35px auto;padding:0 20px}.preview-client-container .quote-sheet{max-width:none}.preview-client-container .signature-pad{margin-block:20px}.preview-client-container canvas{width:100%;height:150px;background:#fff;border:1px solid #aabbd3;border-radius:5px;touch-action:none}.preview-client-container .signature-tools{display:flex;gap:8px;margin-top:8px}.preview-client-container .signature-pad small{display:block;margin:8px 0}.preview-client-container .signature-error{color:#a23737}.preview-client-container .signature-tools span{font-size:11px;margin-left:auto;color:#627189}
@media(max-width:900px){#main{padding:24px}.shell{grid-template-columns:180px minmax(0,1fr)}.top-actions{gap:6px}.topbar{padding:16px 22px}.top-actions #save-state{display:none}.card{padding:22px}}@media(max-width:700px){.workspace-draft-banner{padding:10px 16px;font-size:10px;gap:8px}.workspace-draft-banner span{width:100%}.workspace-draft-banner a{margin-left:0}.shell{display:block}.sidebar{padding:0}.sidebar nav button{text-align:center;min-height:48px;padding:9px 12px;font-size:11px}.sidebar nav button.active{background:#dce7f7}.sidebar-bottom{display:none}.sidebar .eyebrow{display:none}#main{padding:22px 16px 100px}.topbar{padding:15px 16px;align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end}.top-actions button{font-size:11px;padding:7px 10px}.brand b{font-size:20px}.brand img{width:32px;height:32px}h1{font-size:27px}.card{padding:20px}.fields{gap:20px}input,select,textarea{font-size:16px;min-height:48px}.home-stat{padding:17px}.quote-sheet{padding:23px 18px}.business-profile-stats{gap:15px}.customer-approval{padding:23px 18px}.preview-client-container{padding:0 12px;margin-top:20px}.business-savebar{position:relative}table{font-size:12px}td,th{padding:12px}}
/* Business colors continue to control the workspace. */
body{color:var(--page-text,var(--ink))}.primary,button.primary,.button.primary{background:var(--green);border-color:var(--green);color:var(--button-text,#fff)}.primary:hover{background:var(--green);filter:brightness(.94)}a{color:var(--link-color,var(--green))}.business-profile-stats b,.business-profile-stats strong{color:#294d7c}.business-profile{border-color:#314b6f}.workspace-brand img{background:var(--green)}
@media(max-width:700px){.topbar{display:flex;flex-wrap:wrap}.top-actions{width:100%;justify-content:flex-start}.mode{display:block;padding:12px 16px}.mode b{display:block;margin-bottom:4px}.mode span{display:block;font-size:12px}.schedule-filters{gap:12px}}

/* Consistent preview navigation. */
.preview-navigation{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.preview-navigation a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 13px;border:1px solid #758bab55;border-radius:4px;font-size:12px;letter-spacing:0;color:#dce6f5!important;margin:0!important;text-decoration:none}.preview-navigation a[aria-current=page]{background:#e6edf7;color:#253d60!important;border-color:#e6edf7}.preview-navigation a:hover{border-color:#a7bdda}.draft-bar,.workspace-draft-banner{align-items:center;gap:15px}.draft-bar>b,.workspace-draft-banner>b{font-size:9px;letter-spacing:.12em}.draft-bar>span,.workspace-draft-banner>span{font-size:10px;margin-left:auto}.draft-bar{background:#202733}@media(max-width:700px){.draft-bar,.workspace-draft-banner{padding:10px 16px;gap:8px}.draft-bar>span,.workspace-draft-banner>span{display:none}.preview-navigation{gap:4px}.preview-navigation a{padding:8px 10px;font-size:11px;min-height:44px}}

.signature-pad{margin:20px 0}.signature-pad canvas{display:block;width:100%;height:150px;background:#fff;border:1px solid #aab9cd;border-radius:5px;touch-action:none;cursor:crosshair}.signature-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.signature-tools span{font-size:12px;color:#52647b}.signed-drawing{max-width:440px;margin:20px 0;break-inside:avoid}.signed-drawing svg{width:100%;max-height:150px;border-bottom:1px solid #cbd5e1}.signed-drawing figcaption{font-size:12px;color:#52647b}.signature-pad canvas:focus-visible{outline:3px solid #729ee0;outline-offset:3px}@media print{.signed-drawing svg{display:block!important}}

.usage-entry-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,.6fr);gap:15px}.usage-entry-fields input,.usage-entry-fields select{width:100%}.usage-fractions{margin-block:12px}.usage-fractions button{min-width:54px}.signature-pad,.usage-entry-fields{min-width:0}[hidden]{display:none!important}@media(max-width:430px){.usage-entry-fields{grid-template-columns:minmax(0,1fr) 100px}}

/* User navigation stays in the workspace header. Owner preview controls remain separate. */
.workspace-heading{display:flex;align-items:center;gap:18px;min-width:0}.workspace-heading #workspace-back{flex:0 0 auto;white-space:nowrap;background:#fff;color:#2c405e;border:1px solid #c5d1e1;font-size:13px;min-height:44px;padding:9px 12px}.workspace-heading #workspace-back:disabled{opacity:.45;cursor:default}.quick-account{max-width:480px}.quick-account>p{overflow-wrap:anywhere}.quick-account-links{display:grid;margin:20px 0 24px;border-top:1px solid #d9e1ec}.quick-account-links button{display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;background:transparent;border:0;border-bottom:1px solid #d9e1ec;border-radius:0;padding:16px 2px;min-height:52px;font-size:15px;color:#27374e}.quick-account-links button:hover{background:#edf2fa}.quick-session-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.quick-session-actions button{flex:1;min-height:46px}#quick-sign-out{color:#a23737;background:#fff;border-color:#ccaaaa}.quick-account .hint{margin-top:18px;font-size:12px;line-height:1.6}@media(max-width:700px){.workspace-heading{width:100%;gap:12px}.workspace-heading .workspace-brand{min-width:0}.workspace-heading #workspace-back{padding:8px 10px;font-size:12px}.quick-session-actions{display:grid;grid-template-columns:1fr 1fr}.quick-account-links button{font-size:15px}}

#dialog:has(.quick-account){width:min(560px,calc(100% - 32px));max-width:560px}#dialog:has(.quick-account)>#dialog-help{display:none}
.design-workspace>.topbar{position:sticky;top:0;z-index:40}html.owner-preview-ui .design-workspace>.topbar{top:var(--preview-bar-height)}.phone-typing .design-workspace>.topbar{position:static}
/* A stable business header and a focused set of everyday destinations. */
.design-workspace>.topbar{display:flex;flex-wrap:nowrap;align-items:center;gap:24px;padding:18px 28px;min-height:92px;background:#fff}
.workspace-heading{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 12px;align-items:center;flex:1;min-width:0}
.workspace-heading #workspace-back{grid-column:1;grid-row:1/3}.workspace-heading #workspace-home{grid-column:2;grid-row:1;min-width:0;gap:12px}.workspace-heading #save-state{grid-column:2;grid-row:2;font-size:11px;line-height:1.5;color:#6b7c90;padding-left:54px;display:block}
.workspace-brand strong{font-size:18px;line-height:1.3;letter-spacing:-.5px}.workspace-brand .business-initials{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#e9f0f9;color:#2f5280;font-size:15px;font-weight:700;flex-shrink:0}.workspace-brand span:has(>strong){min-width:0}.workspace-brand strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.design-workspace .top-actions{width:auto;max-width:none;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap}.top-actions #workspace-display{display:none!important}.top-actions button{min-height:42px;border:1px solid #d5deea;border-radius:7px;padding:10px 14px;background:#fff;color:#3e536d;font-size:12px;font-weight:600}.top-actions #account{background:#284f80;color:#fff;border-color:#284f80}.top-actions #workspace-help{border-color:transparent;background:transparent}
#mode:empty{display:none}.sidebar nav>[data-tab=business]{display:none!important}.sidebar nav{gap:6px}.sidebar nav button{transition:background-color .15s,color .15s}
@media(min-width:701px) and (max-width:1000px){.sidebar nav{display:flex;gap:6px;padding:8px 12px;overflow-x:auto}.sidebar nav>[data-tab]{flex:1;min-width:94px}.sidebar nav>.mobile-more{display:none}}
@media(max-width:700px){.design-workspace>.topbar{padding:14px 16px;gap:12px;min-height:80px}.workspace-brand strong{font-size:15px}.workspace-heading #save-state{font-size:10px;padding-left:0}.workspace-brand .business-initials{display:none}.design-workspace .top-actions{gap:6px}.top-actions #workspace-help{display:none}.top-actions button{font-size:11px;padding:8px 10px;min-height:40px}.workspace-heading{gap:0 6px}.sidebar nav>[data-tab=business]{display:none!important}}
@media(max-width:700px){.workspace-heading #workspace-back:disabled{display:none}.top-actions #notifications{font-size:0;width:40px;padding:9px}.top-actions #notifications svg{display:block;width:18px;height:18px}.top-actions #notifications:empty:before{content:'•';font-size:20px}.workspace-heading #workspace-home{grid-column:2}}

/* Clear, device-scoped preference groups. */
.workspace-preferences h3{margin:26px 0 12px;font-size:18px}.workspace-preferences>p{max-width:62ch}.workspace-preferences details{padding:16px;border:1px solid #d5dce6;border-radius:8px;background:#f5f7fa}.workspace-preferences summary{cursor:pointer;font-weight:600;min-height:32px}.workspace-preferences form>label{display:block;margin:20px 0;line-height:1.6}.workspace-preferences form>label>select{display:block;width:100%;margin-top:8px;min-height:46px}.workspace-preferences input[type=checkbox]{width:20px;height:20px;vertical-align:middle;margin:0 8px 0 0}.workspace-preferences .actions{display:flex;flex-wrap:wrap;gap:12px}.workspace-preferences button{min-height:44px}.workspace-preferences [role=status]:empty{display:none}

/* Keep ordinary instructions readable across workspace, Help and customer screens. */
.design-workspace #main p.hint,#dialog-content p.hint,#help-panel p,.customer-estimate-view .hint{font-size:14px;line-height:1.65}
.design-workspace #main .card>p,#dialog-content>p,#help-panel p{max-width:70ch}
.design-workspace .page-head>div>p{max-width:65ch;line-height:1.6}
#help-panel details>summary{padding-top:12px;padding-bottom:12px;min-height:44px;line-height:1.5}
#help-panel details>p{margin:12px 0}
.customer-estimate-view .customer-approval>p{max-width:65ch;line-height:1.65}