/* Stage 437 · OAuth Production Walkthrough Hardening */
:root{--s437-bg:rgba(6,12,22,.88);--s437-border:rgba(99,255,183,.24);--s437-text:#eaf6ff;--s437-muted:#98abc2;--s437-good:#38f6a3;--s437-warn:#ffd166;--s437-bad:#ff6b6b;--s437-info:#67b7ff}
.qlion-stage437-oauth-production{position:relative}
.qlion-oauth-status-banner{position:fixed;left:50%;top:18px;z-index:1100;transform:translateX(-50%);width:min(720px,calc(100vw - 32px));display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid var(--s437-border);border-radius:18px;background:linear-gradient(135deg,rgba(10,19,34,.96),rgba(7,12,20,.92));box-shadow:0 20px 60px rgba(0,0,0,.35);color:var(--s437-text);backdrop-filter:blur(18px)}
.qlion-oauth-status-banner[hidden]{display:none!important}.qlion-oauth-status-dot{width:10px;height:10px;border-radius:50%;background:var(--s437-info);box-shadow:0 0 18px currentColor}.qlion-oauth-status-copy{display:grid;gap:2px;min-width:0}.qlion-oauth-status-copy strong{font-size:14px;letter-spacing:.01em}.qlion-oauth-status-copy span{font-size:12px;color:var(--s437-muted);line-height:1.35}.qlion-oauth-status-action{appearance:none;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);color:var(--s437-text);padding:8px 10px;cursor:pointer;font-size:12px}.qlion-oauth-status-action:hover{border-color:rgba(99,255,183,.42);background:rgba(99,255,183,.10)}
.oauth-status-token_connected .qlion-oauth-status-dot{background:var(--s437-good);color:var(--s437-good)}.oauth-status-callback_received .qlion-oauth-status-dot{background:var(--s437-info);color:var(--s437-info)}.oauth-status-denied .qlion-oauth-status-dot,.oauth-status-invalid_state .qlion-oauth-status-dot,.oauth-status-expired_state .qlion-oauth-status-dot,.oauth-status-missing_code .qlion-oauth-status-dot,.oauth-status-exchange_failed .qlion-oauth-status-dot{background:var(--s437-warn);color:var(--s437-warn)}
[data-stage437-oauth-link]{touch-action:manipulation}.qlion-stage437-oauth-production a[data-oauth-login],.qlion-stage437-oauth-production button[data-oauth-login]{scroll-margin-top:88px}.qlion-stage437-oauth-production a[data-oauth-login]:focus-visible,.qlion-stage437-oauth-production button[data-oauth-login]:focus-visible,.qlion-oauth-status-action:focus-visible{outline:3px solid rgba(56,246,163,.48);outline-offset:3px}
@media(max-width:620px){.qlion-oauth-status-banner{top:auto;bottom:14px;grid-template-columns:auto 1fr;padding:12px;border-radius:16px}.qlion-oauth-status-action{grid-column:1/-1;width:100%;padding:10px}.qlion-oauth-status-copy strong{font-size:13px}.qlion-oauth-status-copy span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.qlion-oauth-status-banner,.qlion-oauth-status-action{transition:none!important;animation:none!important}}