/* Erfassungsart und ein zusammenhängender Projekteinsatz mit Zeiterfassung. */
.panel>.ph,.timepanel>.ph,.pep-notes-side-head,.gh,#createIndividual .pep-capture-heading{min-height:42px;padding-top:5px;padding-bottom:5px}
.panel>.ph h2,.timepanel>.ph h2,.pep-notes-side-head h2,#createIndividual .pep-capture-heading h2{font-size:14px;font-weight:650;color:#2f485b}
/* Symbol und Text in allen Untermenübalken folgen der Schaltfläche „Archiviert“. */
.panel>.ph .btn,.timepanel>.ph .btn,.pep-notes-side-head .btn,#createIndividual .pep-capture-heading .btn{min-height:34px;padding:5px 10px;gap:7px;background:#fff;border:1px solid #c2ced8;border-radius:9px;color:var(--navy);font-size:12px;font-weight:650;box-shadow:none;white-space:nowrap}
.btn:has(svg){white-space:nowrap;flex-wrap:nowrap}
.btn:has(svg) .pep-button-label{white-space:nowrap}
.pep-back-button{width:max-content;min-width:max-content!important;white-space:nowrap!important;flex-wrap:nowrap!important}
.pep-svg-icon,.pep-note-tool svg,.btn svg:not(.pep-svg-icon){transform:scale(1.2)}
.panel>.ph .btn .pep-svg-icon,.timepanel>.ph .btn .pep-svg-icon,.pep-notes-side-head .btn .pep-svg-icon,#createIndividual .pep-capture-heading .btn .pep-svg-icon{width:10px;height:10px}
/* Gleicher kompakter Symbolstil für Aktionen auf weißen Inhaltsflächen. */
.panel .pb .btn:has(.pep-svg-icon),.timepanel .entry .btn:has(.pep-svg-icon),.pep-ticket-actions .btn:has(.pep-svg-icon),.pep-note-forward .btn:has(.pep-svg-icon),#createIndividual .pep-capture-editor .btn:has(.pep-svg-icon){min-height:34px;padding:5px 10px;gap:7px;font-size:12px;border-radius:9px}
.panel .pb .btn .pep-svg-icon,.timepanel .entry .btn .pep-svg-icon,.pep-ticket-actions .btn .pep-svg-icon,.pep-note-forward .btn .pep-svg-icon,#createIndividual .pep-capture-editor .btn .pep-svg-icon{width:12px;height:12px}
/* Einzelne Symbolkacheln werden halb so groß; die Hauptnavigation bleibt bei 48px. */
.pep-icon-only:not(.pep-main-more-button):not(.pep-main-icon-tile),header .top>.help-fab{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;padding:0!important;border-radius:6px!important}
.pep-icon-only:not(.pep-main-more-button):not(.pep-main-icon-tile) .pep-svg-icon,header .top>.help-fab .pep-svg-icon{width:12px!important;height:12px!important}
.pep-svg-icon{width:12px;height:12px}
.mainnav .pep-svg-icon,.pep-main-more-menu .pep-svg-icon{width:24px;height:24px}
.pep-create-trigger{min-height:34px!important;padding:0 10px!important;border-radius:9px!important}
.pep-create-trigger .pep-svg-icon{width:12px;height:12px}
.pep-save-entry,.pep-delete-entry{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important}
.pep-project-list-button{flex-basis:24px}
/* Auch die aufgeklappten Aktionsmenüs verwenden kleine, gleichartige Symbolkacheln. */
.pep-action-menu:not(.pep-main-more-menu){min-width:170px;max-width:min(260px,calc(100vw - 20px));padding:5px;border-radius:10px}
.pep-action-menu:not(.pep-main-more-menu) button{min-height:34px;gap:8px;padding:4px 6px;font-size:12px}
.pep-action-menu:not(.pep-main-more-menu) .pep-menu-icon-tile{width:24px;height:24px;flex:0 0 24px;border-radius:6px;box-shadow:none}
.pep-action-menu:not(.pep-main-more-menu) .pep-menu-icon-tile .pep-svg-icon{width:12px;height:12px}
#ordersTable .pep-row-menu>.pep-icon-only,#measureLv .addline .btn.pep-icon-only{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important}
/* Auswahlfelder übernehmen den weißen, abgerundeten Stil der Monatsübersicht. */
select:not(.pep-visually-hidden){background-color:#fff;border:1px solid #c6d2dc;border-radius:10px;color:var(--navy);font-family:inherit;box-shadow:none}
/* Speichern und vergleichbare primäre Aktionen bleiben blau, sind aber kompakter. */
.btn.primary:has(.pep-svg-icon){min-height:34px;padding:5px 10px;gap:7px;border-radius:9px;font-size:12px}
.btn.primary .pep-svg-icon{width:12px;height:12px}
#time #pepTimeProjects .bottomactions .btn.primary{min-width:95px;min-height:34px;width:auto}
@media(max-width:1100px){
  .btn:has(.pep-svg-icon):not(.pep-icon-only):not(.pep-main-icon-tile){width:34px;min-width:34px;min-height:34px;height:34px;padding:0!important;gap:0!important;font-size:0!important;flex:0 0 34px}
  .btn:has(.pep-svg-icon):not(.pep-icon-only)>.pep-button-label,.btn:has(.pep-svg-icon):not(.pep-icon-only)>span:not(.pep-button-icon):not(.pep-visually-hidden){display:none}
  .pep-create-trigger{width:34px!important;min-width:34px!important;height:34px!important;padding:0!important}
  .pep-back-button{width:34px!important;min-width:34px!important;min-height:34px!important;height:34px!important;padding:0!important}
  #time #pepTimeProjects .bottomactions .btn.primary{width:34px;min-width:34px}
  .hero>button.btn:has(.pep-svg-icon),.hero>div:last-child .btn:has(.pep-svg-icon){width:34px;justify-self:end}
  .panel>.ph,.timepanel>.ph,#createIndividual .pep-capture-heading{gap:6px;min-width:0}
  .panel>.ph h2,.timepanel>.ph h2,#createIndividual .pep-capture-heading h2{min-width:0;overflow-wrap:anywhere}
  #time #workarea,#time #pepTimeProjects{min-width:0;max-width:100%}
  #time .timepanel>.ph{min-height:42px;padding:5px 12px}
  select:not(.pep-visually-hidden){max-width:100%}
}
#time #workarea{min-width:0}
#time #pepTimeProjects>.ph{justify-content:space-between}
#time .pep-time-project-entry{border:1px solid var(--line);border-bottom:0;border-radius:11px 11px 0 0;background:#fff;padding:11px 12px;margin-bottom:0}
#time .pep-time-project-entry-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;color:var(--navy)}
#time .pep-time-project-entry-head strong,#time .pep-time-entry-label{font-size:13px;font-weight:700;color:var(--navy)}
#time .pep-time-project-entry-head>div{display:flex;align-items:center;gap:6px}
#time .pep-time-project-entry .pep-time-projects{margin:7px 0 9px}
#time #pepTimeProjects .pep-time-entry{padding:10px 12px;margin:0 0 11px;border-top:1px solid var(--line);border-radius:0 0 11px 11px}
#time .pep-time-entry-label{padding-bottom:3px}
#time #pepTimeProjects .pep-time-range-summary{margin-top:10px}
#time #pepTimeProjects .bottomactions{position:static;display:flex;justify-content:flex-start;margin:4px 0 0;padding:0;background:transparent;border:0;backdrop-filter:none}
#time #pepTimeProjects .bottomactions .btn.primary{min-width:95px;min-height:34px}
#time #pepTimeProjects .pep-project-picker{margin:2px 0 12px}
#time #timeUser:disabled{opacity:1}
#time #timeUser:disabled~*{display:none}
#time .topline .field[hidden]{display:none!important}
@media(max-width:720px){#time .pep-time-project-entry{padding:10px}#time #pepTimeProjects .bottomactions .btn.primary{width:34px;min-width:34px;min-height:34px}#time .pep-time-project-entry-head{flex-wrap:wrap}}
@media(min-width:721px) and (max-width:1100px){#time #pepTimeProjects .bottomactions .btn.primary{width:34px;min-width:34px;min-height:34px}}

/* Filter unter „Alle Notizen“ als eigenständige Schaltflächen. */
#notes .pep-notes-filter{min-height:0;gap:7px;padding:10px 12px;background:#fff;border-bottom:1px solid var(--line)}
#notes .pep-notes-filter button{min-height:34px;padding:6px 11px;background:#fff;border:1px solid var(--pep-control-border);border-radius:9px;color:var(--navy);font-size:12px;font-weight:650}
#notes .pep-notes-filter button.on{background:var(--pep-control-active-bg);border-color:#91bfe8;color:var(--navy)}
#notes .pep-notes-filter button .pep-svg-icon,#notes .pep-notes-filter button svg{width:16px;height:16px}
#notes .pep-note-toolbar{min-height:48px;padding:3px 0 7px;gap:7px}
#notes .pep-note-toolbar>.pep-note-tool,#notes .pep-note-toolbar>label.pep-note-tool{width:42px;height:42px;flex-basis:42px;padding:7px}
#notes .pep-note-toolbar>.pep-note-tool svg{width:23px;height:23px}
#notes .pep-note-toolbar-spacer~.pep-note-tool,#notes .pep-note-toolbar-spacer~label.pep-note-tool{width:36px;height:36px;flex-basis:36px;padding:7px}
#notes .pep-note-toolbar-spacer~.pep-note-tool svg{width:19px;height:19px}
@media(max-width:600px){#notes .pep-note-toolbar{gap:5px}#notes .pep-note-toolbar>.pep-note-tool,#notes .pep-note-toolbar>label.pep-note-tool{width:39px;height:39px;flex-basis:39px}#notes .pep-note-toolbar-spacer~.pep-note-tool,#notes .pep-note-toolbar-spacer~label.pep-note-tool{width:35px;height:35px;flex-basis:35px}}

/* „Details zum Auftrag“ verwendet dieselben Flächen und Eingaben wie die übrigen Formulare. */
#createIndividual #pepCaptureDetails{background:#fff;border-color:#cbd3d9;box-shadow:0 1px 3px rgba(25,44,59,.045)}
#createIndividual .pep-capture-editor{background:#fff;border-color:var(--line)}
#createIndividual .pep-capture-list button{background:#fff;color:var(--navy);border-color:var(--pep-control-border);font-size:13px;font-weight:650;box-shadow:none}
#createIndividual .pep-capture-list button.on{background:var(--pep-control-active-bg);border-color:#91bfe8}
#createIndividual .pep-capture-detail-head label{font-size:9px;letter-spacing:.04em;font-weight:700;color:#485965}
#createIndividual .pep-capture-detail-head input{min-height:40px;padding:8px 9px;border:1px solid #bac6cf;border-radius:6px;background:#fff;color:var(--text);font-family:inherit;font-size:14px;font-weight:400;letter-spacing:normal;box-shadow:none}
#createIndividual .pep-capture-detail-head input::placeholder{color:#687783;font-size:14px;font-weight:400;opacity:1}

/* Die erfassten Details folgen der bereits verwendeten Ticket-Karte. */
.pep-captured-summary.pep-ticket-card{padding:0;background:#fff;border:1px solid var(--line);border-left:5px solid #4e9fd1;border-radius:14px;box-shadow:0 2px 12px rgba(16,44,85,.04)}
.pep-captured-summary.pep-ticket-card>.pep-ticket-card-head{background:#f2f8fc;border-bottom:1px solid #edf0f3;padding:10px 13px}
.pep-captured-summary.pep-ticket-card>.pep-ticket-card-body{padding:13px;border-top:0}
.pep-captured-summary.pep-ticket-card h3{font-size:15px;margin:0 0 5px}
.pep-captured-summary .pep-captured-detail{padding:11px 0;border-top:1px solid #e3e9ef;overflow-wrap:anywhere}
.pep-captured-summary .pep-captured-detail h4{font-size:14px;margin:0 0 6px}
.pep-captured-summary .pep-captured-detail p{margin:4px 0 8px;white-space:pre-wrap;font-size:13px;line-height:1.5}
.pep-captured-summary .pep-captured-materials{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.pep-captured-summary .pep-ticket-actions{margin-top:3px}