.license-table-container {
            width: 100%;
            overflow-x: auto;
            margin-bottom: 20px;
        }

        .license-table {
            width: 100%;
            border-collapse: collapse;
            min-width: 700px; /* Minimum width before horizontal scroll */
        }

        .license-table th,
        .license-table td {
            padding: 12px 8px;
            text-align: left;
            border-bottom: 1px solid #ddd;
            white-space: nowrap;
        }

        .license-table th {
            background-color: #f8f9fa;
            font-weight: 600;
            position: sticky;
            top: 0;
            z-index: 1;
        }

        /* Priority-based column hiding on small screens */
        @media (max-width: 1024px) {
            .license-table .col-activated {
                display: none;
            }
        }

        @media (max-width: 768px) {
            .license-table .col-type {
                display: none;
            }
            
            .license-table .col-expires {
                display: none;
            }
        }

        @media (max-width: 640px) {
            /* Switch to card layout on very small screens */
            .license-table-container {
                overflow-x: visible;
            }
            
            .license-table,
            .license-table thead,
            .license-table tbody,
            .license-table th,
            .license-table td,
            .license-table tr {
                display: block;
            }

            .license-table thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

            .license-table tr {
                border: 1px solid #ccc;
                margin-bottom: 15px;
                padding: 15px;
                border-radius: 8px;
                background: white;
                box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }

            .license-table td {
                border: none;
                position: relative;
                padding: 8px 0 8px 120px;
                white-space: normal;
                text-align: left !important;
                min-height: 30px;
            }

            .license-table td:before {
                content: attr(data-label) ": ";
                position: absolute;
                left: 0;
                width: 110px;
                padding-right: 10px;
                white-space: nowrap;
                font-weight: 600;
                color: #666;
            }

            .license-table .col-activated,
            .license-table .col-type,
            .license-table .col-expires {
                display: block !important;
            }
        }

        /* Badge styles */
        .badge {
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
            color: white;
        }

        .badge.active { background-color: #28a745; }
        .badge.expired { background-color: #dc3545; }
        .badge.inactive { background-color: #6c757d; }


        /* Debug info responsive */
        .debug-info {
            font-size: 10px;
            color: #666;
            margin-bottom: 5px;
        }

        @media (max-width: 640px) {
            .debug-info {
                margin-bottom: 10px;
                padding: 8px;
                background: #f8f9fa;
                border-radius: 4px;
            }
        }

        /* Product image responsive */
        .product-image {
            height: 40px;
            margin-right: 8px;
            vertical-align: middle;
        }

        @media (max-width: 640px) {
            .product-image {
                height: 30px;
                margin-right: 5px;
            }
        }