/* Styles for Live Bar mode on mobile devices */
@media (max-width: 768px) {
    body.live-bar-mode #measurement-controls {
        flex-direction: column;
        align-items: center;
        gap: 5px; /* Space between the two rows */
    }

    body.live-bar-mode .measurement-row {
        display: flex;
        justify-content: space-evenly; /* Use space-evenly for consistent spacing */
        gap: 5px; /* Space between buttons within a row */
        width: 100%;
    }

    body.live-bar-mode .measurement-button {
        padding: 8px 12px; /* Increase padding for better touch targets */
        font-size: 0.9rem; /* Increase font size for readability */
        min-width: 45px; /* Ensure buttons are wide enough */
        border-radius: 5px; /* Add some rounding */
    }
}