/* Custom Styling for TCG Inventory Middleware */

body {
    background-color: #080C14;
    background-image: 
        radial-gradient(at 0% 0%, rgba(99, 102, 241, 0.08) 0px, transparent 50%),
        radial-gradient(at 100% 100%, rgba(6, 182, 212, 0.05) 0px, transparent 50%);
    background-attachment: fixed;
}

/* Glassmorphism Cards */
.glass-card {
    background: rgba(17, 24, 39, 0.65);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* Dropzones */
.dropzone {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.dropzone.dragover {
    border-color: #6366F1 !important;
    background-color: rgba(99, 102, 241, 0.12) !important;
    transform: scale(1.02);
}

/* Scrollbar Customization */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #0B0F19;
}

::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
    background: #475569;
}

/* Condition Badges */
.badge-near-mint {
    background-color: rgba(16, 185, 129, 0.15);
    color: #34D399;
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.badge-lightly-played {
    background-color: rgba(6, 182, 212, 0.15);
    color: #38BDF8;
    border: 1px solid rgba(6, 182, 212, 0.3);
}

.badge-moderately-played {
    background-color: rgba(245, 158, 11, 0.15);
    color: #FBBF24;
    border: 1px solid rgba(245, 158, 11, 0.3);
}

.badge-heavily-played, .badge-damaged {
    background-color: rgba(244, 63, 94, 0.15);
    color: #FB7185;
    border: 1px solid rgba(244, 63, 94, 0.3);
}

/* Terminal Log Animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(2px); }
    to { opacity: 1; transform: translateY(0); }
}

.log-entry {
    animation: fadeIn 0.15s ease-out forwards;
}