/*
 * Tooltip ลอยตามเมาส์สำหรับกราฟ SVG ที่วาดเอง (bar/line/segment ฯลฯ) — คู่กับ assets/chart-tooltip.js +
 * lib/chart_tooltip.php
 *
 * ไม่ผูกกับกราฟชนิดใดชนิดหนึ่ง — ใช้ร่วมกันได้ทุกกราฟที่ใส่ attribute data-tooltip ไว้บน element ของตัวเอง
 * (path/rect/circle ฯลฯ) เดิมโค้ดชุดนี้ (CSS+JS+HTML placeholder) ก็อปแยกกันอย่างน้อย 3 ที่ (view_np.php,
 * view_np_dashboard.php, dividend_helpers.php) เหมือนกันเป๊ะ ต่างแค่ id ของ placeholder div
 *
 * ต้องมี assets/site-fonts.css ไม่จำเป็น (ไม่ได้อ้าง var(--font-main)) แต่สีพื้น/ตัวอักษร hardcode ไว้ตรงๆ
 * ตั้งใจ (กล่อง tooltip สีเข้มเสมอไม่ว่าธีมจะสว่างหรือมืด อ่านง่ายกว่าให้ตามธีม)
 */
.chart-tooltip {
    position: fixed; pointer-events: none; display: none; z-index: 1000;
    background: #2a2a2a; color: #fff; font-size: 12px; line-height: 1.4;
    padding: 6px 10px; border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0,0.18);
    white-space: nowrap;
}
.chart-tooltip.visible { display: block; }