/* "Confirm your email" chip (public/modules/verify.js): small, centered, at the top of the page (never on top of anything). */
.vfy-bar { display: flex; align-items: center; gap: 9px; width: fit-content; max-width: 100%; box-sizing: border-box; margin: 0 auto; padding: 5px 5px 5px 13px; border-radius: 999px; background: var(--chip-bg); border: 1px solid var(--line); font-size: 13px; color: var(--ink-muted); }
.vfy-bar[hidden] { display: none; }
.vfy-dot { flex-shrink: 0; width: 8px; height: 8px; border-radius: 50%; background: #E5A800; box-shadow: 0 0 0 4px rgba(229, 168, 0, .2); animation: vfy-pulse 2.4s ease-in-out infinite; }
@keyframes vfy-pulse { 50% { box-shadow: 0 0 0 6px rgba(229, 168, 0, .08); } }
@media (prefers-reduced-motion: reduce) { .vfy-dot { animation: none; } }
.vfy-text { min-width: 0; line-height: 1.35; }
.vfy-btn { flex-shrink: 0; min-height: 28px; padding: 0 12px; border-radius: 999px; border: 0; background: linear-gradient(135deg, var(--cta-a, #E8652B), var(--cta-b, #E5A800)); color: #fff; font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; }
.vfy-btn:disabled { opacity: .6; cursor: default; }
.app > .vfy-bar { flex-shrink: 0; max-width: calc(100% - 32px); margin: 20px auto 0; }
.vfy-bar.in-chat { margin: 0 auto 10px; }