/* Small printed labels share the warehouse's paper, ink and local typefaces. */
.shift-tooltip {
  position:fixed;inset:auto;margin:0;z-index:100;
  width:max-content;max-width:min(280px,calc(100vw - 24px));
  box-sizing:border-box;padding:13px 16px 12px;
  border:1px solid var(--rule-strong);border-top:3px solid var(--shift-primary);
  border-radius:2px;background:var(--shift-paper);color:var(--shift-paper-ink);
  box-shadow:0 4px 8px var(--shift-shadow),0 14px 36px var(--shift-shadow);
  text-align:left;white-space:normal;overflow-wrap:anywhere;
  font:400 .8125rem/1.45 var(--font-body);
  pointer-events:auto;user-select:none;
  animation:shift-label-in 120ms ease-out;
}
.shift-tooltip[hidden] {display:none!important}
.shift-tooltip::backdrop {background:transparent;pointer-events:none}
.shift-tooltip-title {display:block;font:400 1.0625rem/1.2 var(--font-heading);letter-spacing:-.015em}
.shift-tooltip-detail {display:block;margin-top:5px;color:var(--text-dim)}
.shift-tooltip-meta {display:flex;align-items:center;gap:12px;justify-content:space-between;margin-top:10px;padding-top:8px;border-top:1px solid var(--rule);font:400 .5625rem/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}
.shift-tooltip-key {font:inherit;letter-spacing:0;color:var(--shift-paper-ink);background:var(--shift-button);border:1px solid var(--rule);border-bottom:2px solid var(--rule-strong);border-radius:2px;padding:2px 5px;white-space:nowrap}
@keyframes shift-label-in {from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-height:550px) {.shift-tooltip{max-width:min(250px,calc(100vw - 24px));padding:9px 12px}.shift-tooltip-meta{margin-top:7px;padding-top:6px}}
@media(prefers-reduced-motion:reduce) {.shift-tooltip{animation:none}}
.shift-tooltip[data-reduced-motion="true"] {animation:none}