.allergen-table-container {
    position: relative;
    overflow: auto;
    max-height: calc(85vh - 200px);
    border-radius: 0.5rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.allergen-table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}

.allergen-table thead {
    position: sticky;
    top: 0;
    z-index: 10;
}

.allergen-table th {
    background-color: #ffffff;
    position: sticky;
    top: 0;
    z-index: 10;
    border-bottom: 2px solid #e5e7eb;
}

.allergen-table th:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 2px solid #e5e7eb;
}

.allergen-icon {
    width: 24px;
    height: 24px;
    transition: transform 0.2s;
}

.allergen-icon:hover {
    transform: scale(1.2);
}

.menu-item-row:hover {
    background-color: #f8fafc;
}

.checkmark {
    color: #16a34a;
    transition: transform 0.2s;
}

.checkmark:hover {
    transform: scale(1.2);
}

.menu-item-name {
    position: sticky;
    left: 0;
    background-color: #ffffff;
    z-index: 5;
    min-width: 300px;
    max-width: 500px;
}

.category-header td {
    position: sticky;
    left: 0;
    background-color: #f9fafb !important;
    z-index: 5;
}

@media (max-width: 768px) {
    .allergen-table-container {
        max-height: none;
        border-radius: 0;
    }

    .menu-item-name {
        min-width: auto;
        max-width: none;
    }
}