.vcet-form label {
display: block;
padding-bottom: 0.5rem;
font-weight: 500;
font-size: 1rem;
color: var(--vcet-text-color);
}
.vcet-form label.required::after {
content: " *";
color: var(--vcet-error-color);
font-size: 1.2rem;
font-weight: bold;
}
.vcet-form input[type="text"],
.vcet-form input[type="number"],
.vcet-form input[type="email"],
.vcet-form input[type="tel"],
.vcet-form input[type="date"],
.vcet-form select,
.vcet-form textarea {
width: 100%;
padding: 0.875rem;
border: 1px solid var(--vcet-input-border);
background: var(--vcet-input-bg);
color: var(--vcet-text-color);
font-size: 1rem;
min-height: 45px;
}
.vcet-form select {
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23666666'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 1.25rem;
padding-right: 2.5rem;
}
.vcet-form textarea {
min-height: 6rem;
resize: vertical;
}
.vcet-form input:focus,
.vcet-form select:focus,
.vcet-form textarea:focus {
outline: none;
border-color: var(--vcet-input-focus);
}