/* Connect Home round 3: R3.tip, the one tooltip system (kit builder). Brief: _dev/BRIEF-v3.md, "The craft bar" 1.
 * A small navy tooltip, white 12px text, 6px radius, 6x8 padding, an arrow, 8px from its target.
 * It fades and moves 2px in over 120ms; once one is open, the next shows without the delay or the move. */

.r3-tip {
	position: fixed; z-index: 990; left: var(--x, 0); top: var(--y, 0); /* position is never animated: only the 2px nudge and the fade */
	max-width: min(18rem, calc(100vw - 16px));
	padding: 6px 8px;
	border-radius: 6px;
	background: var(--navy, #000625);
	color: #fff;
	font-family: var(--font-sans);
	font-size: 12px; line-height: 1.4; font-weight: 400;
	font-variant-numeric: tabular-nums;
	letter-spacing: 0;
	text-align: left;
	white-space: normal; overflow-wrap: anywhere;
	pointer-events: none;
	opacity: 0;
	transform: translate3d(0, var(--d, 2px), 0);
	transition: opacity 120ms ease-out, transform 120ms ease-out;
	box-shadow: 0 6px 16px -6px rgba(0, 6, 37, 0.35);
}
.r3-tip[data-side='below'] { --d: -2px; }
.r3-tip.on { opacity: 1; --d: 0px; }
.r3-tip.instant { transition: none; }
.r3-tip[hidden] { display: none; }
.r3-tip-ar {
	position: absolute; left: var(--ax, 50%); width: 8px; height: 8px; margin-left: -4px;
	background: inherit; border-radius: 1.5px; transform: rotate(45deg);
}
.r3-tip[data-side='above'] .r3-tip-ar { bottom: -3px; }
.r3-tip[data-side='below'] .r3-tip-ar { top: -3px; }

/* rich content: a quiet heading line, then label/value rows */
.r3-tip small { display: block; color: rgba(255, 255, 255, 0.64); font-size: 11.5px; }
.r3-tip b { font-weight: 600; color: #fff; }
.r3-tip .tr { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; }
.r3-tip .tr span { color: rgba(255, 255, 255, 0.72); }
.r3-tip .tr i { display: inline-block; width: 8px; height: 8px; border-radius: 2px; margin-right: 6px; vertical-align: 0; }
.r3-tip .tm { color: rgba(255, 255, 255, 0.64); }

@media (prefers-reduced-motion: reduce) {
	.r3-tip { --d: 0px; transition: opacity 120ms ease-out; }
}