/* Retained proposals only. Rejected screen families use the application's baseline styles. */
.app-design :is([data-screen="set-pricing"],[data-screen="set-business"],[data-setup-tool="quo"],[data-setup-tool="invoice_path"],.ds-board,.eq-screen,.sheet:is(.date-sheet,.job-sheet,.eq-sheet)) :is(.btn,.ds-button) { min-height: 44px; border-radius: 12px; padding: 10px 16px; line-height: 1.35; white-space: normal; }
.app-design :is([data-screen="set-pricing"],[data-screen="set-business"],[data-setup-tool="quo"],[data-setup-tool="invoice_path"],.sheet:is(.date-sheet,.job-sheet,.eq-sheet)) :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { font-size: 1rem; min-height: 44px; border-radius: 12px; }
.app-design :is([data-screen="set-pricing"],[data-screen="set-business"],[data-setup-tool="quo"],[data-setup-tool="invoice_path"],.ds-board,.eq-screen,.sheet:is(.date-sheet,.job-sheet,.eq-sheet),.ac--ads,.hp-panel) :is(button,input,textarea,select,summary,a):focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
.app-design :is([data-screen="set-pricing"],[data-screen="set-business"],[data-setup-tool="quo"],[data-setup-tool="invoice_path"],.ds-board,.eq-screen,.sheet:is(.date-sheet,.job-sheet,.eq-sheet),.ac--ads,.hp-panel) :is(button:disabled,input:disabled) { opacity: .55; cursor: not-allowed; }
.app-design :is([data-screen="set-pricing"],[data-screen="set-business"],[data-setup-tool="quo"],[data-setup-tool="invoice_path"],.sheet:is(.date-sheet,.job-sheet,.eq-sheet)) :is(.why,.hint,.meta) { font-size: .875rem; line-height: 1.5; }
.app-design :is([data-screen="set-pricing"],[data-screen="set-business"],[data-setup-tool="quo"],[data-setup-tool="invoice_path"],.ds-board,.eq-screen,.sheet:is(.date-sheet,.job-sheet,.eq-sheet)) :is(.ops-price,.sg-form,.ds-detail-hero) { overflow-wrap: anywhere; min-width: 0; }
.app-design [data-ops-off] { color: var(--rt-bad); border-color: currentColor; }
.app-design :is([data-screen="set-pricing"],[data-screen="set-business"]) .preview-form-actions { position: sticky; bottom: 16px; z-index: 20; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 12px 16px; border: 1px solid var(--border); border-radius: 16px; background: var(--surface); box-shadow: 0 6px 24px #0002; }
.app-design :is([data-screen="set-pricing"],[data-screen="set-business"]) .preview-form-actions .sg-act { margin: 0; display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.app-design :is([data-ops=pricing],[data-business-form]) { padding-bottom: 140px; }
.app-design .sheet:is(.date-sheet,.job-sheet,.eq-sheet) { max-height: min(90dvh, 900px); display: flex; flex-direction: column; }
.app-design .sheet:is(.date-sheet,.job-sheet,.eq-sheet) > .sheet-head { flex: none; }
.app-design .sheet:is(.date-sheet,.job-sheet,.eq-sheet) > .sheet-body { flex: 1 1 auto; overflow-y: auto; min-height: 0; scroll-padding-bottom: 100px; }
.app-design .sheet:is(.date-sheet,.job-sheet,.eq-sheet) .preview-dialog-actions { position: sticky; bottom: -1px; background: var(--surface); padding: 16px 0 max(12px, env(safe-area-inset-bottom)); border-top: 1px solid var(--border); z-index: 2; display: flex; flex-wrap: wrap; gap: 12px; }
.app-design .sheet:is(.date-sheet,.job-sheet,.eq-sheet) > .preview-dialog-actions { position: static; flex: none; margin: 0; padding: 16px 24px max(16px,env(safe-area-inset-bottom)); }
.app-design :is(.ds-board,.ac--ads) .preview-choice-row { display: flex; align-items: stretch; gap: 8px; min-width: 0; width: 100%; }
.app-design :is(.ds-board,.ac--ads) .preview-choice-row > :first-child { flex: 1; min-width: 0; max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; scroll-padding-inline: 12px; }
.app-design :is(.ds-board,.ac--ads) .preview-choice-row button { flex-shrink: 0; }
.app-design :is(.ds-board,.ac--ads) .preview-more { flex: none; width: 44px; min-height: 44px; border-radius: 12px; border: 1px solid var(--border-strong); background: var(--surface); color: var(--link); font-size: 1.4rem; }
.app-design :is(.ds-board,.ac--ads) .preview-more[hidden] { display: none; }
.app-design :is([data-setup-tool="quo"],[data-setup-tool="invoice_path"]) .at-steps { counter-reset: setup; display: grid; gap: 16px; padding: 0; list-style: none; }
.app-design :is([data-setup-tool="quo"],[data-setup-tool="invoice_path"]) .at-steps > li { counter-increment: setup; padding: 16px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); }
.app-design :is([data-setup-tool="quo"],[data-setup-tool="invoice_path"]) .at-steps > li::before { content: 'Step ' counter(setup); display: block; color: var(--link); font-weight: 650; margin-bottom: 8px; }
.app-design :is([data-setup-tool="quo"],[data-setup-tool="invoice_path"]) .preview-setup-fold { padding: 12px 16px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); }
.app-design :is([data-setup-tool="quo"],[data-setup-tool="invoice_path"]) .preview-setup-fold > summary { cursor: pointer; min-height: 44px; align-content: center; font-weight: 600; }
.app-design :is(.ac--ads .ac-box,.hp-box) { box-sizing: border-box; width: 100%; min-width: 0; min-height: 48px; max-height: 30dvh; resize: vertical; padding: 12px 16px; font: 400 1rem/1.5 var(--rt-body); background: var(--input-bg,var(--surface)); color: var(--text); border: 1px solid var(--border-strong); border-radius: 12px; }
.app-design :is(.ac--ads .ac-compose,.hp-ask) { display: flex; align-items: flex-end; gap: 12px; padding: 12px 16px; }
.app-design :is(.ac--ads .ac-send,.hp-send) { min-height: 48px; padding: 12px 16px; border-radius: 12px; flex-shrink: 0; }
.app-design :is(.ac--ads .ac-chat,.ac--ads .ac-start,.hp-chat,.hp-start) { min-height: 44px; white-space: normal; overflow-wrap: anywhere; }
.app-design .job-panel .ds-detail-hero { padding: 24px; border-bottom: 1px solid var(--border); }
.app-design :is(.ds-board,.job-sheet,.eq-screen,.eq-sheet) :is(.jb-acts,.eq-acts) { display: flex; flex-wrap: wrap; gap: 12px; padding-block: 16px; border-top: 1px solid var(--border); }
.app-design :is(.eq-screen,.eq-sheet) .eq-acts-end { display: flex; gap: 12px; flex-wrap: wrap; }
.app-design .eq-sheet .sheet-title { font-size: 1.5rem; overflow-wrap: anywhere; }
.app-design .eq-sheet .sheet-body > :is(.eq-facts,.eq-svc) { border-top: 1px solid var(--border); padding-block: 16px; }
@media(min-width: 900px) {
 .app-design .board-split { display: grid; grid-template-columns: minmax(340px,1fr) minmax(340px,.9fr); gap: 24px; align-items: start; }
 .app-design .board-split > :is(.board-main,.job-panel) { min-width: 0; width: auto; grid-column: auto; grid-row: auto; order: 0; }
}
@media(max-width: 899px) {
 .app-design .ac--ads.ac--open > .preview-choice-row { display: none; }
 .app-design :is([data-screen="set-pricing"],[data-screen="set-business"]) .preview-form-actions { position: fixed; inset-inline: 16px; bottom: max(calc(var(--bar-room) + 12px),var(--preview-keyboard-clearance,0px)); margin: 0; }
 .app-design :is([data-screen="set-pricing"],[data-screen="set-business"]) .preview-form-actions > .primary { margin-left: auto; }
 .app-design .board-split > .board-main { display: none; }
 .app-design .board-split > .job-panel { width: 100%; }
 .app-design.preview-has-footer { scroll-padding-bottom: calc(var(--bar-room) + 120px); }
 .app-design :is([data-ops=pricing],[data-business-form]) :is(input,textarea,select) { scroll-margin-bottom: calc(var(--bar-room) + 140px); }
 .app-design .sheet-back:has(> .sheet:is(.date-sheet,.job-sheet,.eq-sheet)) { top: var(--preview-visible-top,0px); bottom: auto; height: var(--preview-visible-height,100dvh); }
 .app-design .sheet:is(.date-sheet,.job-sheet,.eq-sheet) { max-height: calc(var(--preview-visible-height,100dvh) - 16px); }
 .app-design .hp-panel { top: max(72px,calc(var(--preview-visible-top,0px) + 12px)); bottom: max(calc(var(--bar-room) + 8px),var(--preview-keyboard-clearance,0px)); }
 .app-design.preview-has-footer .toast { bottom: calc(max(calc(var(--bar-room) + 12px),var(--preview-keyboard-clearance,0px)) + var(--preview-footer-height,80px) + 12px); }
}
.app-design.preview-has-footer .toast:not(:has(button,a)) { pointer-events: none; }
/* Below 1100px, the sidebar leaves too little room for two usable Board panes. */
@media(min-width:900px) and (max-width:1099px) {
 .app-design .board-split { grid-template-columns: minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) {
 .app-design :is([data-screen="set-pricing"],[data-screen="set-business"],[data-setup-tool="quo"],[data-setup-tool="invoice_path"],.ds-board,.eq-screen,.sheet:is(.date-sheet,.job-sheet,.eq-sheet),.ac--ads,.hp-panel) { scroll-behavior: auto !important; }
}

/* Owner-selected Board treatment, Nov 3, 2026. Other preview styles are preserved. */
.app-design .ds-board .board-list.ds-card{padding:12px}
.app-design .ds-board .board-list .rows{gap:10px}
.app-design .ds-board .board-list .brow{padding:12px 14px;border:1px solid var(--ds-line);border-radius:14px;background:color-mix(in srgb,var(--surface-2) 55%,var(--surface));transition:background .15s ease,border-color .15s ease}
.app-design .ds-board .board-list .brow:hover{background:var(--surface-2);border-color:color-mix(in srgb,var(--accent) 32%,var(--ds-line))}
.app-design .ds-board .board-list .brow.is-open{background:var(--ds-row-pick-bg);border-color:color-mix(in srgb,var(--accent) 45%,var(--ds-line));box-shadow:inset 3px 0 0 var(--accent)}
.app-design .ds-board .board-list .board-row-identity .row-sub{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px;color:var(--text-2)}
.app-design .ds-board .board-list .board-town-pin{width:13px;height:13px;flex:none;opacity:.8}
.app-design .ds-board .board-list .board-row-identity .row-name{color:var(--heading);font-weight:700}
.app-design .ds-board .board-list .brow-main{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.app-design .ds-board .board-list .board-row-identity{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:4px;min-width:0;width:100%}
.app-design .ds-board .board-list .board-row-identity .row-name{flex:0 1 auto;text-align:left;min-width:0;max-width:100%;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.app-design .ds-board .board-list .board-row-identity .row-sub{flex:0 1 auto;min-width:0;max-width:100%;margin-left:0;text-align:left;justify-content:flex-start;font-size:.8125rem;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.app-design .ds-board .board-list .brow-main .track-wrap{grid-area:auto;grid-column:1 / -1;width:100%;max-width:none}
.app-design .ds-board .board-list .brow-main .track{width:100%;max-width:none}
.ds-board .board-list .brow .track-wrap,.ds-board .board-list .brow-main .track{width:100%;max-width:none}
.ds-board .board-list .brow-main .track{display:flex;gap:5px}
.ds-board .board-list .brow-main .track .tk{flex:1;min-width:0;height:5px;border-radius:999px;background:color-mix(in srgb,var(--text-3) 26%,var(--surface-2))}
.ds-board .board-list .brow-main .track .tk.on{background:var(--accent)}
.ds-board .board-list .track-w{display:none}
.ds-board > .ds-page-header{position:relative;justify-content:center}
.ds-board > .ds-page-header > div:first-child{width:100%;padding-inline:44px;text-align:center;box-sizing:border-box}
.ds-board > .ds-page-header .ds-page-header__actions{position:absolute;right:0;top:50%;transform:translateY(-50%)}
.board-status{flex:0 1 auto;min-width:0;max-width:100%}
.board-status-select{box-sizing:border-box;max-width:100%;min-height:44px;border:1px solid var(--border-strong);border-radius:var(--r-pill);padding:10px 38px 10px 16px;background:var(--ds-row-pick-bg);background-color:var(--surface);color:var(--heading);font:600 .875rem/1.4 var(--rt-body)}
.board-status-select option{background-color:var(--surface);color:var(--text)}
.board-status-select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.app-design .eq-sheet .btn.cta.full{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px}
@media(min-width:560px){.cu-hand-sheet .sheet-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.cu-hand-sheet .sheet-body>:is(p.meta,.field:first-of-type,.field:nth-of-type(5),.field:nth-of-type(9),.btn.full){grid-column:1 / -1}
}
.job-panel .ds-detail-hero.board-job-summary,.job-sheet .ds-detail-hero.board-job-summary{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:20px;border:0}
.board-job-summary .board-work{font-size:1.0625rem;line-height:1.45;font-weight:650;color:var(--heading)}
.board-job-summary .jb-owed{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 16px;align-items:baseline;border-top:1px solid var(--border);padding-top:12px}
.board-job-summary .jb-owed-l{grid-column:1;grid-row:1}
.board-job-summary .jb-bal{grid-column:2;grid-row:1 / span 2;align-self:center}
.board-job-summary .jb-owed-t{grid-column:1;grid-row:2}
.job-panel .jb-nl,.job-sheet .jb-nl{color:var(--heading);font-weight:600}
@media(max-width:899px){.board-status{flex:1 1 100%}
.board-status-select{width:100%}
.board-job-summary .board-work{font-size:1rem}
}


/* Owner-approved job details, Nov 3, 2026. */
.app-design .jd-layout .jd-payments .jd-payment-box{align-items:center;text-align:center}
.app-design .jd-layout .jd-payments .jd-payment-box .jb-owed-t{align-items:center;text-align:center}
.app-design .jd-layout .jd-payments.jd-payment-boxes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:0}
.app-design .jd-layout .jd-payment-box{display:flex;flex-direction:column;gap:4px;min-width:0;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}
.app-design .jd-layout .jd-payments .jd-payment-box p{margin:0}
.app-design .jd-layout .jd-payments .jd-payment-box .jb-bal{align-self:auto}
.app-design .jd-layout .board-job-summary{min-height:0;gap:0;padding:16px 20px}
.app-design .jd-layout .jd-payments{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 24px;padding:0 4px;align-items:start;text-align:left}
.app-design .jd-layout .jd-payments .jb-owed-l{grid-column:1;grid-row:1;margin:0;color:var(--text-2);font:500 .8125rem/1.5 var(--rt-body)}
.app-design .jd-layout .jd-payments .jb-bal{grid-column:1;grid-row:2;align-self:start;color:var(--heading);font:600 1.25rem/1.4 var(--rt-body)}
.app-design .jd-layout .jd-payments .jb-owed-t{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;gap:4px;margin:0;align-items:flex-start}
.app-design .jd-layout .jd-payments .jd-money-label{color:var(--text-2);font:500 .8125rem/1.5 var(--rt-body)}
.app-design .jd-layout .jd-payments .jd-money-value{color:var(--heading);font:600 1.25rem/1.4 var(--rt-body)}
.app-design .jd-layout .board-job-summary .jb-owed{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 24px;align-items:start;text-align:left}
.app-design .jd-layout .board-job-summary .jb-owed-l{grid-column:1;grid-row:1;font-size:.8125rem;font-weight:500}
.app-design .jd-layout .board-job-summary .jb-bal{grid-column:1;grid-row:2;align-self:start;font-size:1.75rem;line-height:1.2}
.app-design .jd-layout .board-job-summary .jb-owed-t{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;gap:4px;align-items:flex-start;font-weight:500}
.app-design .jd-layout .jd-money-label{font-size:.8125rem;line-height:1.5;color:var(--text-2)}
.app-design .jd-layout .jd-money-value{font-size:1.25rem;line-height:1.4;font-weight:600;color:var(--heading)}

.app-design .job-panel.jd-layout{gap:16px}

.app-design .job-sheet.jd-layout .sheet-body{gap:16px}

.app-design .jd-layout .jd-group{margin:0;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}

.app-design .jd-layout .jd-group-title{margin:0 0 12px;color:var(--heading);font:600 .875rem/1.4 var(--rt-body)}

.app-design .jd-layout .jd-group .jb-facts{margin:0}

.app-design .jd-layout .jd-group .jb-facts>div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--border)}

.app-design .jd-layout .jd-group .jb-facts>div:first-child{padding-top:0;border-top:0}

.app-design .jd-layout .jd-group .jb-facts>div:last-child{padding-bottom:0}

.app-design .jd-layout .jd-group .jb-facts dt{font-size:.8125rem;line-height:1.5;color:var(--text-2)}

.app-design .jd-layout .jd-group .jb-facts dd{margin:0;text-align:left;font-size:.875rem;line-height:1.5;font-weight:500;overflow-wrap:anywhere}

.app-design .jd-layout .jb-notes{padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);font-size:.875rem;line-height:1.5}

.app-design .jd-layout .jb-nl{margin-bottom:6px;color:var(--heading);font-size:.875rem;font-weight:600}

.app-design .jd-layout .jb-notes p{margin:0}

.app-design .jd-layout .jd-progress{padding:0;border:0;background:none}

.app-design .jd-layout .jd-progress .track.labelled{width:100%}

.app-design .jd-layout .jd-photos .photos-row{margin:0;padding:0}

.app-design .jd-layout .jd-photos .photos-row>.meta{padding:0}