/* Change Orders (.co) — Signal in-slot page. Tokens are injected on .co-root at runtime
   (light + dark) by the viewmodel; this file is structure/animation only, fully namespaced. */
.co-root { font-family: 'Plus Jakarta Sans', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
.co-root *,
.co-root *::before,
.co-root *::after { box-sizing: border-box; }
.co-mono { font-family: 'IBM Plex Mono', ui-monospace, monospace; }
.co-row { transition: background .12s; }
.co-row:hover { background: var(--surface-2, #FAFBFE); }
.co-act { transition: filter .14s; }
.co-act:hover { filter: brightness(.97); }
.co-in {
  font: 600 12.5px 'IBM Plex Mono', monospace;
  color: var(--text, #1A1D2E); text-align: right; width: 96px; padding: 7px 9px;
  border: 1px solid var(--border-strong, #D2D7E6); border-radius: 7px;
  background: var(--surface, #fff); outline: none;
}
.co-in:focus { border-color: var(--brand-500, #5E76EE); box-shadow: 0 0 0 3px rgba(94,118,238,.15); }
@keyframes co-pop { 0% { transform: translateY(8px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } }
.co-toast { animation: co-pop .25s var(--ease, cubic-bezier(.2,.8,.2,1)); }