/* Custom styles augmenting Tailwind */

/* Fix for mobile/iOS Safari click interactions */
button, 
a, 
input[type="checkbox"], 
input[type="radio"], 
.tag-badge,
.fav-btn,
.nav-btn {
    touch-action: manipulation !important; /* Removes 300ms delay on mobile */
    cursor: pointer !important; /* Ensures iOS Safari treats element as clickable */
    -webkit-tap-highlight-color: transparent; /* Removes default iOS tap highlight */
}

.nav-btn {
    @apply px-3 py-2 rounded-md text-sm font-medium text-slate-600 hover:text-indigo-600 hover:bg-slate-50 transition-colors;
}

.nav-btn.active {
    @apply text-indigo-600 bg-indigo-50;
}

/* Estado Badges */
.badge-publicada {
    background-color: #dcfce7;
    color: #166534;
    border: 1px solid #bbf7d0;
}

.badge-desierta {
    background-color: #fee2e2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.badge-cerrada {
    background-color: #f1f5f9;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.badge-adjudicada {
    background-color: #dbeafe;
    color: #1e40af;
    border: 1px solid #bfdbfe;
}

.card {
    transition: transform 0.2s, box-shadow 0.2s;
}

.card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.fav-btn {
    transition: all 0.2s;
}

.fav-btn:hover {
    transform: scale(1.1);
}

.fav-btn.active i {
    font-weight: 900;
    color: #f59e0b;
    /* Amber 500 */
}

/* Document Modal Styles */
#document-modal .file-item {
    @apply flex items-center justify-between p-3 rounded-xl bg-white border border-slate-100 hover:border-indigo-200 hover:shadow-sm transition-all cursor-pointer;
}

#document-modal .file-item.active {
    @apply border-indigo-500 bg-indigo-50;
}

#document-modal .file-icon {
    @apply w-10 h-10 rounded-lg flex items-center justify-center text-lg;
}

.bg-pdf {
    @apply bg-rose-50 text-rose-600;
}

.bg-excel {
    @apply bg-emerald-50 text-emerald-600;
}

.bg-word {
    @apply bg-blue-50 text-blue-600;
}

.bg-other {
    @apply bg-slate-100 text-slate-600;
}

/* Custom Scrollbar for list */
#file-list-container::-webkit-scrollbar {
    width: 4px;
}

#file-list-container::-webkit-scrollbar-track {
    background: transparent;
}

#file-list-container::-webkit-scrollbar-thumb {
    @apply bg-slate-200 rounded-full;
}

#file-list-container::-webkit-scrollbar-thumb:hover {
    @apply bg-slate-300;
}

/* Tag Badges Inactive - Improved Visibility */
.tag-badge {
    @apply font-medium border-slate-300 text-slate-600 bg-slate-100;
}

.tag-badge:not(.bg-rose-100):not(.bg-amber-100):not(.bg-indigo-100):not(.bg-emerald-100):not(.bg-orange-100) {
    color: #475569 !important;
    /* slate-700 */
    border-color: #cbd5e1 !important;
    /* slate-300 */
    background-color: #f8fafc !important;
    /* slate-50 */
}

.bg-proceso {
    @apply bg-orange-50 text-orange-600;
}

.bg-orange-100 {
    color: #9a3412 !important;
    border-color: #fed7aa !important;
}

/* Drag & Drop */
#drop-zone.dragover {
    @apply bg-indigo-50;
}

#drop-zone.dragover #drop-overlay {
    display: flex !important;
}