.oauth-stack { --line: rgba(255,255,255,.12); --panel: #191919; --muted: #b5b5b5; --red: #ff3b3b; display: grid; gap: 24px; min-width: 0; }
.oauth-stack section, .oauth-stack article, .oauth-stack form { min-width: 0; }
.oauth-stack h2, .oauth-consent h1 { margin: 0 0 12px; }
.oauth-stack h3 { margin: 0; font-size: 18px; }
.oauth-stack p, .oauth-consent p { line-height: 1.65; }
.oauth-stack small { color: var(--muted); line-height: 1.6; }
.oauth-stack .oauth-list { display: grid; gap: 12px; margin-top: 16px; }
.oauth-item-head, .oauth-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.oauth-item-head { justify-content: space-between; }
.oauth-actions { margin-top: 16px; }
.oauth-actions form { margin: 0; }
.oauth-stack .copy-value { max-width: 100%; }
.oauth-stack .copy-value-text { overflow-wrap: anywhere; white-space: normal; }
.oauth-stack .field textarea { width: 100%; max-width: 100%; resize: vertical; min-height: 110px; }
.oauth-stack code, .oauth-stack dd, .oauth-stack li, .oauth-consent h1 { overflow-wrap: anywhere; }
.oauth-stack ul { padding-left: 20px; }
.oauth-secret { border-color: var(--red); }
.oauth-secret p { margin-top: 0; }
.oauth-secret .copy-value { justify-content: flex-start; }
.oauth-consent { max-width: 660px; margin: 36px auto; min-width: 0; }
.oauth-consent h1 { font-size: 26px; line-height: 1.35; }
.oauth-consent-brand { width: 64px; height: 64px; object-fit: contain; margin-bottom: 18px; }
.oauth-permissions { list-style: none; padding: 0 !important; display: grid; gap: 14px; }
.oauth-permissions li { display: flex; gap: 12px; align-items: flex-start; }
.oauth-permissions .icon { width: 22px; height: 22px; flex: 0 0 22px; }
.oauth-consent-account { display: grid; gap: 6px; padding: 16px 0; border-block: 1px solid var(--line); }
.oauth-endpoints { display: grid; grid-template-columns: minmax(120px,1fr) minmax(0,3fr); gap: 12px 20px; }
.oauth-endpoints dt { font-weight: 600; }
.oauth-endpoints dd { margin: 0; }
.oauth-docs { max-width: 920px; margin: 32px auto; }
.oauth-docs pre { padding: 16px; border: 1px solid var(--line); border-radius: 6px; overflow: auto; max-width: 100%; background: #101014; }
.oauth-docs pre code { overflow-wrap: normal; }
.oauth-security-link { margin-bottom: 24px; }
@media (max-width: 640px) {
    .oauth-consent { margin: 20px 0; }
    .oauth-consent h1 { font-size: 22px; }
    .oauth-endpoints { grid-template-columns: minmax(0,1fr); gap: 6px; }
    .oauth-endpoints dd { margin-bottom: 12px; }
    .oauth-actions .btn { min-height: 44px; }
}