/* index.css - Main Import Page Styles */

* {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

@keyframes pulse-border {
    0%, 100% { border-color: theme('colors.primary'); }
    50% { border-color: theme('colors.secondary'); }
}

.pulse-border {
    animation: pulse-border 2s ease-in-out infinite;
}

.dragover {
    border-color: #4facfe !important;
    background-color: #e6f3ff !important;
    transform: scale(1.01);
}

@keyframes shimmer {
    0% { background-position: -100% 0; }
    100% { background-position: 100% 0; }
}

.progress-shimmer {
    background: linear-gradient(90deg, #4facfe 0%, #00f2fe 50%, #4facfe 100%);
    background-size: 200% 100%;
    animation: shimmer 2s infinite;
}

.truncate-filename {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Client specific colors */
.client-spx { --client-color: #f97316; }
.client-sicepat { --client-color: #ef4444; }
.client-bmt-oppo { --client-color: #22c55e; }

.tab-active-spx { border-color: #f97316 !important; background-color: #fff7ed !important; }
.tab-active-sicepat { border-color: #ef4444 !important; background-color: #fef2f2 !important; }
.tab-active-bmt-oppo { border-color: #22c55e !important; background-color: #f0fdf4 !important; }

@media (max-width: 640px) {
    .dragover { transform: scale(1); }
}