/* Sign-in (S-05) and the in-app browser screen (S-06a) */
.bh-btn--google { min-height: 48px; gap: var(--space-3); background: var(--card); border-color: var(--border-input); color: var(--ink-1); }
.bh-btn--google:hover { background: var(--sunken); color: var(--ink-1); }
.bh-google-mark { flex: none; width: 20px; height: 20px; }
.bh-reason { display: flex; gap: var(--space-2); align-items: flex-start; color: var(--ink-2); font-size: var(--text-small); line-height: var(--leading-small); }
.bh-checks { display: grid; gap: var(--space-2); }
.bh-checks li { display: flex; gap: var(--space-2); align-items: flex-start; }
.bh-checks .bh-icon { margin-top: 2px; color: var(--success-ink); }
.bh-steps { display: grid; gap: var(--space-3); }
.bh-steps li { display: flex; gap: var(--space-3); align-items: flex-start; }
.bh-step {
  display: grid; place-items: center; flex: none; width: 28px; height: 28px; border-radius: var(--radius-pill);
  background: var(--primary); color: var(--on-primary); font-size: var(--text-label); line-height: var(--leading-label); font-weight: var(--weight-bold);
}
.bh-aside { display: grid; gap: var(--space-1); margin-top: var(--space-2); padding-top: var(--space-4); border-top: 1px solid var(--line); }
.bh-copy { display: grid; gap: var(--space-3); margin-top: var(--space-2); padding-top: var(--space-4); border-top: 1px solid var(--line); }
.bh-btn--secondary.is-copied { border-color: var(--success-ink); color: var(--success-ink); }
.bh-btn:not(.is-copied) .bh-icon--copied, .bh-btn.is-copied .bh-icon--copy { display: none; }