.identity-area{gap:10px;flex-wrap:wrap}.identity-area #identity{line-height:1.5;text-align:right;overflow-wrap:anywhere}
#switch-role{min-height:44px;font-size:13px;flex-shrink:0}
.role-panel{max-width:520px;margin:24px auto;padding:24px}
.role-panel h2{font-size:20px;margin:0 0 10px}
#role-account{font-size:14px;color:#627d98;line-height:1.6;margin:0 0 24px;overflow-wrap:anywhere}
#role-options{border:0;padding:0;margin:0;display:grid;gap:12px;min-width:0}
.role-option{display:flex;align-items:center;gap:12px;min-height:76px;padding:16px;border:1px solid #bcccdc;border-radius:8px;cursor:pointer;background:#fff}
.role-option:hover{border-color:#087f5b}.role-option:has(input:checked){border-color:#087f5b;box-shadow:inset 0 0 0 1px #087f5b;background:#f3f5f7}
.role-option input{margin:0;width:20px;height:20px;flex-shrink:0;accent-color:#087f5b}.role-option span{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}
.role-option strong{font-size:16px;font-weight:600;color:#17212b}.role-option small{font-size:13px;line-height:1.5;color:#627d98}
.role-help,#role-feedback{font-size:13px;line-height:1.6;text-wrap:pretty;color:#627d98;margin:16px 0 20px}#role-feedback:empty{display:none}#role-feedback.error{color:#a51111;background:transparent}
.role-buttons{display:flex;gap:12px}.role-buttons button{flex:1;min-height:44px}.role-buttons button:disabled,#switch-role:disabled{opacity:.5;cursor:not-allowed}
.role-panel :focus-visible,#switch-role:focus-visible{outline:2px solid #087f5b;outline-offset:3px}.role-buttons button:hover:not(:disabled),#switch-role:hover{filter:brightness(.96)}.role-buttons button:active:not(:disabled){filter:brightness(.92)}
.scope-label{color:#627d98;font-size:13px;margin:0 0 18px;overflow-wrap:anywhere}
.local-login-form label{display:grid;gap:6px;color:#486581;font-size:13px}.local-login-form select{width:100%;min-height:44px;font-size:16px}
.dev-account-controls{margin-top:36px;color:#627d98;font-size:13px}.dev-account-controls summary{cursor:pointer;min-height:44px;padding:12px 0}.dev-account-controls label{display:block;margin:8px 0}.dev-account-controls select{width:100%;min-height:44px;font-size:13px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#role-view[hidden],#role-view [hidden],#dev-account-controls[hidden],#switch-role[hidden]{display:none!important}
@media(max-width:560px){.role-panel{padding:20px;margin:16px 0}.identity-area{gap:4px;max-width:54%}.identity-area #identity{font-size:12px}.role-option{padding:14px}}