/* Native <input type="time"> rendered inside a MudBlazor field by TimeField.razor.
   Chrome/Edge add their own clear "x" and spinner next to the value; the Mud
   clear icon already covers clearing, so drop the duplicates and leave just the
   clock indicator that opens the browser's time list. */

.pathiq-time-field input[type="time"]::-webkit-clear-button,
.pathiq-time-field input[type="time"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}

.pathiq-time-field input[type="time"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 0.5;
}

.pathiq-time-field input[type="time"]:hover::-webkit-calendar-picker-indicator,
.pathiq-time-field input[type="time"]:focus::-webkit-calendar-picker-indicator {
    opacity: 1;
}