/* Form "Nuovo voucher" — condiviso da wp-admin e area dipendenti frontend.
   Usa i token --vch-* dove esistono (frontend) con fallback per wp-admin. */
.vch-mv { max-width: 760px; box-sizing: border-box; }
.vch-mv *, .vch-mv *::before, .vch-mv *::after { box-sizing: border-box; }
.vch-mv-hidden { display: none !important; }

.vch-mv-section {
    background: var(--vch-card-bg, #fff);
    border: 1px solid var(--vch-border, #e6e6ee);
    border-radius: var(--vch-radius, 12px);
    padding: 16px 18px 6px;
    margin: 0 0 16px;
}
.vch-mv-section legend {
    font-weight: 700;
    font-size: 14px;
    padding: 0 6px;
    color: var(--vch-primary, #4038C9);
}

.vch-mv-field { margin-bottom: 14px; }
.vch-mv-field > label { display: block; font-weight: 600; font-size: 13px; margin-bottom: 5px; }
.vch-mv-field input[type="text"],
.vch-mv-field input[type="email"],
.vch-mv-field input[type="number"],
.vch-mv-field select,
.vch-mv-field textarea {
    width: 100%;
    max-width: 100%;
    padding: 9px 11px;
    border: 1px solid var(--vch-border, #d0d0dc);
    border-radius: var(--vch-radius-sm, 8px);
    font-size: 15px;
    background: #fff;
}
.vch-mv-field input:focus,
.vch-mv-field select:focus,
.vch-mv-field textarea:focus {
    outline: none;
    border-color: var(--vch-accent, #5B4FE8);
    box-shadow: 0 0 0 2px rgba(91, 79, 232, .18);
}
.vch-mv-field select:disabled { opacity: .55; }

.vch-mv-row { display: flex; gap: 14px; flex-wrap: wrap; }
.vch-mv-row > .vch-mv-field { flex: 1 1 240px; }

.vch-mv-check label { display: flex; gap: 8px; align-items: flex-start; font-weight: 500; }
.vch-mv-check input[type="checkbox"] { margin-top: 3px; }

.vch-mv-hint { margin: 5px 0 0; font-size: 12.5px; color: var(--vch-muted, #767693); }
.vch-mv-notice {
    padding: 10px 12px;
    background: var(--vch-warning-bg, #fdf1dd);
    color: var(--vch-warning, #a5690a);
    border-radius: var(--vch-radius-sm, 8px);
    font-size: 13.5px;
}

.vch-mv-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; }
.vch-mv-chip {
    border: 1px solid var(--vch-border, #d0d0dc);
    background: #fff;
    border-radius: 999px;
    padding: 6px 14px;
    font-size: 14px;
    cursor: pointer;
}
.vch-mv-chip.selected { background: var(--vch-primary, #4038C9); border-color: var(--vch-primary, #4038C9); color: #fff; }

.vch-mv-covers { display: flex; flex-wrap: wrap; gap: 8px; }
.vch-mv-cover {
    padding: 0; border: 2px solid transparent; border-radius: 8px; background: none; cursor: pointer; line-height: 0;
}
.vch-mv-cover img { width: 92px; height: 64px; object-fit: cover; border-radius: 6px; }
.vch-mv-cover.selected { border-color: var(--vch-primary, #4038C9); }

.vch-mv-actions { margin: 4px 0 12px; }
.vch-mv-submit {
    background: var(--vch-primary, #4038C9);
    color: #fff;
    border: 0;
    border-radius: var(--vch-radius-sm, 8px);
    padding: 11px 22px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}
.vch-mv-submit:hover { opacity: .92; }
.vch-mv-submit:disabled { opacity: .55; cursor: not-allowed; }

.vch-mv-message {
    margin: 10px 0;
    padding: 10px 12px;
    background: var(--vch-danger-bg, #fbeaea);
    color: var(--vch-danger, #c53030);
    border-radius: var(--vch-radius-sm, 8px);
    font-size: 14px;
}

.vch-mv-result {
    background: var(--vch-card-bg, #fff);
    border: 1px solid var(--vch-border, #e6e6ee);
    border-left: 4px solid var(--vch-success, #1f9d64);
    border-radius: var(--vch-radius, 12px);
    padding: 16px 18px;
}
.vch-mv-result h3 { margin: 0 0 10px; }
.vch-mv-table { border-collapse: collapse; margin-bottom: 10px; }
.vch-mv-table th { text-align: left; padding: 4px 18px 4px 0; font-weight: 600; color: var(--vch-muted, #767693); vertical-align: top; }
.vch-mv-table td { padding: 4px 0; font-family: ui-monospace, Menlo, Consolas, monospace; word-break: break-all; }
.vch-mv-link { font-weight: 600; }

@media (max-width: 600px) {
    .vch-mv-section { padding: 14px 12px 4px; }
}