.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-section [hidden],.enrollment-dialog [hidden]{display:none!important}
.enrollment-channels{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.enrollment-channels button{flex:1;min-width:0;min-height:44px}
.enrollment-channels button[aria-pressed=true]{background:var(--accent-soft,#e9effd);border-color:var(--accent,#244fc5);color:var(--accent,#244fc5)}
.enrollment-step:not([hidden]){display:grid;gap:16px;min-width:0}.enrollment-step>button{width:100%;white-space:normal}
.enrollment-progress{margin:0;font-size:.82rem;font-weight:600;color:var(--muted,#657389)}
.enrollment-destination{margin:0;overflow-wrap:anywhere;font-size:.9rem;line-height:1.6}
.enrollment-section button,.enrollment-dialog button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.enrollment-dialog select{width:100%;max-width:100%;min-height:44px;box-sizing:border-box;padding:10px 12px;border:1px solid var(--field-line,#a5b6cb);border-radius:8px;background:var(--panel,#fff);color:var(--ink,#14243b);font:inherit}
.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}}