/* Custom styles for Real Estate CRM */

/* Lead Cards */
.lead-card {
    transition: all 0.3s ease;
    cursor: move;
    position: relative;
    word-wrap: break-word;
}

.lead-card:hover {
    background-color: var(--bs-gray-100);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}

[data-bs-theme="dark"] .lead-card:hover {
    background-color: var(--bs-gray-800);
}

.lead-card.dragging {
    opacity: 0.5;
    transform: rotate(5deg);
}

/* Drag and Drop Styles */
.drop-zone {
    transition: all 0.3s ease;
}

.drop-zone.drag-over {
    background-color: #e3f2fd !important;
    transform: scale(1.02);
    border: 2px dashed #2196f3 !important;
}

.drop-zone.drag-over .card-header {
    background-color: #bbdefb !important;
}

.drag-handle {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.lead-card:hover .drag-handle {
    opacity: 1;
}

.drop-placeholder {
    transition: all 0.3s ease;
}

.drop-zone.drag-over .drop-placeholder {
    background-color: #f3e5f5;
    border: 2px dashed #9c27b0;
    border-radius: 8px;
}

/* Status badges */
.badge {
    font-size: 0.75em;
}

/* Card hover effects */
.card {
    transition: box-shadow 0.15s ease-in-out;
}

.card:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

/* Form styling */
.form-control:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.25);
}

/* Table responsiveness */
.table-responsive {
    border-radius: 0.375rem;
}

/* Sidebar styling */
.sidebar {
    min-height: calc(100vh - 56px);
    background-color: var(--bs-gray-100);
}

[data-bs-theme="dark"] .sidebar {
    background-color: var(--bs-gray-900);
}

/* File upload styling */
.file-upload-zone {
    border: 2px dashed var(--bs-gray-300);
    border-radius: 0.375rem;
    padding: 2rem;
    text-align: center;
    transition: all 0.3s ease;
}

.file-upload-zone:hover {
    border-color: var(--bs-primary);
    background-color: var(--bs-gray-50);
}

[data-bs-theme="dark"] .file-upload-zone {
    border-color: var(--bs-gray-600);
}

[data-bs-theme="dark"] .file-upload-zone:hover {
    border-color: var(--bs-primary);
    background-color: var(--bs-gray-800);
}

/* Dashboard grid */
.dashboard-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
}

/* Lead status colors */
.status-new { color: var(--bs-primary); }
.status-contacted { color: var(--bs-info); }
.status-prospect { color: var(--bs-warning); }
.status-back-burner { color: var(--bs-secondary); }
.status-contract { color: var(--bs-success); }
.status-assigned { color: var(--bs-dark); }
.status-closed { color: var(--bs-success); }
.status-lost { color: var(--bs-danger); }

/* Mobile responsiveness */
@media (max-width: 768px) {
    .dashboard-grid {
        grid-template-columns: 1fr;
    }
    
    .lead-card {
        margin-bottom: 1rem;
    }
}

/* Print styles */
@media print {
    .navbar, .sidebar, .btn, .dropdown {
        display: none !important;
    }
    
    .card {
        border: 1px solid #000 !important;
        box-shadow: none !important;
    }
}

/* Animation for new elements */
.fade-in {
    animation: fadeIn 0.5s ease-in;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Loading spinner */
.spinner-border-sm {
    width: 1rem;
    height: 1rem;
}

/* Custom scrollbar */
.custom-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: var(--bs-gray-400) var(--bs-gray-100);
}

.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: var(--bs-gray-100);
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--bs-gray-400);
    border-radius: 4px;
}

/* Toast notifications */
.toast-container {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 1055;
}

/* Form validation */
.was-validated .form-control:valid {
    border-color: var(--bs-success);
}

.was-validated .form-control:invalid {
    border-color: var(--bs-danger);
}

/* Utility classes */
.text-truncate-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bg-gradient {
    background: linear-gradient(135deg, var(--bs-primary), var(--bs-info));
}

/* Dark mode adjustments */
[data-bs-theme="dark"] .bg-light {
    background-color: var(--bs-gray-800) !important;
}

[data-bs-theme="dark"] .text-dark {
    color: var(--bs-gray-100) !important;
}

/* Responsive grid styles */
@media (min-width: 1200px) {
    .status-column {
        min-height: 500px;
    }
}

@media (max-width: 1199px) {
    .card-body {
        min-height: 300px !important;
    }
}

/* Filter buttons */
.filter-btn.active {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: white;
}

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