/* Shared, optional development-device controls. No global typography overrides. */
#login-view{--dev-login-body:1.125rem;--dev-login-control:1rem;--dev-login-meta:.875rem}
/* The enhanced login surface keeps the existing password alternative equally readable. */
#login-view p{font-size:var(--dev-login-body);line-height:1.8}
#login-view :is(label,input,button,select,textarea){font-size:var(--dev-login-control);line-height:1.6}
#login-view :is(input,button,select,textarea){min-height:44px}
#login-view .login-form a,#login-view .text-link{display:inline-flex;align-items:center;min-height:44px;font-size:var(--dev-login-control);line-height:1.6}
#login-view :is(.eyebrow,.login-foot,.login-footer,.wordmark-en),#login-view .brand small{font-size:var(--dev-login-meta);line-height:1.6}
#login-view :is(.dev-login-label,.dev-login-divider){font-size:var(--dev-login-meta);line-height:1.6}
.dev-login-entry,.dev-login-device,.dev-login-dialog{--dev-login-body:1.125rem;--dev-login-control:1rem;--dev-login-meta:.875rem;--dev-login-ink:#272b27;--dev-login-muted:#586058;--dev-login-accent:#943e16;--dev-login-border:#cdd2ca;color:var(--dev-login-ink);font-family:inherit;text-align:left;box-sizing:border-box}
.dev-login-entry[hidden],.dev-login-device[hidden],.dev-login-entry [hidden],.dev-login-device [hidden]{display:none!important}
.dev-login-entry{margin:22px 0 26px}
.dev-login-label{margin:0 0 8px;font-size:var(--dev-login-meta);font-weight:750;line-height:1.6;letter-spacing:.035em;color:var(--dev-login-accent)}
.dev-login-hint,.dev-login-message{margin:10px 0 0;font-size:var(--dev-login-body);line-height:1.75;overflow-wrap:anywhere;color:var(--dev-login-muted)}
.dev-login-message:empty{display:none}.dev-login-message{color:#a12720}
.dev-login-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:44px;height:auto;padding:10px 18px;border:1px solid transparent;border-radius:8px;font-family:inherit;font-size:var(--dev-login-control);font-weight:650;line-height:1.5;cursor:pointer;white-space:normal;overflow-wrap:anywhere;transition:background-color 140ms ease,border-color 140ms ease;box-sizing:border-box}
.dev-login-button:focus-visible,.dev-login-confirm-choice input:focus-visible{outline:3px solid #9b461e;outline-offset:3px}
.dev-login-primary{background:#943e16;color:#fff;border-color:#943e16}
.dev-login-primary:hover:not(:disabled){background:#76310f;border-color:#76310f}
.dev-login-secondary{background:#fff;color:var(--dev-login-ink);border-color:var(--dev-login-border)}
.dev-login-secondary:hover:not(:disabled){background:#f2eee8;border-color:#a5aba1}
.dev-login-button:disabled{background:#eceee9;color:#666d63;border-color:#cdd2ca;cursor:not-allowed;opacity:1}
.dev-login-entry>.dev-login-primary{width:100%}
.dev-login-text{background:transparent;color:var(--dev-login-accent);padding:8px 0;margin-top:8px;text-decoration:underline;text-underline-offset:4px;border-radius:4px}
.dev-login-divider{display:flex;align-items:center;gap:12px;margin:24px 0 0;font-size:var(--dev-login-meta);line-height:1.6;color:var(--dev-login-muted)}
.dev-login-divider::before,.dev-login-divider::after{content:"";height:1px;background:var(--dev-login-border);flex:1}
.dev-login-device{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;padding:16px 32px;background:#faf5ed;border-bottom:1px solid #e1d7c9}
.dev-login-device-copy{min-width:0;flex:1}.dev-login-device .dev-login-label{margin-bottom:0}.dev-login-device .dev-login-hint{margin-top:2px}
.dev-login-device-actions{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}
.dev-login-dialog{width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px);height:fit-content;min-height:0;margin:auto;padding:28px;border:1px solid var(--dev-login-border);border-radius:14px;background:#fff;box-shadow:0 24px 70px #111a;overflow:auto;position:fixed;inset:0;animation:none}
.dev-login-dialog[open]{animation:none}.dev-login-dialog [hidden]{display:none!important}
.dev-login-dialog::backdrop{background:#171b19a6;backdrop-filter:blur(2px)}
.dev-login-dialog h2{margin:0 0 18px;font-size:1.5rem;line-height:1.4;letter-spacing:0;color:var(--dev-login-ink)}
.dev-login-dialog>p{margin:12px 0;font-size:var(--dev-login-body);line-height:1.8;color:var(--dev-login-ink)}
.dev-login-dialog .dev-login-dialog-note{color:var(--dev-login-muted)}
.dev-login-confirm-choice{display:flex;gap:12px;align-items:flex-start;margin:22px 0;padding:14px 0;border-top:1px solid var(--dev-login-border);border-bottom:1px solid var(--dev-login-border);font-size:var(--dev-login-control);line-height:1.75;cursor:pointer}
.dev-login-confirm-choice input{flex:0 0 22px;width:22px;height:22px;min-height:22px;margin:4px 0 0;accent-color:var(--dev-login-accent);font-size:var(--dev-login-control)}
.dev-login-dialog-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:22px}
@media(max-width:760px){.dev-login-device{align-items:stretch;flex-direction:column;padding:16px 20px;gap:12px}.dev-login-device-actions>.dev-login-button{flex:1}.dev-login-dialog{padding:22px}.dev-login-dialog-actions>.dev-login-button{flex:1}.dev-login-entry{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.dev-login-button{transition:none}}
@media print{.dev-login-entry,.dev-login-device,.dev-login-dialog{display:none!important}}