/* AIOS Tooltip Convention v1 (ATC) — Reference: ~/AI_OS/00_AUTHORITY/Global_UI_Tooltip_Rule.md
 *
 * Spec:
 * - Background luôn dark #22222a (không follow theme — phải nổi trên mọi theme)
 * - Text #f0f0f5
 * - 11px / 500 weight
 * - Border 1px #2e2e38
 * - Radius 6px / Padding 4px 10px
 * - Shadow 0 4px 12px rgba(0,0,0,0.5)
 * - z-index 9999
 * - position: fixed (JS đặt left/top)
 * - white-space: nowrap (single-line)
 * - Show: instant (no fade), Hide: instant
 */

.atc-tooltip {
  position: fixed;
  background: #22222a;
  color: #f0f0f5;
  border: 1px solid #2e2e38;
  border-radius: 6px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 500;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  white-space: nowrap;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
  z-index: 9999;
  pointer-events: none;
  user-select: none;
}

/* Suppress native browser tooltip — ATC overrides */
[data-tooltip] {
  /* Make absolute sure browser doesn't show its own tooltip in race condition */
}

/* Disabled state — vẫn cho tooltip nhưng dim 1 chút (UX: user vẫn cần biết button làm gì khi bị disabled) */
[data-tooltip][disabled] + .atc-tooltip {
  opacity: 0.85;
}