/**
 * Unified OpenCTI entity display components.
 * Extends existing list/card classes from core.css during migration.
 */

.entity-list-row--vulnerability .entity-list-row-head,
.entity-list-row--vulnerability .vuln-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3);
}

.entity-relations-group + .list-pagination,
.entity-tag-section + .entity-tag-section {
    margin-top: var(--space-6);
}

.entity-tag-section .detail-section-title {
    margin-bottom: var(--space-4);
}

.entity-relations-ioc-item .entity-list-row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-2);
}

.entity-list-row--indicator .entity-list-row-head--indicator {
    width: 100%;
}

.entity-list-row-title-wrap--indicator {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--space-2);
    width: 100%;
}

.entity-list-row-title-wrap--indicator .ioc-value {
    word-break: break-all;
}

.entity-list-badges--below-title {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    width: 100%;
}

.entity-list-row--attack_pattern .entity-list-row-head--attack-pattern {
    width: 100%;
}

.entity-list-row-title-wrap--attack-pattern {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--space-2);
    width: 100%;
}

.entity-list-row--malware .entity-list-row-head--ti,
.entity-list-row--intrusion .entity-list-row-head--ti,
.entity-list-row--tool .entity-list-row-head--ti {
    width: 100%;
}

.entity-list-row-title-wrap--ti {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--space-2);
    width: 100%;
}

.entity-card {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.entity-card-link {
    font-weight: 600;
}

.entity-empty-state {
    padding: var(--space-4) 0;
}

@media (max-width: 640px) {
    .entity-list-row--vulnerability .vuln-vector-and-badges {
        width: 100%;
    }

    .entity-list-badges {
        flex-wrap: wrap;
    }
}
