/* Fostora — styles for the feature switches and the newer screens */
.demo-feat{border:1px solid var(--amber-line);background:var(--surface);color:var(--amber);border-radius:999px;padding:2px 10px;font:inherit;font-weight:700;cursor:pointer}
.demo-feat:hover{background:var(--accent-soft)}
.feat-list{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.feat-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer}
.feat-row.core{background:var(--surface2);cursor:default}
.feat-row input{width:18px;height:18px;flex:none}
body.feat-off-ai_chatbot .kin-fab,body.feat-off-ai_chatbot #assist{display:none!important}
.msgs{display:flex;flex-direction:column;gap:8px;max-height:52vh;overflow:auto;padding:4px}
.msg{max-width:78%;align-self:flex-start;background:var(--surface2);border:1px solid var(--line);border-radius:14px 14px 14px 4px;padding:8px 12px}
.msg.me{align-self:flex-end;background:var(--brand-soft);border-radius:14px 14px 4px 14px}
.msg .mb-t{white-space:pre-wrap}
.msg .mb-m{font-size:11.5px;color:var(--muted);margin-top:4px}
.span2{grid-column:span 2}
@media (max-width:760px){.span2{grid-column:auto}.msg{max-width:92%}}
.insp-strip{display:flex;gap:8px;align-items:flex-start}
.insp-strip svg{width:18px;height:18px;flex:none;margin-top:1px}
.ai-tick{display:flex;gap:10px;align-items:flex-start;margin-top:10px;padding:10px 12px;border:1px solid var(--amber-line);border-radius:10px;background:var(--accent-soft);cursor:pointer;font-weight:700;color:var(--text)}
.ai-tick input{width:18px;height:18px;flex:none;margin-top:1px;accent-color:var(--brand)}
.ai-tick.ask{animation:aiask .5s ease 2;border-color:var(--amber-dot)}
@keyframes aiask{0%,100%{transform:none}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@media (prefers-reduced-motion:reduce){.ai-tick.ask{animation:none;outline:2px solid var(--amber-dot)}}
.ai-stamp{display:flex;gap:6px;align-items:center;margin-top:8px;font-size:12.5px;color:var(--muted)}
.ai-stamp svg{width:14px;height:14px;flex:none}
.tmpl-body td.answer.ai-filled,.tmpl-body .ai-filled{background:var(--accent-soft)}
.kin-ai{display:inline-flex;vertical-align:-3px;margin-right:5px}
.kin-ai svg.amark{width:16px;height:16px}
.phead h1 .kin-ai svg.amark{width:26px;height:26px}
.phead h1 .kin-ai{vertical-align:-2px;margin-right:8px}
.pal-item .pi:has(svg.amark),.qa .ic:has(svg.amark){background:var(--surface);border:1px solid var(--amber-line)}
.pal-item .pi svg.amark{width:20px;height:20px}
.qa .ic svg.amark{width:24px;height:24px}
.region-strip{display:flex;gap:8px;align-items:flex-start}
.region-strip svg{width:18px;height:18px;flex:none;margin-top:1px}
.region-strip a{font-weight:700;cursor:pointer}