/* Global input styling overrides for better mobile usability */

/* Target common text-like inputs */
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="time"],
select,
textarea {
    min-height: 3rem;
    /* 48px - standard touch target size */
    border-color: #6b7280 !important;
    /* gray-500 - darker outline */
    border-width: 1px !important;
    border-style: solid !important;
}

/* Add padding for taller appearance and vertical centering */
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="time"],
select {
    padding-top: 0.625rem;
    /* Slightly more than py-2 (0.5rem) */
    padding-bottom: 0.625rem;
}

/* Ensure focus states are still visible and distinct */
input:focus,
select:focus,
textarea:focus {
    border-color: #3b82f6 !important;
    /* blue-500 */
    box-shadow: 0 0 0 1px #3b82f6 !important;
}