body {
    background-color: #fafafa;
    background-image: linear-gradient(#e5e7eb 1px, transparent 1px);
    background-size: 100% 40px;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.tape-white {
    position: absolute;
    background: rgba(255, 255, 255, 0.85);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(3px);
    border-radius: 1px;
    z-index: 40;
}

.folder-tab {
    clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
}

.torn-edge {
    clip-path: polygon(0% 2%, 5% 0%, 10% 3%, 15% 0%, 20% 2%, 25% 0%, 30% 3%, 35% 0%, 40% 2%, 45% 0%, 50% 3%, 55% 0%, 60% 2%, 65% 0%, 70% 3%, 75% 0%, 80% 2%, 85% 0%, 90% 3%, 95% 0%, 100% 2%,
            98% 98%, 95% 100%, 90% 97%, 85% 100%, 80% 98%, 75% 100%, 70% 97%, 65% 100%, 60% 98%, 55% 100%, 50% 97%, 45% 100%, 40% 98%, 35% 100%, 30% 97%, 25% 100%, 20% 98%, 15% 100%, 10% 97%, 5% 100%, 0% 98%);
}

.img-tape-left {
    @apply w-12 h-5 md:w-16 md:h-6 -top-2 md:-top-3 -left-2 md:-left-3 rotate-[-4deg] bg-white/90 border border-gray-200 shadow-sm tape-white;
}

.img-tape-right {
    @apply w-12 h-5 md:w-16 md:h-6 -top-2 md:-top-3 -right-2 md:-right-3 rotate-[3deg] bg-white/90 border border-gray-200 shadow-sm tape-white;
}