/* Shared interaction affordances. Site styles supply only theme variables. */
body[data-app-flow] .flow-progress{display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;font-size:12px;color:var(--flow-muted,#607469);margin:4px 0 10px;min-height:24px}
body[data-app-flow] .flow-progress [aria-current=step]{color:var(--flow-current,#20583f);font-weight:700;text-decoration:underline;text-underline-offset:5px}
body[data-app-flow] .flow-progress button{font:inherit;min-height:44px;padding:7px 9px;border:1px solid var(--flow-line,#bfd3c6);border-radius:8px;background:white;color:var(--flow-accent,#246c53);white-space:nowrap;touch-action:manipulation}
body[data-app-flow] .flow-progress button[aria-current=step]{background:var(--flow-tint,#e9f2ec);border-color:var(--flow-accent,#246c53)}
body[data-app-flow] .flow-progress button:disabled{background:transparent;border-color:transparent;color:var(--flow-muted,#718177);opacity:.65}
body[data-app-flow] .start-bar{position:sticky;bottom:0;z-index:3;margin:0;padding:12px 0 calc(12px + env(safe-area-inset-bottom,0px));background:var(--flow-bar,rgba(255,255,255,.96));border-top:1px solid var(--flow-line,#dce4dd);text-align:center;touch-action:manipulation}
body[data-app-flow] .start-bar>button{width:min(100%,420px);min-height:53px}
body[data-app-flow] #admin-test-login[data-active=true]{padding:0;margin:0 0 8px;border:0;background:transparent}
body[data-app-flow] #admin-test-menu{margin:0;padding:0;border:0;background:transparent}
body[data-app-flow] #admin-test-menu>summary{width:fit-content;min-height:36px;padding:5px 10px;border:1px solid var(--flow-line,#c5d5ca);border-radius:8px;background:var(--flow-tint,#edf3ee);color:var(--flow-accent,#246c53);font-size:13px;line-height:24px;touch-action:manipulation}
body[data-app-flow] #admin-test-menu[open]{padding:10px;background:#fff;border:1px solid var(--flow-line,#dce4dd);border-radius:10px}
body[data-app-flow] #admin-test-login[data-active=true]>.admin-test-feedback{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:360px){body[data-app-flow] .flow-progress{gap:4px}body[data-app-flow] .flow-progress button{padding:7px 6px}}