/* style.css - Custom styles for the CRM application */

/* Smooth transitions for tab panels */
.app-tab-panel {
    transition: opacity 0.2s ease-in-out;
}

.app-tab-panel.is-hidden {
    display: none;
}

/* Custom scrollbar for webkit browsers */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: hsl(var(--b2));
}

::-webkit-scrollbar-thumb {
    background: hsl(var(--b3));
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: hsl(var(--bc) / 0.3);
}

/* Modal backdrop animation */
.modal {
    animation: fadeIn 0.2s ease;
}

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

/* Card hover lift effect */
.card {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.card:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Toast container z-index safety */
.toast {
    z-index: 60;
}

/* Drawer overlay should stay behind the sidebar in desktop mode */
@media (min-width: 1024px) {
    .drawer-overlay {
        pointer-events: none;
    }
}

/* Responsive adjustments for the drawer layout */
@media (max-width: 1023px) {
    .drawer-side .menu {
        padding-top: 1rem;
    }
}

/* Campaign step drag-and-drop styles */
.campaign-step-item {
    transition: background-color 0.15s ease;
}

.campaign-step-item.campaign-step-dragging {
    opacity: 0.6;
    background-color: hsl(var(--b2));
}

.campaign-step-handle {
    cursor: grab;
}

.campaign-step-handle:active {
    cursor: grabbing;
}