/* MK-10: family and independent support worker door and account page. Uses the shared design tokens. */
.login-surface .public-door,.login-surface .staff-door{border:1px solid var(--dawnby-line);border-radius:var(--dawnby-radius-card);padding:var(--dawnby-spacing-lg) var(--dawnby-spacing-xl);margin:var(--dawnby-spacing-lg) 0;background:var(--dawnby-white)}
.login-surface .public-door{border-color:var(--dawnby-action);background:var(--dawnby-action-tint)}
.login-surface .public-door h3,.login-surface .staff-door h3{margin:0 0 var(--dawnby-spacing-sm);font-size:15px;color:var(--dawnby-ink)}
.login-surface .public-door p,.login-surface .staff-door p{margin:0 0 var(--dawnby-spacing-md);color:var(--dawnby-muted);line-height:1.55}
.login-surface .public-door .button,.login-surface .public-setup .button,.login-surface .public-resend .button{min-height:var(--dawnby-interaction-comfortable-touch-target)}
.login-surface .passkey-door-note{flex:1 1 220px;margin:0;color:var(--dawnby-muted);font-size:13px;align-self:center}
.public-privacy{border:1px solid var(--dawnby-line);border-radius:var(--dawnby-radius-card);padding:var(--dawnby-spacing-md) var(--dawnby-spacing-lg);margin:var(--dawnby-spacing-lg) 0;background:var(--dawnby-surface)}
.public-privacy legend{font-weight:700;color:var(--dawnby-ink);padding:0 var(--dawnby-spacing-xs)}
.public-privacy ul{margin:var(--dawnby-spacing-sm) 0;padding-left:20px;color:var(--dawnby-ink);line-height:1.55;font-size:13px}
.public-privacy li+li{margin-top:6px}
.public-privacy a{color:var(--dawnby-action);font-weight:600}
.public-choice{border:0;margin:0 0 var(--dawnby-spacing-lg);padding:0}
.public-choice legend{font-weight:700;color:var(--dawnby-ink);margin-bottom:var(--dawnby-spacing-sm)}
.public-choice .radio-field{display:flex;gap:var(--dawnby-spacing-md);align-items:flex-start;border:1px solid var(--dawnby-control-border);border-radius:var(--dawnby-radius-control);padding:var(--dawnby-spacing-md) var(--dawnby-spacing-lg);margin-bottom:var(--dawnby-spacing-sm);min-height:var(--dawnby-interaction-comfortable-touch-target)}
.public-choice .radio-field:focus-within{outline:2px solid var(--dawnby-action);outline-offset:2px}
.public-choice .radio-field input{margin-top:4px;width:20px;height:20px;flex:none}
.public-choice .radio-field label{display:flex;flex-direction:column;gap:2px;flex:1;cursor:pointer}
.public-choice .radio-field label span{color:var(--dawnby-muted);font-size:13px}
.public-resend{display:flex;flex-wrap:wrap;gap:var(--dawnby-spacing-sm) var(--dawnby-spacing-lg);align-items:center;margin-top:var(--dawnby-spacing-lg)}
.public-resend .small-note{flex:1 1 100%;margin:0}
.public-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--dawnby-spacing-lg);margin:var(--dawnby-spacing-xl) 0}
.public-option{border:1px solid var(--dawnby-line);border-radius:var(--dawnby-radius-card);padding:var(--dawnby-spacing-lg) var(--dawnby-spacing-xl);background:var(--dawnby-white)}
.public-option h2{font-size:16px;margin:0 0 var(--dawnby-spacing-sm);color:var(--dawnby-ink)}
.public-option p{color:var(--dawnby-muted);line-height:1.55;margin:0 0 var(--dawnby-spacing-lg)}
#public-code,#public-second-code,#public-recheck-code{font-size:20px;letter-spacing:.18em;max-width:16ch}
.status-pill{display:inline-block;margin-left:var(--dawnby-spacing-sm);padding:2px 8px;border-radius:999px;background:var(--dawnby-action-tint);color:var(--dawnby-action);font-size:12px;font-weight:700}
@media (max-width:560px){.login-surface .public-door,.login-surface .staff-door{padding:var(--dawnby-spacing-md) var(--dawnby-spacing-lg)}.public-options{grid-template-columns:1fr}.login-surface .public-door .button{width:100%}}
.public-actions{margin-top:var(--dawnby-spacing-lg)}
.login-surface h2[tabindex="-1"]:focus,.public-setup h1:focus{outline:none}
.public-list{margin:var(--dawnby-spacing-sm) 0 var(--dawnby-spacing-md);padding-left:20px;line-height:1.6;color:var(--dawnby-ink)}
.public-list li+li{margin-top:6px}
.public-privacy legend{float:left;width:100%;padding:0;margin:0 0 var(--dawnby-spacing-xs)}
.public-privacy legend+*{clear:both}