/* assets/css/urfile-styles.css */
.urfile-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    margin: 2rem 0;
}

.urfile-item {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    transition: all 0.3s ease;
    text-align: center;
    max-width: 180px;
}

.urfile-item:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    transform: translateY(-3px);
    border: 1px solid #df650f;
}

.urfile-icon {
    background: center/contain no-repeat;
    height: 100px;
    margin-bottom: 15px;
}

.urfile-icon-pdf { background-image: url('../img/pdf-icon.png'); }
.urfile-icon-document { background-image: url('../img/document-icon.png'); }
.urfile-icon-image { background-image: url('../img/file-icon-image.png'); }
.urfile-icon-video { background-image: url('../img/file-icon-video.png'); }
.urfile-icon-archive { background-image: url('../img/file-icon-archive.png'); }
.urfile-icon-generic { background-image: url('../img/file-icon-generic.png'); }

.urfile-title {
    font-weight: 600;
    color: #333;
    margin: 0;
    letter-spacing: 0.03em;
    word-wrap: break-word;
}

/* Responsive Breakpoints */
@media (max-width: 1200px) {
    .urfile-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
    .urfile-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
    .urfile-grid { grid-template-columns: 1fr; }
}

.urfile-message {
    text-align: center;
    padding: 2rem;
    background: #f8f9fa;
    border-radius: 8px;
    margin: 2rem 0;
    border: 1px solid #eee;
    color: #666;
}