/* Complete the local Field content pass; shared navigation remains untouched. */
html body #app .content-panel .page-heading{text-align:left}
html body #app .content-panel .page-heading h1{font-size:clamp(27px,3.8vw,36px);letter-spacing:-.8px;line-height:1.18;text-align:left}
html body #app .content-panel .page-heading .intro{text-align:left;max-width:650px;font-size:15px;line-height:1.65;margin:12px 0 0}
html body #app .content-panel .page-heading .eyebrow{display:inline-block;margin-bottom:10px}
html body #app .page-tool-sections{gap:26px}
html body #app .page-tool-section{padding-top:20px}
html body #app .content-panel .action-copy strong{text-transform:none!important;font-size:15px;line-height:1.4}
html body #app .content-panel .action-copy>span{font-size:13px;line-height:1.5}
html body #app .content-panel .action-card{padding:18px!important;min-height:115px}
html body #app .content-panel :is(.issue-form,.report-form-section,.queued-issue,.empty-outbox,.urgency-field,.photo-field){color:var(--fk-ink);border-color:var(--fk-edge)}
html body #app .content-panel :is(.report-form-section,.queued-issue,.empty-outbox){background:var(--fk-surface);border:1px solid var(--study-line);border-radius:20px;padding:22px}
html body #app .content-panel :is(.form-field input,.form-field select,.form-field textarea){box-sizing:border-box;width:100%;min-height:50px;border:1px solid var(--fk-edge);border-radius:12px;padding:13px 14px;color:var(--fk-ink);background:var(--fk-surface);font:inherit}
html body #app .content-panel .form-field textarea{min-height:130px}
html body #app .content-panel :is(.form-field label,.urgency-field legend){color:var(--fk-ink);font-size:14px;line-height:1.5}
html body #app .content-panel :is(.report-form-heading p,.context-note,.privacy-note,.photo-prompt small,.queued-issue small,.empty-outbox p){color:var(--fk-muted);line-height:1.6}
html body #app .content-panel .photo-field{background:var(--fk-surface);border-radius:20px;border-style:dashed}
html body #app .content-panel .urgency-field label{background:var(--fk-surface);border:1px solid var(--fk-edge);border-radius:13px;color:var(--fk-ink)}
html body #app .content-panel .urgency-field label:has(input:checked){border-color:var(--fk-focus);background:color-mix(in srgb,var(--fk-neon) 8%,var(--fk-surface))}
html body #app .content-panel .urgency-field small{color:var(--fk-muted)}
html body #app .content-panel :is(.primary-submit,.reset,.outbox-link){min-height:48px;border-radius:12px;padding:12px 18px;font:600 14px/1.4 var(--wf-font);border:1px solid var(--study-line)}
html body #app .content-panel .primary-submit{background:var(--fk-neon);color:#08141e}
html body #app .content-panel :is(.reset,.outbox-link){background:var(--fk-surface);color:var(--fk-ink)}
html body #app .content-panel button:disabled{opacity:.45;cursor:not-allowed}
html body #app .content-panel .report-form-heading h2{text-transform:none;font-size:20px;color:var(--fk-ink)}
html body #app .content-panel .discard-issue{color:#e18d82;background:transparent;border:1px solid #d1726555;border-radius:10px;min-height:44px;padding:10px}
html[data-appearance="light"] body #app .content-panel .discard-issue{color:#9b3429}
html body #app .survey-guide-exit{border-top:1px solid var(--fk-edge);padding-top:20px}
html body #app .survey-guide-exit :is(button,a){background:var(--fk-surface);color:var(--fk-ink);border:1px solid var(--study-line);min-height:48px;border-radius:13px}
html body #app .survey-guide-exit button{border-color:#b8953766;color:#e5c550}
html[data-appearance="light"] body #app .survey-guide-exit button{color:#765500}
.sc-preview{max-width:980px;margin:auto;padding:24px;color:var(--fk-ink)}
.sc-preview *{box-sizing:border-box}
.sc-review-note{font-size:12px;color:var(--fk-muted);padding:10px 14px;margin-bottom:20px;border:1px dashed var(--fk-edge);border-radius:10px}
.sc-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px;border:1px solid var(--study-line);border-radius:22px;background:linear-gradient(125deg,var(--study-panel),var(--study-end))}
.sc-brand{display:flex;align-items:center;gap:16px}.sc-brand>img{width:52px;height:52px;border-radius:13px;flex:none}.sc-brand p{font-size:10px;letter-spacing:1.3px;color:var(--fk-muted);margin:0 0 7px}
html body #app .sc-brand h1{font-size:34px;margin:0;text-transform:none!important;line-height:1.1;letter-spacing:-.8px}
.sc-intro{font-size:16px;color:var(--fk-muted);margin:24px 0}
.sc-start{display:flex;width:100%;align-items:center;gap:18px;padding:22px;border:1px solid var(--fk-focus);border-radius:18px;background:color-mix(in srgb,var(--fk-neon) 12%,var(--fk-surface));color:var(--fk-ink);text-align:left;cursor:pointer}
.sc-start img{width:36px;height:36px;filter:var(--fk-icon-filter)}
.sc-start strong{font-size:18px;display:block}.sc-start small{display:block;font-size:13px;color:var(--fk-muted);margin-top:6px;line-height:1.5}
html body #app .sc-section-title{margin:28px 0 14px;font-size:20px;text-transform:none!important}
.sc-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sc-types>button{display:flex;flex-direction:column;align-items:start;gap:13px;border:1px solid color-mix(in srgb,var(--visit-color) 50%,transparent);border-radius:18px;background:color-mix(in srgb,var(--visit-color) 9%,var(--fk-surface));padding:20px;color:var(--fk-ink);text-align:left;cursor:pointer}
.sc-types img{width:32px;height:32px;object-fit:contain}.sc-types strong{font-size:16px}.sc-types small{font-size:12px;line-height:1.5;color:var(--fk-muted)}
.sc-types img[src$="follow-up.svg"],.sc-visit img[src$="follow-up.svg"]{filter:brightness(0) saturate(100%) invert(57%) sepia(75%) saturate(1400%) hue-rotate(174deg)}
.sc-types img[src$="drop-off.svg"],.sc-visit img[src$="drop-off.svg"]{filter:brightness(0) saturate(100%) invert(75%) sepia(58%) saturate(780%) hue-rotate(209deg)}
.sc-saved{padding:22px;border:1px solid var(--fk-edge);border-radius:18px;background:var(--fk-surface);margin-top:24px}
html body #app .sc-saved h2{margin:0;font-size:20px;text-transform:none!important}
.sc-saved p,.sc-limit{font-size:13px;line-height:1.65;color:var(--fk-muted)}
.sc-saved a{display:inline-flex;align-items:center;min-height:44px;color:var(--fk-focus);font-size:14px;font-weight:650}
.sc-guidance{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--fk-edge);margin-top:24px;padding-top:16px;font-size:13px;color:var(--fk-muted)}
.sc-guidance>span{margin-right:auto}
.sc-visit{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:2px solid var(--visit-color);padding:20px 0;margin-bottom:24px}.sc-visit-name{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:700}.sc-visit-name>img{width:30px;height:30px}.sc-visit-name small{display:block;font-size:12px;color:var(--fk-muted);font-weight:400;margin-top:5px}
.sc-capture{padding:26px;border:1px solid var(--study-line);border-radius:22px;background:var(--fk-surface)}
html body #app .sc-capture h2{font-size:28px;text-transform:none!important;margin:12px 0}.sc-capture>p:not(.fk-overline){color:var(--fk-muted);font-size:15px;line-height:1.6}
.sc-camera-sample{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:180px;padding:20px;border:1px dashed var(--fk-focus);border-radius:16px;margin:24px 0;background:color-mix(in srgb,var(--fk-neon) 4%,var(--fk-surface))}.sc-camera-sample img{width:50px;height:50px;filter:var(--fk-icon-filter)}.sc-camera-sample span{font-size:12px;color:var(--fk-muted)}
.sc-code-label{display:grid;gap:9px;font-size:14px;font-weight:650}.sc-code-label input{width:100%;min-height:50px;border:1px solid var(--fk-edge);border-radius:12px;background:var(--study-end);color:var(--fk-muted);padding:14px;font:inherit}
.sc-capture-footer{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.sc-disabled{border:1px solid var(--fk-edge);background:var(--study-end);color:var(--fk-muted);border-radius:12px;padding:14px;font:600 14px inherit;cursor:not-allowed}
@media(max-width:700px){.sc-preview{padding:12px 4px 100px}.sc-heading{padding:18px 14px;gap:10px}.sc-brand{gap:10px}.sc-brand>img{width:42px;height:42px}html body #app .sc-brand h1{font-size:29px}.sc-brand p{font-size:8px}.sc-heading .fk-text{font-size:11px}.sc-types{gap:8px}.sc-types>button{padding:14px 10px}.sc-types strong{font-size:12px}.sc-types small{font-size:11px}.sc-capture{padding:18px}.sc-visit-name{font-size:14px}.sc-visit-name small{font-size:11px}}
.sc-apps{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.sc-apps>a{display:flex;flex-direction:column;align-items:flex-start;gap:20px;text-decoration:none;color:var(--fk-ink);background:var(--fk-surface);border:1px solid var(--study-line);border-radius:22px;padding:26px;transition:border-color .15s}
.sc-apps>a:hover{border-color:var(--fk-neon)}
.sc-apps>a>img{width:70px;height:70px;object-fit:contain;border-radius:16px;filter:none!important}
html body #app .sc-apps h2{font-size:23px;text-transform:none!important;letter-spacing:-.5px;margin:0 0 10px}
.sc-apps p{font-size:14px;line-height:1.5;color:var(--fk-muted);margin:0 0 14px}
.sc-app-status{display:inline-block;font-size:11px;border:1px solid var(--fk-edge);border-radius:20px;padding:5px 9px;color:var(--fk-muted)}
.sc-open-label{display:flex;align-items:center;min-height:44px;margin-top:auto;color:var(--fk-focus);font-size:14px;font-weight:650}
.sc-design-review{border-top:1px dashed var(--fk-edge);margin-top:26px;padding-top:12px;color:var(--fk-muted);font-size:12px}
.sc-design-review summary{min-height:44px;cursor:pointer;padding:12px 0}
.fk-task-sheet button.fk-sheet-surveyor{width:100%;text-align:left;cursor:pointer;font-family:inherit}
@media(max-width:600px){.sc-apps{grid-template-columns:1fr;gap:12px}.sc-apps>a{padding:20px;display:grid;grid-template-columns:56px 1fr;gap:16px}.sc-apps>a>img{width:56px;height:56px;border-radius:12px}.sc-open-label{grid-column:2}.sc-apps h2{font-size:20px!important}}
