/* Punch List & Closeout (Wave 5) — Signal in-slot styles, namespaced .pl-* so nothing
   leaks into the shell or sibling routes. Tokens are set as CSS vars on .pl-root in JS. */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

.pl-root { -webkit-font-smoothing: antialiased; }
.pl-root *,
.pl-root *::before,
.pl-root *::after { box-sizing: border-box; }

.pl-row { transition: background .12s; }
.pl-root .pl-row:hover { background: var(--surface-2, #FAFBFE); }
.pl-act { transition: filter .14s; }
.pl-root .pl-act:hover { filter: brightness(.97); }

/* embedded (PM3 tab) — let the tab host the scroll; the inner scroll region keeps a sane min height */
.pl-root[style*="static"] { min-height: 520px; }

/* responsive: collapse the closeout rail under the punch list on narrow tabs/mobile */
@media (max-width: 980px) {
  .pl-root .pl-grid { grid-template-columns: 1fr !important; }
}