.habitica-egg-matrix-wrap {
    max-height: 480px;
    overflow: auto;
}

.habitica-egg-matrix {
    min-width: 600px;
    font-size: 0.8rem;
    border-collapse: separate;
    border-spacing: 0;
}

.habitica-egg-matrix th,
.habitica-egg-matrix td {
    background-color: #fff;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

.habitica-egg-matrix thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #f8f9fa;
    text-align: center;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
}

.habitica-egg-matrix thead th.habitica-egg-matrix-corner {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 3;
    min-width: 110px;
    text-align: left;
    border-left: 1px solid #dee2e6;
}

.habitica-egg-matrix-head {
    min-width: 64px;
    text-align: center;
    vertical-align: middle;
}

.habitica-egg-matrix tbody th.habitica-egg-matrix-row-head {
    position: sticky;
    left: 0;
    z-index: 1;
    min-width: 110px;
    text-align: left;
    vertical-align: middle;
    background-color: #f8f9fa;
    border-left: 1px solid #dee2e6;
}

.habitica-egg-matrix-head-text {
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.habitica-egg-matrix-row-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.habitica-egg-matrix-row-text {
    white-space: nowrap;
}