/* Einheitliche Kopfzeilen für Unterbereiche, in Anlehnung an „Heute erfassen“. */
:root{
  --bg:#f4f6f7;
  --pep-section-head:#e1ebf3;
  --pep-section-line:#c3d2df;
}
body{background:var(--bg)}
#order>.ph{background:transparent;border-bottom:0}

/* Seitenüberschriften (.hero) bleiben oberhalb der Arbeitsflächen. */
.panel>.ph,.timepanel>.ph,.pep-notes-side-head,.pep-time-entry-head{
  display:flex;
  align-items:center;
  min-height:46px;
  padding:6px 12px;
  background:var(--pep-section-head);
  border-bottom:1px solid var(--pep-section-line);
}
.panel>.ph h2,.timepanel>.ph h2,.pep-notes-side-head h2,.pep-time-entry-head b{
  margin:0;
  color:var(--navy);
  font-size:15px;
  line-height:1.3;
  font-weight:700;
}
.panel>.ph .pep-svg-icon,.timepanel>.ph .pep-svg-icon,
.pep-notes-side-head .pep-svg-icon,.pep-time-entry-head .pep-svg-icon,
.pep-capture-heading .pep-svg-icon,.gh .pep-svg-icon{
  width:18px;
  height:18px;
  flex:none;
}
.panel>.ph .btn,.timepanel>.ph .btn,.pep-notes-side-head .btn,
.pep-time-entry-head .btn{min-height:34px;padding:5px 9px}

/* Weitere aufklappbare Bereichsüberschriften verwenden denselben Farbton. */
.tabs,.subtabs,.pep-notes-filter,.gh{
  background:var(--pep-section-head);
  border-color:var(--pep-section-line);
}
.gh{min-height:46px;padding:7px 12px}
.gh .chev{width:21px;height:21px;flex:0 0 21px}
.pep-notes-filter{min-height:46px;padding:4px 11px}

/* „Details zum Auftrag“ ist ebenfalls ein Unterbereich. */
#createIndividual #pepCaptureDetails{padding:0 12px 12px}
#createIndividual .pep-capture-heading{
  min-height:46px;
  margin:0 -12px 12px;
  padding:6px 12px;
  background:var(--pep-section-head);
  border-bottom:1px solid var(--pep-section-line);
  border-radius:11px 11px 0 0;
}
#createIndividual .pep-capture-heading h2{font-size:15px}
#createIndividual .pep-capture-heading .btn{min-height:34px;padding:5px 9px}

/* Die mobile Projekteinsatz-Kopfzeile hatte zuvor einen transparenten Hintergrund. */
.pep-time-entry-head{min-height:46px;margin-bottom:11px;padding:6px 12px}
.pep-time-entry-head .pep-time-remove .pep-svg-icon{width:18px;height:18px}
#time .pep-time-entry-head{background:transparent!important;border:0!important;min-height:34px!important;margin:0 0 5px!important;padding:0!important;justify-content:flex-end}
#serviceCollapse.open:before,
#serviceCollapse.open>.chead{background:var(--pep-section-head)!important;border-color:var(--pep-section-line)!important}

@media(max-width:720px){
  #time .timepanel>.ph{min-height:46px;padding:6px 12px}
  .pep-time-entry-head{
    min-height:46px;
    margin:-12px -10px 11px!important;
    padding:6px 12px!important;
    background:var(--pep-section-head)!important;
    border-bottom:1px solid var(--pep-section-line);
    border-radius:14px 14px 0 0;
  }
  #time .pep-time-entry-head{margin:0 0 5px!important;padding:0!important;border-radius:0}
  #createIndividual #pepCaptureDetails{padding:0 10px 10px}
  #createIndividual .pep-capture-heading{margin:0 -10px 10px;padding:6px 10px}
  .panel>.ph,.timepanel>.ph{min-height:46px;padding:6px 12px}
}