/* AppsFlyer Comparison — gap-first expandable table. Classes are prefixed `afc-`. */

.afc-table {
    padding: 8px 4px;
}

.afc-header,
.afc-row {
    display: grid;
    grid-template-columns: 24px 2fr 1fr 1fr 90px 90px 90px 100px;
    align-items: center;
    column-gap: 12px;
    padding: 6px 10px;
}

.afc-header {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-secondary);
    border-bottom: 1px solid var(--border-light);
}

.afc-caret-spacer {
    visibility: hidden;
}

.afc-details {
    border-bottom: 1px solid var(--border-light);
}

.afc-summary-row {
    list-style: none;
    cursor: pointer;
}

.afc-summary-row::-webkit-details-marker {
    display: none;
}

.afc-summary-row:hover {
    background: var(--bg-hover);
}

.afc-caret {
    display: inline-block;
    transition: transform 0.15s ease;
    color: var(--text-secondary);
}

.afc-details[open] .afc-caret {
    transform: rotate(90deg);
}

.afc-source {
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.afc-col-right {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

/* Expanded exception-reason detail */
.afc-detail {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 24px;
    padding: 10px 10px 14px 46px;
    background: var(--bg-primary);
}

.afc-detail-empty {
    font-size: 12px;
    color: var(--text-secondary);
    font-style: italic;
}

.afc-detail-item {
    display: flex;
    align-items: baseline;
    gap: 6px;
    font-size: 12px;
}

.afc-detail-label {
    color: var(--text-secondary);
}

.afc-detail-value {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}