.auth-text-link { color: var(--blue); font-weight: 700; text-decoration: none; justify-self: end; }
.auth-flow-card .public-language-form { margin-top: 0; }
.auth-flow-card > .settings-form { margin-top: 18px; padding: 0; }
.auth-success { margin-top: 18px; padding: 14px 16px; border: 1px solid #bfe5cb; border-radius: 12px; background: #edf9f1; color: #176b3a; }
.auth-success p { margin: 6px 0 12px; color: #3c7654; }
.auth-success .button { display: inline-block; padding: 9px 13px; border-radius: 9px; background: var(--blue); color: #fff; text-decoration: none; font-weight: 800; }
.auth-error { padding: 11px 13px; border: 1px solid #f1b8b5; border-radius: 10px; background: #fff2f1; color: #a5231d !important; }
.auth-back { margin-top: 22px; text-align: center; }
.auth-back a { color: var(--blue); font-weight: 700; text-decoration: none; }
.invite-access-card { margin-bottom: 20px; }
.invitation-result { display: grid; gap: 18px; padding: 22px; }
.invitation-result > div:not(.dev-link-box):not(.notice) { display: grid; gap: 3px; }
.invitation-result small { color: var(--muted); }
.dev-link-box { display: grid; gap: 8px; padding: 16px; border: 1px solid #bfd5f5; border-radius: 12px; background: #f4f8ff; }
.dev-link-box p { margin: 0; color: var(--muted); }
.dev-link-box code { overflow-wrap: anywhere; padding: 10px; border-radius: 8px; background: #fff; color: #344054; }
.dev-link-box .button, .invitation-result > .button { width: max-content; padding: 9px 13px; border-radius: 9px; background: var(--blue); color: #fff; text-decoration: none; font-weight: 800; }
@media (max-width: 760px) { .auth-text-link { justify-self: start; } .dev-link-box .button, .invitation-result > .button { width: 100%; text-align: center; } }