/* ==========================================
   EMULATION TABLE
   ========================================== */
.emu-table {
    font-size: 12px;
}

.emu-table th {
    white-space: normal;
    text-align: center;
    min-width: 70px;
    padding: 10px 6px;
}

.emu-table th:first-child,
.emu-table th:nth-child(2),
.emu-table th:nth-child(3) {
    text-align: left;
    position: sticky;
    left: 0;
    z-index: 5;
    background: var(--bg-secondary);
}

.emu-table td {
    text-align: center;
    padding: 8px 6px;
}

.emu-table td:first-child,
.emu-table td:nth-child(2),
.emu-table td:nth-child(3) {
    text-align: left;
    font-weight: 600;
    color: var(--text-primary);
    position: sticky;
    left: 0;
    z-index: 3;
    background: var(--bg-card);
}

.emu-table tbody tr:hover td:first-child,
.emu-table tbody tr:hover td:nth-child(2),
.emu-table tbody tr:hover td:nth-child(3) {
    background: var(--bg-card-hover);
}

/* Emulation percentage badges */
.emu-badge {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    min-width: 45px;
    text-align: center;
}

.emu-perfect {
    background: rgba(46, 204, 113, 0.25);
    color: #2ecc71;
}

.emu-great {
    background: rgba(52, 152, 219, 0.25);
    color: #5dade2;
}

.emu-good {
    background: rgba(241, 196, 15, 0.25);
    color: #f1c40f;
}

.emu-fair {
    background: rgba(230, 126, 34, 0.25);
    color: #e67e22;
}

.emu-poor {
    background: rgba(231, 76, 60, 0.25);
    color: #e74c3c;
}

.emu-none {
    background: rgba(127, 140, 141, 0.15);
    color: var(--text-muted);
}

/* Legend */
.emu-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
    margin-top: 20px;
    padding: 16px;
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius);
}

.emu-legend-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--text-secondary);
}