.label-sheet {
    display: none;
    padding: 20px;
    page-break-inside: avoid;
}

.label-room {
    page-break-after: always;
    page-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 40px; /* spacing between rooms in screen view */
}

.label-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.roll-label {
    border: 1px solid #333;
    width: calc(33.33% - 16px); /* 24px gap => 2*24/3 = 16px */
    height: 122px;
    box-sizing: border-box;
    padding: 8px;
    text-align: center;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    page-break-inside: avoid;
    break-inside: avoid;
}
    .roll-label p {
        margin: 0px;
        line-height: 1.1;
    }

    .roll-label strong {
        font-size: 24px;
    }

@media print {
    .d-print-none {
        display: none !important;
    }

    body {
        margin: 0;
        padding: 0;
    }

    .label-sheet {
        display: block;
        page-break-inside: avoid;
    }

    .label-room {
        page-break-after: always;
        page-break-inside: avoid;
        break-inside: avoid;
    }

    .label-grid {
        gap: 24px;
    }

    .roll-label {
        page-break-inside: avoid;
        break-inside: avoid;
    }
        .roll-label p {
            margin: 0px;
            line-height: 1.1;
        }
}