:root{
  --tf71416-material-submenu-bg:#e6f2ff;
  --tf71416-material-submenu-surface:#eef7ff;
  --tf71416-material-submenu-hover:#d7ebff;
  --tf71416-material-submenu-border:#b8d5ed;
}

/* Keep the selected customer/job green and distinguish everything opened beneath it in blue. */
.tf71414-material-job[open]>summary{
  background:#e2f2e9;
  border-bottom-color:#b9d5c6;
}
.tf71414-material-job[open]>.tf71414-posting-list{
  background:var(--tf71416-material-submenu-surface);
  border-top-color:var(--tf71416-material-submenu-border);
}
.tf71414-material-job[open] .tf71414-material-posting{
  background:var(--tf71416-material-submenu-bg);
  border-color:var(--tf71416-material-submenu-border);
}
.tf71414-material-job[open] .tf71414-material-posting:hover,
.tf71414-material-job[open] .tf71414-material-posting:focus-visible{
  background:var(--tf71416-material-submenu-hover);
  border-color:#6da7cf;
}

/* The supporting Materials submenus shown below the grouped job list use the same blue family. */
.tf71414-original-materials,
#tf714-material-approval-corrections{
  background:var(--tf71416-material-submenu-bg);
  border-color:var(--tf71416-material-submenu-border);
}
.tf71414-original-materials>.tablewrap,
#tf714-material-approval-corrections>.tablewrap{
  border-top-color:var(--tf71416-material-submenu-border);
}

/* Carry the submenu colour into an opened posting without changing debit/credit status colours. */
.tf71414-preview .tf71414-posting-overview>span,
.tf71414-preview .tf71414-material-line{
  background:var(--tf71416-material-submenu-bg);
  border-color:var(--tf71416-material-submenu-border);
}
.tf71414-preview .tf71414-line-values>span{
  background:var(--tf71416-material-submenu-surface);
}