/* Manage Inventory — Motion tokens.
 * Restrained, functional motion: quick fades + small lifts. No bounces on data UI.
 * Hover = lift 1px + slightly stronger shadow; press = settle to scale .98. */
:root {
  --ease-out:    cubic-bezier(0.2, 0.7, 0.3, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-spring: cubic-bezier(0.34, 1.4, 0.5, 1);   /* @kind other */

  --dur-instant: 80ms; /* @kind other */
  --dur-fast:    130ms; /* @kind other */
  --dur:         180ms; /* @kind other */
  --dur-slow:    260ms; /* @kind other */

  --transition-colors: color var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out); /* @kind other */
  --transition-transform: transform var(--dur) var(--ease-out); /* @kind other */
  --transition-all: all var(--dur) var(--ease-out); /* @kind other */

  /* Interaction deltas (documented conventions) */
  --hover-lift: -1px; /* @kind other */
  --press-scale: 0.98; /* @kind other */
}

@keyframes mi-scan-pop {
  0%   { transform: scale(0.6); opacity: 0; }
  60%  { transform: scale(1.12); }
  100% { transform: scale(1); opacity: 1; }
}
@keyframes mi-fade-in {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes mi-spin { to { transform: rotate(360deg); } }