.hidden {
    display: none;
}

body {
    -webkit-tap-highlight-color: transparent;
    padding-top: 60px;
}

/* Prevent iOS double-tap zoom on buttons */
button {
    touch-action: manipulation;
}

/* Last pressed unit button indicator */
.unit-btn-active {
    background-color: #16a34a !important; /* Green-600 */
}

.unit-btn-normal {
    background-color: #3b82f6 !important; /* Blue-500 */
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    opacity: 1;
}

/* Mass time color coding for Reports table */
.mass-sat-5pm {
    border-left: 4px solid #7F1D1D; /* Dark burgundy - Saturday */
    background-color: #FEE2E2; /* Light red */
}

.mass-sun-8am {
    border-left: 4px solid #1E3A8A; /* Dark blue - Sunday morning */
    background-color: #DBEAFE; /* Light blue */
}

.mass-sun-10am {
    border-left: 4px solid #065F46; /* Dark green - Sunday mid-morning */
    background-color: #D1FAE5; /* Light green */
}

.mass-sun-5pm {
    border-left: 4px solid #F97316 !important; /* Orange - Sunday evening */
    background-color: #FFEDD5 !important; /* Light orange */
}

.mass-other {
    border-left: 4px solid #374151; /* Dark gray - Special services */
    background-color: #E5E7EB; /* Light gray */
}

/* Mobile optimization for counting screen */
@media (max-width: 640px) {
    /* Reduce padding on mobile */
    #counting-screen .container {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    /* Make counter rows more compact */
    #counting-screen .flex.gap-2 {
        gap: 0.25rem;
    }

    /* Reduce button sizes on mobile */
    #counting-screen .w-20.h-16 {
        width: 3.5rem !important; /* 56px instead of 80px */
        height: 3.5rem !important; /* 56px instead of 64px */
    }

    #counting-screen .w-12.h-12 {
        width: 2.5rem !important; /* 40px instead of 48px */
        height: 2.5rem !important; /* 40px instead of 48px */
    }

    /* Reduce input field width */
    #counting-screen input[type="number"] {
        width: 4rem !important; /* 64px instead of 96px */
        padding-left: 0.25rem;
        padding-right: 0.25rem;
        font-size: 1.5rem; /* Reduce from 3xl */
    }

    /* Larger labels for farsighted users */
    #counting-screen label.text-base {
        font-size: 1.125rem !important; /* text-lg - bigger for easier reading */
        margin-right: 0.25rem !important;
        font-weight: 600 !important;
    }

    /* Reduce card padding */
    #counting-screen .bg-white.rounded-xl {
        padding: 1rem;
    }

    /* Compact unit buttons */
    #unit-buttons {
        gap: 0.25rem;
    }

    #unit-buttons button {
        padding: 0.5rem 0.75rem;
        font-size: 0.875rem;
    }

    /* Reduce totals section */
    #counting-screen .grid.grid-cols-3 .text-2xl {
        font-size: 1.25rem !important;
    }

    #counting-screen .grid.grid-cols-2 .text-3xl {
        font-size: 1.5rem !important;
    }

    #counting-screen .grid.grid-cols-2 .text-2xl {
        font-size: 1.25rem !important;
    }
}