/* Receipt Paper Styling */
.receipt-paper {
    background-color: #FFFDF8;
    /* Off-white, slightly warm */
    background-image: linear-gradient(rgba(0, 0, 0, 0.02) 1px, transparent 1px);
    background-size: 100% 24px;
    border: 1px solid #E2E8F0;
    position: relative;
    border-radius: 4px;
}

.receipt-edge-top,
.receipt-edge-bottom {
    position: absolute;
    left: 0;
    width: 100%;
    height: 12px;
    background-size: 16px 16px;
    z-index: 10;
}

.receipt-edge-top {
    top: -6px;
    background-image: radial-gradient(circle at 8px 0px, transparent 6px, #FFFDF8 7px);
    background-position: 0 0;
}

.receipt-edge-bottom {
    bottom: -6px;
    background-image: radial-gradient(circle at 8px 16px, transparent 6px, #FFFDF8 7px);
    background-position: 0 0;
}

/* Base custom scrollbar */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #CBD5E1;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94A3B8;
}