/* APPLE HIG - Forms: fill gris, sin borde, foco con ring azul */

.form-control,
.form-select {
    background-color: var(--apple-fill-1) !important;
    border: 1.5px solid transparent !important;
    border-radius: var(--apple-radius-md) !important;
    color: var(--apple-label) !important;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 0.875rem;
    padding: 0.625rem 0.875rem;
    box-shadow: none !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    -webkit-appearance: none;
}
.form-control:focus,
.form-select:focus {
    background-color: var(--apple-bg-2) !important;
    border-color: var(--apple-blue) !important;
    box-shadow: 0 0 0 3px rgba(0,137,123,0.18) !important;
    outline: none !important;
    color: var(--apple-label) !important;
}
.form-control::placeholder { color: var(--apple-label-4) !important; }
.form-control-sm, .form-select-sm {
    padding: 0.4375rem 0.75rem;
    font-size: 0.8125rem;
    border-radius: var(--apple-radius-sm) !important;
}

.form-label {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--apple-label-2);
    margin-bottom: 0.3rem;
    letter-spacing: -0.01em;
}

/* Input group */
.input-group-text {
    background-color: var(--apple-fill-1) !important;
    border: 1.5px solid transparent !important;
    border-right: none !important;
    border-radius: var(--apple-radius-md) 0 0 var(--apple-radius-md) !important;
    color: var(--apple-label-3);
    font-size: 0.875rem;
}
.input-group .form-control {
    border-radius: 0 var(--apple-radius-md) var(--apple-radius-md) 0 !important;
}
.input-group .btn {
    border-radius: 0 var(--apple-radius-md) var(--apple-radius-md) 0 !important;
}

/* Checkboxes / radios */
.form-check-input:focus {
    box-shadow: 0 0 0 3px rgba(0,137,123,0.25) !important;
    border-color: var(--apple-blue) !important;
}
.form-check-input:checked {
    background-color: var(--apple-blue) !important;
    border-color: var(--apple-blue) !important;
}

/* Autocomplete dropdown */
.autocomplete-async-item:hover {
    background-color: var(--apple-fill-1) !important;
    border-left: 3px solid var(--apple-blue) !important;
}
.autocomplete-async-item:last-child { border-bottom: none !important; }

/* Autocomplete dropdown container */
.autocomplete-async-dropdown {
    border-radius: var(--apple-radius-md) !important;
    border: 1px solid var(--apple-separator) !important;
    box-shadow: var(--apple-shadow-md) !important;
    overflow: hidden;
}