/**
 * Force readable text color in all form inputs (user panel + light admin theme).
 */
html:not([data-theme="dark"]) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]):not([type="range"]):not([type="color"]),
html:not([data-theme="dark"]) textarea,
html:not([data-theme="dark"]) select,
html:not([data-theme="dark"]) .form--control,
html:not([data-theme="dark"]) .form-control,
html:not([data-theme="dark"]) .form-select {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    caret-color: #000 !important;
}

html:not([data-theme="dark"]) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]):not([type="range"]):not([type="color"]):focus,
html:not([data-theme="dark"]) textarea:focus,
html:not([data-theme="dark"]) select:focus,
html:not([data-theme="dark"]) .form--control:focus,
html:not([data-theme="dark"]) .form-control:focus,
html:not([data-theme="dark"]) .form-select:focus {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
}

html:not([data-theme="dark"]) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]):not([type="range"]):not([type="color"])::placeholder,
html:not([data-theme="dark"]) textarea::placeholder,
html:not([data-theme="dark"]) .form--control::placeholder,
html:not([data-theme="dark"]) .form-control::placeholder {
    color: #666 !important;
    -webkit-text-fill-color: #666 !important;
    opacity: 1 !important;
}

html:not([data-theme="dark"]) input:disabled,
html:not([data-theme="dark"]) textarea:disabled,
html:not([data-theme="dark"]) select:disabled,
html:not([data-theme="dark"]) .form--control:disabled,
html:not([data-theme="dark"]) .form--control[readonly],
html:not([data-theme="dark"]) .form-control:disabled,
html:not([data-theme="dark"]) .form-control[readonly] {
    color: #333 !important;
    -webkit-text-fill-color: #333 !important;
}

html:not([data-theme="dark"]) .select2-container--default .select2-selection--single .select2-selection__rendered,
html:not([data-theme="dark"]) .select2-container--default .select2-selection--multiple .select2-selection__choice__display,
html:not([data-theme="dark"]) .select2-container--default .select2-search--inline .select2-search__field {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
}

html:not([data-theme="dark"]) .select2-search__field {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
}

/* Autofill (Chrome/Safari) */
html:not([data-theme="dark"]) input:-webkit-autofill,
html:not([data-theme="dark"]) input:-webkit-autofill:hover,
html:not([data-theme="dark"]) input:-webkit-autofill:focus,
html:not([data-theme="dark"]) textarea:-webkit-autofill,
html:not([data-theme="dark"]) textarea:-webkit-autofill:hover,
html:not([data-theme="dark"]) textarea:-webkit-autofill:focus,
html:not([data-theme="dark"]) select:-webkit-autofill,
html:not([data-theme="dark"]) select:-webkit-autofill:hover,
html:not([data-theme="dark"]) select:-webkit-autofill:focus {
    -webkit-text-fill-color: #000 !important;
    color: #000 !important;
    box-shadow: 0 0 0 1000px #fff inset !important;
}

/* User-entered preview panels (not inputs, but must stay readable) */
html:not([data-theme="dark"]) .welcome-card__preview,
html:not([data-theme="dark"]) .chatbot-top-item__desc {
    color: #111 !important;
}