/* Custom styles for File Storage System */

body {
    background-color: #f8f9fa;
}

.navbar {
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
}

.card {
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.075);
    border: none;
    margin-bottom: 1.5rem;
}

.breadcrumb {
    background-color: transparent;
    padding: 0;
    margin-bottom: 0;
}

.table th {
    border-top: none;
    font-weight: 600;
}

.btn-group-sm > .btn {
    padding: 0.25rem 0.5rem;
}

.progress {
    background-color: #e9ecef;
}

/* File type icons */
.fa-file-pdf { color: #dc3545; }
.fa-file-word { color: #0d6efd; }
.fa-file-excel { color: #198754; }
.fa-file-powerpoint { color: #fd7e14; }
.fa-file-archive { color: #ffc107; }
.fa-file-image { color: #0dcaf0; }

/* Dashboard cards */
.card.text-white {
    border: none;
}

.display-6 {
    font-size: 2.5rem;
    font-weight: 300;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .btn-group-sm {
        display: flex;
        flex-direction: column;
    }
    
    .btn-group-sm > .btn {
        border-radius: 0.2rem !important;
        margin-bottom: 0.25rem;
    }
}

/* Loading spinner */
.spinner-border {
    width: 1rem;
    height: 1rem;
    border-width: 0.1em;
}

/* File upload area */
.upload-area {
    border: 2px dashed #dee2e6;
    border-radius: 0.5rem;
    padding: 3rem;
    text-align: center;
    transition: all 0.3s;
}

.upload-area:hover {
    border-color: #0d6efd;
    background-color: #f8f9fa;
}

/* Admin dashboard */
.system-monitor {
    min-height: 200px;
}

/* Animations */
.fade-in {
    animation: fadeIn 0.5s;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}