/* v2 styles: custom JHR forms (owner W2-S2-B).
   The <style> blocks in custom_forms/jhr/macros.html and the JHR form templates stay as they are;
   these rules override the same selectors under .dp-v2, so they only apply when DP_NEW_STYLE is on. */

.dp-v2 .jhr-tablewrap {
  background: var(--dp-card);
  border-radius: var(--dp-radius);
}

.dp-v2 .jhr-sheet th,
.dp-v2 .jhr-sheet th.jhr-grp,
.dp-v2 .jhr-sheet td.jhr-site-cell,
.dp-v2 .jhr-sheet th.jhr-grp-ef,
.dp-v2 .jhr-sheet th.jhr-grp-money {
  background: var(--dp-muted);
}

.dp-v2 .jhr-sheet .ts-control {
  background-color: var(--dp-card);
}

.dp-v2 .jhr-sheet input.off,
.dp-v2 .jhr-sheet select.off,
.dp-v2 .jhr-sheet textarea.off,
.dp-v2 .jhr-sheet td.off {
  background: var(--dp-muted) !important;
  color: var(--dp-muted-fg) !important;
}

.dp-v2 .jhr-sheet th.jhr-sec-start,
.dp-v2 .jhr-sheet td.jhr-sec-start {
  border-left-color: var(--dp-muted-fg);
}

.dp-v2 .jhr-hazchip.hz {
  background: var(--dp-warning-bg);
  color: var(--dp-warning-fg);
}