/* ═══════════════════════════════════════════════════════════════
   SiteCORE — Rich Tooltips (VerifyCORE/M365 style)
   JS-powered floating card tooltips with HTML content
   ═══════════════════════════════════════════════════════════════ */

/* ── Tooltip Card ────────────────────────────────────────── */
.rt-card{position:fixed;z-index:9999;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity 0.15s ease,transform 0.15s ease;max-width:360px;min-width:240px}
.rt-card.show{opacity:1;transform:translateY(0)}
.rt-card-inner{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:14px 18px;box-shadow:0 16px 48px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.04);backdrop-filter:blur(12px)}
.rt-card-inner::before{content:'';position:absolute;bottom:-7px;left:50%;transform:translateX(-50%) rotate(45deg);width:12px;height:12px;background:var(--bg-card);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}
.rt-card.below .rt-card-inner::before{bottom:auto;top:-7px;border:none;border-left:1px solid var(--border);border-top:1px solid var(--border)}

/* Title row */
.rt-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;margin-bottom:6px;color:var(--text-primary)}
.rt-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.rt-dot.green{background:#0cce6b}
.rt-dot.yellow{background:#ffa400}
.rt-dot.red{background:#ff4e42}
.rt-dot.blue{background:#3b82f6}
.rt-dot.purple{background:#a855f7}
.rt-dot.cyan{background:#06b6d4}

/* Description */
.rt-desc{font-size:11px;color:var(--text-secondary);line-height:1.65;margin-bottom:0}
.rt-desc strong{color:var(--text-primary);font-weight:700}
.rt-desc .rt-good{color:#0cce6b;font-weight:700}
.rt-desc .rt-warn{color:#ffa400;font-weight:700}
.rt-desc .rt-bad{color:#ff4e42;font-weight:700}
.rt-desc .rt-info{color:#3b82f6;font-weight:700}

/* Interpretation bar */
.rt-interp{margin-top:8px;padding-top:8px;border-top:1px solid var(--border);font-size:10px;color:var(--text-muted);line-height:1.5}
.rt-interp strong{color:var(--text-secondary)}

/* Threshold scale */
.rt-scale{display:flex;gap:4px;margin-top:6px;font-size:9px}
.rt-scale-seg{flex:1;text-align:center;padding:3px 0;border-radius:4px;font-weight:600}
.rt-scale-seg.g{background:rgba(12,206,107,0.12);color:#0cce6b}
.rt-scale-seg.y{background:rgba(255,164,0,0.12);color:#ffa400}
.rt-scale-seg.r{background:rgba(255,78,66,0.12);color:#ff4e42}

/* Bullet list */
.rt-bullets{margin:6px 0 0;padding:0 0 0 14px;font-size:10px;color:var(--text-secondary);line-height:1.6}
.rt-bullets li{margin-bottom:2px}
.rt-bullets li strong{color:var(--text-primary)}

/* ── Disable old tooltip systems when rich-tooltips active ── */
[data-rt]:hover::after,[data-rt]:hover::before{display:none!important;opacity:0!important;visibility:hidden!important}
[data-rt][data-info]::after,[data-rt][data-info]::before{display:none!important}

/* ── Score Ring Text Fix (no ellipsis) ───────────────────── */
.score-ring-val{overflow:visible!important;text-overflow:unset!important;max-width:none!important}
.health-widget .score-ring-val{font-size:26px!important}

/* ── Light Theme ─────────────────────────────────────────── */
[data-theme="light"] .rt-card-inner{background:#fff;border-color:#e2e8f0;box-shadow:0 12px 36px rgba(0,0,0,0.12),0 0 0 1px rgba(0,0,0,0.04)}
[data-theme="light"] .rt-card-inner::before{background:#fff}