/* Website-only additions to the extension dashboard's styles. */
body.signed-out { align-items: center; justify-content: center; padding: 24px; }
body.signed-out .sidebar,
body.signed-out .main { display: none; }
.web-login { position: relative; z-index: 1; width: 100%; max-width: 380px; margin: 0; padding: 36px 32px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.web-login h2 { margin: 0; font-size: 22px; font-weight: 800; }
.web-login-desc { margin: 0 0 8px; color: var(--ink-soft); font-size: 13.5px; line-height: 1.55; }
.web-login .btn-primary { width: 100%; justify-content: center; padding: 12px 16px; font-size: 14px; }
.web-login a { margin-top: 6px; font-size: 12px; color: var(--ink-soft); text-decoration: none; }
.web-login a:hover { text-decoration: underline; }