.oauth-shell { align-content: center; gap: var(--space-4); }
.oauth-toolbar { display: flex; width: min(100%, var(--width-modal)); align-items: center; justify-content: space-between; }
.oauth-card { display: grid; width: min(100%, var(--width-modal)); gap: var(--space-5); padding: var(--space-8); }
.oauth-card .heading { font-size: var(--font-xl); line-height: var(--line-h2); }
.oauth-card .eyebrow, .oauth-card .oauth-intro, .oauth-card .oauth-footnote { margin: var(--space-0); }
.oauth-destination, .oauth-details { padding: var(--space-4); border: var(--size-hairline) solid var(--color-border); border-radius: var(--radius-md); background: var(--color-bg); }
.oauth-destination { display: grid; gap: var(--space-2); }
.oauth-destination strong, .oauth-details dd { overflow-wrap: anywhere; }
.oauth-uri { display: block; font-size: var(--font-sm); line-height: var(--line-sm); overflow-wrap: anywhere; }
.oauth-details { display: grid; gap: var(--space-4); margin: var(--space-0); }
.oauth-details > div { display: grid; gap: var(--space-1); }
.oauth-details dt { color: var(--color-muted); font-size: var(--font-xs); font-weight: var(--weight-semibold); line-height: var(--line-label); letter-spacing: var(--tracking-wide); text-transform: uppercase; }
.oauth-details dd { margin: var(--space-0); }
.oauth-permissions { display: grid; gap: var(--space-3); }
.oauth-permissions .subheading { font-family: var(--font-family); font-size: var(--font-lg); line-height: var(--line-h3); }
.oauth-permissions ul { display: grid; gap: var(--space-2); margin: var(--space-0); padding-left: var(--space-6); }
.oauth-permissions li { overflow-wrap: anywhere; }
.oauth-actions .button { flex: 1 1 var(--grid-min); }
.grant-section .load-more-wrap, .grant-section .form-error:not([hidden]) { margin-top: var(--space-5); }
@media (max-width: 640px) {
    .oauth-card { padding: var(--space-5); }
}