/* Custom Tooltip */
[data-tooltip] { position: relative; }
[data-tooltip]:hover::after { content: attr(data-tooltip); position: absolute; bottom: -28px; left: 50%; transform: translateX(-50%); background: var(--bg-hover, #333); color: var(--text-main, #fff); padding: 4px 8px; border-radius: 4px; font-size: 11px; white-space: nowrap; z-index: 10000; pointer-events: none; border: 1px solid var(--border, #444); box-shadow: 0 4px 6px rgba(0,0,0,0.3); opacity: 0; animation: tooltipFadeIn 0.2s forwards 0.3s; }
@keyframes tooltipFadeIn { to { opacity: 1; } }