<style>
    /* Hide default DataTables CSS - we'll use Tailwind */
    .dataTables_wrapper {
        font-family: 'Inter', sans-serif;
    }
    
    /* Parent container padding for cleaner look */
    .overflow-x-auto:has(#productsTable_wrapper),
    .overflow-x-auto:has(#categoriesTable_wrapper),
    .overflow-x-auto:has(#subcategoriesTable_wrapper),
    .overflow-x-auto:has(#slidesTable_wrapper),
    .overflow-x-auto:has(#ordersTable_wrapper) {
        padding: 0;
    }
    
    /* Wrapper container padding */
    #productsTable_wrapper,
    #categoriesTable_wrapper,
    #subcategoriesTable_wrapper,
    #slidesTable_wrapper,
    #ordersTable_wrapper {
        padding: 1.5rem;
        margin: 0;
    }
    
    /* Ensure table has proper spacing */
    #productsTable_wrapper table,
    #categoriesTable_wrapper table,
    #subcategoriesTable_wrapper table,
    #slidesTable_wrapper table,
    #ordersTable_wrapper table {
        margin: 0;
        width: 100% !important;
    }
    
    /* Top section (length menu and search) padding */
    #productsTable_wrapper > div:first-child,
    #categoriesTable_wrapper > div:first-child,
    #subcategoriesTable_wrapper > div:first-child,
    #slidesTable_wrapper > div:first-child,
    #ordersTable_wrapper > div:first-child {
        padding: 0.75rem 0;
        margin-bottom: 1.25rem;
    }
    
    /* Table container padding */
    #productsTable_wrapper .dataTables_scroll,
    #categoriesTable_wrapper .dataTables_scroll,
    #subcategoriesTable_wrapper .dataTables_scroll,
    #slidesTable_wrapper .dataTables_scroll,
    #ordersTable_wrapper .dataTables_scroll {
        padding: 0.75rem 0;
        margin: 0.5rem 0;
    }
    
    /* Table wrapper spacing */
    #productsTable_wrapper .dataTables_scrollHead,
    #categoriesTable_wrapper .dataTables_scrollHead,
    #subcategoriesTable_wrapper .dataTables_scrollHead,
    #slidesTable_wrapper .dataTables_scrollHead,
    #ordersTable_wrapper .dataTables_scrollHead {
        margin-bottom: 0.5rem;
    }
    
    /* Bottom section (info and pagination) padding */
    #productsTable_wrapper > div:last-child,
    #categoriesTable_wrapper > div:last-child,
    #subcategoriesTable_wrapper > div:last-child,
    #slidesTable_wrapper > div:last-child,
    #ordersTable_wrapper > div:last-child {
        padding: 1rem 0 0.5rem 0;
        margin-top: 1.25rem;
        border-top: 1px solid #e5e7eb;
    }
    
    .dark #productsTable_wrapper > div:last-child,
    .dark #categoriesTable_wrapper > div:last-child,
    .dark #subcategoriesTable_wrapper > div:last-child,
    .dark #slidesTable_wrapper > div:last-child,
    .dark #ordersTable_wrapper > div:last-child {
        border-top-color: #374151;
    }
    
    @media (max-width: 640px) {
        #productsTable_wrapper,
        #categoriesTable_wrapper,
        #subcategoriesTable_wrapper,
        #slidesTable_wrapper,
        #ordersTable_wrapper {
            padding: 1rem;
        }
    }
    
    /* Length Menu (Show entries) */
    .dataTables_wrapper .dataTables_length {
        margin-bottom: 1rem;
        padding: 0.5rem 0;
    }
    
    .dataTables_wrapper .dataTables_length label {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: 0.875rem;
        color: #374151;
    }
    
    .dark .dataTables_wrapper .dataTables_length label {
        color: #e5e7eb;
    }
    
    .dataTables_wrapper .dataTables_length select {
        padding: 0.5rem 0.75rem;
        border: 1px solid #d1d5db;
        border-radius: 0.5rem;
        background: white;
        color: #374151;
        font-size: 0.875rem;
        margin: 0 0.5rem;
        cursor: pointer;
        transition: all 0.2s;
    }
    
    .dataTables_wrapper .dataTables_length select:focus {
        outline: none;
        border-color: #3b82f6;
        ring: 2px;
        ring-color: #3b82f6;
    }
    
    .dark .dataTables_wrapper .dataTables_length select {
        background: #111827;
        border-color: #374151;
        color: #e5e7eb;
    }
    
    .dark .dataTables_wrapper .dataTables_length select:focus {
        border-color: #3b82f6;
    }
    
    /* Search Filter */
    .dataTables_wrapper .dataTables_filter {
        margin-bottom: 1rem;
        padding: 0.5rem 0;
    }
    
    .dataTables_wrapper .dataTables_filter label {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: 0.875rem;
        color: #374151;
    }
    
    .dark .dataTables_wrapper .dataTables_filter label {
        color: #e5e7eb;
    }
    
    .dataTables_wrapper .dataTables_filter input {
        padding: 0.5rem 0.75rem;
        border: 1px solid #d1d5db;
        border-radius: 0.5rem;
        background: white;
        color: #374151;
        font-size: 0.875rem;
        margin-left: 0.5rem;
        transition: all 0.2s;
    }
    
    .dataTables_wrapper .dataTables_filter input:focus {
        outline: none;
        border-color: #3b82f6;
        ring: 2px;
        ring-color: #3b82f6;
    }
    
    .dark .dataTables_wrapper .dataTables_filter input {
        background: #111827;
        border-color: #374151;
        color: #e5e7eb;
    }
    
    .dark .dataTables_wrapper .dataTables_filter input:focus {
        border-color: #3b82f6;
    }
    
    /* Table Container */
    .dataTables_wrapper .dataTables_scrollHead,
    .dataTables_wrapper .dataTables_scrollBody {
        padding: 0 0.5rem;
    }
    
    /* Table Styling */
    .dataTables_wrapper table.dataTable {
        border-collapse: separate;
        border-spacing: 0;
        margin: 0;
    }
    
    .dataTables_wrapper table.dataTable thead th {
        background-color: #f9fafb;
        border-bottom: 1px solid #e5e7eb;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 0.75rem;
        letter-spacing: 0.05em;
        color: #6b7280;
        padding: 1rem 1rem;
    }
    
    .dark .dataTables_wrapper table.dataTable thead th {
        background-color: #111827;
        border-bottom-color: #374151;
        color: #9ca3af;
    }
    
    .dataTables_wrapper table.dataTable tbody td {
        border-bottom: 1px solid #e5e7eb;
        padding: 1rem 1rem;
        vertical-align: middle;
    }
    
    .dark .dataTables_wrapper table.dataTable tbody td {
        border-bottom-color: #374151;
    }
    
    .dataTables_wrapper table.dataTable tbody tr:hover {
        background-color: #f9fafb;
    }
    
    .dark .dataTables_wrapper table.dataTable tbody tr:hover {
        background-color: #111827;
    }
    
    /* Info Text */
    .dataTables_wrapper .dataTables_info {
        padding-top: 1rem;
        padding-bottom: 0.5rem;
        font-size: 0.875rem;
        color: #6b7280;
    }
    
    .dark .dataTables_wrapper .dataTables_info {
        color: #9ca3af;
    }
    
    /* Pagination */
    .dataTables_wrapper .dataTables_paginate {
        margin-top: 1rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        display: flex;
        align-items: center;
        gap: 0.25rem;
    }
    
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        padding: 0.5rem 0.75rem;
        margin: 0;
        border: 1px solid #d1d5db;
        border-radius: 0.5rem;
        color: #374151;
        background: white;
        font-size: 0.875rem;
        cursor: pointer;
        transition: all 0.2s;
        min-width: 2.5rem;
        text-align: center;
    }
    
    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        background: #f3f4f6;
        border-color: #9ca3af;
        color: #111827;
    }
    
    .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        background: #3b82f6;
        color: white;
        border-color: #3b82f6;
        font-weight: 500;
    }
    
    .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        background: #2563eb;
        border-color: #2563eb;
    }
    
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
        opacity: 0.5;
        cursor: not-allowed;
        color: #9ca3af;
    }
    
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
        background: white;
        border-color: #d1d5db;
    }
    
    /* Dark Mode Pagination */
    .dark .dataTables_wrapper .dataTables_paginate .paginate_button {
        background: #111827;
        border-color: #374151;
        color: #e5e7eb;
    }
    
    .dark .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        background: #1f2937;
        border-color: #4b5563;
        color: #ffffff;
    }
    
    .dark .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        background: #3b82f6;
        color: white;
        border-color: #3b82f6;
    }
    
    .dark .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        background: #2563eb;
        border-color: #2563eb;
    }
    
    .dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
        color: #6b7280;
    }
    
    .dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
        background: #111827;
        border-color: #374151;
    }
    
    /* Processing Indicator */
    .dataTables_wrapper .dataTables_processing {
        background: rgba(255, 255, 255, 0.9);
        border: 1px solid #e5e7eb;
        border-radius: 0.5rem;
        padding: 1rem;
        color: #374151;
    }
    
    .dark .dataTables_wrapper .dataTables_processing {
        background: rgba(17, 24, 39, 0.9);
        border-color: #374151;
        color: #e5e7eb;
    }
    
    /* Responsive */
    @media (max-width: 640px) {
        .dataTables_wrapper .dataTables_length,
        .dataTables_wrapper .dataTables_filter {
            margin-bottom: 0.75rem;
        }
        
        .dataTables_wrapper .dataTables_length label,
        .dataTables_wrapper .dataTables_filter label {
            flex-direction: column;
            align-items: flex-start;
            gap: 0.5rem;
        }
        
        .dataTables_wrapper .dataTables_length select,
        .dataTables_wrapper .dataTables_filter input {
            width: 100%;
            margin: 0;
        }
    }
</style>

<?php /**PATH /Users/mac/Documents/360monicaAPI/resources/views/admin/partials/datatables-styles.blade.php ENDPATH**/ ?>