/* ReconX – Custom styles (Tailwind handles the rest) */

/* Stacked pair rows in results */
.pair-partner { background: #EFF6FF !important; }
.pair-gateway { background: #F8FAFC !important; }
.pair-separator td {
    padding: 0 !important;
    height: 12px !important;
    background: white !important;
    border: none !important;
    border-bottom: 1px solid #E5E7EB !important;
}

/* Run detail tables: keep full values and allow horizontal scrolling */
.run-detail-table {
    width: 100%;
    min-width: max-content;
}
.run-detail-table th,
.run-detail-table td {
    white-space: nowrap;
}
.run-detail-table th.source-cell,
.run-detail-table td.source-cell {
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
    width: 220px;
    min-width: 180px;
    max-width: 220px;
    line-height: 1.25;
}
.run-detail-table-wide {
    width: 100%;
    min-width: 1600px;
}

/* Journey table: zebra striping (skip expanded detail rows & separator rows) */
.run-detail-table.journey-table > tbody > tr[data-unmatched-type="journey"]:nth-child(odd) {
    background: #FFFFFF;
}
.run-detail-table.journey-table > tbody > tr[data-unmatched-type="journey"]:nth-child(even) {
    background: #F0F9FF;  /* sky-50 */
}

/* HTMX loading indicator */
.htmx-indicator { display: none; }
.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator { display: inline-flex; }

/* Truncation-delta row accent (Channel O) */
.pair-partner.has-residual { border-left: 3px solid #14B8A6 !important; }
.pair-gateway.has-residual { border-left: 3px solid #5EEAD4 !important; }
tr[data-match-side-row].has-residual { border-left: 3px solid #14B8A6 !important; }
tr[data-match-cross-row].has-residual { border-left: 3px solid #14B8A6 !important; }

/* Raw evidence row expand chevron */
.raw-expanded .raw-chevron { transform: rotate(90deg); }

/* Spinner */
@keyframes spin { to { transform: rotate(360deg); } }
.spinner {
    width: 16px; height: 16px;
    border: 2px solid #E5E7EB;
    border-top-color: #3B82F6;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
}