/* Default: phone / small screens = full width */
.scales-container {
    width: 100%;
    padding: 0.5rem;
}

/* Tablet and up */
@media (min-width: 768px) {
    .scales-container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 1rem;
    }
}

/* Large desktop / wallboard */
@media (min-width: 1200px) {
    .scales-container {
        max-width: 1400px;
    }
}





/* Force pink background on table rows with errors */
tr.scale-error > td {
    background-color: #ffc0cb !important;
    color: #000;
    font-weight: bold;
    border-top: 1px solid #e28aa0;
    border-bottom: 1px solid #e28aa0;
}

/* Light yellow background for scales in motion */
tr.scale-motion > td {
    background-color: #fff9c4 !important;
    color: #000;
    border-top: 1px solid #e6d95e;
    border-bottom: 1px solid #e6d95e;
}

#scalesBody tr > td {
    transition: background-color 0.25s ease;
}