/* ---------- Instances (graph editor panel) ---------- */

.kofa-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 12px;
}

.kofa-table th,
.kofa-table td {
    text-align: left;
    padding: 6px 8px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest, #e0e0e0);
    vertical-align: middle;
}

.kofa-table td.actions {
    white-space: nowrap;
    text-align: right;
}

.badge {
    font-size: 0.75rem;
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--neutral-fill-secondary-rest, #e0e0e0);
    white-space: nowrap;
}

.badge.state-running { background: #d1f0d6; color: #0e5a1c; }
.badge.state-faulted { background: #fbd5d5; color: #8a1010; }
.badge.state-starting,
.badge.state-stopping { background: #fdf0c8; color: #6b4e00; }

.health {
    font-variant-numeric: tabular-nums;
    border-left: 3px solid #9e9e9e;
    padding-left: 8px;
}

.health.health-ok { border-color: #2e9e44; }
.health.health-warning { border-color: #d4a000; }
.health.health-error { border-color: #c42b1c; }

.instance-error {
    color: #c42b1c;
    font-size: 0.85rem;
}

.port-stats {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.8rem;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.port-stats li {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.instance-actions {
    display: flex;
    gap: 8px;
    align-items: center;
}