[data-metric-target],[data-metric-explain]{cursor:pointer;text-decoration:none}
[data-metric-target]:focus-visible,[data-metric-explain]:focus-visible{outline:3px solid #2563eb;outline-offset:3px;border-radius:4px}
/* Match the original KPI modal: centered, themed header, blurred dim backdrop. */
.metric-dialog{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:92%;max-width:560px;max-height:88vh;border:0;border-radius:18px;padding:0;color:#142033;background:#fff;box-shadow:0 32px 80px rgba(0,0,0,.22);font:13px/1.6 system-ui,sans-serif;overflow:hidden}
.metric-dialog[open]{display:flex;flex-direction:column}
.metric-dialog::backdrop{background:rgba(10,22,40,.55);backdrop-filter:blur(3px)}
.metric-dialog-header{background:var(--brand-primary,var(--shell-primary,#0a1628));padding:20px 26px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}
.metric-dialog-identity{display:flex;align-items:center;gap:12px;min-width:0}
.metric-dialog-icon{width:34px;height:34px;flex:0 0 34px;background:rgba(37,99,235,.5);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#93c5fd;font-size:19px;font-weight:700}
.metric-dialog h2{font-size:16px;font-weight:700;color:#fff;margin:0;line-height:1.35;overflow-wrap:anywhere}
.metric-dialog .metric-dialog-subtitle{font-size:11px;color:#93c5fd;margin:1px 0 0}
.metric-dialog-close{background:rgba(255,255,255,.1);border:0;color:rgba(255,255,255,.8);width:32px;height:32px;flex:0 0 32px;border-radius:8px;cursor:pointer;font-size:23px;display:flex;align-items:center;justify-content:center;padding:0}
.metric-dialog-close:hover{background:rgba(255,255,255,.2)}.metric-dialog-close:focus-visible{outline:2px solid #93c5fd;outline-offset:3px}
.metric-dialog-body{padding:24px 26px;overflow-y:auto;min-height:0}
.metric-dialog h3{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin:22px 0 8px;color:#64748b}
.metric-dialog p{margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.metric-dialog .metric-dialog-value{font-size:40px;font-weight:800;line-height:1.1;margin:0 0 14px;color:var(--brand-accent,var(--shell-accent,#2563eb));font-family:'DM Mono',monospace}
.metric-dialog dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px 18px}.metric-dialog dt{color:#64748b}.metric-dialog dd{margin:0;font-weight:700;overflow-wrap:anywhere}.metric-dialog-period{color:#64748b}
@media print{.metric-dialog{display:none!important}[data-metric-target],[data-metric-explain]{text-decoration:none}}

.kpi-card[data-metric-explain]::after{content:"How is this calculated?";display:block;font-size:9px;font-weight:600;margin-top:8px;color:var(--brand-accent,#2563eb);opacity:.75;text-decoration:none}
@media print{.kpi-card[data-metric-explain]::after{display:none}}