.headvoice-upload-form {
    gap: 20px !important;
    width: 100% !important;
    max-width: 1100px !important;
    margin: auto !important;
    font-family: "Open Sans", sans-serif !important;
}

/* Alle Label-Texte */
.headvoice-upload-form > div > label,
.headvoice-upload-form fieldset legend {
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 12px !important;
    display: block !important;
}

/* Upload-Button */
.headvoice-upload-label {
    display: block !important;
    padding: 9px !important;
    margin-top: 4px !important;
    background-color: #02667F !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    cursor: pointer !important;
    font-weight: 500 !important;
}
.headvoice-upload-label:hover {
    background-color: #0090B7 !important;
}

/* Inputs, Selects, Textareas, Datepicker */
.headvoice-upload-form input,
.headvoice-upload-form select,
.headvoice-upload-form textarea {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px !important;
    border: 1px solid #ccc !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    color: #3A3A3A !important;
    background-color: #FFFFFF !important;
}

/* Speziell Height für Kommentar-Textarea */
.headvoice-upload-form textarea[name="comments"] {
    height: 150px !important;
    resize: none !important;
}

/* Submit-Button */
.submit-button {
    display: block !important;
    padding: 13px !important;
    margin-top: 24px !important;
    background-color: #02667F !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    cursor: pointer !important;
    font-weight: 500 !important;
    width: 100% !important;
}
.submit-button:hover {
    background-color: #0090B7 !important;
}

/* Visuell verstecktes File-Input */
.headvoice-upload-form input[type="file"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Vorschau-Container */
.headvoice-upload-preview {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    margin-top: 20px !important;
}

/* Einzel-Item in Preview */
.headvoice-upload-item {
    display: flex !important;
    align-items: flex-start !important;
    font-size: 14px !important;
    color: #3A3A3A !important;
}
.headvoice-upload-item button {
    background: none !important;
    border: none !important;
    color: #a40000 !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin-right: 6px !important;
    line-height: 1 !important;
}
.headvoice-upload-item button:hover {
    color: #0090B7 !important;
}

/* Feedback-Bereich */
.upload-feedback {
    text-align: right !important;
    margin-top: 10px !important;
}
#upload-success,
#headvoice-wait-msg {
    display: none;
    font-size: 14px;
    font-style: italic;
    color: #3A3A3A;
    margin-top: 4px;
}

/* Checkbox-Gitter */
.checkbox-grid {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}
.checkbox-grid label {
    display: flex !important;
    align-items: flex-start !important;
    gap: 6px !important;
    font-size: 15px !important;
    color: #3A3A3A !important;
    line-height: 1.4 !important;
}
.checkbox-grid input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
    accent-color: #02667F !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

/* Fieldset & Radios für Lieferzeitraum */
.headvoice-upload-form fieldset {
    border: 1px solid #ccc !important;
    border-radius: 6px !important;
    padding: 12px !important;
    margin: 0 !important;
}
.headvoice-upload-form fieldset legend {
    padding: 0 6px !important;
}
.headvoice-upload-form fieldset label {
    display: inline-flex !important;
    align-items: center !important;
    margin-right: 20px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
}
.headvoice-upload-form fieldset input[type="radio"] {
    margin-right: 6px !important;
}

/* Custom-Date-Container */
#custom-date-container {
    padding-top: 10px !important;
}
#custom-date-container label {
    margin-bottom: 6px !important;
    display: block !important;
}
/* Dropdown im Formular */
.headvoice-upload-form select {
    appearance: none !important;
    background: #fff url("data:image/svg+xml;utf8,<svg fill='%2302667F' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") no-repeat right 10px center !important;
    background-size: 16px 16px !important;
}

/* Halbe Breite nur für den Date-Picker */
#custom-date-container input[type="date"] {
    width: 30% !important;
}
