        .cozy-table-container {
            overflow-x: auto;
            margin: 20px 0;
            border-radius: 10px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
        }

        .cozy-table {
            width: 100%;
            min-width: 600px;
            border-collapse: separate;
            border-spacing: 0 12px;
            font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;
            font-size: 15px;
            color: #333;
        }

        .cozy-table thead {
            background-color: #f0f0ff;
        }

        .cozy-table th,
        .cozy-table td {
            padding: 14px 20px;
            text-align: left;
            background-color: #ffffff;
        }

        .cozy-table th {
            color: #555;
            font-weight: 600;
            border-bottom: 2px solid #e0e0e0;
            white-space: nowrap;
        }

        .cozy-table tr {
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
            border-radius: 8px;
        }

        .cozy-table tr td:first-child {
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
        }

        .cozy-table tr td:last-child {
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
        }

        .cozy-table tbody tr:hover {
            background-color: #f9f9ff;
            transition: background-color 0.2s ease;
        }

        /* Responsive tweaks */
        @media screen and (max-width: 768px) {
            .cozy-table {
                font-size: 14px;
            }

            .cozy-table th,
            .cozy-table td {
                padding: 12px 16px;
            }
        }

        @media screen and (max-width: 480px) {
            .cozy-table {
                min-width: unset;
                font-size: 13px;
            }

            .cozy-table th,
            .cozy-table td {
                padding: 10px 14px;
            }
        }


html body .dataTables_wrapper::after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
  height: 20px !important;
}

.dataTables_wrapper {
  margin-bottom: 20px !important;
}


