.file-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.file-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 15px;
    background-color: var(--bg);
    border: 1px solid var(--border);
    transition: border-color 0.2s;

    &:hover {
        border-color: var(--rhpz-orange);
    }

    .file-info {
        display: flex;
        flex-direction: column;

        .file-name {
            font-weight: 600;
            color: var(--text);
            margin-bottom: 4px;
        }

        .file-meta {
            font-size: 0.8rem;
            color: var(--text2);
        }
    }
}
