/* Base Styles - Global resets and mobile-first base styles */

/* Mobile-first base styles */
* {
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    touch-action: manipulation;
}

/* Touch-friendly button styles */
button, .btn, [role="button"] {
    touch-action: manipulation;
    -webkit-user-select: none;
    user-select: none;
    min-height: 44px; /* iOS recommended touch target size */
    min-width: 44px;
}

input[type="number"] {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: textfield;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}