.enrollment-section{border:1px solid #dce3ef;border-radius:16px;padding:18px;margin:16px 0;background:#f7f9fe}
.enrollment-section h2{font-size:1.15rem;margin:0 0 12px}.enrollment-status{font-size:.9rem;line-height:1.6;color:#40536d}
.enrollment-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.enrollment-tabs button[aria-pressed=true]{background:#244fc5;color:#fff;border-color:#244fc5}
.enrollment-code-row{display:flex;gap:8px;align-items:end}.enrollment-code-row label{flex:1;min-width:0}.enrollment-code-row button{flex:none;min-height:48px}
.enrollment-divider{text-align:center;color:#657389;font-size:.9rem;margin:18px 0}.enrollment-section .auth-form{margin:0}
.enrollment-dialog{width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto}.enrollment-dialog input{box-sizing:border-box;max-width:100%}
.identity-summary{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;overflow-wrap:anywhere}.identity-summary dt{color:#5a6a7e}.identity-summary dd{margin:0}
@media(max-width:420px){.enrollment-code-row{display:block}.enrollment-code-row button{width:100%;margin-top:8px}}
@media(prefers-color-scheme:dark){.enrollment-section{background:#172438;border-color:#41516a;color:#f1f4ff}.enrollment-status{color:#c8d7f0}}