/* Purchase Orders / Procurement (.po) — Signal in-slot page. Tokens are injected on .po-root
   at runtime (light + dark) by the viewmodel; this file is structure/animation only, namespaced. */
.po-root { font-family: 'Plus Jakarta Sans', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
.po-root *,
.po-root *::before,
.po-root *::after { box-sizing: border-box; }
.po-mono { font-family: 'IBM Plex Mono', ui-monospace, monospace; }
.po-row { transition: background .12s; }
.po-row:hover { background: var(--surface-2, #FAFBFE); }
.po-act { transition: filter .14s; }
.po-act:hover { filter: brightness(.97); }
.po-hd {
  font: 600 10px 'Plus Jakarta Sans'; letter-spacing: .05em; text-transform: uppercase;
  color: var(--muted, #767C92);
}
@keyframes po-pop { 0% { transform: translate(-50%, 8px); opacity: 0; } 100% { transform: translate(-50%, 0); opacity: 1; } }
.po-toast { animation: po-pop .25s var(--ease, cubic-bezier(.2,.8,.2,1)); }

/* Right rail collapses under the register on narrow viewports (embedded PM3 tab / small screens). */
@media (max-width: 980px) {
  .po-grid { grid-template-columns: 1fr !important; }
}