.folder-item {
    width: 100%; /* w-full */
    height: 50px; /* h-[50px] */
    border-radius: 0.75rem; /* rounded-xl (ok. 12px) */
    display: flex; /* flex */
    align-items: center; /* items-center */
    padding-left: 1rem; /* pl-4 */
    color: white; /* text-white */
    font-weight: 500; /* font-medium */
    transition: background-color 0.2s; /* dla efektu hover płynnego */
    cursor: pointer;
    background-color: #374151; /* bg-gray-700 */
    border-radius: 0.75rem;
    
}

.folder-item:hover {
    background-color: rgba(17, 24, 39, 0.2); /* hover:bg-gray-900/20 */
}