/* Native modal supplies focus containment and makes the catalog behind it inert. */
.ob-auth-trigger { margin-left: var(--ob-space-xs); }
.ob-auth-dialog { --ob-dialog-width: var(--ob-auth-dialog-width); }
.ob-auth-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--ob-space-default); }
.ob-auth-heading h2 { padding-top: var(--ob-space-xs); overflow-wrap: anywhere; }
.ob-auth-description { margin-block: var(--ob-space-default); color: var(--ob-color-text-secondary); }
.ob-auth-fields { display: grid; gap: var(--ob-space-default); }
.ob-auth-field > span { font-weight: var(--ob-font-weight-semibold); }
.ob-auth-field .ob-input { width: 100%; }
.ob-auth-email { overflow-wrap: anywhere; font-weight: var(--ob-font-weight-semibold); }
.ob-auth-submit { margin-top: var(--ob-space-lg); width: 100%; white-space: normal; height: auto; min-height: var(--ob-control-height); }
.ob-auth-message { margin-top: var(--ob-space-default); padding: var(--ob-space-md); border-left: var(--ob-border-width-lg) solid var(--ob-color-success); background: var(--ob-color-success-bg); overflow-wrap: anywhere; }
.ob-auth-message.is-error { border-color: var(--ob-color-error); background: var(--ob-color-error-bg); }
.ob-auth-secondary { margin-top: var(--ob-space-sm); }
.ob-auth-api { border-top: var(--ob-border-width-xs) solid var(--ob-color-border-control); margin-top: var(--ob-space-lg); padding-top: var(--ob-space-default); }
.ob-auth-api h3 { font-size: var(--ob-font-size-lg); }
.ob-auth-api p { margin-top: var(--ob-space-sm); overflow-wrap: anywhere; }
.ob-auth-api-actions { display: flex; gap: var(--ob-space-sm); flex-wrap: wrap; margin-block: var(--ob-space-default); }
.ob-auth-api textarea { display: block; width: 100%; padding: var(--ob-space-sm); resize: vertical; font-size: var(--ob-font-size-sm); overflow-wrap: anywhere; }
.ob-auth-api [hidden] { display: none !important; }
@media (max-width: 600px) {
  .ob-auth-trigger { padding-inline: var(--ob-space-sm); }
}
@media print { .ob-auth-dialog { display: none !important; } }