/* Pay Applications (.pa) — Signal in-slot page. Tokens are injected on .pa-root at runtime
   (light + dark) by the viewmodel; this file is structure/animation only, fully namespaced.
   Verbatim translation of docs/design/craftLaborBlock/Pay Applications.dc.html. */
.pa-root { font-family: 'Plus Jakarta Sans', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
.pa-root *,
.pa-root *::before,
.pa-root *::after { box-sizing: border-box; }
.pa-root ::selection { background: var(--brand-200, #C2CCFB); }
.pa-mono { font-family: 'IBM Plex Mono', ui-monospace, monospace; }
.pa-act { transition: filter .14s; }
.pa-act:hover { filter: brightness(.97); }

/* the editable "this period %" input */
.pa-in {
  font: 600 12px 'IBM Plex Mono', monospace;
  color: var(--text, #1A1D2E); text-align: right; width: 62px; padding: 6px 8px;
  border: 1px solid var(--border-strong, #D2D7E6); border-radius: 7px;
  background: var(--surface, #fff); outline: none;
}
.pa-in:focus { border-color: var(--brand-500, #5E76EE); box-shadow: 0 0 0 3px rgba(94,118,238,.15); }
.pa-in:disabled { opacity: .55; cursor: not-allowed; }

@keyframes pa-pop { 0% { transform: translateY(8px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } }
.pa-toast { animation: pa-pop .25s var(--ease, cubic-bezier(.2,.8,.2,1)); }

/* the certificate column drops below the continuation sheet on narrow / mobile widths */
@media (max-width: 1080px) {
  .pa-grid { grid-template-columns: 1fr !important; }
}