/* ==========================================================================
   vTip Tooltip Engine - CPS Live 2026 Theme Alignment
   ========================================================================== */
p#vtip {
  display: none;
  position: absolute;
  top: auto;
  inset-inline-start: 5px;
  left: 5px;
  max-width: min(20rem, 90vw);
  padding: 0.5rem 0.75rem;
  
  /* Typography & Theme Alignment */
  font-family: inherit;
  font-size: 0.85rem;
  line-height: 1.4;
  color: var(--color-text-default);
  white-space: normal;
  word-break: break-word;

  /* Surfaces & Borders (Using NetTalk Shorthand) */
  background: #ffffff !important;
  border: 1px solid var(--color-silver);
  border-radius: var(--entry-radius);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

  /* Coordinated Layering (Above Dialogs [1001] & Datepicker [10060]) */
  z-index: 10070 !important;
  pointer-events: none;
}

/* Optional Accent: Highlight tooltip border with primary theme color */
p#vtip.cps-vtip-accent {
  border-color: var(--color-dark-blue-border);
}

/* vTip Arrow Indicator */
p#vtip #vtipArrow {
  position: absolute;
  top: -10px;
  inset-inline-start: 5px;
  left: 5px;
}