.user-registration-card{max-width:1040px;margin-bottom:1rem}.user-details{display:grid;grid-template-columns:minmax(0,24ch) minmax(0,24ch) minmax(0,40ch);gap:.75rem 1rem}.user-preferences{display:grid;grid-template-columns:minmax(0,17ch) minmax(0,24ch) minmax(0,24ch);gap:1rem;margin-top:.8rem}.user-registration-card label,.role-definition-editor label{display:block;margin-bottom:.3rem;font-size:.85rem}.user-access{border-top:1px solid var(--bs-border-color,#dde2e8);margin-top:1rem;padding-top:.9rem}.user-access-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.6rem}.user-access-heading a{font-size:.8rem}.token-picker-toolbar{display:grid;grid-template-columns:minmax(0,28ch) minmax(0,40ch);gap:.75rem}.token-picker-toolbar label{font-size:.8rem}.token-well{height:5.8rem;overflow:auto;display:flex;align-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:.4rem;padding:.6rem;border:1px solid var(--bs-border-color,#d5dce5);border-radius:.45rem;background:var(--bs-tertiary-bg,#f7f9fc);margin-top:.6rem}.token-well:empty:before{content:"No selections yet";font-size:.8rem;color:#64748b}.access-token{display:inline-flex;max-width:100%;border:1px solid #bacad6;border-radius:999px;background:#edf3f7;color:#233b50;align-items:center}.access-token button{color:inherit;background:transparent;border:0;font-size:.8rem;line-height:1.2;padding:.4rem .65rem;text-align:left}.access-token .token-toggle{overflow-wrap:anywhere;min-width:0}.access-token .token-toggle span{margin-left:.4rem;opacity:.7}.access-token .token-preview{border-left:1px solid #bacad6;padding-inline:.5rem}.access-token button:focus-visible{outline:2px solid #cf570f;outline-offset:2px;border-radius:999px}.access-token.is-added{border-color:#4d9275;background:#eef8f3;color:#17573d}.access-token.is-removed{border-color:#c64e57;background:#fff0f1;color:#9e2631}.access-token.is-removed .token-toggle{text-decoration:line-through}.token-help{font-size:.76rem;color:#59687a;margin:.5rem 0 .25rem;line-height:1.45}.token-message{font-size:.8rem;min-height:1.2rem}.role-preview{margin-top:.45rem;padding:.7rem;border:1px solid var(--bs-border-color,#d5dce5);border-radius:.45rem}.role-preview-heading{font-size:.85rem;font-weight:600;margin-bottom:.45rem}.role-preview-tokens{height:5rem;overflow:auto;display:flex;flex-wrap:wrap;align-content:flex-start;gap:.35rem;font-size:.8rem;color:#59687a}.role-preview-tokens span{display:inline-flex;align-self:flex-start;max-width:100%;border:1px solid #d6dde6;border-radius:999px;padding:.25rem .55rem;overflow-wrap:anywhere;background:#f6f8fa;color:#34475c}.user-registration-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.user-registration-actions>.row{width:100%;margin:0}.user-registration-actions .col-sm-8{display:flex;justify-content:flex-end;gap:.4rem;flex-wrap:wrap}.user-registration-actions .form-check-label{font-size:.8rem}.role-definition-fields{display:grid;grid-template-columns:minmax(0,38ch) auto;align-items:end;gap:1rem;margin-bottom:.8rem}.role-definition-fields>.form-check{white-space:nowrap;margin-bottom:.5rem}.role-definition-editor textarea{resize:vertical;max-height:8rem}.offcanvas:has(.role-definition-editor){width:min(740px,100vw)}.role-definition-editor .token-well{height:6.5rem}.role-definition-editor .token-picker-toolbar{grid-template-columns:minmax(0,28ch) minmax(0,1fr)}@media(max-width:760px){.user-details{grid-template-columns:repeat(2,minmax(0,1fr))}.user-email{grid-column:1/-1;max-width:42ch}.user-preferences{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.token-picker-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.user-access-heading{align-items:baseline}.user-registration-actions .col-sm-8{justify-content:flex-start}.user-registration-actions .row{gap:.6rem}}@media(max-width:480px){.user-preferences{grid-template-columns:repeat(2,minmax(0,1fr))}.token-picker-toolbar,.role-definition-editor .token-picker-toolbar{grid-template-columns:minmax(0,1fr)}.user-details{gap:.6rem}.user-registration-card .card-body{padding:.8rem!important}.token-well{height:6.5rem}.user-access-heading{flex-wrap:wrap;gap:.4rem}.role-definition-fields{grid-template-columns:minmax(0,1fr)}.role-definition-editor .token-well{height:8rem}}