/* V10.12 – Vereinheitlichung Icons und Buttons nach Vorgaben Stefan (03.10.2026). Nur die vereinbarten Punkte. */

/* 22: Kopfzeile – PEP-Kachel entfällt, Stier ganz links, daneben Schriftzug „PEP“ (ohne Hinterlegung) */
header .top>.logo.pep-logo{display:none!important}

/* 24: Hauptmenü iPad/PC – Icon mit Name darunter, ohne Rahmen, aktiver Bereich hellblau */
@media(min-width:721px){
  header .top{grid-template-columns:minmax(0,auto) minmax(0,1fr) auto 48px!important;grid-template-areas:"brand nav user help"!important;align-items:center}
  header .top>.brand{grid-area:brand}
  .top>.mainnav{display:flex!important;justify-content:flex-end!important;gap:2px!important;grid-template-columns:none!important;flex-wrap:nowrap}
  .mainnav>button.pep-main-icon-tile{flex:0 0 auto!important;width:auto!important;min-width:58px!important;height:auto!important;min-height:0!important;padding:6px 6px 5px!important;display:inline-flex!important;flex-direction:column;align-items:center;gap:3px;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:10px!important;color:#34404b!important}
  .mainnav>button.pep-main-icon-tile .pep-svg-icon{width:22px!important;height:22px!important}
  .mainnav>button.pep-main-icon-tile .pep-main-label{display:block;font-size:11px;font-weight:600;line-height:1.1;white-space:nowrap}
  .mainnav>button.pep-main-icon-tile:hover{background:#f5f8fa!important}
  .mainnav>button.pep-main-icon-tile.on{background:var(--pep-control-active-bg)!important;color:var(--pep-control-active)!important}
}
@media(min-width:721px) and (max-width:1020px){
  header .top{grid-template-columns:minmax(0,1fr) auto 48px!important;grid-template-areas:"brand user help" "nav nav nav"!important}
  .top>.mainnav{justify-content:space-between!important}
}
.mainnav .pep-main-label{display:none}
@media(max-width:720px){header .top{grid-template-columns:minmax(0,1fr) auto 48px!important;grid-template-areas:"brand user help"!important}}

/* 9: Ticketkarten – Aktionen als Icons in der Kopfzeile, Kopffarbe nach Art */
.pep-ticket-card-head{flex-wrap:nowrap}
.pep-ticket-card-head .pep-ticket-type{flex:0 0 auto;white-space:nowrap}
.pep-ticket-card-head .pep-ticket-due{flex:0 0 auto;margin-left:auto;white-space:nowrap!important}
.pep-ticket-head-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.pep-ticket-head-actions .pep-icon-only{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}
.pep-ticket-head-actions .pep-icon-only .pep-svg-icon{width:18px!important;height:18px!important}
.pep-ticket-head-actions [hidden]{display:none!important}
.pep-ticket-card.pep-ticket-offer{border-left-color:#4f9a68}.pep-ticket-offer .pep-ticket-card-head{background:var(--greenbg,#eef7f0)}.pep-ticket-offer .pep-ticket-kind-dot{background:#4f9a68}
.pep-ticket-card.pep-ticket-emergency{border-left-color:#c45c5c}.pep-ticket-emergency .pep-ticket-card-head{background:var(--redbg,#faeeee)}.pep-ticket-emergency .pep-ticket-kind-dot{background:#c45c5c}
.pep-ticket-card .pep-ticket-history{margin-top:4px}

/* 14 und Aufträge: Filter als Filter-Icon mit Auswahlmenü; aktiver Filter hellblau */
#orderControlsV711 .pep-global-filter-toggle,#orderControlsV711 .order-filterbar{display:none!important}
#orderControlsV711{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:stretch!important}
#pepOrderFilter{display:flex}
#orderControlsV711 #orderSearchV711{height:var(--pep-control-height,42px)!important;min-height:0!important}
#pepOrderFilter{align-self:center}
#pepOrderFilter>.pep-filter-button{flex:0 0 auto!important;height:var(--pep-control-height,42px)!important;min-height:0!important;width:var(--pep-control-height,42px)!important;min-width:0!important;padding:0!important;border-radius:10px!important;justify-content:center;display:inline-flex;align-items:center}
#pepOrderFilter>.pep-filter-button svg,#pepOrderFilter>.pep-filter-button .pep-svg-icon{width:20px!important;height:20px!important;stroke-width:var(--pep-icon-stroke)!important}
#pepTicketFilter>.pep-filter-button{width:34px;height:34px;min-width:34px;min-height:34px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;border-radius:10px}
#pepTicketFilter>.pep-filter-button svg,#pepTicketFilter>.pep-filter-button .pep-svg-icon{width:18px!important;height:18px!important;stroke-width:var(--pep-icon-stroke)!important}
#pepTicketFilter,#pepTicketFilter+#ticketArchiveBtn{margin-left:auto}
#pepTicketFilter+#ticketArchiveBtn{margin-left:8px}
.pep-filter-button.filtered{background:var(--pep-control-active-bg,#eaf4ff)!important;border-color:#91bfe8!important;color:var(--pep-control-active,#116fc7)!important}
/* 13: Ausgewählte Auswahlfelder überall hellblau (wie Projektmenü/aktive Icons) */
.choicebtn.on,.people .person.sel{background:var(--pep-control-active-bg,#eaf4ff)!important;border-color:#91bfe8!important;color:var(--pep-control-active,#116fc7)!important;box-shadow:none!important}
/* Ticket erfassen: Frist-Chips so hoch wie die Art-Chips, „Zuweisen an“ in normaler Feldhöhe direkt unter dem Label */
#followChoices .person{display:inline-flex;align-items:center;min-height:var(--pep-control-height,42px);padding:0 14px;border-radius:10px;font-size:13px;font-weight:550;box-sizing:border-box}
#requests .form>.field{align-content:start}
#requests #reqUser{height:var(--pep-control-height,42px);min-height:var(--pep-control-height,42px)}

/* 12: Prio-Stern mit Abstand zu „Ticket speichern“ und in derselben Höhe */
.priority-save-row{display:flex!important;align-items:stretch;gap:8px}
#reqPriorityStar{align-self:stretch;width:auto!important;min-width:0!important;flex:0 0 auto;height:auto!important;min-height:0!important;aspect-ratio:1/1;margin:0!important;padding:0!important;display:inline-flex;align-items:center;justify-content:center}

/* 8: Datumsfelder – nur das App-Kalendersymbol sichtbar; das Browser-Symbol liegt unsichtbar darunter und öffnet weiterhin den Kalender */
.pep-date-field input{padding-right:12px!important}
.pep-date-field input::-webkit-calendar-picker-indicator{opacity:0;width:22px;height:22px;margin:0;cursor:pointer}

/* 15/16: Monatsübersicht – Monatsauswahl neben Mitarbeiterauswahl; Stift und Papierkorb als reine Icons (Stift dunkel, Papierkorb rot) */
#time .month-head-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#time .month-head-tools select[hidden]{display:none!important}
#monthRows .pep-row-actions{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
#monthRows .pep-row-actions button{background:none!important;border:0!important;box-shadow:none!important;padding:2px!important;min-width:0!important;min-height:0!important;width:auto!important;height:auto!important;cursor:pointer;line-height:0}
#monthRows .pep-row-actions .pep-svg-icon{width:18px!important;height:18px!important}
#monthRows .pep-row-actions .pep-time-edit{color:var(--navy)!important}
#monthRows .pep-row-actions .trash-time{color:#c0392b!important}

/* 4: Buttons neben einem Eingabefeld bekommen die Höhe des Felds (Aufmaß-Suchzeile: Filter, + Position, Auf-/Zuklappen) */
#pepMeasureControls{grid-template-columns:minmax(0,1fr) auto auto auto!important;align-items:stretch!important}
#pepMeasureControls #lvSearch{height:100%}
#pepMeasureControls>.pep-filter-wrap{display:flex}
#pepMeasureControls .pep-filter-button,#pepMeasureControls>.pep-icon-only{height:auto!important;min-height:0!important;width:auto!important;min-width:0!important;aspect-ratio:1/1;align-self:stretch;padding:0!important;border-radius:10px!important}
#pepMeasureControls .pep-filter-button .pep-svg-icon,#pepMeasureControls>.pep-icon-only .pep-svg-icon{width:20px!important;height:20px!important}
#pepMeasureControls>.pep-measure-add-position{height:auto!important;min-height:0!important;align-self:stretch}
@media(max-width:1100px){#pepMeasureControls>.pep-measure-add-position{width:auto!important;min-width:0!important;aspect-ratio:1/1;flex:none!important}}
/* 6: Aufmaß – Speichern-Button neben „Menge“ so hoch wie das Eingabefeld */
#measureLv .addline{align-items:stretch!important}
#measureLv .addline .btn.pep-icon-only{width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;aspect-ratio:1/1;align-self:stretch;border-radius:10px!important}
#measureLv .addline .btn.pep-icon-only .pep-svg-icon{width:16px!important;height:16px!important;stroke-width:var(--pep-icon-stroke)!important}

/* 23: Projekt-Navigation – kleine Kacheln mit Icon und Name, aktive Kachel hellblau; überzählige hinter „Mehr“ */
.pep-project-tiles{display:flex;gap:8px;margin:0 15px 4px;overflow:hidden;padding:1px}
.pep-project-tiles>.pep-project-tile,.pep-project-tiles-more>.pep-project-tile{flex:1 1 0;min-width:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:9px 6px 7px;border:1px solid var(--pep-control-border,#cfd6de);border-radius:12px;background:#fff;color:#34404b;font-size:11.5px;font-weight:600;line-height:1.1;white-space:nowrap;cursor:pointer;box-shadow:none}
.pep-project-tiles-more{display:flex;flex:0 0 auto}
.pep-project-tiles-more>.pep-project-tile{flex:0 0 auto;min-width:64px}
.pep-project-tiles [hidden]{display:none!important}
.pep-project-tile .pep-svg-icon{width:22px!important;height:22px!important}
.pep-project-tile:hover{background:#f5f8fa}
.pep-project-tile.on{background:var(--pep-control-active-bg,#eaf4ff);border-color:#91bfe8;color:var(--pep-control-active,#116fc7)}

/* 17: Zeichen-Werkzeugleiste (Notizen, Anfrage erfassen) – alle Werkzeuge in der Größe der rechten Icons, Farbkreise angeglichen */
.pep-note-toolbar .pep-note-tool,.pep-capture-note-toolbar .pep-note-tool{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
.pep-note-toolbar .pep-note-tool svg,.pep-capture-note-toolbar .pep-note-tool svg{width:23px!important;height:23px!important}
.pep-note-toolbar .pep-note-color,.pep-capture-note-toolbar .pep-note-color{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important}
.pep-note-toolbar .pep-note-divider,.pep-capture-note-toolbar .pep-note-divider{height:30px!important}

/* 18/19: Notiz-Kopf im normalen App-Design – Titel als normales Eingabefeld, „Als Aufgabe an“ mit Feld-Label, Auswahl und Weiterleiten in Feldhöhe */
#pepNoteTitle.pep-note-title{height:var(--pep-control-height,42px)!important;min-height:0!important;padding:8px 9px!important;font-size:12px!important;font-weight:400!important;border:1px solid #bac6cf!important;border-radius:10px!important;color:#243440!important}
.pep-note-forward{display:grid!important;grid-template-columns:minmax(0,320px) auto;grid-template-areas:"label label" "select button";justify-content:start;align-items:stretch;gap:5px 8px}
.pep-note-forward>label{grid-area:label;font-size:9px!important;font-weight:550!important;color:#485965!important;letter-spacing:.04em;text-transform:uppercase}
.pep-note-forward>select{grid-area:select;height:var(--pep-control-height,42px)!important;font-size:12px!important;font-weight:400!important;padding:8px 9px!important;border-radius:10px!important}
.pep-note-forward>.btn{grid-area:button;height:auto!important;min-height:0!important;align-self:stretch}

/* 3: Bearbeiten/Löschen in Listenzeilen als reine Icons (Aufmaßeinträge): Stift dunkel, Papierkorb rot */
#measureLv .measure .mi button.pep-icon-only{border:0!important;background:none!important;box-shadow:none!important}
#measureLv .measure .mi button.pep-icon-only[data-pep-icon="edit"]{color:var(--navy)!important}
#measureLv .measure .mi button.pep-icon-only.pep-danger{color:#c0392b!important}
#measureLv .measure .mi button.pep-icon-only .pep-svg-icon{width:16px!important;height:16px!important}

/* Handy: Auftragsliste kompakt – nur Favoritenstern, Projektname und Projektart in einer Reihe; Antippen öffnet den Auftrag */
@media(max-width:720px){
  #ordersTable tr{display:flex!important;align-items:center!important;gap:10px!important;padding:12px 14px!important;min-height:0!important;cursor:pointer}
  #ordersTable tr>td{display:none!important}
  #ordersTable tr>td:nth-child(1),#ordersTable tr>td:nth-child(2),#ordersTable tr>td:nth-child(4){display:block!important;padding:0!important;margin:0!important;border:0!important;min-width:0}
  #ordersTable tr>td::before{content:none!important;display:none!important}
  #ordersTable tr>td:nth-child(1){order:1;flex:0 0 auto}
  #ordersTable tr>td:nth-child(4){order:2;flex:1 1 auto;overflow:hidden;font-size:0!important;line-height:0}
  #ordersTable tr>td:nth-child(4) b{display:block;font-size:15px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #ordersTable tr>td:nth-child(4)>:not(b){display:none!important}
  #ordersTable tr>td:nth-child(2){order:3;flex:0 0 auto}
  #ordersTable tr .pep-row-menu{display:none!important}
  #ordersTable tr>td:nth-child(2) .badge{white-space:nowrap}
}

/* Projektorganisation: zwei Blöcke nebeneinander – links Bauleiter und Beginn | Dauer | Enddatum in einer Reihe, rechts Mitarbeiterliste wie im Kalender */
#projectMembers{display:none!important}
#order .pb.form:has(#projectLead){grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr) minmax(0,.9fr) minmax(0,1.3fr)!important;grid-template-areas:"lead lead lead members" "start dur end members" "save save save members";grid-template-rows:auto auto 1fr;align-items:start;column-gap:12px}
#order .pb.form:has(#projectLead)>.field:has(#projectLead){grid-area:lead}
#order .pb.form:has(#projectLead)>.field:has(#projectMembers){grid-area:members}
#order .pb.form:has(#projectLead)>.field:has(#projectStart){grid-area:start}
#order .pb.form:has(#projectLead)>.field:has(#projectDuration){grid-area:dur}
#order .pb.form:has(#projectLead)>.field:has(#projectEnd){grid-area:end}
#order .pb.form:has(#projectLead)>.full:has([onclick*="saveProjectOrganisation"]){grid-area:save}
#order .project-duration{display:flex;gap:6px}
#order .project-duration>input{flex:1 1 0;min-width:0}
#order .project-duration>select{flex:0 0 auto;width:auto}
.pep-member-list{display:grid;gap:8px}
.pep-member-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;background:#fff;border:1px solid var(--line,#dfe5eb);border-radius:10px;color:var(--navy);font:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer}
.pep-member-item>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pep-member-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}
.pep-member-item .pep-svg-icon{width:16px!important;height:16px!important;flex:0 0 auto}
.pep-member-item:hover{background:#f5f8fa}
.pep-member-item.on{background:var(--pep-control-active-bg,#eaf4ff);border-color:#91bfe8;color:var(--pep-control-active,#116fc7)}
@media(max-width:720px){
  #order .pb.form:has(#projectLead){grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-areas:"lead lead" "members members" "start end" "dur dur" "save save";grid-template-rows:none}
}

/* Zurück-Knöpfe (z. B. „Zur Projektliste“) in der einheitlichen Knopfhöhe */
.pep-back-button{height:34px!important;min-height:34px!important;border-radius:9px!important}
@media(min-width:1101px){.pep-back-button{padding:0 12px!important}}
.pep-back-button .pep-svg-icon{width:14px!important;height:14px!important}

/* Kalender: Zeitstrahl der Projektzeiträume im Kopf der Wochenansicht (Farbe des Bauleiters) */
.pep-project-timeline{grid-column:1/-1;display:grid;grid-template-columns:54px repeat(7,minmax(120px,1fr));grid-template-columns:subgrid;row-gap:4px;padding:6px 0;border-bottom:1px solid var(--line);background:#fbfcfd}
.pep-tl-bar{display:flex;align-items:center;min-width:0;height:24px;margin:0 3px;padding:0 9px;border:0;border-radius:7px;background:var(--c);color:#fff;font:inherit;font-size:11px;font-weight:600;text-align:left;cursor:pointer;box-shadow:none}
.pep-tl-bar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pep-tl-bar.pep-tl-cont-left{margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0}
.pep-tl-bar.pep-tl-cont-right{margin-right:0;border-top-right-radius:0;border-bottom-right-radius:0}

/* Reiterleisten (z. B. Kalender | Projektplanung) im einheitlichen Stil: kein blaues Band, Knöpfe in Standardhöhe, aktiver Reiter hellblau */
.subtabs{display:flex!important;flex-wrap:wrap;gap:8px!important;height:auto!important;min-height:0!important;padding:0!important;margin:0 0 12px!important;background:none!important;border:0!important;box-shadow:none!important}
.subtabs>button{min-height:34px!important;height:34px;padding:0 14px!important;border:1px solid var(--pep-control-border,#cfd6de)!important;border-radius:9px!important;background:#fff!important;color:var(--navy)!important;font-size:12px!important;font-weight:600!important;box-shadow:none!important}
.subtabs>button:hover{background:#f5f8fa!important}
.subtabs>button.on{background:var(--pep-control-active-bg,#eaf4ff)!important;border-color:#91bfe8!important;color:var(--pep-control-active,#116fc7)!important}

/* Projektorganisation: regelmäßige Bauberatung */
#order .pb.form:has(#projectLead){grid-template-areas:"lead lead lead members" "start dur end members" "meet meet meet members" "save save save members"!important;grid-template-rows:auto auto auto 1fr!important}
#order .pb.form:has(#projectLead)>#pepMeetingRow{grid-area:meet}
.pep-meeting-inputs{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr);gap:8px}
.pep-meeting-inputs>*{min-width:0}
@media(max-width:720px){#order .pb.form:has(#projectLead){grid-template-areas:"lead lead" "members members" "start end" "dur dur" "meet meet" "save save"!important}.pep-meeting-inputs{grid-template-columns:1fr 1fr}}

/* Kalender: Ansichtsauswahl, Ganztägig-Icon, Arbeitszeit, Termine, Auswahlmarke, Eingabemaske */
#pepCalendarViewControl{display:none!important}
.pep-cal-mode{display:flex;align-items:center;gap:7px;margin-left:auto}
.pep-cal-mode label{font-size:9px;font-weight:700;color:var(--muted);white-space:nowrap}
.pep-cal-mode select{min-width:190px;height:34px;font-size:12px}
.pep-cal-headrow{display:flex;align-items:center;justify-content:space-between;gap:4px}
.pep-allday-btn{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--pep-control-border,#cfd6de);border-radius:7px;background:#fff;color:#617384;cursor:pointer}
.pep-allday-btn .pep-svg-icon{width:15px!important;height:15px!important}
.pep-allday-btn:hover{background:var(--pep-control-active-bg,#eaf4ff);color:var(--pep-control-active,#116fc7)}
.wg3-head{height:auto!important;min-height:48px}
.wg3-head.pep-cal-today b{color:var(--pep-control-active,#116fc7)}
.pep-cal-allday{grid-column:1/-1;display:grid;grid-template-columns:54px repeat(7,minmax(120px,1fr));grid-template-columns:subgrid;border-bottom:1px solid var(--line);background:#fbfcfd}
.pep-cal-allday-label{font-size:9px;color:var(--muted);padding:6px 4px;text-align:right}
.pep-cal-allday-cell{display:flex;flex-direction:column;gap:3px;padding:4px 3px;border-left:1px solid var(--line);min-width:0}
.pep-cal-chip{font-size:10px;font-weight:600;padding:3px 6px;border-radius:6px;background:var(--c);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.pep-cal-chip.pep-cal-birthday{background:#fff4db;color:#8b6500;cursor:default}
.pep-cal-chip.faded,.pep-cal-event.faded{opacity:.4}
.pep-cal-work{position:absolute;left:0;right:0;background:rgba(120,135,150,.09);pointer-events:none}
.pep-cal-event{z-index:2}
.legend{align-items:center}
.legend .pep-cal-person{padding:3px 7px;border:1px solid transparent;border-radius:7px;cursor:pointer}
.legend .pep-cal-person:hover{background:var(--pep-control-active-bg,#eaf4ff)}
.legend .pep-cal-person.on{background:var(--pep-control-active-bg,#eaf4ff);border-color:#91bfe8;color:var(--pep-control-active,#116fc7);font-weight:700}
.legend .pep-cal-back{margin-left:4px}
.pep-cal-absence{display:flex;align-items:center;gap:3px;margin-top:2px;font-size:9px;line-height:1.2;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pep-cal-absence .dot{flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:var(--c)}
.pep-cal-event.pep-cal-edit{cursor:grab;touch-action:none}
.pep-cal-event.pep-cal-dragging{cursor:grabbing;z-index:6;opacity:.85;box-shadow:0 4px 12px rgba(16,35,59,.25)}
.pep-cal-tools{position:absolute;top:2px;right:2px;display:none;gap:2px;z-index:2}
.pep-cal-event:hover .pep-cal-tools,.pep-cal-event:focus-within .pep-cal-tools{display:flex}
@media (hover:none){.pep-cal-tools{display:flex}}
.pep-cal-tool{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--pep-control-border,#cfd6de);border-radius:6px;background:#fff;color:#617384;cursor:pointer}
.pep-cal-tool .pep-svg-icon{width:13px!important;height:13px!important}
.pep-cal-tool:hover{background:var(--pep-control-active-bg,#eaf4ff);color:var(--pep-control-active,#116fc7)}
.pep-cal-tool[data-act="trash"]:hover{color:var(--red,#c62828)}
.pep-cal-resize{position:absolute;left:0;right:0;bottom:0;height:7px;cursor:ns-resize}
.pep-cal-resize::after{content:"";position:absolute;left:50%;bottom:2px;width:18px;height:2px;margin-left:-9px;border-radius:2px;background:currentColor;opacity:.35}
.pep-cal-pick{position:absolute;left:0;right:0;height:0;border-top:2px solid var(--pep-control-active,#116fc7);z-index:3;pointer-events:none}
.pep-cal-pick span{position:absolute;left:4px;top:-9px;background:var(--pep-control-active,#116fc7);color:#fff;font-size:9px;font-weight:700;padding:1px 5px;border-radius:5px}
.pep-cal-dialog{width:min(520px,96vw)!important}
.pep-cal-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pep-cal-form .full{grid-column:1/-1}
.pep-cal-range{font-size:13px;font-weight:600;color:var(--navy);padding:6px 0}
.pep-cal-users{grid-template-columns:1fr 1fr}

/* Chat: roter Zähler am Hauptmenü, Liste wie Kalenderauswahl mit Chat-Icon, Verlauf wie WhatsApp */
.mainnav [data-view="chat"],.pep-main-more-button{position:relative}
.pep-chat-badge{position:absolute;top:0;right:4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e5372f;color:#fff;font-size:10.5px;font-weight:700;line-height:18px;text-align:center;pointer-events:none;box-shadow:0 0 0 2px #fff}
.pep-chat{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:14px;align-items:start}
.pep-chat-list-panel .pb{display:grid;gap:8px}
.pep-chat-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;background:#fff;border:1px solid var(--line,#dfe5eb);border-radius:10px;color:var(--navy);font:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer}
.pep-chat-item:hover{background:#f5f8fa}
.pep-chat-item.on{background:var(--pep-control-active-bg,#eaf4ff);border-color:#91bfe8;color:var(--pep-control-active,#116fc7)}
.pep-chat-item-icon{display:inline-flex;color:#617384}
.pep-chat-item-icon .pep-svg-icon{width:18px!important;height:18px!important}
.pep-chat-item-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pep-chat-count{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#e5372f;color:#fff;font-size:11px;font-weight:700;line-height:20px;text-align:center}
.pep-chat-panel{display:flex;flex-direction:column;height:min(70vh,680px);min-height:420px;overflow:hidden}
.pep-chat-empty{padding:18px;text-align:center}
.pep-chat-head{display:flex;align-items:center;gap:10px;padding:12px 15px;border-bottom:1px solid var(--line);background:#fbfcfd;color:var(--navy);font-size:14px}
.pep-chat-back{display:none!important}
.pep-chat-messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:#f7f9fb}
.pep-chat-msg{display:flex;flex-direction:column;max-width:78%}
.pep-chat-msg.mine{align-self:flex-end;align-items:flex-end}
.pep-chat-msg.theirs{align-self:flex-start;align-items:flex-start}
.pep-chat-author{font-size:10.5px;font-weight:600;color:var(--muted);margin:0 6px 2px}
.pep-chat-bubble{padding:8px 11px 6px;border-radius:14px;font-size:13px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}
.pep-chat-msg.mine .pep-chat-bubble{background:#1672d4;color:#fff;border-bottom-right-radius:4px}
.pep-chat-msg.theirs .pep-chat-bubble{background:#e7ebef;color:#1d2a36;border-bottom-left-radius:4px}
.pep-chat-msg.system .pep-chat-bubble{font-style:italic}
.pep-chat-image{display:block;max-width:240px;max-height:240px;border-radius:9px;margin-top:4px;cursor:zoom-in}
.pep-chat-meta{text-align:right;font-size:10px;opacity:.75;margin-top:3px;white-space:nowrap}
.pep-chat-actions{display:flex;gap:4px;margin-top:3px}
.pep-chat-react,.pep-chat-delete{border:1px solid var(--line,#dfe5eb);background:#fff;border-radius:12px;padding:1px 7px;font-size:11px;line-height:18px;cursor:pointer;color:#617384}
.pep-chat-react.on{background:var(--pep-control-active-bg,#eaf4ff);border-color:#91bfe8;color:var(--pep-control-active,#116fc7)}
.pep-chat-delete{color:#c0392b;display:inline-flex;align-items:center}
.pep-chat-delete .pep-svg-icon{width:13px!important;height:13px!important}
.pep-chat-compose{display:flex;align-items:flex-end;gap:8px;padding:10px;border-top:1px solid var(--line);background:#fff}
.pep-chat-compose textarea{flex:1;min-height:40px;max-height:120px;resize:vertical;font:inherit;font-size:13px;padding:9px 10px;border:1px solid #bac6cf;border-radius:10px}
.pep-chat-compose .pep-icon-only{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
.pep-chat-compose .pep-icon-only .pep-svg-icon{width:20px!important;height:20px!important}
.pep-chat-image-full{max-width:94vw;max-height:90vh;border-radius:10px;background:#fff}
@media(max-width:720px){
  .pep-chat{grid-template-columns:1fr}
  .pep-chat.pep-chat-open .pep-chat-list-panel{display:none}
  .pep-chat:not(.pep-chat-open) .pep-chat-panel{display:none}
  .pep-chat-back{display:inline-grid!important}
  .pep-chat-panel{height:calc(100vh - 230px)}
  .pep-chat-badge{top:2px;right:2px}
}

/* Aufmaß-Suchzeile: Filterknopf am PC mit Icon und Text (nicht ins Quadrat gequetscht), auf kleineren Bildschirmen quadratisch nur mit Icon */
#pepMeasureControls .pep-filter-button{aspect-ratio:auto!important;width:auto!important;padding:0 14px!important;gap:7px;display:inline-flex!important;align-items:center;justify-content:center;flex:none!important}
#pepMeasureControls .pep-filter-button svg{stroke-width:var(--pep-icon-stroke)!important}
@media(max-width:1100px){#pepMeasureControls .pep-filter-button{aspect-ratio:1/1!important;padding:0!important;gap:0}}
/* Aufmaß-Suchzeile: feste Feldhöhe für Suchfeld und alle Knöpfe (statt Seitenverhältnis, das im Raster zu klein ausfiel) */
#pepMeasureControls{align-items:center!important}
#pepMeasureControls #lvSearch{height:var(--pep-control-height,42px)!important;min-height:0!important}
#pepMeasureControls .pep-filter-button,#pepMeasureControls>.pep-icon-only,#pepMeasureControls>.pep-measure-add-position{height:var(--pep-control-height,42px)!important;min-height:0!important;aspect-ratio:auto!important;align-self:center!important}
#pepMeasureControls>.pep-icon-only{width:var(--pep-control-height,42px)!important}
@media(max-width:1100px){#pepMeasureControls .pep-filter-button,#pepMeasureControls>.pep-measure-add-position{width:var(--pep-control-height,42px)!important;padding:0!important}}

/* Handy-Aufmaß: Eingabe (Aufmaßort, Menge, Speichern) immer sichtbar; eingeklappt nur LV-Menge und EP, aufgeklappt zusätzlich Aufmaß, Mehrmenge und erfasste Aufmaße. Positionsnummer gut lesbar. */
@media(max-width:720px){
  #measureLv .pep-measure-entry-cell{display:grid!important}
  #measureLv .pep-mobile-measure-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #measureLv .lvrow:not(.pep-measure-expanded) .pep-mobile-measure-metrics>span:not(:first-child):not(.price){display:none!important}
  #measureLv .lvrow:not(.pep-measure-expanded) .measure .mi{display:none!important}
  #measureLv .addline{grid-template-columns:minmax(0,1fr) 88px 46px!important}
  #measureLv .addline .btn{grid-column:auto!important;width:46px!important;height:46px!important}
  #measureLv .pep-measure-position-no{font-size:12px!important;font-weight:700!important;color:var(--navy)!important;letter-spacing:.02em}
}

/* Aufmaß: Pfeil im LV-Titel wie der Aufklappknopf der Positionen (zu: nach rechts, offen: nach unten) */
.lvgroup .chev[data-pep-icon]{width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:9px!important;background:#fff!important;border:1px solid var(--pep-control-border,#cfd6de);color:var(--navy);display:inline-grid!important;place-items:center;transform:rotate(-90deg)!important;transition:transform .16s}
.lvgroup.open .chev[data-pep-icon]{transform:none!important}
.lvgroup .chev[data-pep-icon] .pep-svg-icon{width:18px!important;height:18px!important;stroke-width:2}

/* Aufmaß-Positionen kompakter: Titel auf Höhe der Positionsnummer, Stern als Symbol (Favorit gelb-orange), „mehr“ am Ende der Textvorschau */
#measureLv .pep-measure-description{position:relative}
#measureLv .pep-measure-description>b{vertical-align:baseline}
#measureLv .pep-fav-star{display:inline!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;padding:0 2px!important;margin:0 0 0 4px!important;border:0!important;background:none!important;box-shadow:none!important;font-size:17px!important;line-height:1!important;color:#8a97a3!important;vertical-align:baseline;cursor:pointer}
#measureLv .pep-fav-star.on{color:#e6a100!important}
#measureLv .pep-measure-inline-more{position:absolute!important;right:0;bottom:0;margin:0!important;padding:0 0 0 18px!important;min-height:0!important;height:auto!important;line-height:inherit;border:0!important;box-shadow:none!important;background:linear-gradient(90deg,rgba(255,255,255,0),#fff 14px)!important;text-decoration:underline;font-size:inherit}
#measureLv .lv-preview{margin-bottom:0!important}

/* Stier 20 % größer (Kopfzeile 42 → 50 px, Anmeldemaske 36 → 43 px) */
header .pep-brand-with-stier .pep-stier{width:calc(var(--pep-stier-size,42px) * 1.2)!important;height:calc(var(--pep-stier-size,42px) * 1.2)!important}
.pep-stier.pep-stier-login{width:43px!important;height:43px!important}
/* Zugangsdaten: Farbfeld in Feldhöhe */
.pep-access-color{width:100%;height:var(--pep-control-height,40px);padding:3px;border:1px solid var(--pep-control-border,#cfd6de);border-radius:8px;background:#fff;cursor:pointer}
/* Projekt anlegen: keine Zeitplanung beim Anlegen (Zeitraum wird in der Projektorganisation gepflegt) */
#createImport .field:has(#orderPlanMode),#createImport #datePlanning,#createImport #kwPlanning,#createImport #bufferPreview,
#createImport .field:has(#orderScheduleNote),#createImport .ph .badge{display:none!important}
/* Aufmaß: keine „Testansicht Baustelle/Verwaltung“ – die Ansicht folgt der Rolle (hidden allein wird von display:flex überstimmt) */
.officebar:has(#siteMode),.officebar[hidden]{display:none!important}
/* Kopfzeile: Abmelden-Knopf rechts neben dem Hilfe-(i), gleiche Größe */
@media(min-width:721px){header .top{grid-template-columns:minmax(0,auto) minmax(0,1fr) auto 48px 48px!important;grid-template-areas:"brand nav user help out"!important}}
@media(min-width:721px) and (max-width:1020px){header .top{grid-template-columns:minmax(0,1fr) auto 48px 48px!important;grid-template-areas:"brand user help out" "nav nav nav nav"!important}}
@media(max-width:720px){header .top{grid-template-columns:minmax(0,1fr) auto 48px 48px!important;grid-template-areas:"brand user help out"!important}}
header .top>#pepLogoutBtn{grid-area:out}
/* Start › Offene Aufmaße: „x offen“ als kleine Plakette wie „Anfrage“, nicht über die ganze Breite */
.pep-review-task>.badge{justify-self:start;width:max-content}
/* Anmeldemaske wie die Kopfzeile: nur Stier + Schriftzug (ohne PE-Kachel) */
#pepLoginOverlay .pep-login-logo{display:none!important}

/* Kalender: feine Linie zur halben Stunde (ohne Beschriftung), kräftigere Linie zur vollen Stunde */
.wg3-day{background:repeating-linear-gradient(to bottom,transparent 0,transparent 29px,#f4f6f8 29px,#f4f6f8 30px,transparent 30px,transparent 59px,#e6eaee 59px,#e6eaee 60px),#fff!important}