/* FA-05 Jobs search — board 29, [data-look="v2"] Jobs tab only.
   Package: Frontend_Design/Field App/Build/BUILD_QUEUE.md row 5.
   See frontend/js/jobsSearchV2.js for the pane-swap logic. With the switch
   OFF (no data-look attribute), none of this applies and #scr-jobs renders
   exactly as it does today.

   #job-search/#job-list need no styling of their own here — they already
   pick up the v2 palette for free via tokens.css's task-4 variable remap
   (style.css reads --surface-2/--ink/--line, which tokens.css repoints). */

/* v1's #scr-jobs holds both My Day's agenda and this search pane (real DOM
   move into #jobsv2-search-slot below) — hide every other direct child
   while the Jobs tab, not My Day, is the active v2 tab. */
[data-look="v2"] #scr-jobs[data-jobsv2-pane="search"] > :not(#jobsv2-search-root) {
  display: none;
}

[data-look="v2"] #jobsv2-search-root {
  padding: var(--field-space-4);
}
[data-look="v2"] .jobsv2-title {
  font: var(--field-text-page-title);
  color: var(--field-text-primary);
  margin: 0 0 var(--field-space-3);
}