/**
 * 🛡️ ELITE RECEIPT TRUTH CHECK
 * Confidence badges + tampering indicator on receipt cards.
 * Lightweight CSS — extends the receipt card components in
 * elite-tax-receipts-modal.css.
 */

/* Mini badge attached under the tax badge on each card */
.elite-trcheck-badge {
    position: absolute;
    top: 44px;
    right: 10px;
    z-index: 2;
    display: inline-flex; align-items: center; gap: 5px;
    padding: 4px 9px;
    border-radius: 999px;
    font-family: 'Orbitron', sans-serif;
    font-size: .625rem; font-weight: 700;
    letter-spacing: .6px;
    text-transform: uppercase;
    backdrop-filter: blur(8px);
    box-shadow: 0 2px 8px rgba(0,0,0,.25);
    pointer-events: auto;
    cursor: help;
    user-select: none;
}
.elite-trcheck-badge.ok {
    background: rgba(34,197,94,.85);  color: #fff;
    border: 1px solid rgba(34,197,94,.9);
}
.elite-trcheck-badge.warn {
    background: rgba(245,158,11,.9);  color: #fff;
    border: 1px solid rgba(245,158,11,.95);
}
.elite-trcheck-badge.bad {
    background: rgba(239,68,68,.92);  color: #fff;
    border: 1px solid rgba(239,68,68,.95);
}
.elite-trcheck-badge i { font-size: .625rem; }

/* Tooltip / details popover when hovering the badge */
.elite-trcheck-tooltip {
    position: absolute;
    bottom: calc(100% + 8px);
    right: 0;
    z-index: 50;
    min-width: 220px; max-width: 280px;
    padding: 12px 14px;
    background: rgba(15,18,30,.96);
    color: #f5f5f7;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 10px;
    font-family: 'Inter', sans-serif;
    font-size: .75rem;
    line-height: 1.5;
    box-shadow: 0 10px 30px rgba(0,0,0,.5);
    opacity: 0;
    transform: translateY(4px);
    transition: opacity .2s, transform .2s;
    pointer-events: none;
    text-transform: none;
    letter-spacing: .2px;
    text-align: left;
}
.elite-trcheck-badge:hover .elite-trcheck-tooltip,
.elite-trcheck-badge:focus-within .elite-trcheck-tooltip {
    opacity: 1; transform: translateY(0); pointer-events: auto;
}
.elite-trcheck-tooltip-row {
    display: flex; justify-content: space-between; gap: 12px;
    padding: 3px 0;
    border-bottom: 1px dashed rgba(255,255,255,.08);
}
.elite-trcheck-tooltip-row:last-child { border-bottom: none; }
.elite-trcheck-tooltip-row b { color: #93c5fd; font-weight: 600; }
.elite-trcheck-tooltip-row .pct { font-variant-numeric: tabular-nums; font-weight: 700; }
.elite-trcheck-tooltip-row .pct.ok   { color: #4ade80; }
.elite-trcheck-tooltip-row .pct.warn { color: #fbbf24; }
.elite-trcheck-tooltip-row .pct.bad  { color: #f87171; }
.elite-trcheck-tooltip-title {
    font-family: 'Orbitron', sans-serif;
    font-size: .6875rem;
    color: rgba(255,255,255,.7);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
}
.elite-trcheck-tooltip-flag {
    margin-top: 10px;
    padding: 6px 8px;
    background: rgba(239,68,68,.15);
    border: 1px solid rgba(239,68,68,.3);
    border-radius: 6px;
    color: #fca5a5;
    font-size: .6875rem;
}
.elite-trcheck-tooltip-flag.warn {
    background: rgba(245,158,11,.15); border-color: rgba(245,158,11,.3); color: #fcd34d;
}
.elite-trcheck-tooltip-flag.ok {
    background: rgba(34,197,94,.12);  border-color: rgba(34,197,94,.3);  color: #86efac;
}

/* Light theme adjustments */
.elite-taxr-overlay.light-theme .elite-trcheck-tooltip {
    background: rgba(255,255,255,.98); color: #1D1D1F;
    border-color: rgba(0,0,0,.08);
}
.elite-taxr-overlay.light-theme .elite-trcheck-tooltip-row { border-bottom-color: rgba(0,0,0,.06); }
.elite-taxr-overlay.light-theme .elite-trcheck-tooltip-row b { color: #1e40af; }
.elite-taxr-overlay.light-theme .elite-trcheck-tooltip-title { color: rgba(0,0,0,.55); }