/* Custom Mobile Card and CRM UI Enhancements */
@media (max-width: 800px) {
    .leads-list-view,
    .leads-list-view .flex-shrink-0,
    .leads-list-view .list-section,
    .leads-list-view .card,
    .leads-list-view .table-responsive,
    .leads-list-view .scrollable-table,
    .leads-list-view .dt-container,
    .leads-list-view .dataTables_wrapper {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        box-sizing: border-box !important;
    }

    .dashbaord-header-area {
        display: none !important;
    }

    #leads-quick-filters {
        padding: 8px 12px !important;
        background: #f8fafc !important;
        border-bottom: 1px solid #e2e8f0 !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        white-space: nowrap !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        gap: 6px !important;
        scrollbar-width: none !important;
    }

    #leads-quick-filters::-webkit-scrollbar {
        display: none !important;
        height: 0px !important;
    }

    #leads-quick-filters button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;
        flex-shrink: 0 !important;
        border-radius: 20px !important;
        font-weight: 600 !important;
        font-size: 12px !important;
        padding: 6px 14px !important;
        height: 32px !important;
        line-height: 1 !important;
        transition: all 0.2s ease !important;
        white-space: nowrap !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        cursor: pointer !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    #lead-table,
    #lead-table tbody,
    #lead-table tr,
    #lead-table td {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        float: none !important;
        clear: both !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        border: none !important;
        background: transparent !important;
    }
    
    #lead-table thead,
    #lead-table tfoot,
    #lead-table tbody td.select-row,
    #lead-table tbody td.desktop,
    #lead-table tbody td:empty {
        display: none !important;
        height: 0 !important;
        width: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        font-size: 0 !important;
    }
    
    #lead-table tbody tr {
        margin: 0 0 10px 0 !important;
        padding: 0 12px !important;
    }
    
    .mobile-lead-card-inner {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    .mini-list-item,
    .box-wrapper,
    .box-label {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
}