.mip-kpi-card[data-kpi-detail] { cursor: pointer; position: relative; }
.mip-kpi-card[data-kpi-detail]:hover,
.mip-kpi-card[data-kpi-detail]:focus,
.mip-kpi-card[data-kpi-detail].is-detail-open {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(0, 70, 52, .18);
    outline: 2px solid rgba(0, 112, 82, .18);
    outline-offset: 2px;
}
.mip-kpi-detail-popup {
    display: none;
    position: absolute;
    z-index: 9999;
    width: min(310px, calc(100vw - 24px));
    overflow: visible;
    border: 1px solid rgba(0, 83, 64, .20);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(0, 42, 31, .24);
    color: #102f29;
    opacity: 0;
    transform: translateY(5px) scale(.985);
    transition: opacity .16s ease, transform .16s ease;
    pointer-events: none;
}
.mip-kpi-detail-popup.is-visible { opacity: 1; transform: translateY(0) scale(1); pointer-events: auto; }
.mip-kpi-detail-header { padding: 14px 16px 11px; border-radius: 13px 13px 0 0; background: linear-gradient(135deg, #004f3b, #08745a); color: #fff; }
.mip-kpi-detail-header strong { display: block; margin-top: 3px; font-size: 14px; line-height: 1.35; }
.mip-kpi-detail-eyebrow { display: block; font-size: 9px; font-weight: 800; letter-spacing: .13em; opacity: .78; }
.mip-kpi-detail-popup table { width: 100%; border-collapse: collapse; font-size: 12px; }
.mip-kpi-detail-popup th,
.mip-kpi-detail-popup td { padding: 8px 16px; border-bottom: 1px solid #e8efec; }
.mip-kpi-detail-popup tr:last-child th,
.mip-kpi-detail-popup tr:last-child td { border-bottom: 0; }
.mip-kpi-detail-popup th { text-align: left; color: #526a64; font-weight: 650; }
.mip-kpi-detail-popup td { text-align: right; color: #102f29; font-weight: 800; font-variant-numeric: tabular-nums; }
.mip-kpi-detail-popup td.is-positive { color: #00834f; }
.mip-kpi-detail-popup td.is-negative { color: #c9281b; }
.mip-kpi-detail-arrow { position: absolute; left: calc(50% - 8px); bottom: -8px; width: 16px; height: 16px; background: #fff; border-right: 1px solid rgba(0,83,64,.20); border-bottom: 1px solid rgba(0,83,64,.20); transform: rotate(45deg); }
.mip-kpi-detail-popup.is-below .mip-kpi-detail-arrow { top: -8px; bottom: auto; transform: rotate(225deg); }
[dir="rtl"] .mip-kpi-detail-popup th { text-align: right; }
[dir="rtl"] .mip-kpi-detail-popup td { text-align: left; }
@media (max-width: 640px) {
    .mip-kpi-detail-popup { position: fixed; left: 12px !important; right: 12px; top: auto !important; bottom: 14px; width: auto; }
    .mip-kpi-detail-arrow { display: none; }
}
@media print {
    .mip-kpi-detail-popup { display: none !important; }
}