/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1; 
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8; 
}

/* Page Transitions */
.fade-in {
    animation: fadeIn 0.3s ease-in-out;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Modal Animations */
#modal-backdrop:not(.hidden) {
    display: flex;
}
.modal-show {
    opacity: 1 !important;
}
.modal-show #modal-container {
    transform: scale(1) !important;
}

/* Kanban Cards */
.kanban-col {
    min-width: 320px;
    width: 320px;
}
.sortable-ghost {
    opacity: 0.4;
    background-color: #f8fafc;
    border: 2px dashed #cbd5e1;
}

/* Badges */
.badge-A { background-color: #fef08a; color: #854d0e; } /* Gold */
.badge-B { background-color: #e2e8f0; color: #475569; } /* Silver */
.badge-C { background-color: #fed7aa; color: #9a3412; } /* Bronze */

/* Pipeline Colors */
.border-t-prospecto { border-top-color: #9ca3af; }
.border-t-contato { border-top-color: #3b82f6; }
.border-t-interessado { border-top-color: #eab308; }
.border-t-proposta { border-top-color: #a855f7; }
.border-t-negociacao { border-top-color: #f97316; }
.border-t-fechado { border-top-color: #22c55e; }
.border-t-perdido { border-top-color: #ef4444; }

/* Toast */
.toast-enter {
    animation: slideInRight 0.3s ease-out forwards;
}
.toast-leave {
    animation: slideOutRight 0.3s ease-in forwards;
}
@keyframes slideInRight {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
@keyframes slideOutRight {
    from { transform: translateX(0); opacity: 1; }
    to { transform: translateX(100%); opacity: 0; }
}

/* Sidebar recolhida (somente ícones) */
#sidebar.sidebar-recolhida { width: 5rem; }
#sidebar.sidebar-recolhida .sidebar-header { justify-content: center; padding-left: 0; padding-right: 0; }
#sidebar.sidebar-recolhida .nav-link span,
#sidebar.sidebar-recolhida .nav-label,
#sidebar.sidebar-recolhida #sidebar-title,
#sidebar.sidebar-recolhida #wa-status-text { display: none; }
#sidebar.sidebar-recolhida #main-nav { padding-left: 0.5rem; padding-right: 0.5rem; }
#sidebar.sidebar-recolhida .nav-link { justify-content: center; padding-left: 0; padding-right: 0; }
#sidebar.sidebar-recolhida #wa-status-footer { display: flex; justify-content: center; }
#app-main.main-recolhido { margin-left: 5rem; }