/* ============================================================================
   SPURA HUB v3 - Diagnostics Components
   Generic diagnostic/reconciliation primitives — bank transaction diagnostics,
   audit issue cards, and focus-ring indicators.
   ============================================================================ */

/* Bank transaction diagnostic card */
.tx-diagnostic-card {
    margin-top: 1.25rem;
}

.tx-diagnostic-summary {
    display: flex;
    align-items: center;
    gap: .5rem;
    cursor: pointer;
}

.tx-diagnostic-badge {
    margin-left: auto;
    flex-shrink: 0;
}

.tx-diagnostic-list {
    margin: .25rem 0 .75rem 1.25rem;
    list-style: disc;
}

.tx-diagnostic-list li {
    margin-bottom: .35rem;
    font-size: .875rem;
}

.tx-diagnostic-note {
    font-size: .82rem;
    color: var(--color-text-muted, var(--gray-500));
    margin-top: .25rem;
}

.tx-diagnostic-alert {
    margin-top: .75rem;
}

.tx-focus-ring {
    outline: 2px solid color-mix(in srgb, var(--color-primary, var(--info-600)) 60%, transparent);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-primary, var(--info-600)) 16%, transparent);
    border-radius: var(--radius-md);
    animation: tx-focus-pulse 1.4s ease-out;
}

@keyframes tx-focus-pulse {
    0% {
        box-shadow: 0 0 0 0 color-mix(in srgb, var(--color-primary, var(--info-600)) 24%, transparent);
    }
    100% {
        box-shadow: 0 0 0 8px transparent;
    }
}