/* Local concept theme bridge: shared appearance controls own mode/accent. */
html:root[data-fk-palette]{--fk-surface:#152031;--fk-ink:#f2f6fc;--fk-muted:#b4c1d2;--fk-edge:#a0b8d530;--fk-accent:var(--wf-accent,#20d7ff);--fk-neon:var(--wf-bright,#20d7ff);--fk-focus:var(--wf-accent,#20d7ff);--study-panel:#1b3049;--study-end:#111c2b;--study-line:color-mix(in srgb,var(--fk-neon) 38%,#a0b8d51c);--study-action:var(--fk-neon);--study-action-ink:#08141e;--study-wash:8%;--fk-icon-filter:brightness(0) invert(1)}
html:root[data-appearance="light"][data-fk-palette]{--fk-surface:#f0f5fc;--fk-ink:#192b40;--fk-muted:#4d6077;--fk-edge:#314e752e;--fk-focus:var(--wf-accent-light,#007da8);--study-panel:#e1edfc;--study-end:#f5f8fd;--study-line:color-mix(in srgb,var(--fk-focus) 40%,#314e751a);--fk-icon-filter:brightness(0) saturate(100%) invert(14%) sepia(20%) saturate(1100%) hue-rotate(175deg)}
html body #app :is(.fk-heading,.fk-workbench,.fk-reference,.fk-current-step,.fk-symptom,.fk-testing-grid>button,.fk-tool-grid button){border-color:var(--study-line)}
html body #app :is(.fk-primary,.fk-workbench .fk-primary){background:var(--fk-neon);color:#08141e}
html body #app .fk-yellow{background:#f1d775;color:#322a0e}
html body #app :is(button,a,input,summary):focus-visible,.fk-task-sheet :is(button,a):focus-visible,.fk-photo-dialog button:focus-visible{outline:3px solid var(--fk-focus);outline-offset:3px}
html body #app .fk-search:focus-within{outline:2px solid var(--fk-focus)}
html body #app :is(.fk-task-progress progress,progress){accent-color:var(--fk-focus)}
html body #app .fk-task-progress progress::-webkit-progress-value{background:var(--fk-focus)}
html body #app .fk-tool-grid button:hover{border-color:var(--fk-neon)}
html body #app :is(.fk-symptom,.fk-help-tool){border-color:#c49b3566}
html body #app .fk-symptom-urgent{border-color:#d2835666}
html body #app :is(.fk-tools h2,.fk-reference h2,.fk-task h1,.fk-step-copy h2,.fk-section-heading h1,.fk-problem-body h2,.fk-testing-grid h2){color:var(--fk-ink)}
html body #app .fk-step-copy aside{color:var(--fk-ink)}
html[data-appearance="light"] body #app .fk-tool-symbol{filter:brightness(.65) saturate(1.3)}
html[data-appearance="light"] body #app :is(.fk-inline-help,.fk-fix-steps li:before){color:#725500}
html[data-appearance="light"] body #app :is(.fk-symptom>img,.fk-inline-help img,.fk-testing-grid img){filter:brightness(0) saturate(100%) invert(35%) sepia(30%) saturate(800%) hue-rotate(8deg)}
html[data-appearance="light"] body #app .fk-testing-grid img{filter:var(--fk-icon-filter)}
.fk-task-sheet,.fk-photo-dialog{background:var(--fk-surface);color:var(--fk-ink);border-color:var(--study-line)}
.fk-task-sheet .fk-row{background:color-mix(in srgb,var(--fk-neon) 5%,var(--fk-surface));border-color:var(--study-line)}
.fk-task-sheet .fk-row>img{filter:var(--fk-icon-filter)}
.fk-task-sheet .fk-row[data-route="submitting-survey"]{border-color:#dc952d66;background:#ed99320a}
.fk-task-sheet .fk-row[data-route="troubleshooting"]{border-color:#c49b3566;background:#f6cc420a}
.fk-task-sheet .fk-sheet-surveyor{background:color-mix(in srgb,var(--fk-neon) 6%,var(--fk-surface));border-color:var(--study-line)}
/* Existing guide, training, checklist and reference screens adopt the same surfaces. */
html body #app .content-panel{color:var(--fk-ink);background:transparent;border-color:var(--fk-edge)}
html body #app .page-heading{padding:24px;margin-bottom:24px;border:1px solid var(--study-line);border-radius:22px;background:linear-gradient(125deg,var(--study-panel),var(--study-end));color:var(--fk-ink)}
html body #app .page-heading :is(h1,h2){color:var(--fk-ink);text-transform:none!important}
html body #app .page-heading :is(.intro,.eyebrow){color:var(--fk-muted)}
html body #app .content-panel :is(.instruction-step,.guide-group,.fact-card,.training-deeper,.checklist-item,.check-item,.checklist-head,.external-reference){background:var(--fk-surface);color:var(--fk-ink);border-color:var(--fk-edge);border-radius:16px}
html body #app .content-panel .action-card:not(.disabled){background:color-mix(in srgb,var(--tone,#559cdb) 7%,var(--fk-surface))!important;color:var(--fk-ink)!important;border:1px solid var(--study-line);border-radius:18px;box-shadow:none}
html body #app .content-panel .action-card:not(.disabled):hover{border-color:var(--fk-neon);background:color-mix(in srgb,var(--fk-neon) 8%,var(--fk-surface))!important}
html body #app .content-panel :is(.action-copy>span,.instruction-copy p,.guide-heading p,.guide-group-body,.fact-card p,.training-deeper p){color:var(--fk-muted)!important}
html body #app .content-panel :is(.action-copy strong,.instruction-copy h3,.guide-group h3,.page-tool-section h2,.guide-heading h2){color:var(--fk-ink)!important}
html body #app .content-panel .instruction-copy h3{line-height:1.4}
html body #app .content-panel .step-number{color:var(--fk-focus)}
html body #app .content-panel .guide-step-symbol{filter:var(--fk-icon-filter)}
html body #app .field-switch button[data-guide-mode]{color:var(--fk-ink);background:var(--fk-surface);border-color:var(--fk-edge)}
html body #app .field-switch button[data-guide-mode][aria-pressed="true"]{color:var(--fk-ink);background:color-mix(in srgb,var(--fk-neon) 12%,var(--fk-surface));border-color:var(--fk-focus);box-shadow:inset 0 0 0 1px var(--fk-focus)}
html body #app .content-panel input[type=checkbox]{accent-color:var(--fk-focus)}
html body #app .content-panel .guide-note{color:var(--fk-ink);background:#e6b53710;border-color:#b98b2b}
html body #app .content-panel .action-icon{background:color-mix(in srgb,var(--tone,#559cdb) 16%,var(--fk-surface));border:1px solid color-mix(in srgb,var(--tone,#559cdb) 40%,transparent)}
html body #app .content-panel .action-icon img{filter:var(--fk-icon-filter)}
html body #app .content-panel .action-icon img[src*="app-icon"],html body #app .content-panel .action-icon img[src*="wata-icons"]{filter:none}
html body #app .content-panel .tone-yellow .action-icon{background:#f1d137}
html body #app .content-panel .tone-yellow .action-icon img{filter:brightness(0)}
@media(max-width:700px){html body #app .page-heading{padding:20px 16px}}
html[data-appearance="light"] body #app .fk-tool-symbol{filter:none}
html[data-appearance="light"][data-fk-palette] body #app .fk-tool-grid button img{filter:brightness(0) saturate(100%) invert(33%) sepia(55%) saturate(1040%) hue-rotate(171deg)}
html[data-appearance="light"][data-fk-palette] body #app .fk-tool-grid button:nth-child(3) img{filter:brightness(0) saturate(100%) invert(40%) sepia(75%) saturate(1000%) hue-rotate(14deg)}
html[data-appearance="light"][data-fk-palette] body #app .fk-tool-grid button:nth-child(4) img{filter:brightness(0) saturate(100%) invert(37%) sepia(79%) saturate(1140%) hue-rotate(2deg)}
html[data-appearance="light"][data-fk-palette] body #app .fk-tool-grid button:nth-child(6) img{filter:var(--fk-icon-filter)}
html body #app .fk-tool-grid .fk-help-tool{border-color:#b8953766}
html body #app .content-panel .step-list .step{background:var(--fk-surface);color:var(--fk-ink);border:1px solid var(--fk-edge);border-radius:16px}
html body #app .content-panel .step-list .step.done{border-color:var(--fk-focus);background:color-mix(in srgb,var(--fk-neon) 8%,var(--fk-surface))}
html body #app .fk-survey-review summary>img[src$="survey-check.svg"],html body #app .guide-step-symbol[src$="survey-check.svg"]{filter:none}
html body #app .fk-survey-review summary>img[src$="follow-up.svg"],html body #app .guide-step-symbol[src$="follow-up.svg"]{filter:brightness(0) saturate(100%) invert(57%) sepia(75%) saturate(1400%) hue-rotate(174deg)}
html[data-appearance="light"] body #app .fk-fix-steps li::before{color:#765500;background:#e5c45024}
html body #app .fk-section-heading{padding:22px;border:1px solid var(--study-line);border-radius:22px;background:linear-gradient(125deg,var(--study-panel),var(--study-end))}

/* Consistent symptom cards: icon, label and tactile surface indicate a button. */
html body #app .fk-symptom{background:linear-gradient(130deg,#f6cc4210,var(--fk-surface));transition:background .16s ease,box-shadow .16s ease,transform .16s ease}
@media(hover:hover){html body #app .fk-symptom:hover{background:color-mix(in srgb,var(--study-line) 10%,var(--fk-surface));box-shadow:0 0 0 1px var(--study-line);transform:translateY(-2px)}}
html body #app .fk-symptom:active{transform:scale(.985);background:color-mix(in srgb,var(--study-line) 15%,var(--fk-surface))}
html body #app .fk-symptom:focus-visible{outline:3px solid var(--study-line);outline-offset:3px}
@media(prefers-reduced-motion:reduce){html body #app .fk-symptom{transition:none;transform:none}}

html body #app .fk-symptom{position:relative;padding-right:30px}html body #app .fk-symptom .fk-corner-cue{position:absolute;right:13px;top:12px;font-size:12px;line-height:1;color:#b99a37;opacity:.75}html[data-appearance="dark"] body #app .fk-symptom .fk-corner-cue{color:#f3d42c}html body #app .fk-symptom>span:last-child{flex:1}