/* The vendor's directory profile editor on the account page. The page's one accent control is Save profile above it, so this Save is a neutral outline button. */
.vedit { margin-top: var(--space-6, 32px); }
.vedit__title { margin: 0 0 var(--space-3, 12px); font-family: var(--font-display, "Cabinet Grotesk", "Cabinet Grotesk Fallback", system-ui, sans-serif); font-size: 24px; font-weight: 600; line-height: 1.25; }
.vedit__status { margin: 0 0 var(--space-4, 16px); padding: var(--space-3, 12px) var(--space-4, 16px); background: var(--color-surface-raised, #FFFFFF); border: 1px solid var(--color-card-border, #DFE4EB); border-radius: var(--radius-md); }
.vedit__status p { margin: 0; }
.vedit__link { display: inline-flex; align-items: center; min-height: 44px; color: var(--color-text, #16202E); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.vedit__link:focus-visible, .vedit__save:focus-visible, .vedit__check input:focus-visible { outline: 3px solid var(--focus-ring-color); outline-offset: 2px; }
.vedit__group { margin: 0; padding: 0; border: 0; }
.vedit__group legend { padding: 0; }
.vedit__check { display: flex; align-items: center; gap: var(--space-2, 8px); min-height: 44px; cursor: pointer; }
/* 44 x 44 hit area with a 24px drawn box, as in the board filters */
.vedit__check input { appearance: none; -webkit-appearance: none; flex: none; position: relative; width: 44px; height: 44px; margin: 0 0 0 -10px; background: transparent; cursor: pointer; }
.vedit__check input::before { content: ""; position: absolute; inset: 10px; border: 2px solid var(--color-border, #667085); border-radius: var(--radius-sm); background: var(--color-surface-raised, #FFFFFF); }
.vedit__check input:checked::before { background: var(--color-text, #16202E); border-color: var(--color-text, #16202E); }
.vedit__check input:checked::after { content: ""; position: absolute; left: 16px; top: 13px; width: 6px; height: 12px; border: solid var(--color-surface-raised, #FFFFFF); border-width: 0 2px 2px 0; transform: rotate(45deg); }
.vedit__textarea { padding: 10px var(--space-3, 12px); line-height: 1.5; resize: vertical; }
.vedit__save { min-width: 44px; min-height: 44px; padding: 0 var(--space-5, 24px); border: 2px solid var(--color-text, #16202E); border-radius: var(--radius-sm); background: transparent; color: var(--color-text, #16202E); font: inherit; font-size: 16px; font-weight: 600; cursor: pointer; }
.vedit__save:hover { background: var(--color-surface, #F5F7FA); }
.vedit__save[aria-disabled="true"] { opacity: 0.7; cursor: default; }