.extension-guide .auth{max-width:760px;margin:40px auto}.extension-guide h1{font-size:26px}.extension-guide .card{padding:32px}.extension-guide p{font-size:14px}.extension-status{display:flex;gap:14px;align-items:center;background:var(--rc-canvas);border:1px solid var(--rc-line);border-radius:10px;padding:18px;margin:24px 0}.extension-status p{margin:5px 0 0;font-size:13px}#extension-dot{width:10px;height:10px;background:#ad7724;border-radius:50%;flex-shrink:0}#extension-dot.ready{background:#087966}.setup-steps{padding:0;list-style:none;margin:24px 0}.setup-steps>li{display:flex;gap:16px;padding:24px 0;border-bottom:1px solid var(--rc-line)}.step-number{background:var(--rc-soft);color:var(--rc-brand);border-radius:50%;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;font-size:14px;font-weight:700}.setup-steps h2{font-size:18px;margin:4px 0 10px}.setup-steps p{margin:0 0 14px}.setup-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.extension-guide button,.extension-guide .button{font-size:13px}.setup-troubleshoot{margin:20px 0;color:var(--rc-muted);font-size:13px}.setup-troubleshoot summary{cursor:pointer;font-weight:600}#extension-address{font-size:13px;margin-bottom:10px}#browser-help{padding:14px;background:#fff5df;border-radius:8px}@media(max-width:600px){.extension-guide .auth{margin:20px auto}.extension-guide .card{padding:20px}.setup-steps>li{gap:10px}.setup-buttons{flex-direction:column}.setup-steps .button{max-width:100%}}
.extension-guide [hidden]{display:none!important}
/* Keep setup links centered without inheriting oversized auth-button spacing. */
.extension-guide .setup-steps a.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;line-height:20px;text-align:center;vertical-align:middle}
.extension-guide .setup-steps>li:first-child{padding-bottom:16px}

.store-install{margin:24px 0}.store-install h2,.connect-business h2{font-size:18px;margin:0 0 10px}.extension-guide .store-install .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;line-height:20px;text-align:center}.store-install .muted{margin:12px 0 0}.manual-install{border-top:1px solid var(--rc-line);border-bottom:1px solid var(--rc-line);padding:20px 0;margin:24px 0}.manual-install>summary{cursor:pointer;font-weight:650;min-height:32px}.manual-install .setup-steps{margin-bottom:0}.manual-install .setup-steps>li:last-child{border-bottom:0;padding-bottom:0}.connect-business{margin:24px 0}

/* Connection popup actions retain spacing and show an in-flight retry. */
.connection-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.connection-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0;min-height:48px}
#connection-retry{min-width:140px}
#connection-retry .app-spinner{width:16px;height:16px;border-width:2px;flex-shrink:0}

.connection-actions[hidden]{display:none}
#connection-status.connection-success{display:flex;align-items:flex-start;gap:12px;padding:18px;border:1px solid #a7dcc3;border-radius:12px;background:#edf9f2;color:#145c3a;line-height:1.5}
.connection-success-icon{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:#188451;color:white;font-size:19px;font-weight:700}
.connection-success strong{display:block;font-size:18px}
.connection-business{display:block;font-weight:600;margin-top:4px;overflow-wrap:anywhere}
.connection-success-detail{display:block;font-size:14px;margin-top:6px}

#connection-status.connection-failure{display:flex;align-items:flex-start;gap:12px;padding:18px;border:1px solid #efc6c6;border-radius:12px;background:#fff4f4;color:#9b3030;line-height:1.5}
.connection-failure strong{display:block;font-size:18px}.connection-failure-icon{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:#bd4040;color:white;font-size:24px}
.connection-success-icon,.connection-failure-icon{animation:connection-confirm .3s ease-out both}
@keyframes connection-confirm{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.connection-success-icon,.connection-failure-icon{animation:none}}

.connection-actions button[hidden]{display:none}
.connection-failure-icon{align-self:flex-start;line-height:1;padding:0;box-sizing:border-box}
.connection-failure-icon svg{display:block;width:16px;height:16px;margin:0}