/* Shared Big Chipper visual foundations: conversation demo and decision lab. */
:root{--font-ui:Inter,ui-sans-serif,system-ui,sans-serif;--font-editorial:Georgia,serif;--font-display-price:var(--font-editorial);--display-price-weight:400;--display-price-line-height:1.2;--green:#24583c;--muted:#607065;--line:#d8ded1;--gold:#a26b21;--page:#f3f3eb;--ink:#213c31;--tablet-ink:#233d51;--tablet-accent:#204962;font-family:var(--font-ui);color:var(--ink);background:var(--page);font-size:15px;line-height:1.5}
button,input,textarea,select{font-family:var(--font-ui)}
:focus-visible{outline:3px solid #c39646;outline-offset:3px}
.topbar{border-color:var(--line)}.brandmark,.mark{background:var(--green)}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--muted);margin:0 0 7px}
.field-workspace-hero h1,.field-hero h1{font-family:var(--font-editorial);font-weight:500;font-size:46px;line-height:1.1;letter-spacing:-1px;max-width:640px;margin:10px 0 14px}
.field-workspace-hero>p:last-child{font-size:16px;color:var(--muted);max-width:760px}
.field-workspace-summary,.field-summary{grid-template-columns:1.5fr 1fr;gap:20px;margin:28px 0 26px}
.field-workspace-summary article,.field-story,.field-total{padding:28px;border-color:var(--line);border-radius:12px}
.field-workspace-summary h2,.field-story h2,.tablet-intro h2,.mock-intro h2{font-family:var(--font-editorial);font-size:26px;font-weight:500;line-height:1.2;letter-spacing:normal;margin:0 0 14px}
.field-workspace-summary article>p,.field-story p{font-size:14px;line-height:1.5}
.field-workspace-summary article:last-child{background:#e4ebda;display:flex;flex-direction:column;justify-content:center}
.field-workspace-summary article>strong{font-family:var(--font-display-price);font-size:48px;font-weight:var(--display-price-weight);line-height:var(--display-price-line-height);margin:6px 0}
.field-workspace-summary article:last-child button{align-self:start;margin-top:15px}
.field-workspace-summary .detail-link{font-size:12px;color:var(--green)}
.tablet-intro p,.mock-intro p{font-size:12px;color:var(--muted)}
.estimate-tablet,.tablet{background:#1d2828;border-color:#394441;border-radius:30px;padding:16px 18px 23px;box-shadow:0 16px 45px #203c311c}
.tablet-screen{background:#f1f4f8;color:var(--tablet-ink);border-radius:13px}
.tablet-bar{background:var(--tablet-accent);padding:13px 22px;font-size:13px}
.tablet-content,.estimate-main{padding:26px}
.tablet-heading h2,.estimate-heading h2{font-family:var(--font-ui);font-weight:700;font-size:25px;line-height:1.2;letter-spacing:-.6px;margin:5px 0}
.tablet-total{font-family:var(--font-ui);font-size:30px;font-weight:700}
.tablet-heading p,.tablet-content p{font-size:12px;color:#657b8d}
.tablet-service{border-color:#d6dfe6;border-radius:10px;margin:16px 0}
.tablet-service-head{background:#fbfcfe;padding:18px 20px;border-color:#e3e8ee}
.tablet-service-head h3{font-family:var(--font-ui);font-size:16px;font-weight:700;color:#213e53;margin:0 0 5px}
.tablet-service-head p{color:#627789;font-size:12px;margin:6px 0}
.tablet-service-head>strong{font-size:19px}
.tablet-screen button,.tablet-intro button,.tablet-dialog button{border-radius:6px;border-color:#d3dfe9;color:#23648a;font-size:12px;padding:9px 12px}
.tablet-badge{border-radius:5px;font-size:10px;font-weight:700;letter-spacing:.4px;background:#fff2cf;color:#7a5e13;padding:4px 8px}
.tablet-screen th{font-size:10px;letter-spacing:.6px;text-transform:uppercase}
.tablet-screen td small{font-size:11px;color:#5b7485}
.tablet-dialog{font-family:var(--font-ui);color:#29475c}.tablet-dialog h2{font-family:var(--font-ui);font-size:22px;font-weight:700;letter-spacing:normal}
.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--green);font-weight:600;transition:background .15s,border-color .15s}.secondary-button:hover{background:#eaf1e5;border-color:#9eb49a}.secondary-button:active{background:#dfe9d9}
body.in-field-workspace main{max-width:1400px;padding:32px 4vw 50px}
body.in-field-workspace .topbar{padding:18px 4vw}
body.in-field-workspace .brand small{font-size:10px;letter-spacing:1.7px}
@media(max-width:850px){.field-workspace-summary,.field-summary{grid-template-columns:1fr}.field-workspace-hero h1,.field-hero h1{font-size:36px}.tablet-content,.estimate-main{padding:18px}.estimate-tablet,.tablet{padding:12px 10px 21px;border-radius:23px}.tablet-heading h2,.estimate-heading h2{font-size:20px}.tablet-total{font-size:25px}.field-workspace-summary article,.field-story,.field-total{padding:22px}}
@media(max-width:520px){.tablet-content,.estimate-main{padding:13px}.field-workspace-hero h1{font-size:31px}}
.technical-identity{font-size:10px;letter-spacing:0;font-weight:400;text-transform:none;opacity:.7;overflow-wrap:anywhere}.tablet-bar>span{overflow-wrap:anywhere;text-align:right}.review-checklist{padding:18px 20px;border:1px solid var(--line);background:#f3f5ed;border-radius:10px}.review-checklist h3{margin-bottom:8px}.review-state{color:var(--green);font-size:12px}.review-history{margin-top:18px}.history-plan-option{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:12px}.history-plan-option button{border:1px solid var(--line);border-radius:6px;padding:8px 12px;background:white;color:var(--green);font-size:11px}.review-updating{padding:24px;display:flex;align-items:center;gap:12px}.review-updating .tiny-dot{animation:handoff-breathe 1.5s ease-in-out infinite}.tablet-service-head p{max-width:680px}.tablet-screen td:last-child{white-space:nowrap}.tablet-screen details{font-size:12px}.tablet-screen summary{cursor:pointer}.tablet-screen td button{min-height:36px}.tablet-dialog button[type=submit],.tablet-dialog button:last-child{background:#23648a;color:white}.tablet-screen button[data-tablet=approve]{background:#23648a;color:#fff;border-color:#23648a}.tablet-screen button:hover:not(:disabled),.tablet-intro button:hover{border-color:#23648a;background:#edf4f8}.tablet-screen button[data-tablet=approve]:hover:not(:disabled){background:#204962}.review-form textarea{min-height:100px}body[data-view=field] .tablet-provenance{font-size:11px!important}@media(prefers-reduced-motion:reduce){.review-updating .tiny-dot{animation:none}}
body.in-field-workspace .modal-playback{display:none}.tablet-service-head .service-evidence{padding:0;margin:8px 0 0;font-size:11px;color:#627789}.tablet-service-head .service-evidence summary{font-size:11px}.tablet-dialog form>button{margin:8px 8px 0 0}.tablet-screen .tablet-provenance{color:#748a99}.tablet-screen input:focus,.tablet-screen select:focus,.review-form textarea:focus{outline:2px solid #c39646;outline-offset:2px}
.question-card{border:1px solid var(--line);border-radius:12px;padding:22px;margin:18px 0;background:white}.question-card-heading{display:flex;justify-content:space-between;align-items:start;gap:15px}.question-card h3{font-size:15px;line-height:1.5;margin:0 0 12px}.question-status{font-size:10px;border-radius:12px;padding:4px 9px;background:#fff0cc;color:#7c5a18;white-space:nowrap}.question-status[data-status=resolved]{background:#e0efdf;color:#365d3b}.question-status[data-status=dismissed]{background:#edf0ed;color:#637366}.question-status[data-status=updating]{background:#e1edf6;color:#285a79}.question-status[data-status=error]{background:#f8e4df;color:#943e28}.question-detail,.question-count,.question-progress{font-size:12px;color:var(--muted);line-height:1.6}.question-card label{display:block;font-size:12px;margin:14px 0 7px;font-weight:600}.question-card textarea{display:block;width:100%;min-height:90px;border:1px solid #cbd8c5;padding:12px;border-radius:7px;font:inherit;font-size:13px;resize:vertical;margin-bottom:14px}.question-card button{border:1px solid var(--line);padding:9px 13px;border-radius:7px;background:white;color:var(--green);font:inherit;font-size:12px}.question-card button.primary-button{background:var(--green);color:white}.question-card details{font-size:12px;margin-top:16px}.question-card summary{cursor:pointer}.question-error{color:#9b3d29;font-size:12px;margin:12px 0 0}.question-saved p{font-size:13px;white-space:pre-wrap}.question-empty{padding:22px;background:#e9f0e3;border-radius:9px}.question-progress{padding:14px;background:#e8f0f5;border-radius:9px}.tablet-plan{background:white;border:1px solid #d6dfe6;border-radius:10px;margin:22px 0;padding:22px}.tablet-plan h3{font-size:16px}.tablet-plan h4{font-size:13px;margin:12px 0}.tablet-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tablet-plan label{font-size:12px;display:block;margin:12px 0}.tablet-plan textarea{display:block;width:100%;min-height:75px;padding:10px;border:1px solid #cbd8e0;border-radius:6px;resize:vertical;font:inherit;font-size:12px;color:#29475c}.tablet-plan .plan-ack,.approach-options label{display:flex;gap:8px;align-items:start}.tablet-plan input[type=checkbox]{margin-top:3px}.tablet-plan details{font-size:12px;padding:10px 0}.tablet-plan summary{cursor:pointer}.plan-status{color:var(--green)!important}.tablet-history .history-plan-option{display:block}.tablet-history strong{display:block;font-size:12px;margin-bottom:8px}@media(max-width:750px){.tablet-plan-grid{grid-template-columns:1fr}.question-card-heading{flex-direction:column;gap:0}.question-status{margin-bottom:14px}.question-card{padding:16px}}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.question-card{padding:14px 16px;margin:10px 0}.question-card h3{font-size:13px;line-height:1.4;margin-bottom:8px}.question-card textarea{min-height:48px;margin:0;font-size:12px;padding:8px;line-height:1.4}.question-card form[data-question-answer]{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.question-card button{font-size:11px;padding:7px 10px}.question-card .question-detail{font-size:11px;margin:4px 0 8px}.question-card .question-actions{display:flex;gap:8px;margin-top:7px}.question-card .question-actions button{border:0;padding:3px 6px;background:transparent;color:#718174}.question-error:empty{display:none}.question-card details{margin-top:8px}.question-dismiss:not([open]){display:none}.question-status{font-size:9px;padding:3px 7px}.question-count{font-size:11px;margin:8px 0}.question-feedback{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.question-feedback h3{font-size:13px;margin:0 0 5px}.question-feedback p,.question-feedback details,.question-recheck small{font-size:11px;color:var(--muted)}.question-feedback form{display:flex;align-items:center;gap:10px}.question-feedback textarea{flex:1;min-height:48px;border:1px solid var(--line);border-radius:6px;padding:8px;font:inherit;font-size:12px;resize:vertical}.question-feedback button,.question-recheck button{border:1px solid var(--line);border-radius:6px;padding:8px 10px;background:white;color:var(--green);font:inherit;font-size:11px}.question-recheck{margin-top:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.question-recheck p{margin:0;font-size:11px;color:#9b3d29}.question-status[data-status=ignored]{background:#edf0ed;color:#637366}@media(max-width:600px){.question-card form[data-question-answer]{grid-template-columns:1fr}.question-card form[data-question-answer]>button{justify-self:start}.question-feedback form{align-items:stretch;flex-direction:column}}
.plan-blockers{margin:12px 0;padding:12px 14px;border:1px solid #e6d9ba;border-radius:8px;background:#fffaf0;font-size:12px}.plan-blockers>strong{font-size:12px;color:#755b29}.plan-blockers ul{padding-left:17px;margin:8px 0 0}.plan-blockers li{margin:7px 0}.plan-blockers a,.tablet-screen .plan-blockers .blocker-link{color:#23648a;text-decoration:underline;text-underline-offset:3px}.tablet-screen .plan-blockers .blocker-link{padding:0;border:0;background:none;text-align:left;font-size:12px}.plan-blockers small{display:block;margin-top:3px;color:#6c7780;font-size:11px}.tablet-screen .plan-ready{font-size:12px;color:#386044;margin:12px 0}.tablet-plan input[name=site_reviewed]:focus{outline:3px solid #c39646;outline-offset:3px}
.site-plan-section h4{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.site-plan-complete{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#326443}.site-plan-complete>span{display:grid;place-items:center;background:#dceee0;border-radius:50%;width:22px;height:22px;font-size:14px}.tablet-plan .site-plan-editor{padding:0}.site-plan-editor>summary{display:inline-block;list-style:none;border:1px solid #d3dfe9;border-radius:6px;padding:9px 12px;background:white;color:#23648a;font-size:12px}.site-plan-editor>summary::-webkit-details-marker{display:none}.site-plan-editor[open]>summary{margin-bottom:12px}.site-plan-section.is-complete{border-left:3px solid #79a887;padding-left:14px}.tablet-history>p{margin-top:8px!important;font-size:11px!important}.job-comparison-dialog{width:calc(100vw - 40px);max-width:1200px;max-height:92dvh;padding:0;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:var(--page);overflow:auto}.job-comparison-dialog::backdrop{background:#152c4580;backdrop-filter:blur(5px)}.comparison-head{display:flex;justify-content:space-between;gap:20px;padding:22px 26px;background:white;border-bottom:1px solid var(--line)}.comparison-head h2{font-family:var(--font-editorial);font-size:26px;font-weight:500;line-height:1.2;margin:5px 0}.comparison-head p:last-child{margin:0;font-size:12px;color:var(--muted)}.comparison-head>button{border:1px solid var(--line);background:white;border-radius:50%;width:34px;height:34px;flex-shrink:0;font-size:23px;color:var(--green)}.comparison-picker{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 26px;background:#e9eee3}.comparison-picker label{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600;flex:1}.comparison-picker select{max-width:100%;min-width:0;flex:1;font:inherit;font-size:12px;border:1px solid #cbd8c5;background:white;padding:9px;border-radius:6px;color:var(--ink)}.comparison-picker>span{font-size:11px;color:var(--muted)}.comparison-body{padding:22px 26px}.comparison-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.comparison-panel{background:white;border:1px solid var(--line);border-radius:12px;padding:20px;min-width:0}.comparison-panel-head{min-height:200px}.comparison-panel-head h3{font-family:var(--font-editorial);font-size:26px;font-weight:500;line-height:1.2;margin:8px 0}.comparison-panel-head p{font-size:12px;color:var(--muted)}.comparison-total{display:block;font-family:var(--font-display-price);font-size:48px;font-weight:var(--display-price-weight);line-height:var(--display-price-line-height);font-variant-numeric:tabular-nums;margin:6px 0}.comparison-tags{display:flex;gap:6px;flex-wrap:wrap}.comparison-tags span{font-size:10px;color:#5f7359;background:#edf2e7;padding:3px 7px;border-radius:10px}.comparison-panel h4{font-size:12px;font-weight:700;margin:16px 0 8px}.comparison-lines{padding:0;list-style:none;margin:0}.comparison-line{padding:14px 0;border-top:1px solid #e0e7dc;min-height:115px;font-size:13px}.comparison-line>div{display:flex;justify-content:space-between;gap:10px}.comparison-line>span,.comparison-line>small{display:block;margin-top:5px;font-size:11px;color:var(--muted);line-height:1.5}.comparison-line>small{font-size:11px}.comparison-line.different{border-left:3px solid #d0b66a;padding-left:10px}.comparison-line.absent{color:#849280;background:#fafbf7;opacity:.95}.comparison-notes{border-top:1px solid var(--line);margin-top:12px}.comparison-notes p{font-size:12px;white-space:pre-wrap;line-height:1.6}.comparison-notes details{font-size:12px}.comparison-notes summary{cursor:pointer}.comparison-data-note{color:var(--muted);font-size:11px!important}.job-comparison-dialog>footer{padding:14px 26px 20px;font-size:10px;color:var(--muted);border-top:1px solid var(--line);display:block}.comparison-empty{font-size:13px;padding:24px}@media(max-width:680px){.comparison-columns{grid-template-columns:1fr}.comparison-picker{align-items:stretch;flex-direction:column;padding:14px 18px}.comparison-picker label{align-items:stretch;flex-direction:column;gap:7px}.comparison-head,.comparison-body{padding:18px}.comparison-panel-head{min-height:0}.comparison-line{min-height:85px}.comparison-panel{padding:16px}}
.comparison-panel-head .comparison-job-date{margin:7px 0 12px;font-size:12px;color:#536c5a}.comparison-job-date time{font-weight:600}

@supports(grid-template-rows:subgrid){.comparison-columns{row-gap:0}.comparison-panel{display:grid;grid-template-rows:subgrid;grid-row:span 4}.comparison-panel-head{min-height:0}@media(max-width:680px){.comparison-panel{display:block;grid-row:auto;grid-template-rows:none}.comparison-columns{row-gap:20px}}}
.site-condition-tags{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.site-condition-tags span{font-family:var(--font-ui);font-size:11px;color:#4e6852;background:#eaf1e5;border:1px solid #d5e1cd;padding:3px 8px;border-radius:12px}.site-condition-evidence{font-size:11px;color:var(--muted);margin:8px 0 12px}.site-condition-evidence summary{cursor:pointer}.site-condition-evidence p{font-size:12px!important;margin:8px 0!important}.tablet-service-head .site-condition-evidence{padding:0}.comparison-tags-row{align-self:start;padding-bottom:10px}.comparison-tags-row .site-condition-tags{margin:0}.comparison-no-tags{font-size:11px;color:var(--muted)}.comparison-diff-summary{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;font-size:11px}.comparison-diff-summary>span{padding:4px 9px;border:1px solid #dce3d6;border-radius:12px}.comparison-diff-badge{display:inline-block!important;width:fit-content;padding:2px 6px;border-radius:4px;font-size:10px!important}.diff-same.comparison-diff-badge,.comparison-diff-summary>.diff-same{background:#eaf2e7;color:#3d6546}.diff-different.comparison-diff-badge,.comparison-diff-summary>.diff-different{background:#fff0cb;color:#775814}.diff-only-a.comparison-diff-badge,.comparison-diff-summary>.diff-only-a{background:#e8f0f9;color:#315e80}.diff-only-b.comparison-diff-badge,.comparison-diff-summary>.diff-only-b{background:#edf0e2;color:#53683b}.comparison-line.diff-different{border-left:3px solid #cda74e;padding-left:10px;background:#fffdf6}.comparison-line.diff-different .comparison-quantity{background:#fff0cb;color:#775814;padding:2px 6px;border-radius:4px}
@supports(grid-template-rows:subgrid){.comparison-columns{row-gap:0}.comparison-panel{display:grid;grid-template-rows:subgrid;grid-row:span var(--comparison-row-count,9)}.comparison-panel-head{display:grid;grid-template-rows:subgrid;grid-row:span 6;min-height:0}.comparison-lines{display:grid;grid-template-rows:subgrid;grid-row:span var(--comparison-line-count,1)}.comparison-line{min-height:110px}@media(max-width:680px){.comparison-panel,.comparison-panel-head,.comparison-lines{display:block;grid-row:auto;grid-template-rows:none}.comparison-columns{row-gap:20px}}}