/* Optional verification card (account page, vendors only). A white card like the digest preference; neutral buttons, because the page's one accent action is "Save profile".
   The Verified word uses the same accent outline as the directory badge. 44px targets throughout. */
.vver { margin: var(--space-5, 24px) 0; padding: var(--space-5, 24px); background: var(--color-surface-raised, #FFFFFF); border: 1px solid var(--color-card-border, #DFE4EB); border-radius: var(--radius-md); }
.vver__title { margin: 0 0 var(--space-3, 12px); font-family: var(--font-display, "Cabinet Grotesk", "Cabinet Grotesk Fallback", system-ui, sans-serif); font-size: 20px; font-weight: 600; line-height: 1.25; }
.vver__lede, .vver__privacy, .vver__hint { max-width: 62ch; margin: 0 0 var(--space-3, 12px); }
.vver__privacy, .vver__hint { font-size: 14px; color: var(--color-text-muted, #4A5565); }
.vver__state { margin: 0 0 var(--space-3, 12px); font-weight: 600; }
.vver__badge { display: inline-block; padding: 3px 10px; border: 1px solid var(--color-accent, #0B6B5D); border-radius: 999px; color: var(--color-accent, #0B6B5D); font-size: 14px; font-weight: 700; }
.vver__notice { max-width: 62ch; margin: 0 0 var(--space-3, 12px); padding: var(--space-3, 12px) var(--space-4, 16px); border: 1px solid var(--color-border, #667085); border-radius: var(--radius-sm); }
.vver__files { margin: 0 0 var(--space-3, 12px); padding-left: 20px; }
.vver__field { margin-bottom: var(--space-3, 12px); }
.vver__label { display: block; margin-bottom: 4px; font-weight: 600; }
.vver__file { display: block; max-width: 100%; min-height: 44px; font: inherit; font-size: 16px; }
.vver__file:focus-visible, .vver__btn:focus-visible { outline: 3px solid var(--focus-ring-color); outline-offset: 2px; }
.vver__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3, 12px); margin-top: var(--space-3, 12px); }
.vver__confirm { flex: 1 1 100%; margin: 0; font-weight: 600; }
.vver__btn { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0 var(--space-4, 16px); border: 1px solid var(--color-border, #667085); border-radius: var(--radius-sm); background: transparent; color: var(--color-text, #16202E); font: inherit; font-size: 16px; font-weight: 600; cursor: pointer; }
.vver__btn:hover { background: var(--color-surface-raised, #FFFFFF); }
.vver__btn[aria-disabled="true"] { opacity: .6; cursor: default; }
.vver__err { margin: 0; font-weight: 600; }
.vver__err:empty, .vver__status:empty { display: none; }
.vver__status { margin: var(--space-3, 12px) 0 0; font-weight: 600; }
@media (max-width: 480px) { .vver { padding: var(--space-4, 16px); } .vver__actions .vver__btn { flex: 1 1 100%; } }