/* MP-20260829-008 · Phase 4
   Das freigegebene Master/Detail-Prinzip des Aufmaßes, streng auf die
   Datensatzmodule begrenzt. Mobile und iPad bleiben in ihrer vertrauten
   Stapelansicht; ab 1200px wird die Liste zur festen Arbeitsleiste. */

/* Einheitlicher Modulkopf: Icon, Titel/Unterzeile und Aktionen folgen in
   allen Modulen derselben ruhigen Notizen-Geometrie. */
html body .view .view-header.mp-module-view-header {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 22px !important;
  width: 100% !important;
  min-height: 120px !important;
  margin: 0 0 20px !important;
  padding: 22px 28px !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  border-radius: 24px !important;
  background: rgba(var(--mp-flaeche-rgb), .96) !important;
  box-shadow: 0 12px 34px -24px rgba(15,23,42,.3), inset 0 1px 0 rgba(255,255,255,.95) !important;
  overflow: visible !important;
}
.mp-module-header-title {
  display: flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
}
.mp-module-header-icon {
  display: grid;
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  place-items: center;
  border-radius: 17px;
  background: var(--mp-module-accent, #2ba8ef);
  color: #fff;
  box-shadow: 0 10px 22px -12px color-mix(in srgb, var(--mp-module-accent, #2ba8ef) 76%, transparent), inset 0 1px 0 rgba(255,255,255,.28);
}
.mp-module-header-icon svg,
.mp-module-header-icon i {
  width: 25px !important;
  height: 25px !important;
  stroke: currentColor !important;
}
.mp-module-header-copy { min-width: 0; }
html body .view .mp-module-header-copy h1 {
  margin: 0 !important;
  color: rgb(var(--mp-t1-1d2433)) !important;
  font-size: clamp(28px, 2.15vw, 39px) !important;
  font-weight: 820 !important;
  line-height: 1.05 !important;
  letter-spacing: -.035em !important;
}
html body .view .mp-module-header-copy p,
html body .view .mp-module-header-copy .muted {
  margin: 7px 0 0 !important;
  color: rgb(var(--mp-t3-6f7e93)) !important;
  font-size: 14px !important;
  font-weight: 550 !important;
  line-height: 1.35 !important;
}
html body .view .mp-module-view-header > :is(.view-header-actions, .mp-aufmass-hero-actions) {
  flex: 0 0 auto;
  margin-left: auto;
}

@media (max-width: 767px) {
  html body .view .view-header.mp-module-view-header {
    min-height: 92px !important;
    padding: 16px 17px !important;
    border-radius: 20px !important;
    gap: 12px !important;
  }
  .mp-module-header-title { gap: 12px; }
  .mp-module-header-icon {
    flex-basis: 46px;
    width: 46px;
    height: 46px;
    border-radius: 14px;
  }
  .mp-module-header-icon svg,
  .mp-module-header-icon i { width: 21px !important; height: 21px !important; }
  html body .view .mp-module-header-copy h1 { font-size: 27px !important; }
  html body .view .mp-module-header-copy p,
  html body .view .mp-module-header-copy .muted { font-size: 12px !important; }
  html body .view .mp-module-view-header > :is(.view-header-actions, .mp-aufmass-hero-actions) {
    max-width: 45%;
  }
}

@media (max-width: 520px) {
  html body .view .view-header.mp-module-view-header {
    align-items: flex-start !important;
    flex-wrap: wrap !important;
  }
  html body .view .mp-module-view-header > :is(.view-header-actions, .mp-aufmass-hero-actions) {
    display: flex;
    width: 100%;
    max-width: none;
    margin-left: 0;
    overflow-x: auto;
  }
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass, #view-mail) {
  --mp-ws-rail-open: 420px;
  --mp-ws-rail-closed: 64px;
  --mp-ws-top: 58px;
  --mp-ws-line: rgba(15, 23, 42, .10);
  --mp-ws-blue: #2bb0ff;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass, #view-mail) .mp-workspace-rail-toggle {
  display: none;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass, #view-mail) .mp-workspace-list-heading h2 {
  margin: 0 !important;
  color: rgb(var(--mp-t1-172033)) !important;
  font-size: 21px !important;
  font-weight: 790 !important;
  letter-spacing: -.025em !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass, #view-mail) .mp-workspace-list-heading p {
  margin: 4px 0 0 !important;
  color: rgb(var(--mp-t3-718095)) !important;
  font-size: 11.5px !important;
  font-weight: 540 !important;
  line-height: 1.35 !important;
}

@media (max-width: 1199px) {
  #view-kva .kva-editor > .card,
  #view-rechnung .rg-editor-card,
  #view-rechnung .mp-comm-card,
  #view-mail .mail-reader-card,
  #view-mail .mail-composer-card,
  #view-projekte #projektDetailWrapper > .card,
  #view-kunden .kunden-stamm-section,
  #view-kunden .kunden-liste-section {
    border-color: rgba(255,255,255,.74) !important;
    border-radius: 18px !important;
    background: linear-gradient(145deg, rgba(var(--mp-flaeche-rgb), .97), rgba(var(--mp-f2-f9fafc), 0.94)) !important;
    box-shadow: 0 1px 2px rgba(15,23,42,.05), 0 10px 26px -20px rgba(15,23,42,.24), inset 0 1px 0 rgba(255,255,255,.92), inset 0 -1px 0 rgba(15,23,42,.04) !important;
  }
}

@media (min-width: 1200px) {
  body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-mail).view.active) {
    padding-left: 0 !important;
  }

  body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-mail).view.active) #mpSideRail,
  body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-mail).view.active) #mpRailOverlay {
    display: none !important;
  }

  body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-mail).view.active) .topbar {
    border-radius: 0 !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-mail).view.active {
    min-height: calc(100vh - var(--mp-ws-top));
    background: transparent !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-mail).view.active > .view-container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-mail).view.active > .view-container > .view-box {
    box-sizing: border-box;
    width: calc(100% - var(--mp-ws-rail-open)) !important;
    max-width: none !important;
    margin: 0 0 0 var(--mp-ws-rail-open) !important;
    padding: 24px 24px 124px !important;
    transition: width 560ms cubic-bezier(.22, 1, .36, 1), margin-left 560ms cubic-bezier(.22, 1, .36, 1) !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-mail).view.active > .view-container > .view-box.is-list-rail-collapsed {
    width: calc(100% - var(--mp-ws-rail-closed)) !important;
    margin-left: var(--mp-ws-rail-closed) !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass, #view-mail).view.active .mp-workspace-list-master {
    position: fixed !important;
    /* z-index: siehe zentrale Z-Skala am Dateiende (MP-20260901-004 Nachbesserung 2) */
    inset: var(--mp-ws-top) auto 0 0 !important;
    box-sizing: border-box !important;
    width: var(--mp-ws-rail-open) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--mp-ws-line) !important;
    border-left: 0 !important;
    border-radius: 0 28px 28px 0 !important;
    background: linear-gradient(105deg, rgba(var(--mp-flaeche-rgb), .99), rgba(var(--mp-flaeche-rgb), .97) 78%, rgba(var(--mp-f2-fafbfd), 0.98)) !important;
    box-shadow:
      1px 0 0 rgba(255,255,255,.96) inset,
      -1px 0 0 rgba(15,23,42,.025) inset,
      8px 0 18px -10px rgba(15,23,42,.24),
      22px 0 52px -24px rgba(15,23,42,.38),
      44px 0 90px -48px rgba(15,23,42,.28) !important;
    transform: translateX(0) !important;
    transition: transform 560ms cubic-bezier(.22, 1, .36, 1), box-shadow 360ms ease !important;
  }

  /* Der globale Kartenkopf-Standard trägt absichtlich eine sehr starke
     Selektorkaskade. Die Arbeitsleiste ist keine Inhaltskarte und bleibt
     deshalb auch bei bereits klassifizierten Bestandsknoten viewportfest. */
  html:not(#mpkk):not(#mpkk-2) body :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass, #view-mail).view.active :is(> .mp-workspace-list-master, .mp-workspace-list-master) {
    position: fixed !important;
    inset: var(--mp-ws-top) auto 0 0 !important;
    margin: 0 !important;
    transform: translateX(0) !important;
  }

  html:not(#mpkk):not(#mpkk-2) body :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass, #view-mail).view.active.is-list-rail-collapsed :is(> .mp-workspace-list-master, .mp-workspace-list-master) {
    transform: translateX(calc(-100% + 58px)) !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass, #view-mail).view.active .mp-workspace-list-master::after {
    content: "";
    position: absolute;
    z-index: 7;
    top: 18px;
    right: 0;
    bottom: 18px;
    width: 1px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(var(--mp-flaeche-rgb), .98), rgba(43,176,255,.20) 38%, rgba(15,23,42,.10) 72%, rgba(var(--mp-flaeche-rgb), .92));
    box-shadow: -1px 0 0 rgba(255,255,255,.72), 1px 0 7px rgba(43,176,255,.10);
    pointer-events: none;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass, #view-mail).view.active .mp-workspace-rail-toggle {
    position: absolute;
    z-index: 8;
    top: 20px;
    right: 16px;
    display: grid;
    width: 42px;
    height: 42px;
    padding: 0;
    place-items: center;
    border: 1px solid rgba(15, 23, 42, .11);
    border-radius: 13px;
    background: rgba(var(--mp-flaeche-rgb), .88);
    color: rgb(var(--mp-t2-253247));
    box-shadow: 0 4px 14px rgba(15, 23, 42, .07);
    backdrop-filter: saturate(150%) blur(16px);
    -webkit-backdrop-filter: saturate(150%) blur(16px);
    cursor: pointer;
    transition: transform 180ms ease, background 180ms ease, border-color 180ms ease;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass, #view-mail).view.active .mp-workspace-rail-toggle:hover {
    border-color: rgba(43, 176, 255, .42);
    background: rgb(var(--mp-flaeche-rgb));
    transform: translateY(-1px);
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass, #view-mail).view.active .mp-workspace-rail-toggle > span {
    display: block;
    font: 500 25px/1 system-ui, sans-serif;
    transition: transform 560ms cubic-bezier(.22, 1, .36, 1);
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass, #view-mail).view.active.is-list-rail-collapsed .mp-workspace-rail-toggle {
    right: 11px;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass, #view-mail).view.active.is-list-rail-collapsed .mp-workspace-rail-toggle > span {
    transform: rotate(180deg);
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-mail).view.active .view-header {
    box-sizing: border-box;
    width: 100% !important;
    margin: 0 0 20px !important;
    padding: 22px 24px !important;
    border: 1px solid var(--mp-ws-line) !important;
    border-radius: 18px !important;
    background: rgba(var(--mp-flaeche-rgb), .92) !important;
    box-shadow: 0 8px 28px rgba(15, 23, 42, .055) !important;
    backdrop-filter: saturate(145%) blur(18px);
    -webkit-backdrop-filter: saturate(145%) blur(18px);
  }

  #view-kva.view.active .mp-workspace-list-master,
  #view-rechnung.view.active .mp-workspace-list-master,
  #view-aufmass.view.active .mp-workspace-list-master,
  #view-mail.view.active .mp-workspace-list-master {
    display: flex !important;
    flex-direction: column !important;
  }

  #view-kva.view.active .mp-workspace-list-master > .card-header,
  #view-rechnung.view.active .mp-workspace-list-master > .card-header,
  #view-projekte.view.active .mp-workspace-list-master > .card-header,
  #view-aufmass.view.active .mp-workspace-list-master > .card-header,
  #view-mail.view.active .mp-workspace-list-master > .card-header {
    flex: 0 0 auto;
    padding: 26px 68px 14px 24px !important;
    border: 0 !important;
  }

  #view-kva.view.active .mp-workspace-list-master > .card-body,
  #view-rechnung.view.active .mp-workspace-list-master > .card-body,
  #view-aufmass.view.active .mp-workspace-list-master > .card-body,
  #view-mail.view.active .mp-workspace-list-master > .card-body {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 0 !important;
    padding: 0 22px 22px !important;
    overflow: hidden !important;
  }

  #view-kva.view.active .kva-list-wrapper,
  #view-aufmass.view.active .aufmass-list-wrapper,
  #view-mail.view.active .mail-list-wrapper {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  #view-kva.view.active #kvaOffersGroupedList,
  #view-rechnung.view.active #rechnungGroupedList,
  #view-aufmass.view.active #aufmassSavedList,
  #view-mail.view.active #mailGroupedList {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: auto !important;
    overscroll-behavior: contain;
  }

  #view-rechnung.view.active .rechnung-list-wrapper {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #view-projekte.view.active .mp-workspace-list-master {
    display: flex !important;
    flex-direction: column !important;
    padding: 0 22px 22px !important;
  }

  #view-projekte.view.active .mp-workspace-list-master > .card-header {
    margin-inline: -22px;
  }

  #view-projekte.view.active #projektGroupedList {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: auto !important;
    overscroll-behavior: contain;
  }

  #view-projekte.view.active .mp-workspace-list-master > .projekt-list-scroll:has(#projektListe) {
    display: none !important;
  }

  #view-kunden.view.active .mp-workspace-list-master {
    display: flex !important;
    flex-direction: column !important;
    padding: 88px 22px 22px !important;
  }

  #view-kunden.view.active .mp-workspace-list-master .kunden-toolbar {
    flex: 0 0 auto;
  }

  #view-kunden.view.active .mp-workspace-list-master .kunden-toolbar-actions {
    display: flex;
    gap: 6px;
    overflow-x: auto;
  }

  #view-kunden.view.active #kundenCardList {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: auto !important;
    overscroll-behavior: contain;
  }
}

/* Finder-Leiste: überall dieselbe Informationsdichte wie im Golden-Aufmaß. */
:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-list-search-row,
#view-kunden.view .mp-workspace-list-master .search-wrap {
  box-sizing: border-box !important;
  min-height: 50px !important;
  border: 1px solid rgba(15,23,42,.11) !important;
  border-radius: 14px !important;
  background: rgb(var(--mp-flaeche-rgb)) !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.035), inset 0 1px 0 rgba(255,255,255,.96) !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-list-search-input,
#view-kunden.view .mp-workspace-list-master #kundenSearch {
  min-width: 0 !important;
  min-height: 48px !important;
  color: rgb(var(--mp-t1-172033)) !important;
  font-size: 14.5px !important;
  font-weight: 520 !important;
}

.mp-workspace-list-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  margin: 12px 0 10px;
  padding: 7px 8px 7px 12px;
  border: 1px solid rgba(15,23,42,.09);
  border-radius: 14px;
  background: linear-gradient(145deg, rgb(var(--mp-flaeche-rgb)), rgb(var(--mp-flaeche-2-rgb)));
  box-shadow: 0 8px 22px -18px rgba(15,23,42,.34), inset 0 1px 0 #fff;
}

.mp-workspace-list-controls label {
  flex: 0 0 auto;
  color: rgb(var(--mp-t3-607086));
  font-size: 12px;
  font-weight: 760;
}

.mp-workspace-sort {
  width: min(190px, 66%);
  min-width: 0;
  height: 38px;
  padding: 0 34px 0 12px;
  border: 0;
  border-radius: 11px;
  background-color: rgb(var(--mp-flaeche-rgb));
  color: rgb(var(--mp-t2-253247));
  box-shadow: 0 5px 16px -12px rgba(15,23,42,.34), inset 0 0 0 1px rgba(15,23,42,.055);
  font: 650 12.5px/1 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
}

/* Angebot, Rechnung und Baustelle benutzen ausschließlich die gemeinsame
   Toolbar des Record-Renderers. Damit gibt es nur eine Sortierung und keine
   modulbezogene zweite Geometrie mehr. */
:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 52px !important;
  margin: 12px 0 10px !important;
  padding: 7px 8px 7px 12px !important;
  flex: 0 0 auto !important;
  flex-wrap: nowrap !important;
  border: 1px solid rgba(15,23,42,.09) !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, rgb(var(--mp-flaeche-rgb)), rgb(var(--mp-flaeche-2-rgb))) !important;
  box-shadow: 0 8px 22px -18px rgba(15,23,42,.34), inset 0 1px 0 #fff !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-stats,
:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-density {
  display: none !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-toolbar-controls {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-sort {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 38px !important;
  padding: 0 8px 0 0 !important;
  align-items: center !important;
  gap: 8px !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: transparent !important;
  box-shadow: none !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-sort::before {
  content: "Sortieren";
  flex: 0 0 auto;
  color: rgb(var(--mp-t3-607086));
  font-size: 12px;
  font-weight: 760;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-sort-select {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 38px !important;
  margin-left: auto !important;
  padding: 0 34px 0 12px !important;
  border: 0 !important;
  border-radius: 11px !important;
  background-color: rgb(var(--mp-flaeche-rgb)) !important;
  color: rgb(var(--mp-t2-253247)) !important;
  box-shadow: 0 5px 16px -12px rgba(15,23,42,.34), inset 0 0 0 1px rgba(15,23,42,.055) !important;
  font: 650 12.5px/1 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filters-host {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 60px !important;
  flex: 0 0 60px !important;
  margin: 10px 0 0 !important;
  overflow: hidden !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filters {
  gap: 5px !important;
  padding: 4px !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  border-radius: 13px !important;
  background: rgb(var(--mp-f2-f5f7fa)) !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-pill {
  min-height: 38px !important;
  padding: 0 11px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: rgb(var(--mp-t3-718095)) !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 680 !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-pill.is-active {
  background: #2bb0ff !important;
  color: #fff !important;
  box-shadow: 0 5px 14px -9px rgba(43,176,255,.75) !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-pill.is-active .mp-record-filter-count {
  background: rgba(var(--mp-flaeche-rgb), .92) !important;
  color: #168acb !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-list--v2 {
  gap: 12px !important;
  padding: 0 2px 120px !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-month {
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 15px !important;
  background: rgb(var(--mp-flaeche-rgb)) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,.075), 0 10px 24px -20px rgba(15,23,42,.32) !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-month-summary {
  min-height: 68px !important;
  padding: 13px 46px 12px 14px !important;
  background: linear-gradient(180deg, rgb(var(--mp-flaeche-rgb)), rgb(var(--mp-f1-fbfcfe))) !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-month-name {
  color: rgb(var(--mp-t1-172033)) !important;
  font-size: 17px !important;
  font-weight: 820 !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-row {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  min-height: 78px !important;
  padding: 12px 46px 12px 14px !important;
  border-top-color: rgba(15,23,42,.07) !important;
  background: rgb(var(--mp-flaeche-rgb)) !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-row.is-active {
  background: linear-gradient(105deg, rgba(43,176,255,.14), rgba(43,176,255,.07)) !important;
  box-shadow: inset 0 0 0 1px rgba(43,176,255,.18) !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-title {
  display: -webkit-box !important;
  overflow: hidden !important;
  color: rgb(var(--mp-t1-172033)) !important;
  font-size: 14px !important;
  font-weight: 760 !important;
  line-height: 1.28 !important;
  white-space: normal !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-sub {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 6px !important;
  color: rgb(var(--mp-t3-64748b)) !important;
  font-size: 12px !important;
  font-weight: 520 !important;
  line-height: 1.38 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  min-width: 0 !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-status,
:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-sep {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-identity {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-kpi {
  max-width: 112px;
  padding-right: 0 !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-kpi-main {
  color: rgb(var(--mp-t1-172033)) !important;
  font-size: 13.5px !important;
  font-weight: 780 !important;
  white-space: nowrap;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-kpi-sub {
  max-width: 100%;
  overflow: hidden;
  font-size: 10.5px !important;
  white-space: nowrap;
  text-overflow: ellipsis;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-more {
  display: grid !important;
  right: 6px !important;
  width: 38px !important;
  height: 38px !important;
  place-items: center !important;
  opacity: .82 !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-tray {
  display: none !important;
}

/* Tablet: die Liste ist eine echte, glatte Schublade und quetscht den Inhalt nicht. */
@media (min-width: 768px) and (max-width: 1199px) {
  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-mail).view.active::before {
    content: "";
    position: fixed;
    z-index: 64;
    inset: 58px 0 88px;
    background: rgba(15,23,42,.18);
    opacity: 1;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    transition: opacity 360ms cubic-bezier(.22,1,.36,1);
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-mail).view.active.is-list-rail-collapsed::before {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-mail).view.active > .view-container > .view-box {
    width: 100% !important;
    max-width: none !important;
    padding-left: 74px !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass, #view-mail).view.active .mp-workspace-list-master {
    position: fixed !important;
    /* z-index: siehe zentrale Z-Skala am Dateiende (MP-20260901-004 Nachbesserung 2) */
    inset: 58px auto 88px 0 !important;
    display: flex !important;
    box-sizing: border-box !important;
    width: min(520px, calc(100vw - 72px)) !important;
    max-height: none !important;
    margin: 0 !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border: 1px solid rgba(15,23,42,.10) !important;
    border-left: 0 !important;
    border-radius: 0 26px 26px 0 !important;
    background: rgb(var(--mp-flaeche-rgb)) !important;
    box-shadow: 18px 0 52px -28px rgba(15,23,42,.48), inset -1px 0 0 rgba(15,23,42,.035) !important;
    transform: translateX(0) !important;
    transition: transform 520ms cubic-bezier(.22,1,.36,1), box-shadow 360ms ease !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass, #view-mail).view.active.is-list-rail-collapsed .mp-workspace-list-master {
    transform: translateX(calc(-100% + 58px)) !important;
    box-shadow: 7px 0 20px -16px rgba(15,23,42,.35) !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass, #view-mail).view.active .mp-workspace-rail-toggle {
    position: absolute;
    z-index: 8;
    top: 18px;
    right: 14px;
    display: grid !important;
    width: 42px;
    height: 42px;
    padding: 0;
    place-items: center;
    border: 1px solid rgba(15,23,42,.11);
    border-radius: 13px;
    background: rgb(var(--mp-flaeche-rgb));
    box-shadow: 0 7px 18px -12px rgba(15,23,42,.38);
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass, #view-mail).view.active.is-list-rail-collapsed .mp-workspace-rail-toggle > span {
    transform: rotate(180deg);
  }

  #view-kva.view.active .mp-workspace-list-master > .card-body,
  #view-rechnung.view.active .mp-workspace-list-master > .card-body,
  #view-mail.view.active .mp-workspace-list-master > .card-body,
  #view-projekte.view.active #projektGroupedList,
  #view-kunden.view.active #kundenCardList {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: auto !important;
    overscroll-behavior: contain;
  }

  #view-kva.view.active .kva-list-wrapper,
  #view-rechnung.view.active .rechnung-list-wrapper,
  #view-mail.view.active .mail-list-wrapper,
  #view-kva.view.active #kvaOffersGroupedList,
  #view-rechnung.view.active #rechnungGroupedList,
  #view-mail.view.active #mailGroupedList {
    max-height: none !important;
    overflow: visible !important;
  }

  #view-kunden.view.active .mp-workspace-list-master { padding: 82px 20px 20px !important; }
}

/* Smartphone: breite Finder-Karten, große Touchziele, kein Desktop-Gedränge. */
@media (max-width: 767px) {
  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-mail).view.active > .view-container > .view-box {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-inline: 10px !important;
    padding-bottom: 118px !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass, #view-mail).view.active .mp-workspace-list-master {
    position: relative !important;
    display: flex !important;
    max-height: none !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border-radius: 20px !important;
    background: rgb(var(--mp-flaeche-rgb)) !important;
    box-shadow: 0 1px 2px rgba(15,23,42,.05), 0 18px 42px -30px rgba(15,23,42,.42), inset 0 1px 0 #fff !important;
    transition: none !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass, #view-mail).view.active.is-list-rail-collapsed .mp-workspace-list-master {
    max-height: none !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass, #view-mail).view.active .mp-workspace-rail-toggle {
    position: absolute;
    z-index: 8;
    top: 13px;
    right: 13px;
    display: none !important;
    width: 42px;
    height: 42px;
    padding: 0;
    place-items: center;
    border: 1px solid rgba(15,23,42,.10);
    border-radius: 13px;
    background: rgb(var(--mp-flaeche-rgb));
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass, #view-mail).view.active.is-list-rail-collapsed .mp-workspace-rail-toggle > span {
    transform: rotate(180deg);
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view.active .mp-workspace-list-master > .card-header {
    min-height: 68px;
    padding: 14px 64px 12px 16px !important;
  }

  #view-kunden.view.active .mp-workspace-list-master { padding: 74px 14px 14px !important; }

  #view-kva.view.active .mp-workspace-list-master > .card-body,
  #view-rechnung.view.active .mp-workspace-list-master > .card-body,
  #view-mail.view.active .mp-workspace-list-master > .card-body,
  #view-projekte.view.active #projektGroupedList,
  #view-kunden.view.active #kundenCardList {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: auto !important;
    overscroll-behavior: contain;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-row {
    grid-template-columns: minmax(0, 1fr) 38px !important;
    grid-template-areas: "main more" "kpi kpi" !important;
    min-height: 92px !important;
    padding: 14px !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-main { grid-area: main; }
  :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-more {
    position: static !important;
    grid-area: more;
    justify-self: end;
    transform: none !important;
  }
  :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-kpi {
    grid-area: kpi;
    width: 100%;
    max-width: none;
    flex-direction: row !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    text-align: left !important;
  }
}

/* Iteration 2b · Marcel: Projektidentität und Bereichsnavigation gehören
   wieder in EINE gemeinsame, kompakte MalerPlus-Card. */
html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte.mp-pkarte.is-karte {
  overflow: visible !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  border-radius: 16px !important;
  background: rgba(var(--mp-flaeche-rgb), .97) !important;
  box-shadow: 0 10px 28px -24px rgba(15,23,42,.55) !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte .mp-pkarte-kopf {
  border: 0 !important;
  border-radius: 16px !important;
  background: transparent !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader[data-visible="1"] {
  padding: 12px 14px 10px !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte .mp-pkarte-reihe {
  padding: 0 14px !important;
  border: 0 !important;
  background: transparent !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte .mp-bs-group-nav {
  border-top: 1px solid rgba(15,23,42,.085) !important;
  border-bottom: 0 !important;
}

@media (max-width: 767px) {
  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte.mp-pkarte.is-karte {
    border-radius: 14px !important;
  }

  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader[data-visible="1"] {
    padding: 9px 11px 8px !important;
  }

  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte .mp-pkarte-reihe {
    padding: 0 10px !important;
  }
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader .mp-pw-ident {
  display: grid !important;
  min-width: 0 !important;
  align-content: center !important;
  gap: 3px !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader .mp-pw-sub {
  display: flex !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  overflow: hidden !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader .mp-pw-metrics {
  display: none !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader[data-visible="1"] {
  grid-template-columns: auto minmax(0,1fr) auto !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetCard.mp-bs-panel > .card-header {
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetCard.mp-bs-panel > .card-header > div:first-child {
  flex: 1 1 auto !important;
  text-align: left !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetCard.mp-bs-panel > .card-header > div:nth-child(2) {
  flex: 0 0 auto !important;
  margin-left: 0 !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetCard.mp-bs-panel .mp-bs-hours-link {
  flex: 0 0 auto !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .mp-bs-cost-stand .proj-radar-metric {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetMixHint {
  margin-top: 12px !important;
  padding: 10px 11px !important;
  border-radius: 9px !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetMixHintBody {
  display: -webkit-box !important;
  margin-top: 2px !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

/* Schlusskaskade: ältere modulbezogene Headerregeln dürfen den gemeinsamen
   Notizen-Standard nicht wieder auf 18px Radius oder eine andere Höhe setzen. */
html:not(#mpkk):not(#mpkk-2) body .view.active .view-header.mp-module-view-header:not(.mp-module-view-header-native) {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 22px !important;
  min-height: 120px !important;
  margin: 0 0 20px !important;
  padding: 22px 28px !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  border-radius: 24px !important;
  background: rgba(var(--mp-flaeche-rgb), .96) !important;
  box-shadow: 0 12px 34px -24px rgba(15,23,42,.3), inset 0 1px 0 rgba(255,255,255,.95) !important;
}

@media (min-width: 1200px) {
  html:not(#mpkk):not(#mpkk-2) body :is(#view-kva,#view-rechnung,#view-projekte,#view-kunden,#view-mail).view.active.is-list-rail-collapsed .view-header.mp-module-view-header {
    padding-left: 70px !important;
  }
}

@media (max-width: 767px) {
  html:not(#mpkk):not(#mpkk-2) body .view.active .view-header.mp-module-view-header:not(.mp-module-view-header-native) {
    min-height: 92px !important;
    padding: 16px 17px !important;
    border-radius: 20px !important;
    gap: 12px !important;
  }
}

/* MP-20260830-003 · FINALER LOKAL-ANKER
   Muss wirklich am Dateiende stehen: zwei historische Tablet-Regeln setzen
   das Aktionsmenue sonst wieder als 352-px-Drawer an den rechten Fensterrand. */
@media (min-width:681px) {
  html body .mp-record-sheet.is-local-anchor,
  html body:has(:is(#view-kva,#view-rechnung,#view-projekte,#view-kunden).view.active) .mp-record-sheet.is-local-anchor {
    position:fixed !important;
    left:var(--mp-record-sheet-left,12px) !important;
    top:var(--mp-record-sheet-top,12px) !important;
    right:auto !important;
    bottom:auto !important;
    box-sizing:border-box !important;
    width:var(--mp-record-sheet-width,372px) !important;
    max-width:calc(100vw - 24px) !important;
    max-height:var(--mp-record-sheet-max-height,calc(100dvh - 24px)) !important;
    padding:14px 13px !important;
    overflow:auto !important;
    border:1px solid rgba(15,23,42,.11) !important;
    border-radius:20px !important;
    background:rgb(var(--mp-flaeche-rgb)) !important;
    box-shadow:0 24px 64px -26px rgba(15,23,42,.48),inset 0 1px 0 #fff !important;
    transform:translateY(7px) scale(.985) !important;
    transform-origin:top left !important;
    opacity:0 !important;
    transition:transform 180ms cubic-bezier(.2,.8,.2,1),opacity 130ms ease !important;
  }

  html body .mp-record-sheet.is-local-anchor.is-open,
  html body:has(:is(#view-kva,#view-rechnung,#view-projekte,#view-kunden).view.active) .mp-record-sheet.is-local-anchor.is-open {
    transform:none !important;
    opacity:1 !important;
  }

  html body .mp-record-sheet.is-local-anchor .mp-record-sheet-handle { display:none !important; }
}

/* MP-20260830-003 FINALER AUSWAHL-HARDWALL
   Muss nach sämtlichen Desktop-/Tablet-/Mobile-Blöcken stehen: ältere
   Breakpoint-Regeln zeichneten sonst den 3-px-Seitenbalken erneut. */
html:not(#mpkk):not(#mpkk-2) body :is(#view-kva,#view-rechnung,#view-projekte,#view-aufmass,#view-mail).view .mp-workspace-list-master .mp-record-row.is-active {
  border: 0 !important;
  outline: 0 !important;
  background: linear-gradient(105deg,rgba(43,176,255,.14),rgba(43,176,255,.07)) !important;
  box-shadow: inset 0 0 0 1px rgba(43,176,255,.18) !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-briefe .mp-workspace-list-master .mp-list-search-row > svg {
  display: block !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
}

/* MP-20260830-003 · Geschäftsbrief ist der verbindliche Auswahlstandard.
   Angebote, Rechnungen und Baustellen bekommen denselben ruhigen Verlauf
   und dieselbe feine Kontur — ohne den alten blauen Seitenbalken. */
html:not(#mpkk):not(#mpkk-2) body :is(#view-kva,#view-rechnung,#view-projekte,#view-aufmass,#view-mail).view .mp-workspace-list-master .mp-record-row.is-active {
  border: 0 !important;
  border-radius: 11px !important;
  outline: 0 !important;
  background: linear-gradient(105deg,rgba(43,176,255,.14),rgba(43,176,255,.07)) !important;
  box-shadow: inset 0 0 0 1px rgba(43,176,255,.18) !important;
}

/* Die Briefliste nutzt ein direktes SVG statt des sonst verwendeten
   .mp-search-icon-Wrappers. Ohne feste Box nimmt es Browser-Standardmasse an
   und wird zur riesigen Lupe. */
html:not(#mpkk):not(#mpkk-2) body #view-briefe .mp-workspace-list-master .mp-list-search-row {
  display: flex !important;
  box-sizing: border-box !important;
  min-height: 50px !important;
  padding: 0 14px !important;
  align-items: center !important;
  gap: 10px !important;
  overflow: hidden !important;
  border: 1px solid rgba(15,23,42,.11) !important;
  border-radius: 13px !important;
  background: rgb(var(--mp-flaeche-rgb)) !important;
}
html:not(#mpkk):not(#mpkk-2) body #view-briefe .mp-workspace-list-master .mp-list-search-row > svg {
  display: block !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  color: #94a3b8 !important;
}
html:not(#mpkk):not(#mpkk-2) body #view-briefe .mp-workspace-list-master .mp-list-search-row > input {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* =====================================================================
   BRIEFE · IDENTISCHER RECORDLISTEN-STANDARD WIE RECHNUNGEN
   ===================================================================== */
#view-briefe {
  --mp-ws-rail-open:420px;
  --mp-ws-rail-closed:64px;
  --mp-ws-top:58px;
  --mp-ws-line:rgba(15,23,42,.10);
  --mp-ws-blue:#2bb0ff;
}
#view-briefe .mp-workspace-list-heading h2 { margin:0 !important; color:rgb(var(--mp-t1-172033)) !important; font-size:21px !important; font-weight:790 !important; letter-spacing:-.025em !important; }
#view-briefe .mp-workspace-list-heading p { margin:4px 0 0 !important; color:rgb(var(--mp-t3-718095)) !important; font-size:11.5px !important; line-height:1.35 !important; }
#view-briefe .mp-brief-workspace-card { padding:0 !important; overflow:hidden !important; }
#view-briefe .mp-brief-preview { min-width:0 !important; min-height:calc(100dvh - 240px) !important; border:0 !important; border-radius:inherit !important; background:rgba(var(--mp-flaeche-2-rgb), .72) !important; }
#view-briefe .mp-brief-preview-toolbar { min-height:66px !important; padding:10px 18px !important; background:rgba(var(--mp-flaeche-rgb), .96) !important; border-bottom:1px solid rgba(148,163,184,.22) !important; }
#view-briefe .mp-brief-toolbar { margin:10px 0 12px !important; padding:0 !important; border:0 !important; }
#view-briefe .mp-brief-toolbar .mp-row { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px !important; }
#view-briefe .mp-brief-toolbar .mp-field { min-width:0 !important; }
#view-briefe .mp-brief-toolbar .mp-label { color:rgb(var(--mp-t3-718095)) !important; font-size:10px !important; font-weight:720 !important; letter-spacing:.04em !important; text-transform:uppercase !important; }
#view-briefe .mp-brief-toolbar select { box-sizing:border-box !important; width:100% !important; min-height:40px !important; padding:0 34px 0 11px !important; border:1px solid rgba(15,23,42,.09) !important; border-radius:11px !important; background-color:rgb(var(--mp-flaeche-rgb)) !important; color:rgb(var(--mp-t2-253247)) !important; box-shadow:0 5px 16px -13px rgba(15,23,42,.36) !important; }
#view-briefe .mp-brief-list { display:block !important; max-height:none !important; padding:0 2px 120px !important; overflow:visible !important; }
#view-briefe .mp-workspace-list-master .mp-record-list--v2 { gap:12px !important; padding:0 !important; }
#view-briefe .mp-workspace-list-master .mp-record-month { overflow:hidden !important; border:0 !important; border-radius:15px !important; background:rgb(var(--mp-flaeche-rgb)) !important; box-shadow:0 0 0 1px rgba(15,23,42,.075),0 10px 24px -20px rgba(15,23,42,.32) !important; }
#view-briefe .mp-workspace-list-master .mp-record-month-summary { min-height:68px !important; padding:13px 46px 12px 14px !important; background:linear-gradient(180deg,rgb(var(--mp-flaeche-rgb)),rgb(var(--mp-f1-fbfcfe))) !important; }
#view-briefe .mp-workspace-list-master .mp-record-month-name { color:rgb(var(--mp-t1-172033)) !important; font-size:17px !important; font-weight:820 !important; }
#view-briefe .mp-workspace-list-master .mp-record-row { grid-template-columns:minmax(0,1fr) auto !important; gap:10px !important; min-height:78px !important; padding:12px 46px 12px 14px !important; border-top-color:rgba(15,23,42,.07) !important; background:rgb(var(--mp-flaeche-rgb)) !important; }
#view-briefe .mp-workspace-list-master .mp-record-row.is-active { background:linear-gradient(105deg,rgba(43,176,255,.14),rgba(43,176,255,.07)) !important; box-shadow:inset 0 0 0 1px rgba(43,176,255,.18) !important; }
#view-briefe .mp-workspace-list-master .mp-record-title { display:-webkit-box !important; overflow:hidden !important; color:rgb(var(--mp-t1-172033)) !important; font-size:14px !important; font-weight:760 !important; line-height:1.28 !important; white-space:normal !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:2 !important; }
#view-briefe .mp-workspace-list-master .mp-record-sub { flex-wrap:wrap !important; gap:5px !important; color:rgb(var(--mp-t3-64748b)) !important; font-size:12px !important; line-height:1.38 !important; white-space:normal !important; }
#view-briefe .mp-workspace-list-master .mp-record-more { display:grid !important; right:6px !important; width:38px !important; height:38px !important; place-items:center !important; opacity:.82 !important; }
#view-briefe .mp-workspace-list-master .mp-record-tray { display:none !important; }

@media (min-width:1200px) {
  body:has(#view-briefe.view.active) { padding-left:0 !important; }
  body:has(#view-briefe.view.active) #mpSideRail,
  body:has(#view-briefe.view.active) #mpRailOverlay { display:none !important; }
  #view-briefe.view.active { min-height:calc(100vh - var(--mp-ws-top)) !important; background:transparent !important; }
  #view-briefe.view.active > .view-container { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; }
  #view-briefe.view.active > .view-container > .view-box { box-sizing:border-box !important; width:calc(100% - var(--mp-ws-rail-open)) !important; max-width:none !important; margin:0 0 0 var(--mp-ws-rail-open) !important; padding:24px 24px 124px !important; transition:width 560ms cubic-bezier(.22,1,.36,1),margin-left 560ms cubic-bezier(.22,1,.36,1) !important; }
  #view-briefe.view.active > .view-container > .view-box.is-list-rail-collapsed { width:calc(100% - var(--mp-ws-rail-closed)) !important; margin-left:var(--mp-ws-rail-closed) !important; }
  html:not(#mpkk):not(#mpkk-2) body #view-briefe.view.active > .mp-workspace-list-master { position:fixed !important; /* z-index: siehe zentrale Z-Skala am Dateiende (MP-20260901-004 Nachbesserung 2) */ inset:var(--mp-ws-top) auto 0 0 !important; box-sizing:border-box !important; display:flex !important; width:var(--mp-ws-rail-open) !important; height:auto !important; max-height:none !important; margin:0 !important; padding:0 !important; flex-direction:column !important; overflow:hidden !important; border:1px solid var(--mp-ws-line) !important; border-left:0 !important; border-radius:0 28px 28px 0 !important; background:linear-gradient(105deg,rgba(var(--mp-flaeche-rgb), .99),rgba(var(--mp-flaeche-rgb), .97) 78%,rgba(var(--mp-f2-fafbfd), 0.98)) !important; box-shadow:8px 0 18px -10px rgba(15,23,42,.24),22px 0 52px -24px rgba(15,23,42,.38) !important; opacity:1 !important; pointer-events:auto !important; transform:translateX(0) !important; }
  html:not(#mpkk):not(#mpkk-2) body #view-briefe.view.active.is-list-rail-collapsed > .mp-workspace-list-master { transform:translateX(calc(-100% + 58px)) !important; }
  #view-briefe.view.active .mp-workspace-rail-toggle { position:absolute !important; z-index:8 !important; top:20px !important; right:16px !important; display:grid !important; width:42px !important; height:42px !important; padding:0 !important; place-items:center !important; border:1px solid rgba(15,23,42,.11) !important; border-radius:13px !important; background:rgb(var(--mp-flaeche-rgb)) !important; color:rgb(var(--mp-t2-253247)) !important; cursor:pointer !important; }
  #view-briefe.view.active.is-list-rail-collapsed .mp-workspace-rail-toggle > span { transform:rotate(180deg) !important; }
  #view-briefe.view.active .mp-workspace-list-master > .card-header { min-height:84px !important; padding:18px 74px 14px 22px !important; flex:0 0 auto !important; }
  #view-briefe.view.active .mp-workspace-list-master > .card-body { flex:1 1 auto !important; min-height:0 !important; padding:0 18px 24px !important; overflow:auto !important; overscroll-behavior:contain !important; }
}

@media (min-width:768px) and (max-width:1199px) {
  #view-briefe.view.active::before { content:""; position:fixed; z-index:64; inset:58px 0 0; background:rgba(15,23,42,.18); backdrop-filter:blur(2px); }
  #view-briefe.view.active.is-list-rail-collapsed::before { visibility:hidden; opacity:0; pointer-events:none; }
  #view-briefe.view.active > .view-container > .view-box { width:100% !important; max-width:none !important; padding-left:74px !important; }
  html:not(#mpkk):not(#mpkk-2) body #view-briefe.view.active > .mp-workspace-list-master { position:fixed !important; /* z-index: siehe zentrale Z-Skala am Dateiende (MP-20260901-004 Nachbesserung 2) */ inset:58px auto 0 0 !important; display:flex !important; width:min(520px,calc(100vw - 72px)) !important; margin:0 !important; padding:0 !important; flex-direction:column !important; overflow:hidden !important; border:1px solid rgba(15,23,42,.10) !important; border-left:0 !important; border-radius:0 26px 26px 0 !important; background:rgb(var(--mp-flaeche-rgb)) !important; opacity:1 !important; pointer-events:auto !important; transform:translateX(0) !important; }
  html:not(#mpkk):not(#mpkk-2) body #view-briefe.view.active.is-list-rail-collapsed > .mp-workspace-list-master { transform:translateX(calc(-100% + 58px)) !important; }
  #view-briefe.view.active .mp-workspace-rail-toggle { position:absolute !important; z-index:8 !important; top:18px !important; right:14px !important; display:grid !important; width:42px !important; height:42px !important; padding:0 !important; place-items:center !important; }
  #view-briefe.view.active .mp-workspace-list-master > .card-header { min-height:80px !important; padding:17px 70px 12px 20px !important; }
  #view-briefe.view.active .mp-workspace-list-master > .card-body { flex:1 1 auto !important; min-height:0 !important; padding:0 18px 24px !important; overflow:auto !important; }
}

@media (max-width:767px) {
  #view-briefe.view.active > .view-container > .view-box { width:100% !important; max-width:none !important; margin:0 !important; padding-inline:10px !important; padding-bottom:118px !important; }
  #view-briefe.view.active .mp-workspace-list-master > .card-header { min-height:72px !important; padding:15px 62px 12px 16px !important; }
  #view-briefe.view.active .mp-workspace-list-master > .card-body { flex:1 1 auto !important; min-height:0 !important; padding:0 14px 22px !important; overflow:auto !important; }
  #view-briefe .mp-workspace-list-master .mp-record-row { grid-template-columns:minmax(0,1fr) 38px !important; grid-template-areas:"main more" !important; min-height:84px !important; padding:13px !important; }
  #view-briefe .mp-workspace-list-master .mp-record-main { grid-area:main !important; }
  #view-briefe .mp-workspace-list-master .mp-record-more { position:static !important; grid-area:more !important; justify-self:end !important; transform:none !important; }
  #view-briefe .mp-brief-preview-toolbar { overflow-x:auto !important; flex-wrap:nowrap !important; scrollbar-width:none !important; }
  #view-briefe .mp-brief-preview-title,
  #view-briefe .mp-brief-preview-actions { flex:0 0 auto !important; }
}

/* FINAL · Baustellen-Projektkopf als eine kompakte Marken-Card. */
html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte.mp-pkarte.is-karte {
  overflow: visible !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  border-radius: 16px !important;
  background: rgba(var(--mp-flaeche-rgb), .97) !important;
  box-shadow: 0 10px 28px -24px rgba(15,23,42,.55) !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte .mp-pkarte-kopf {
  border: 0 !important;
  border-radius: 16px !important;
  background: transparent !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader[data-visible="1"] {
  min-height: 66px !important;
  padding: 11px 14px 10px !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte .mp-pkarte-reihe {
  width: 100% !important;
  padding: 0 14px !important;
  border: 0 !important;
  background: transparent !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte .mp-bs-group-nav {
  width: 100% !important;
  border-top: 1px solid rgba(15,23,42,.085) !important;
  border-bottom: 0 !important;
}

@media (min-width: 1200px) {
  html:not(#mpkk):not(#mpkk-2) body #view-projekte.view.active.is-list-rail-collapsed .view-header {
    padding-left: 58px !important;
  }
}

@media (max-width: 767px) {
  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte.mp-pkarte.is-karte {
    border-radius: 14px !important;
  }

  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader[data-visible="1"] {
    padding: 9px 11px 8px !important;
  }

  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte .mp-pkarte-reihe {
    padding: 0 10px !important;
  }
}

/* MP-20260829-008 · Baustellen Golden Screen, Iteration 2
   Native Workspace statt SaaS-Dashboard: Identität durch MalerPlus-Icons,
   Gruppierung primär durch Typografie, Rhythmus und feine Trennlinien. */
html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .view-header {
  min-height: 0 !important;
  margin: 0 0 8px !important;
  padding: 4px 2px 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .view-header h1 {
  font-size: clamp(25px, 2vw, 31px) !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .view-header p {
  margin-top: 2px !important;
  font-size: 12px !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #btnProjektNeu {
  min-height: 38px !important;
  padding: 0 13px !important;
  border-color: transparent !important;
  background: transparent !important;
  color: var(--bs-blue) !important;
  font-weight: 750 !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #btnProjektNeu:hover {
  background: rgba(17,143,211,.07) !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte.mp-pkarte.is-karte {
  overflow: visible !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte .mp-pkarte-kopf {
  border: 0 !important;
  border-bottom: 1px solid rgba(15,23,42,.11) !important;
  background: transparent !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader[data-visible="1"] {
  grid-template-columns: 34px minmax(0,1fr) auto !important;
  min-height: 62px !important;
  padding: 8px 2px 9px !important;
  gap: 10px !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader .mp-pw-ico {
  width: 34px !important;
  height: 34px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: rgba(17,143,211,.09) !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader .mp-pw-name {
  font-size: 17px !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader .mp-pw-sub {
  margin-top: 2px !important;
  font-size: 12px !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader .mp-pw-metrics,
html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader .mp-bs-project-actions,
html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader .mp-pw-wechsel {
  display: none !important;
}

#view-projekte.mp-baustellen-golden .mp-bs-project-menu {
  position: relative !important;
  z-index: 80 !important;
}

#view-projekte.mp-baustellen-golden .mp-bs-project-menu > summary {
  display: grid !important;
  width: 38px !important;
  height: 38px !important;
  padding: 0 !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: rgb(var(--mp-t3-617087)) !important;
  box-shadow: none !important;
  cursor: pointer !important;
  list-style: none !important;
  font-size: 17px !important;
  letter-spacing: 1px !important;
}

#view-projekte.mp-baustellen-golden .mp-bs-project-menu > summary::-webkit-details-marker { display: none !important; }
#view-projekte.mp-baustellen-golden .mp-bs-project-menu > summary:hover { background: rgba(15,23,42,.055) !important; }

#view-projekte.mp-baustellen-golden .mp-bs-project-menu-popover {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  right: 0 !important;
  display: grid !important;
  width: 210px !important;
  padding: 5px !important;
  border: 1px solid rgba(15,23,42,.11) !important;
  border-radius: 12px !important;
  background: rgb(var(--mp-flaeche-rgb)) !important;
  box-shadow: 0 14px 35px -22px rgba(15,23,42,.52) !important;
}

#view-projekte.mp-baustellen-golden .mp-bs-project-menu:not([open]) > .mp-bs-project-menu-popover {
  display: none !important;
}

#view-projekte.mp-baustellen-golden .mp-bs-project-menu-popover button {
  min-height: 40px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: var(--bs-ink) !important;
  box-shadow: none !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
  text-align: left !important;
}

#view-projekte.mp-baustellen-golden .mp-bs-project-menu-popover button:hover { background: rgb(var(--mp-f2-f3f6f9)) !important; }

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .mp-pkarte-reihe {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .mp-bs-group-nav {
  display: flex !important;
  min-height: 48px !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: clamp(12px,2.6vw,34px) !important;
  border-bottom: 1px solid rgba(15,23,42,.11) !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .mp-bs-nav-item,
html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .mp-bs-nav-item > summary {
  width: auto !important;
  min-height: 48px !important;
  padding: 0 4px !important;
  justify-content: flex-start !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgb(var(--mp-t3-617087)) !important;
  box-shadow: none !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .mp-bs-nav-item::after,
html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .mp-bs-nav-item > summary::after {
  content: "" !important;
  position: absolute !important;
  right: 3px !important;
  bottom: -1px !important;
  left: 3px !important;
  height: 2px !important;
  border-radius: 2px !important;
  background: transparent !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .mp-bs-nav-item:hover,
html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .mp-bs-nav-item:hover > summary {
  background: transparent !important;
  color: var(--bs-ink) !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .mp-bs-nav-item.is-active,
html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .mp-bs-nav-item.is-active > summary {
  background: transparent !important;
  color: var(--bs-ink) !important;
  box-shadow: none !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .mp-bs-nav-item.is-active::after,
html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .mp-bs-nav-item.is-active > summary::after {
  background: var(--bs-group-accent, var(--bs-blue)) !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .mp-bs-nav-icon {
  color: var(--bs-group-accent, var(--bs-blue)) !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projOverviewTop {
  gap: 16px !important;
  margin-top: 16px !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .mp-bs-panel {
  border: 1px solid rgba(15,23,42,.10) !important;
  border-radius: 12px !important;
  background: rgba(var(--mp-flaeche-rgb), .96) !important;
  box-shadow: 0 2px 10px -8px rgba(15,23,42,.36) !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .mp-bs-panel-head,
html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetCard.mp-bs-panel > .card-header {
  min-height: 52px !important;
  padding: 10px 14px !important;
  border-bottom: 1px solid rgba(15,23,42,.08) !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .mp-bs-panel-head h2,
html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetCard.mp-bs-panel > .card-header h2 {
  font-size: 15.5px !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid {
  grid-template-columns: minmax(0,1.25fr) repeat(3,minmax(0,1fr)) !important;
  padding: 13px 14px !important;
  align-items: start !important;
  background: transparent !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid .mp-kpi-tile,
html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid .mp-kpi-tile[data-kpi="gewinn"] {
  grid-column: auto !important;
  min-height: 68px !important;
  padding: 4px 14px !important;
  border: 0 !important;
  border-right: 1px solid rgba(15,23,42,.09) !important;
  background: transparent !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid .mp-kpi-tile:first-child { padding-left: 2px !important; }
html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid .mp-kpi-tile:last-child { border-right: 0 !important; }

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid [data-kpi="gewinn"] .mp-kpi-value {
  font-size: clamp(24px,2.2vw,31px) !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .mp-bs-cost-stand {
  min-height: 56px !important;
  padding: 10px 14px !important;
  border-top: 1px solid rgba(15,23,42,.08) !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetCard .card-body {
  padding: 13px 14px !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetCard .proj-budget-statgrid {
  margin: 12px 0 0 !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(15,23,42,.09) !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetCard .proj-budget-statgrid .mp-kpi-tile {
  min-height: 62px !important;
  padding: 3px 12px !important;
  border: 0 !important;
  border-right: 1px solid rgba(15,23,42,.09) !important;
  background: transparent !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetCard .proj-budget-statgrid .mp-kpi-tile:first-child { padding-left: 0 !important; }
html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetCard .proj-budget-statgrid .mp-kpi-tile:last-child { border-right: 0 !important; }

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetMixHint[data-bs-compact="1"] {
  position: relative !important;
  min-height: 34px !important;
  margin: 10px 0 0 !important;
  padding: 8px 34px 8px 10px !important;
  align-items: center !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: rgba(187,116,19,.075) !important;
  color: #965b0d !important;
  cursor: pointer !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetMixHint[data-bs-compact="1"]::after {
  content: "›" !important;
  position: absolute !important;
  top: 50% !important;
  right: 12px !important;
  font-size: 18px !important;
  transform: translateY(-50%) rotate(90deg) !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetMixHint[data-bs-compact="1"] > span { font-size: 13px !important; }
html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetMixHint[data-bs-compact="1"] strong { color: #965b0d !important; }
html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetMixHint[data-bs-compact="1"] #projBudgetMixHintBody { display: none !important; }
html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetMixHint[data-bs-compact="1"].is-expanded { align-items: flex-start !important; }
html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetMixHint[data-bs-compact="1"].is-expanded::after { transform: translateY(-50%) rotate(-90deg) !important; }
html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetMixHint[data-bs-compact="1"].is-expanded #projBudgetMixHintBody {
  display: block !important;
  margin-top: 3px !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
}

@media (min-width: 1200px) {
  html:not(#mpkk):not(#mpkk-2) body #view-projekte.view.active.is-list-rail-collapsed > .view-container > .view-box,
  html:not(#mpkk):not(#mpkk-2) body #view-projekte.view.active > .view-container > .view-box.is-list-rail-collapsed {
    width: 100% !important;
    margin-left: 0 !important;
  }

  html:not(#mpkk):not(#mpkk-2) body #view-projekte.view.active.is-list-rail-collapsed .mp-workspace-list-master {
    overflow: visible !important;
    transform: translateX(-100%) !important;
    box-shadow: none !important;
  }

  html:not(#mpkk):not(#mpkk-2) body #view-projekte.view.active.is-list-rail-collapsed .mp-workspace-rail-toggle {
    position: absolute !important;
    top: 16px !important;
    right: -54px !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 12px !important;
    background: rgba(var(--mp-flaeche-rgb), .94) !important;
    box-shadow: 0 5px 18px -10px rgba(15,23,42,.45) !important;
  }
}

@media (max-width: 1199px) {
  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .view-header { padding-inline: 0 !important; }
  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .mp-bs-group-nav { overflow-x: auto !important; scrollbar-width: none !important; }
  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .mp-bs-group-nav::-webkit-scrollbar { display: none !important; }
}

@media (max-width: 767px) {
  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .view-header {
    margin-bottom: 4px !important;
    padding: 2px 0 8px !important;
  }

  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .view-header p { display: none !important; }

  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader[data-visible="1"] {
    grid-template-columns: 32px minmax(0,1fr) 38px !important;
    padding: 7px 0 8px !important;
  }

  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .mp-bs-group-nav {
    gap: 17px !important;
    min-height: 52px !important;
  }

  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .mp-bs-nav-item,
  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .mp-bs-nav-item > summary {
    min-width: 62px !important;
    min-height: 52px !important;
    padding: 5px 2px !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 3px !important;
    font-size: 10px !important;
  }

  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projOverviewTop { margin-top: 10px !important; }

  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    padding: 10px 12px !important;
  }

  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid .mp-kpi-tile,
  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid .mp-kpi-tile[data-kpi="gewinn"] {
    min-height: 58px !important;
    padding: 5px 10px !important;
  }

  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid .mp-kpi-tile:nth-child(2n) { border-right: 0 !important; }

  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetCard .proj-budget-statgrid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  #view-projekte.mp-baustellen-golden .mp-bs-project-menu-popover {
    position: fixed !important;
    z-index: 2300 !important;
    top: auto !important;
    right: 12px !important;
    bottom: calc(82px + env(safe-area-inset-bottom,0px)) !important;
    left: 12px !important;
    width: auto !important;
  }
}

@media (max-width: 767px) {
  html:not(#mpkk):not(#mpkk-2) body :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 38px !important;
    grid-template-areas: "main more" "kpi kpi" !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 92px !important;
    margin: 2px 0 !important;
    padding: 14px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: rgb(var(--mp-flaeche-rgb)) !important;
    box-shadow: 0 1px 2px rgba(15,23,42,.03), 0 6px 16px rgba(15,23,42,.04) !important;
  }

  html:not(#mpkk):not(#mpkk-2) body :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-row.is-active {
    background: rgba(43,176,255,.11) !important;
    box-shadow: inset 3px 0 0 #168bd2 !important;
  }

  html:not(#mpkk):not(#mpkk-2) body :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-main {
    grid-area: main !important;
  }

  html:not(#mpkk):not(#mpkk-2) body :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-more {
    position: static !important;
    grid-area: more !important;
    justify-self: end !important;
    transform: none !important;
  }

  html:not(#mpkk):not(#mpkk-2) body :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-kpi {
    grid-area: kpi !important;
    width: 100% !important;
    max-width: none !important;
    flex-direction: row !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    text-align: left !important;
  }
}

/* Verbindliches solides 3D-Kartensystem für die übrigen Arbeitsmodule. */
:is(
  #view-dashboard, #view-baustellenplanung, #view-workerstatus, #view-worker-activity,
  #view-profit-dashboard, #view-leads, #view-lead-workspace, #view-dateien,
  #view-briefe, #view-leistungen, #view-material, #view-notizen,
  #view-meine-stunden, #view-stundenuebersicht, #view-baustellenchat,
  #view-worker-fotos, #view-academy, #view-settings
).view .card {
  border: 1px solid rgba(255,255,255,.82) !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg, rgb(var(--mp-flaeche-rgb)) 0%, rgb(var(--mp-flaeche-rgb)) 58%, rgb(var(--mp-flaeche-2-rgb)) 100%) !important;
  background-color: rgb(var(--mp-flaeche-rgb)) !important;
  box-shadow:
    0 1px 2px rgba(15,23,42,.055),
    0 12px 30px -20px rgba(15,23,42,.28),
    0 30px 68px -44px rgba(15,23,42,.34),
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(15,23,42,.045) !important;
}

@media (max-width: 767px) {
  :is(
    #view-dashboard, #view-baustellenplanung, #view-workerstatus, #view-worker-activity,
    #view-profit-dashboard, #view-leads, #view-lead-workspace, #view-dateien,
    #view-briefe, #view-leistungen, #view-material, #view-notizen,
    #view-meine-stunden, #view-stundenuebersicht, #view-baustellenchat,
    #view-worker-fotos, #view-academy, #view-settings
  ).view > .view-container {
    width: 100% !important;
    max-width: none !important;
    padding-inline: 10px !important;
    padding-bottom: 116px !important;
  }

  :is(
    #view-dashboard, #view-baustellenplanung, #view-workerstatus, #view-worker-activity,
    #view-profit-dashboard, #view-leads, #view-lead-workspace, #view-dateien,
    #view-briefe, #view-leistungen, #view-material, #view-notizen,
    #view-meine-stunden, #view-stundenuebersicht, #view-baustellenchat,
    #view-worker-fotos, #view-academy, #view-settings
  ).view .card {
    min-width: 0 !important;
    border-radius: 17px !important;
    box-shadow: 0 1px 2px rgba(15,23,42,.05), 0 18px 42px -32px rgba(15,23,42,.38), inset 0 1px 0 #fff !important;
  }

  :is(
    #view-dashboard, #view-baustellenplanung, #view-workerstatus, #view-worker-activity,
    #view-profit-dashboard, #view-leads, #view-lead-workspace, #view-dateien,
    #view-briefe, #view-leistungen, #view-material, #view-notizen,
    #view-meine-stunden, #view-stundenuebersicht, #view-baustellenchat,
    #view-worker-fotos, #view-academy, #view-settings
  ).view :is(.form-grid, .grid-2, .grid-3) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  :is(
    #view-dashboard, #view-baustellenplanung, #view-workerstatus, #view-worker-activity,
    #view-profit-dashboard, #view-leads, #view-lead-workspace, #view-dateien,
    #view-briefe, #view-leistungen, #view-material, #view-notizen,
    #view-meine-stunden, #view-stundenuebersicht, #view-baustellenchat,
    #view-worker-fotos, #view-academy, #view-settings
  ).view :is(input, select, textarea, button) {
    max-width: 100%;
  }

  :is(
    #view-dashboard, #view-baustellenplanung, #view-workerstatus, #view-worker-activity,
    #view-profit-dashboard, #view-leads, #view-lead-workspace, #view-dateien,
    #view-briefe, #view-leistungen, #view-material, #view-notizen,
    #view-meine-stunden, #view-stundenuebersicht, #view-baustellenchat,
    #view-worker-fotos, #view-academy, #view-settings
  ).view :is(.table-wrap, .table-responsive) {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* Auf 12,9\"-Tablets im Querformat bleibt mehr Platz für den Arbeitsbereich. */
@media (min-width: 1200px) and (max-width: 1439px) {
  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden) {
    --mp-ws-rail-open: 344px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass, #view-mail) .mp-workspace-list-master,
  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-mail) .view-box,
  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass, #view-mail) .mp-workspace-rail-toggle > span {
    transition-duration: .01ms !important;
  }
}

/* MP-20260829 · Golden-Screen-Rollout: Tiefensystem und identische Listen. */
@media (min-width: 1200px) {
  #view-kva.view.active .kva-editor > .card,
  #view-mail.view.active > .view-container > .view-box > .card:not(.mp-workspace-list-master),
  #view-rechnung.view.active > .view-container > .view-box > .card:not(.mp-workspace-list-master),
  #view-rechnung.view.active .rg-editor-card,
  #view-rechnung.view.active .mp-comm-card,
  #view-projekte.view.active #projektDetailWrapper > .card:not(.mp-workspace-list-master),
  #view-kunden.view.active .kunden-stamm-section {
    border: 1px solid rgba(255,255,255,.78) !important;
    border-radius: 20px !important;
    background: linear-gradient(145deg, rgba(var(--mp-flaeche-rgb), .97), rgba(var(--mp-f2-f9fafc), 0.93)) !important;
    box-shadow: 0 1px 2px rgba(15,23,42,.055), 0 10px 28px -18px rgba(15,23,42,.24), 0 28px 64px -38px rgba(15,23,42,.30), inset 0 1px 0 rgba(255,255,255,.94), inset 0 -1px 0 rgba(15,23,42,.045) !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass, #view-mail) .mp-workspace-list-heading h2 {
    margin: 0 !important;
    color: rgb(var(--mp-t1-172033)) !important;
    font-size: 21px !important;
    font-weight: 790 !important;
    letter-spacing: -.025em !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass, #view-mail) .mp-workspace-list-heading p {
    margin: 4px 0 0 !important;
    color: rgb(var(--mp-t3-718095)) !important;
    font-size: 11.5px !important;
    font-weight: 540 !important;
    line-height: 1.35 !important;
  }

  #view-kunden.view.active .mp-workspace-list-master > .mp-workspace-list-heading {
    flex: 0 0 auto;
    margin: -62px 52px 24px 0;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view.active .mp-workspace-list-master .mp-record-tray {
    display: none !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view.active .mp-workspace-list-master .mp-record-more {
    display: grid !important;
    right: 6px !important;
    width: 34px !important;
    height: 34px !important;
    place-items: center !important;
    opacity: .82 !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view.active .mp-workspace-list-master .mp-record-row {
    padding-right: 42px !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view.active .mp-record-month-summary {
    position: relative !important;
    padding-right: 46px !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view.active .mp-record-month-summary::-webkit-details-marker,
  :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view.active .mp-record-month-head::after {
    display: none !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view.active .mp-record-month-summary::before {
    content: "\203A" !important;
    position: absolute !important;
    top: 50% !important;
    right: 8px !important;
    display: grid !important;
    width: 28px !important;
    height: 28px !important;
    margin-top: -14px !important;
    place-items: center !important;
    border-radius: 999px !important;
    background: rgba(100,116,139,.07) !important;
    color: rgb(var(--mp-t3-64748b)) !important;
    box-shadow: inset 0 0 0 1px rgba(100,116,139,.13) !important;
    font: 500 21px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    transform: rotate(0deg);
    transition: transform 360ms cubic-bezier(.16,1,.3,1) !important;
    pointer-events: none;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view.active .mp-record-month[open] > .mp-record-month-summary::before {
    transform: rotate(90deg);
  }

  /* Auch hier fährt das vollständige Fenster; es wird nicht inhaltlich gestaucht. */
  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass).view.active.is-list-rail-collapsed .mp-workspace-list-master {
    width: var(--mp-ws-rail-open) !important;
    transform: translateX(calc(-100% + 58px)) !important;
    box-shadow: 7px 0 22px -17px rgba(15,23,42,.38) !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass).view.active.is-list-rail-collapsed .mp-workspace-list-master > :not(.mp-workspace-rail-toggle) {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass).view.active.is-list-rail-collapsed .mp-workspace-rail-toggle {
    right: 8px !important;
  }
}

/* Die freigegebene Aufmaßliste ist die Referenz für alle Datensatzzeilen.
   Die stärkere Kaskade neutralisiert alte Modulregeln aus KVA/Rechnung/Projekt. */
@media (min-width: 768px) {
  html:not(#mpkk):not(#mpkk-2) body :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass).view .mp-workspace-list-master > :not(.mp-workspace-rail-toggle) {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transition: opacity 180ms ease, visibility 0s linear 0s !important;
  }

  html:not(#mpkk):not(#mpkk-2) body :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass).view.is-list-rail-collapsed .mp-workspace-list-master > :not(.mp-workspace-rail-toggle) {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 120ms ease, visibility 0s linear 120ms !important;
  }

  html:not(#mpkk):not(#mpkk-2) body :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-month {
    overflow: hidden !important;
    margin: 0 0 8px !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html:not(#mpkk):not(#mpkk-2) body :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-month-summary {
    min-height: 46px !important;
    padding: 7px 48px 7px 4px !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html:not(#mpkk):not(#mpkk-2) body :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-month-body {
    gap: 4px !important;
    padding: 0 !important;
  }

  html:not(#mpkk):not(#mpkk-2) body :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(88px, auto) !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 66px !important;
    margin: 2px 0 !important;
    padding: 9px 42px 9px 11px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html:not(#mpkk):not(#mpkk-2) body :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-row.is-active {
    border: 0 !important;
    background: rgba(43,176,255,.11) !important;
    box-shadow: inset 3px 0 0 #168bd2 !important;
  }

  html:not(#mpkk):not(#mpkk-2) body :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-title {
    color: rgb(var(--mp-t1-1d1d1f)) !important;
    font-size: 13px !important;
    font-weight: 720 !important;
    line-height: 1.25 !important;
  }

  html:not(#mpkk):not(#mpkk-2) body :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-sub {
    color: rgb(var(--mp-t3-6e6e73)) !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
  }

  html:not(#mpkk):not(#mpkk-2) body :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-kpi-main {
    color: rgb(var(--mp-t1-0c1526)) !important;
    font-size: 13px !important;
    font-weight: 720 !important;
    line-height: 1.2 !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  :is(#view-kva, #view-rechnung, #view-projekte, #view-kunden).view.active .view-footer-actions {
    justify-content: flex-start !important;
    scroll-padding-inline: 12px;
  }
}

/* Mobile Statusauswahl: keine abgeschnittene Horizontalleiste, sondern ein
   ruhiger, vollstaendig lesbarer Selector mit Apple-artigem Aufklappmenue. */
@media (max-width: 767px) {
  :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filters-host {
    min-height: 52px !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filters {
    display: none !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-menu {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-menu-trigger {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto 18px !important;
    gap: 9px !important;
    width: 100% !important;
    min-height: 50px !important;
    padding: 6px 14px !important;
    align-items: center !important;
    list-style: none !important;
    cursor: pointer !important;
    border: 1px solid rgba(15,23,42,.09) !important;
    border-radius: 15px !important;
    background: linear-gradient(145deg, rgb(var(--mp-flaeche-rgb)) 0%, rgb(var(--mp-flaeche-rgb)) 58%, rgb(var(--mp-f2-f5f7fa)) 100%) !important;
    color: rgb(var(--mp-t1-172033)) !important;
    box-shadow: 0 1px 2px rgba(15,23,42,.045), 0 12px 28px -20px rgba(15,23,42,.34), inset 0 1px 0 #fff !important;
    -webkit-tap-highlight-color: transparent;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-menu-text {
    display: grid !important;
    min-width: 0 !important;
    gap: 1px !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-menu-trigger::-webkit-details-marker {
    display: none !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-menu-kicker {
    color: rgb(var(--mp-t3-718095)) !important;
    font-size: 11px !important;
    font-weight: 690 !important;
    letter-spacing: .02em !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-menu-value {
    min-width: 0 !important;
    overflow: hidden !important;
    color: rgb(var(--mp-t1-172033)) !important;
    font-size: 14px !important;
    font-weight: 760 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  /* Rechnungen haben zwei Filterdimensionen. Beide Selector sitzen in
     EINER Zeile, statt zwei breite Baender untereinander zu stapeln. */
  #view-rechnung .mp-workspace-list-master .rechnung-list-wrapper {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  #view-rechnung .mp-workspace-list-master .rechnung-list-wrapper > .mp-list-search-row {
    grid-column: 1 / -1 !important;
  }

  #view-rechnung .mp-workspace-list-master .rechnung-list-wrapper > .mp-record-filters-host {
    width: auto !important;
    margin-top: 0 !important;
  }

  #view-rechnung .mp-workspace-list-master .mp-record-filter-menu-trigger {
    gap: 6px !important;
    padding-inline: 10px !important;
  }

  #view-rechnung .mp-workspace-list-master .mp-record-filter-menu-trigger .mp-record-filter-count {
    min-width: 24px !important;
    height: 24px !important;
    padding-inline: 6px !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-menu-trigger .mp-record-filter-count {
    display: grid !important;
    min-width: 27px !important;
    height: 27px !important;
    padding: 0 7px !important;
    place-items: center !important;
    border-radius: 999px !important;
    background: rgba(43,176,255,.12) !important;
    color: #087fc3 !important;
    font-size: 12px !important;
    font-weight: 760 !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-menu-chevron {
    width: 9px !important;
    height: 9px !important;
    border-right: 2px solid #718095 !important;
    border-bottom: 2px solid #718095 !important;
    transform: rotate(45deg) translateY(-2px) !important;
    transition: transform 260ms cubic-bezier(.16,1,.3,1) !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-menu[open] .mp-record-filter-menu-chevron {
    transform: rotate(225deg) translate(-2px, -2px) !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-menu-options {
    display: grid !important;
    gap: 4px !important;
    margin-top: 7px !important;
    padding: 6px !important;
    border: 1px solid rgba(15,23,42,.085) !important;
    border-radius: 16px !important;
    background: rgba(var(--mp-flaeche-rgb), .96) !important;
    box-shadow: 0 18px 42px -24px rgba(15,23,42,.42), inset 0 1px 0 rgba(255,255,255,.96) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.25) !important;
    backdrop-filter: blur(20px) saturate(1.25) !important;
    animation: mpRecordFilterMenuIn 260ms cubic-bezier(.16,1,.3,1) both;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-menu-options .mp-record-filter-pill {
    box-sizing: border-box !important;
    display: flex !important;
    width: 100% !important;
    min-height: 46px !important;
    padding: 0 13px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: transparent !important;
    color: rgb(var(--mp-t2-39475b)) !important;
    font-size: 13px !important;
    font-weight: 690 !important;
    text-align: left !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-menu-options .mp-record-filter-count {
    margin-left: auto !important;
  }

  :is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-menu-options .mp-record-filter-pill.is-active {
    background: #2bb0ff !important;
    color: #fff !important;
    box-shadow: 0 8px 18px -12px rgba(43,176,255,.85) !important;
  }
}

@keyframes mpRecordFilterMenuIn {
  from { opacity: 0; transform: translateY(-7px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

/* Die alten Randfaehnchen werden in den neuen Arbeitsbereichen als
   kompaktes Glas-Pod rechts integriert. Logik und Zaehler bleiben erhalten. */
@media (min-width: 768px) {
  body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden).view.active) #mpSideRail {
    box-sizing: border-box !important;
    display: flex !important;
    left: auto !important;
    right: 12px !important;
    top: 50% !important;
    width: 62px !important;
    padding: 8px !important;
    gap: 6px !important;
    align-items: center !important;
    border: 1px solid rgba(255,255,255,.76) !important;
    border-radius: 22px !important;
    background: rgba(var(--mp-flaeche-rgb), .74) !important;
    box-shadow: 0 1px 2px rgba(15,23,42,.05), 0 18px 46px -24px rgba(15,23,42,.42), inset 0 1px 0 rgba(255,255,255,.94) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.35) !important;
    backdrop-filter: blur(24px) saturate(1.35) !important;
    transform: translateY(-50%) !important;
  }

  body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden).view.active) #mpSideRail .mp-rail-tab {
    box-sizing: border-box !important;
    display: grid !important;
    width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;
    place-items: center !important;
    border: 1px solid rgba(15,23,42,.06) !important;
    border-radius: 14px !important;
    background: rgba(var(--mp-flaeche-rgb), .84) !important;
    color: #168bd2 !important;
    box-shadow: 0 7px 17px -13px rgba(15,23,42,.42), inset 0 1px 0 rgba(255,255,255,.96) !important;
    writing-mode: horizontal-tb !important;
    transition: transform 220ms cubic-bezier(.16,1,.3,1), background 180ms ease !important;
  }

  body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden).view.active) #mpSideRail .mp-rail-tab:hover {
    padding: 0 !important;
    background: rgb(var(--mp-flaeche-rgb)) !important;
    transform: translateX(-3px) scale(1.045) !important;
  }

  body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden).view.active) #mpSideRail .mrt-label {
    display: none !important;
  }

  body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden).view.active) #mpSideRail .mrt-ico,
  body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden).view.active) #mpSideRail .mrt-ico svg {
    width: 20px !important;
    height: 20px !important;
  }

  body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden).view.active) #mpSideRail .mrt-badge {
    top: -5px !important;
    right: -5px !important;
    border: 2px solid rgba(255,255,255,.96) !important;
  }

}

@media (max-width: 767px) {
  /* MP-20260831-002: nicht mehr ausblenden; mobile Owner brauchen die
     globale Schnellleiste auch in Datensatzmodulen. */
}

/* ================================================================
   Finder 16: Ein kompakter Filterknopf, ein echtes Popover und die
   Sortierung im selben Fenster. Keine dauernd sichtbaren Pill-Baender.
   ================================================================ */
:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filters-host {
  position: relative !important;
  z-index: 72 !important;
  width: 100% !important;
  min-height: 42px !important;
  flex: 0 0 42px !important;
  margin: 8px 0 0 !important;
  overflow: visible !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filters {
  display: none !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-menu {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-menu-trigger {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) auto 14px !important;
  gap: 8px !important;
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 12px !important;
  align-items: center !important;
  list-style: none !important;
  cursor: pointer !important;
  border: 1px solid rgba(15,23,42,.09) !important;
  border-radius: 13px !important;
  background: linear-gradient(145deg, rgb(var(--mp-flaeche-rgb)) 0%, rgb(var(--mp-flaeche-rgb)) 58%, rgb(var(--mp-f2-f5f7fa)) 100%) !important;
  color: rgb(var(--mp-t1-172033)) !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.04), 0 9px 22px -19px rgba(15,23,42,.42), inset 0 1px 0 #fff !important;
  -webkit-tap-highlight-color: transparent;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-menu-trigger::-webkit-details-marker {
  display: none !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-menu-icon,
:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-menu-icon svg {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  color: #168bd2 !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-menu-text {
  display: flex !important;
  min-width: 0 !important;
  align-items: baseline !important;
  gap: 5px !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-menu-kicker {
  color: rgb(var(--mp-t3-718095)) !important;
  font-size: 11.5px !important;
  font-weight: 680 !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-menu-value {
  min-width: 0 !important;
  overflow: hidden !important;
  color: rgb(var(--mp-t1-172033)) !important;
  font-size: 13px !important;
  font-weight: 760 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-menu-trigger > .mp-record-filter-count {
  display: grid !important;
  min-width: 22px !important;
  height: 22px !important;
  padding: 0 6px !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: rgba(43,176,255,.12) !important;
  color: #087fc3 !important;
  font-size: 11px !important;
  font-weight: 780 !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-menu-chevron {
  width: 8px !important;
  height: 8px !important;
  border-right: 2px solid #718095 !important;
  border-bottom: 2px solid #718095 !important;
  transform: rotate(45deg) translateY(-2px) !important;
  transition: transform 260ms cubic-bezier(.16,1,.3,1) !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-menu[open] .mp-record-filter-menu-chevron {
  transform: rotate(225deg) translate(-2px, -2px) !important;
}

/* Der entscheidende Riegel: geschlossene Details duerfen ihren Inhalt nicht
   durch eine staerkere display:grid-Regel hindurch anzeigen. */
:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-menu:not([open]) > .mp-record-filter-menu-options {
  display: none !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-menu[open] > .mp-record-filter-menu-options {
  position: absolute !important;
  z-index: 90 !important;
  top: calc(100% + 7px) !important;
  left: 0 !important;
  box-sizing: border-box !important;
  display: grid !important;
  width: min(320px, calc(100vw - 32px)) !important;
  max-height: min(470px, calc(100dvh - 170px)) !important;
  gap: 3px !important;
  padding: 7px !important;
  overflow: auto !important;
  border: 1px solid rgba(15,23,42,.09) !important;
  border-radius: 17px !important;
  background: rgba(var(--mp-flaeche-rgb), .97) !important;
  box-shadow: 0 24px 60px -30px rgba(15,23,42,.48), 0 8px 22px -18px rgba(15,23,42,.30), inset 0 1px 0 #fff !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.3) !important;
  backdrop-filter: blur(24px) saturate(1.3) !important;
  animation: mpRecordFilterMenuIn 260ms cubic-bezier(.16,1,.3,1) both;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-menu.is-drop-up[open] > .mp-record-filter-menu-options {
  top: auto !important;
  bottom: calc(100% + 7px) !important;
  transform-origin: bottom center !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-menu-options .mp-record-filter-pill {
  box-sizing: border-box !important;
  display: flex !important;
  width: 100% !important;
  min-height: 42px !important;
  padding: 0 12px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: transparent !important;
  color: rgb(var(--mp-t2-39475b)) !important;
  font-size: 13px !important;
  font-weight: 690 !important;
  text-align: left !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-menu-options .mp-record-filter-count {
  margin-left: auto !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-menu-options .mp-record-filter-pill.is-active {
  background: rgba(43,176,255,.13) !important;
  color: #087fc3 !important;
  box-shadow: inset 0 0 0 1px rgba(43,176,255,.16) !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-sort-label {
  margin: 5px 4px 1px !important;
  padding-top: 9px !important;
  border-top: 1px solid rgba(15,23,42,.07) !important;
  color: rgb(var(--mp-t3-718095)) !important;
  font-size: 10.5px !important;
  font-weight: 760 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-menu-options .mp-record-sort {
  width: 100% !important;
  min-height: 42px !important;
  padding: 0 7px !important;
  border-radius: 11px !important;
  background: rgb(var(--mp-f2-f7f9fc)) !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-filter-menu-options .mp-record-sort::before {
  display: none !important;
}

:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mp-record-toolbar.is-controls-relocated,
:is(#view-kva, #view-rechnung, #view-projekte, #view-aufmass, #view-mail).view .mp-workspace-list-master .mrp-bar {
  display: none !important;
}

#view-rechnung .mp-workspace-list-master .rechnung-list-wrapper {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 8px !important;
  overflow: visible !important;
}

#view-rechnung .mp-workspace-list-master .rechnung-list-wrapper > .mp-list-search-row {
  grid-column: 1 / -1 !important;
}

#view-rechnung .mp-workspace-list-master .rechnung-list-wrapper > .mp-record-filters-host {
  width: auto !important;
  margin-top: 0 !important;
}

#view-rechnung .mp-workspace-list-master .rechnung-list-wrapper > .mp-record-filters-host:last-child .mp-record-filter-menu-options {
  right: 0 !important;
  left: auto !important;
}

/* ================================================================
   Globale rechte Werkzeugleiste: Glas-Pod statt Randfaehnchen. Die
   vorhandenen Daten, Badges und Rollenregeln bleiben unangetastet.
   ================================================================ */
@media (min-width: 768px) {
  html body #mpSideRail {
    box-sizing: border-box !important;
    display: flex !important;
    left: auto !important;
    right: 12px !important;
    top: 50% !important;
    width: 62px !important;
    padding: 8px !important;
    flex-direction: column !important;
    gap: 6px !important;
    align-items: center !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    border-radius: 23px !important;
    background: rgba(var(--mp-flaeche-rgb), .76) !important;
    box-shadow: 0 1px 2px rgba(15,23,42,.05), 0 20px 54px -25px rgba(15,23,42,.46), inset 0 1px 0 rgba(255,255,255,.96) !important;
    -webkit-backdrop-filter: blur(26px) saturate(1.38) !important;
    backdrop-filter: blur(26px) saturate(1.38) !important;
    transform: translateY(-50%) !important;
    transition: transform 460ms cubic-bezier(.16,1,.3,1), opacity 220ms ease !important;
  }

  html body.mp-rail-collapsed #mpSideRail {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(-50%) translateX(calc(100% + 28px)) !important;
  }

  html body #mpSideRail .mp-rail-tab {
    box-sizing: border-box !important;
    display: grid !important;
    width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;
    place-items: center !important;
    border: 1px solid rgba(15,23,42,.065) !important;
    border-radius: 14px !important;
    background: rgba(var(--mp-flaeche-rgb), .88) !important;
    color: #168bd2 !important;
    box-shadow: 0 7px 17px -13px rgba(15,23,42,.44), inset 0 1px 0 #fff !important;
    writing-mode: horizontal-tb !important;
    transition: transform 220ms cubic-bezier(.16,1,.3,1), background 180ms ease, color 180ms ease !important;
  }

  html body #mpSideRail .mp-rail-tab:hover {
    padding: 0 !important;
    transform: translateX(-3px) scale(1.045) !important;
  }

  html body #mpSideRail .mp-rail-tab[data-tab="projekte"] { color: #16a34a !important; background: rgba(var(--mp-f2-f0fdf4), 0.94) !important; }
  html body #mpSideRail .mp-rail-tab[data-tab="termine"] { color: #2563eb !important; background: rgba(var(--mp-f2-eff6ff), 0.95) !important; }
  html body #mpSideRail .mp-rail-tab[data-tab="stunden"] { color: #0d9488 !important; background: rgba(var(--mp-f2-f0fdfa), 0.95) !important; }
  html body #mpSideRail .mp-rail-tab[data-tab="chat"] { color: #25d366 !important; background: rgba(var(--mp-f2-f0fdf4), 0.94) !important; }
  html body #mpSideRail .mp-rail-tab[data-tab="notizen"] { color: #b77900 !important; background: rgba(var(--mp-f2-fffbeb), 0.97) !important; }

  html body #mpSideRail .mrt-label { display: none !important; }
  html body #mpSideRail .mrt-ico,
  html body #mpSideRail .mrt-ico svg { width: 20px !important; height: 20px !important; }
  html body #mpSideRail .mrt-badge { top: -5px !important; right: -5px !important; border: 2px solid #fff !important; }

  html body #mpSideRail .mp-rail-collapse {
    display: flex !important;
    width: 34px !important;
    height: 28px !important;
    margin-top: 2px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: rgba(100,116,139,.09) !important;
    color: rgb(var(--mp-t3-64748b)) !important;
  }

  html body #mpRailToggle {
    display: none !important;
    right: 0 !important;
    left: auto !important;
    width: 22px !important;
    height: 62px !important;
    border: 1px solid rgba(255,255,255,.76) !important;
    border-right: 0 !important;
    border-radius: 14px 0 0 14px !important;
    background: rgba(var(--mp-flaeche-rgb), .84) !important;
    box-shadow: -8px 0 24px -16px rgba(15,23,42,.55) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.3) !important;
    backdrop-filter: blur(22px) saturate(1.3) !important;
  }

  html body.mp-rail-collapsed #mpRailToggle { display: flex !important; }

  html body #mpRailDrawer {
    right: 84px !important;
    left: auto !important;
    top: max(70px, calc(env(safe-area-inset-top, 0px) + 12px)) !important;
    bottom: max(88px, calc(env(safe-area-inset-bottom, 0px) + 12px)) !important;
    width: min(380px, calc(100vw - 112px)) !important;
    border: 1px solid rgba(255,255,255,.80) !important;
    border-radius: 24px !important;
    background: rgba(var(--mp-flaeche-rgb), .95) !important;
    box-shadow: 0 28px 72px -28px rgba(15,23,42,.50), inset 0 1px 0 #fff !important;
    -webkit-backdrop-filter: blur(28px) saturate(1.32) !important;
    backdrop-filter: blur(28px) saturate(1.32) !important;
    transform: translateX(calc(100% + 116px)) scale(.985) !important;
    transform-origin: right center !important;
    transition: transform 460ms cubic-bezier(.16,1,.3,1) !important;
  }

  html body #mpRailDrawer.is-open {
    transform: translateX(0) scale(1) !important;
  }
}

/* Maus und Tastatur bekommen klare Namen, ohne die kompakte Glasleiste zu
   verbreitern. Auf Touch-Geraeten entstehen bewusst keine klebenden Labels. */
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  html body #mpSideRail .mp-rail-tab > .mrt-label {
    position: absolute !important;
    z-index: 3 !important;
    right: calc(100% + 12px) !important;
    top: 50% !important;
    box-sizing: border-box !important;
    display: block !important;
    width: max-content !important;
    max-width: 190px !important;
    padding: 7px 10px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.86) !important;
    border-radius: 10px !important;
    background: rgba(22,32,51,.92) !important;
    color: #fff !important;
    box-shadow: 0 12px 28px -16px rgba(15,23,42,.62), inset 0 1px 0 rgba(255,255,255,.15) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translate(8px, -50%) scale(.96) !important;
    transform-origin: right center !important;
    transition: opacity 160ms ease, transform 220ms cubic-bezier(.16,1,.3,1) !important;
    white-space: nowrap !important;
    writing-mode: horizontal-tb !important;
    font-size: 12.5px !important;
    font-weight: 720 !important;
    letter-spacing: .01em !important;
  }

  html body #mpSideRail .mp-rail-tab:hover > .mrt-label,
  html body #mpSideRail .mp-rail-tab:focus-visible > .mrt-label {
    opacity: 1 !important;
    transform: translate(0, -50%) scale(1) !important;
  }
}

/* MP-20260831-002: Mobile Owner-Schnellzugriff. Die alte Regel hat Rail und
   Rueckholgriff auf Handys vollstaendig abgeschaltet. */
@media (max-width: 767px) {
  html body #mpSideRail {
    position: fixed !important;
    z-index: 940 !important;
    top: calc(50% + 12px) !important;
    right: max(4px, env(safe-area-inset-right, 0px)) !important;
    left: auto !important;
    box-sizing: border-box !important;
    display: flex !important;
    width: 54px !important;
    max-height: calc(100dvh - 158px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
    padding: 6px !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 5px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    scrollbar-width: none !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    border-radius: 20px !important;
    background: rgba(var(--mp-f1-fafcfe), 0.82) !important;
    box-shadow: 0 18px 42px -24px rgba(15,23,42,.52), inset 0 1px 0 rgba(255,255,255,.98) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.36) !important;
    backdrop-filter: blur(24px) saturate(1.36) !important;
    transform: translateY(-50%) !important;
    transition: transform 420ms cubic-bezier(.16,1,.3,1), opacity 180ms ease !important;
  }
  html body #mpSideRail::-webkit-scrollbar { display: none !important; }
  html body.mp-rail-collapsed #mpSideRail {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(-50%) translateX(calc(100% + 18px)) !important;
  }
  html body #mpSideRail .mp-rail-tab {
    box-sizing: border-box !important;
    display: grid !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    place-items: center !important;
    border: 1px solid rgba(255,255,255,.46) !important;
    border-radius: 13px !important;
    color: #fff !important;
    writing-mode: horizontal-tb !important;
    box-shadow: 0 7px 15px -9px rgba(15,23,42,.58), inset 0 1px 0 rgba(255,255,255,.38) !important;
  }
  html body #mpSideRail .mp-rail-tab .mrt-label,
  html body #mpSideRail .mp-rail-tab::after { display: none !important; }
  html body #mpSideRail .mp-rail-tab .mrt-ico,
  html body #mpSideRail .mp-rail-tab .mrt-ico svg { width: 21px !important; height: 21px !important; }
  html body #mpSideRail .mp-rail-tab .mrt-badge { top: -5px !important; right: -5px !important; border: 2px solid #fff !important; }
  html body #mpSideRail .mp-rail-collapse {
    display: flex !important;
    flex: 0 0 28px !important;
    width: 36px !important;
    height: 28px !important;
    min-height: 28px !important;
    margin: 0 !important;
  }
  html body #mpSideRail .mp-rail-collapse svg { transform: rotate(180deg) !important; }
  html body #mpRailToggle {
    position: fixed !important;
    z-index: 939 !important;
    top: 50% !important;
    right: 0 !important;
    left: auto !important;
    display: none !important;
    width: 24px !important;
    height: 62px !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    border-right: 0 !important;
    border-radius: 14px 0 0 14px !important;
    background: rgba(var(--mp-flaeche-rgb), .90) !important;
    box-shadow: -8px 0 24px -16px rgba(15,23,42,.58) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.3) !important;
    backdrop-filter: blur(20px) saturate(1.3) !important;
    transform: translateY(-50%) !important;
  }
  html body #mpRailToggle svg { transform: rotate(180deg) !important; }
  html body.mp-rail-collapsed #mpRailToggle { display: flex !important; }
  html body #mpRailDrawer {
    top: calc(66px + env(safe-area-inset-top, 0px)) !important;
    right: calc(64px + env(safe-area-inset-right, 0px)) !important;
    bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
    left: auto !important;
    box-sizing: border-box !important;
    width: min(360px, calc(100vw - 76px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px))) !important;
    transform: translateX(calc(100% + 84px)) scale(.985) !important;
    transform-origin: right center !important;
  }
  html body #mpRailDrawer.is-open { transform: translateX(0) scale(1) !important; }
}

@media (max-width: 479px) {
  #view-rechnung .mp-workspace-list-master .mp-record-filter-menu-kicker {
    display: none !important;
  }
}

/* Datensatzaktionen: schmale, ruhige Palette rechts statt eines riesigen
   mobilen Vollflaechen-Sheets. */
@media (min-width: 600px) {
  body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden).view.active) .mp-record-sheet {
    right: 84px !important;
    left: auto !important;
    top: 76px !important;
    bottom: 86px !important;
    box-sizing: border-box !important;
    width: min(352px, calc(100vw - 112px)) !important;
    max-height: none !important;
    padding: 14px 13px !important;
    overflow: auto !important;
    border: 1px solid rgba(255,255,255,.86) !important;
    border-radius: 24px !important;
    transform: translateX(calc(100% + 116px)) scale(.985) !important;
    transform-origin: right center !important;
    transition: transform 440ms cubic-bezier(.16,1,.3,1) !important;
  }

  body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden).view.active) .mp-record-sheet.is-open {
    transform: translateX(0) scale(1) !important;
  }

  body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden).view.active) .mp-record-sheet-handle {
    display: none !important;
  }

  body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden).view.active) .mp-record-sheet-head {
    margin: 0 4px 9px !important;
    padding: 3px 2px 12px !important;
  }
}

/* FINALER APP-RAND: mp-modal-standard.css wird später geladen und setzte den
   Topbar-Radius erneut. Der Elementtyp macht diese App-Regel eindeutig. */
html body header.topbar,
html body header.topbar.glass {
  border-radius: 0 !important;
}

/* Smartphone-Finder wie im Aufmaß: vollständiges Fenster statt einer langen
   Karte unter dem Editor. Modulwahl öffnet es, Datensatzwahl schließt es; über
   das neue Dockmenü ist es jederzeit wieder erreichbar. */
@media (max-width: 767px) {
  html body.mp-mobile-workspace-list-open { overflow: hidden !important; }

  html body .mp-list-workspace.view.active::before {
    content: "";
    position: fixed;
    z-index: 4660;
    /* MP-20260904-048: reichte vorher nur bis 88px vor die Geräteunterkante
       (`inset: 58px 0 88px`) — genau der Bereich, in dem die Dockleiste
       steht, blieb dadurch komplett ungedimmt/ungeblurrt und zeigte das
       rohe, scharfe Hintergrundbild (#mpWallpaperLayer) als hellen,
       durchgehenden Streifen quer über den Bildschirm (Marcel, Screenshot
       Pixel 10 Pro). Jetzt bis zur echten Unterkante, wie beim Startmenü-
       Scrim (`.mp-dsm-overlay`, MP-20260904-039, insetBottom:0px). Werte
       (rgba/Blur) auf denselben, bereits im Haus etablierten Wert wie dort
       ausgerichtet (`.mps-overlay.mps-visible`, css/mp-sheet-engine.css),
       keine neue Zahl erfunden — `saturate(108%)` war schon vorher hier
       gesetzt und bleibt als zusätzlicher, unabhängiger Filter erhalten. */
    inset: 58px 0 0;
    visibility: hidden;
    background: rgba(15,23,42,.35);
    -webkit-backdrop-filter: blur(8px) saturate(108%);
    backdrop-filter: blur(8px) saturate(108%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 280ms ease, visibility 0s linear 300ms;
  }

  html body .mp-list-workspace.view.active.is-mobile-list-open::before {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transition: opacity 280ms ease, visibility 0s linear 0s;
  }

  html:not(#mpkk):not(#mpkk-2) body .mp-list-workspace.view.active > .mp-workspace-list-master {
    position: fixed !important;
    z-index: 4680 !important;
    inset: 58px auto 88px 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    width: min(430px, calc(100vw - 24px)) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.90) !important;
    border-left: 0 !important;
    border-radius: 0 28px 28px 0 !important;
    background: linear-gradient(110deg,rgb(var(--mp-flaeche-rgb)) 0%,rgb(var(--mp-flaeche-rgb)) 82%,rgb(var(--mp-f2-f8fbfd)) 100%) !important;
    box-shadow: 22px 0 58px -28px rgba(15,23,42,.54), inset -1px 0 0 rgba(15,23,42,.035), inset 0 1px 0 #fff !important;
    visibility: hidden !important;
    opacity: .45 !important;
    pointer-events: none !important;
    transform: translate3d(calc(-100% - 18px),0,0) !important;
    transition: transform 520ms cubic-bezier(.16,1,.3,1), opacity 260ms ease, visibility 0s linear 540ms !important;
    will-change: transform !important;
  }

  html:not(#mpkk):not(#mpkk-2) body .mp-list-workspace.view.active.is-mobile-list-open > .mp-workspace-list-master {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translate3d(0,0,0) !important;
    transition: transform 520ms cubic-bezier(.16,1,.3,1), opacity 220ms ease, visibility 0s linear 0s !important;
  }

  html body :is(#view-kva,#view-rechnung,#view-projekte,#view-kunden,#view-notizen,#view-baustellenchat,#view-aufmass,#view-mail).mp-list-workspace.view.active > .mp-workspace-list-master .mp-workspace-rail-toggle {
    position: absolute !important;
    z-index: 12 !important;
    top: 16px !important;
    right: 14px !important;
    display: grid !important;
    width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    place-items: center !important;
    border: 1px solid rgba(15,23,42,.09) !important;
    border-radius: 13px !important;
    background: rgba(var(--mp-flaeche-rgb), .94) !important;
    color: rgb(var(--mp-t2-253247)) !important;
    box-shadow: 0 8px 20px -15px rgba(15,23,42,.48), inset 0 1px 0 #fff !important;
  }

  html body .mp-list-workspace.view.active > .mp-workspace-list-master .mp-workspace-rail-toggle > span {
    display: block !important;
    font: 500 25px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
    transform: none !important;
  }

  html body .mp-list-workspace.view.active > .mp-workspace-list-master .mp-workspace-rail-toggle > svg {
    display: block !important;
    width: 19px !important;
    height: 19px !important;
    transition: transform 560ms cubic-bezier(.22, 1, .36, 1) !important;
  }

  html body .mp-list-workspace.view.active.is-list-rail-collapsed > .mp-workspace-list-master .mp-workspace-rail-toggle > svg {
    transform: rotate(180deg) !important;
  }

  /* Die rechte Schnellleiste bleibt auch bei geoeffneter Datensatzliste
     sichtbar und bedienbar. Ihr Drawer liegt anschliessend ueber beiden
     Ebenen; so kann kein Notiz-/Chat-Finder die Dock-Aktionen blockieren. */
  html body.mp-mobile-workspace-list-open #mpSideRail {
    z-index: 4690 !important;
  }
  html body.mp-mobile-workspace-list-open #mpRailToggle {
    z-index: 4689 !important;
  }
  html body.mp-mobile-workspace-list-open #mpRailOverlay {
    z-index: 4695 !important;
  }
  html body.mp-mobile-workspace-list-open #mpRailDrawer {
    z-index: 4696 !important;
  }

  /* MP-20260904-048: Der Scrim (oben, jetzt bis inset-bottom:0) läge sonst
     ÜBER der Dockleiste (Scrim z-index 4660 > Dock-Basis-z-index 1000,
     nav.bottom-nav) und würde sie mitdimmen/mitblurren. Die Dockleiste
     bleibt beim offenen Listen-Finder ausdrücklich scharf und bedienbar
     OBEN — dieselbe Begründung wie bei der Randleiste direkt darüber. */
  html body.mp-mobile-workspace-list-open nav.bottom-nav {
    z-index: 4700 !important;
  }

  html[data-mp-dock-pos="right"] body .mp-list-workspace.view.active::before {
    right: 66px !important;
  }
html[data-mp-dock-pos="right"]:not(#mpkk):not(#mpkk-2) body .mp-list-workspace.view.active > .mp-workspace-list-master {
    right: 66px !important;
    width: min(430px, calc(100vw - 66px)) !important;
  }

  html body :is(#view-kva,#view-rechnung,#view-projekte,#view-aufmass,#view-mail).view.active :is(> .mp-workspace-list-master, .mp-workspace-list-master) > .card-header {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    padding: 25px 66px 14px 20px !important;
    border: 0 !important;
  }

  html body :is(#view-kva,#view-rechnung,#view-aufmass,#view-mail).view.active :is(> .mp-workspace-list-master, .mp-workspace-list-master) > .card-body {
    display: flex !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    padding: 0 15px 16px !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }

  /* KOORDINATOR-DRINGEND 03.09.2026 (Marcel Live-Handy: "Die Angebotsliste
     lässt sich auf mobil nicht scrollen!"): `flex:0 0 auto` + `overflow:
     visible` (bis hierhin) schlägt die EIGENTLICH vorgesehene, ältere
     "Single Source of Truth"-Scrollarchitektur aus css/mp-recordlist-
     scroll-hotfix.css ("#view-kva .kva-list-wrapper{flex:1;overflow-y:
     auto!important}") — DIESE Regel hier ist spezifischer (ID + 4 Klassen
     + 2 Typen, !important) und gewinnt bislang IMMER, unabhängig von der
     Ladereihenfolge, siehe SHARED_LEARNINGS.md. Ergebnis: `.kva-list-
     wrapper` wächst auf seine volle Inhaltshöhe (~5600px) statt auf den
     verbleibenden Platz in `.card-body` begrenzt zu werden — der
     Überlauf trifft stattdessen `.card-body` selbst
     (`overflow:hidden!important`, Zeile oben), das KEINEN Scroll erlaubt
     (programmatisches `scrollTop` wirkt, ein echter Finger-Swipe auf
     `overflow:hidden` nicht). GEGENPROBE bestätigt (mit UND ohne
     `mp-kva-mobile-steps.css` identisches Ergebnis) — KEINE Regression
     aus MP-20260903-019/-024, ein vorbestehender, unabhängiger Fehler.
     Fix: dieselben Werte wie die "Single Source of Truth"-Datei
     wiederhergestellt — `.kva-list-wrapper`/`.rechnung-list-wrapper`
     werden selbst der Scroll-Container (`flex:1 1 auto` statt `0 0 auto`,
     `overflow-y:auto` statt `visible`). `#kvaOffersGroupedList`/
     `#rechnungGroupedList` (Zeile unten) bleiben unverändert `flex:1 1
     auto;overflow-y:auto` — da `.kva-list-wrapper` selbst KEIN
     `display:flex` trägt, bleibt das dort wirkungslos (kein doppelter
     Scroll-Bereich), das eigentliche Scrollen läuft jetzt zuverlässig
     auf `.kva-list-wrapper`. */
  html body #view-kva.view.active > .mp-workspace-list-master .kva-list-wrapper,
  html body #view-mail.view.active > .mp-workspace-list-master .mail-list-wrapper {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: contain !important;
  }

  /* MP-20260927-016 (Lena Berger, Reproduktion 27.09.2026): Bei Rechnungen
     liegen Suche + Status-/Typ-Filter INNERHALB dieses Wrappers
     (rechnungen.html:56-70) — die eigentliche Liste (#rechnungGroupedList,
     Regel unten) ist ein GESCHWISTER in .card-body, kein Kind davon. Anders
     als bei Angeboten/Mail (deren Wrapper NUR die Liste enthaelt) ist dieser
     Wrapper hier also der Kopfbereich. Mit derselben Regel wie oben
     (flex:1 1 auto + overflow-y:auto) konkurrierte er als zweites wachsendes
     Flex-Kind von .card-body mit der langen Liste um denselben Platz und
     wurde bei vielen Rechnungen bis auf ~34px zusammengedrueckt
     (scrollHeight 144 vs. clientHeight 34, Lena-Messung 390x844) — Suche und
     beide Filter praktisch unsichtbar. Deckt sich mit der ALTEN, eigentlich
     vorgesehenen Regel in mp-recordlist-scroll-hotfix.css:65 ("Filter-Bereich
     scrollt NICHT vertikal; nur Liste darunter"), die hier nur mangels
     eigener flex-Eigenschaft wirkungslos blieb (impliziter Default
     flex:0 1 auto liess den Kopf trotzdem schrumpfen). Fix: eigene Fassade
     statt der gemeinsamen Wachs-Regel — flex:0 0 auto haelt den Kopf auf
     seiner natuerlichen Hoehe, #rechnungGroupedList (Regel unten) bleibt
     alleiniger Scroll-Container. Nur ≤767px (dieser Block) — Tablet/Desktop
     unberuehrt (Nebenbefund Tablet-Leerflaeche bleibt eigene Nummer). */
  html body #view-rechnung.view.active > .mp-workspace-list-master .rechnung-list-wrapper {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  html body #view-kva.view.active > .mp-workspace-list-master #kvaOffersGroupedList,
  html body #view-rechnung.view.active > .mp-workspace-list-master #rechnungGroupedList,
  html body #view-projekte.view.active > .mp-workspace-list-master #projektGroupedList,
  html body #view-kunden.view.active > .mp-workspace-list-master #kundenCardList,
  html body #view-aufmass.view.active :is(.mp-workspace-list-master, .mp-aufmass-master) #aufmassSavedList,
  html body #view-mail.view.active > .mp-workspace-list-master #mailGroupedList {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding-bottom: 140px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html body #view-aufmass.view.active :is(.mp-workspace-list-master, .mp-aufmass-master) #aufmassSavedList > .mp-record-list,
  html body #view-aufmass.view.active :is(.mp-workspace-list-master, .mp-aufmass-master) #aufmassSavedList > .mp-record-list--v2 {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
    flex: none !important;
  }

  html body #view-projekte.view.active > .mp-workspace-list-master {
    padding: 0 15px 16px !important;
  }

  html body #view-projekte.view.active > .mp-workspace-list-master > .card-header {
    margin: 0 -15px !important;
  }

  html body #view-kunden.view.active > .mp-workspace-list-master {
    padding: 25px 15px 16px !important;
  }

  html body #view-kunden.view.active > .mp-workspace-list-master > .mp-workspace-list-heading {
    flex: 0 0 auto !important;
    margin: 0 54px 20px 3px !important;
  }

  /* Die bisherigen großen Kopf-Aktionsreihen stecken mobil vollständig im
     Dockmenü. Der Modulkopf bleibt als kompakte Orientierung sichtbar. */
  html body :is(#view-kva,#view-rechnung,#view-projekte,#view-kunden,#view-mail).view.active > .view-container > .view-box > .view-header {
    min-height: 0 !important;
    margin: 0 0 12px !important;
    padding: 16px 17px !important;
    border-radius: 18px !important;
  }

  html body :is(#view-kva,#view-rechnung,#view-projekte,#view-kunden,#view-mail).view.active > .view-container > .view-box > .view-header h1 {
    margin: 0 !important;
    font-size: 28px !important;
    line-height: 1.12 !important;
  }

  html body :is(#view-kva,#view-rechnung,#view-projekte,#view-kunden,#view-mail).view.active > .view-container > .view-box > .view-header p {
    margin: 5px 0 0 !important;
    font-size: 12.5px !important;
    line-height: 1.4 !important;
  }

  html body :is(#view-kva,#view-rechnung,#view-projekte,#view-kunden,#view-mail).view.active > .view-container > .view-box > .view-header .view-header-actions {
    display: none !important;
  }

  html body.mp-mobile-module-menu-ready :is(#view-kva,#view-rechnung,#view-projekte,#view-aufmass,#view-mail).view.active .view-footer-actions {
    display: none !important;
  }

  html body #view-rechnung.view.active > .mp-workspace-list-master .mp-record-filters-host {
    grid-template-columns: minmax(0,.84fr) minmax(0,1.16fr) !important;
  }

  html body #view-rechnung.view.active > .mp-workspace-list-master .mp-record-filter-menu-trigger {
    grid-template-columns: 18px minmax(0,1fr) auto 10px !important;
    gap: 5px !important;
    padding-inline: 8px !important;
  }
}

/* =====================================================================
   MP-20260831-005 · NOTIZEN/CHAT = EXAKT DER RECORD-LIST-RAHMEN
   =====================================================================
   Beide Module hatten eigene Fixed-Geometrien und im Notizmodul lag die
   Liste sogar innerhalb der Inhaltskarte. Die JS-Normalisierung hebt sie
   auf die gemeinsame Ebene; diese letzte Kaskade gibt ihr danach denselben
   Fenster-, Pfeil- und Scrollvertrag wie Angebote/Rechnungen. */
:is(#view-notizen,#view-baustellenchat) {
  --mp-ws-rail-open:420px;
  --mp-ws-rail-closed:64px;
  --mp-ws-top:58px;
  --mp-ws-line:rgba(15,23,42,.10);
}

#view-notizen .mp-nz-shell { display:block !important; }
#view-notizen .mp-nz-view-title.mp-module-header-title { margin:0 !important; }
#view-notizen .mp-nz-view-icon.mp-module-header-icon { margin:0 !important; }
#view-notizen .mp-nz-view-stats {
  display:flex !important;
  flex:0 0 auto !important;
  margin-left:auto !important;
  align-items:center !important;
  gap:10px !important;
}

@media (min-width:1200px) {
  :is(#view-notizen,#view-baustellenchat).view.active {
    min-height:calc(100vh - var(--mp-ws-top)) !important;
    background:transparent !important;
  }
  :is(#view-notizen,#view-baustellenchat).view.active > .view-container {
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
  }
  :is(#view-notizen,#view-baustellenchat).view.active > .view-container > .view-box {
    box-sizing:border-box !important;
    width:calc(100% - var(--mp-ws-rail-open)) !important;
    max-width:none !important;
    margin:0 0 0 var(--mp-ws-rail-open) !important;
    padding:24px 24px 124px !important;
    transition:width 560ms cubic-bezier(.22,1,.36,1),margin-left 560ms cubic-bezier(.22,1,.36,1) !important;
  }
  :is(#view-notizen,#view-baustellenchat).view.active.is-list-rail-collapsed > .view-container > .view-box,
  :is(#view-notizen,#view-baustellenchat).view.active > .view-container > .view-box.is-list-rail-collapsed {
    width:calc(100% - var(--mp-ws-rail-closed)) !important;
    margin-left:var(--mp-ws-rail-closed) !important;
  }
  html:not(#mpkk):not(#mpkk-2) body :is(#view-notizen,#view-baustellenchat).view.active > .mp-workspace-list-master {
    position:fixed !important;
    /* z-index: siehe zentrale Z-Skala am Dateiende (MP-20260901-004 Nachbesserung 2) */
    /* MP-20260901-004: bis ganz unten, exakt wie Angebote/Rechnungen
       (dort ist der Rail-`inset`-Bottom 0, nicht 96px reserviert). Der
       96px-Abstand stammte aus einer alten Annahme, die Dockleiste
       brauche hier Platz — sie ueberlagert links ohnehin nicht, sie
       sitzt rechts (#mpSideRail, rechts:12px). */
    inset:var(--mp-ws-top) auto 0 0 !important;
    box-sizing:border-box !important;
    display:flex !important;
    width:var(--mp-ws-rail-open) !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    padding:78px 16px 18px !important;
    flex-direction:column !important;
    overflow:hidden !important;
    border:1px solid var(--mp-ws-line) !important;
    border-left:0 !important;
    border-radius:0 28px 28px 0 !important;
    background:linear-gradient(105deg,rgba(var(--mp-flaeche-rgb), .99),rgba(var(--mp-flaeche-rgb), .97) 78%,rgba(var(--mp-f2-fafbfd), 0.98)) !important;
    box-shadow:1px 0 0 rgba(255,255,255,.96) inset,8px 0 18px -10px rgba(15,23,42,.24),22px 0 52px -24px rgba(15,23,42,.38) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateX(0) !important;
    transition:transform 560ms cubic-bezier(.22,1,.36,1),box-shadow 360ms ease !important;
  }
  html:not(#mpkk):not(#mpkk-2) body :is(#view-notizen,#view-baustellenchat).view.active.is-list-rail-collapsed > .mp-workspace-list-master {
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateX(-100%) !important;
    border:0 !important;
    box-shadow:none !important;
  }
  :is(#view-notizen,#view-baustellenchat).view.active > .mp-workspace-list-master .mp-workspace-rail-toggle {
    position:absolute !important;
    z-index:8 !important;
    top:18px !important;
    right:14px !important;
    display:grid !important;
    width:42px !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 !important;
    place-items:center !important;
    border:1px solid rgba(15,23,42,.11) !important;
    border-radius:13px !important;
    background:rgb(var(--mp-flaeche-rgb)) !important;
    color:rgb(var(--mp-t2-253247)) !important;
    box-shadow:0 7px 18px -12px rgba(15,23,42,.38) !important;
  }
  :is(#view-notizen,#view-baustellenchat).view.active.is-list-rail-collapsed > .mp-workspace-list-master .mp-workspace-rail-toggle {
    right:10px !important;
  }
  :is(#view-notizen,#view-baustellenchat).view.active.is-list-rail-collapsed > .mp-workspace-list-master .mp-workspace-rail-toggle > :is(svg,span) {
    transform:rotate(180deg) !important;
  }
}

@media (min-width:768px) and (max-width:1199px) {
  :is(#view-notizen,#view-baustellenchat).view.active::before {
    content:"";
    position:fixed;
    z-index:64;
    inset:58px 0 88px;
    background:rgba(15,23,42,.18);
    opacity:1;
    pointer-events:auto;
    -webkit-backdrop-filter:blur(2px);
    backdrop-filter:blur(2px);
    transition:opacity 360ms cubic-bezier(.22,1,.36,1),visibility 0s linear 0s;
  }
  /* Nachbesserung MP-20260901-004 (01.09., Tablet-Hochformat): Diese Regel
     ohne `!important` verlor bisher gegen `mp-ui-final-hardwall.css`
     (`html body :is(#view-notizen,#view-baustellenchat).view.active::before
     { z-index:4640 !important }`) — Wichtigkeit schlaegt Spezifitaet, egal wie
     stark der Selektor sonst ist. Damit lag der Blur-Backdrop (4640) UEBER der
     Leiste (golden gewinnt dort mit dem `:not(#mpkk)`-Trick weiterhin mit
     z-index:70) und verschluckte die Leiste optisch im eigenen Blur. Diese
     Regel gewinnt jetzt selbst per `!important` + derselbe Spezifitaets-
     Verstaerkung wie die Leisten-Regel und haelt den Backdrop wieder EXAKT
     unter der Leiste (64 < 70). Siehe SHARED_LEARNINGS L-2026-09-01-A. */
  html:not(#mpkk):not(#mpkk-2) body :is(#view-notizen,#view-baustellenchat).view.active::before {
    z-index:64 !important;
  }
  :is(#view-notizen,#view-baustellenchat).view.active.is-list-rail-collapsed::before {
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    transition:opacity 300ms ease,visibility 0s linear 320ms;
  }
  :is(#view-notizen,#view-baustellenchat).view.active > .view-container > .view-box {
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding-left:74px !important;
  }
  html:not(#mpkk):not(#mpkk-2) body :is(#view-notizen,#view-baustellenchat).view.active > .mp-workspace-list-master {
    position:fixed !important;
    /* z-index: siehe zentrale Z-Skala am Dateiende (MP-20260901-004 Nachbesserung 2) */
    inset:58px auto 88px 0 !important;
    display:flex !important;
    box-sizing:border-box !important;
    width:min(520px,calc(100vw - 72px)) !important;
    height:auto !important;
    max-height:none !important;
    margin:0 !important;
    padding:76px 18px 18px !important;
    flex-direction:column !important;
    overflow:hidden !important;
    border:1px solid rgba(15,23,42,.10) !important;
    border-left:0 !important;
    border-radius:0 26px 26px 0 !important;
    background:rgb(var(--mp-flaeche-rgb)) !important;
    box-shadow:18px 0 52px -28px rgba(15,23,42,.48) !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    transform:translateX(0) !important;
    transition:transform 520ms cubic-bezier(.22,1,.36,1) !important;
  }
  html:not(#mpkk):not(#mpkk-2) body :is(#view-notizen,#view-baustellenchat).view.active.is-list-rail-collapsed > .mp-workspace-list-master {
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateX(-100%) !important;
    border:0 !important;
    box-shadow:none !important;
  }
  :is(#view-notizen,#view-baustellenchat).view.active > .mp-workspace-list-master .mp-workspace-rail-toggle {
    position:absolute !important;
    z-index:8 !important;
    top:18px !important;
    right:14px !important;
    display:grid !important;
    width:42px !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 !important;
    place-items:center !important;
    border:1px solid rgba(15,23,42,.11) !important;
    border-radius:13px !important;
    background:rgb(var(--mp-flaeche-rgb)) !important;
  }
  :is(#view-notizen,#view-baustellenchat).view.active.is-list-rail-collapsed > .mp-workspace-list-master .mp-workspace-rail-toggle > :is(svg,span) {
    transform:rotate(180deg) !important;
  }
}

/* Eingeklappt bleibt auch die Detailflaeche identisch zu Angebote: keine
   reservierte 58/64-px-Spalte aus dem historischen Notiz-/Chat-Split. */
@media (min-width:768px) {
  html:not(#mpkk):not(#mpkk-2) body :is(#view-notizen,#view-baustellenchat).view.active.is-list-rail-collapsed > .view-container > .view-box,
  html:not(#mpkk):not(#mpkk-2) body :is(#view-notizen,#view-baustellenchat).view.active > .view-container > .view-box.is-list-rail-collapsed {
    box-sizing:border-box !important;
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
  }
}

:is(#view-notizen,#view-baustellenchat).view.active > .mp-workspace-list-master :is(.mp-nz-list,.mp-chat-list) {
  flex:1 1 auto !important;
  min-height:0 !important;
  max-height:none !important;
  padding-bottom:105px !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;
}

/* Die globale Dockleiste bleibt bei Chat/Notizen ueber Inhalt und Finder. */
body:has(:is(#view-notizen,#view-baustellenchat).view.active) #mpSideRail {
  display:flex !important;
  z-index:4690 !important;
}

@media (max-width:767px) {
  #view-notizen .mp-nz-view-stats { width:100% !important; margin-left:0 !important; }
  #view-notizen .mp-nz-card { margin:0 !important; }
}

/* =========================================================
   MOBILES MODUL-SCHNELLMENUE IM GLAS-DOCK
   ========================================================= */
.mp-mobile-module-menu-btn,
.mp-mobile-module-layer {
  display: none !important;
}

@media (max-width: 767px) {
  html body nav.bottom-nav .mp-mobile-module-menu-btn {
    position: relative !important;
    display: inline-flex !important;
    flex: 0 0 52px !important;
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 3px !important;
    overflow: visible !important;
    color: #087fc3 !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: transparent !important;
    box-shadow: none !important;
    isolation: isolate !important;
  }

  html body nav.bottom-nav .mp-mobile-module-menu-btn::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 3px;
    border: 1px solid rgba(43,176,255,.24);
    border-radius: 14px;
    background:
      linear-gradient(145deg, rgba(var(--mp-flaeche-rgb), .94), rgba(225,245,255,.82)),
      rgba(var(--mp-flaeche-rgb), .86);
    box-shadow:
      0 11px 24px -16px rgba(3,105,161,.68),
      0 3px 8px rgba(15,23,42,.10),
      inset 0 1px 0 rgba(255,255,255,.98);
  }

  html body nav.bottom-nav .mp-mobile-module-menu-btn[aria-expanded="true"]::before {
    border-color: rgba(43,176,255,.55);
    background: linear-gradient(145deg, #33b8ff, #078fdc);
    box-shadow: 0 13px 28px -15px rgba(2,132,199,.76), inset 0 1px 0 rgba(255,255,255,.38);
  }

  html body nav.bottom-nav .mp-mobile-module-menu-btn[aria-expanded="true"] {
    color: #fff !important;
  }

  html body nav.bottom-nav .mp-mobile-module-menu-icon {
    display: grid !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    place-items: center !important;
    color: inherit !important;
  }

  html body nav.bottom-nav .mp-mobile-module-menu-icon svg {
    width: 23px !important;
    height: 23px !important;
    stroke-width: 2.3 !important;
  }

  /* Im Aufmaß ersetzt der Dockknopf die bisherige zweite Aktionsleiste. */
  html body.mp-mobile-module-menu-ready #view-aufmass.view.active .aufmass-cmd-actions {
    display: none !important;
  }

  .mp-mobile-module-layer {
    position: fixed !important;
    z-index: 5200 !important;
    inset: 0 !important;
    display: block !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .mp-mobile-module-layer.is-open {
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .mp-mobile-module-backdrop {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: rgba(15,23,42,.35) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    opacity: 0 !important;
    transition: opacity 220ms ease !important;
  }

  .mp-mobile-module-layer.is-open .mp-mobile-module-backdrop {
    opacity: 1 !important;
  }

  .mp-mobile-module-sheet {
    position: absolute !important;
    right: max(12px, env(safe-area-inset-right, 0px)) !important;
    bottom: calc(90px + env(safe-area-inset-bottom, 0px)) !important;
    left: max(12px, env(safe-area-inset-left, 0px)) !important;
    box-sizing: border-box !important;
    max-height: calc(100dvh - 112px - env(safe-area-inset-bottom, 0px)) !important;
    padding: 8px !important;
    overflow: auto !important;
    overscroll-behavior: contain !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--mp-bg-elevated) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: var(--mp-shadow-lg) !important;
    opacity: 0 !important;
    transform: translateY(34px) scale(.965) !important;
    transform-origin: center bottom !important;
    transition: opacity 190ms ease, transform 220ms cubic-bezier(.16,1,.3,1) !important;
  }

  .mp-mobile-module-layer.is-open .mp-mobile-module-sheet {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
  }

  .mp-mobile-module-sheet-head { display: grid; grid-template-columns: minmax(0,1fr) 44px; gap: 10px; align-items: start; }
  .mp-mobile-module-sheet-title { margin: 0; }
  .mp-mobile-module-sheet-subtitle { margin: 4px 0 0; }

  .mp-mobile-module-close {
    display: grid !important;
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;
    color: var(--mp-text-secondary) !important;
    box-shadow: none !important;
  }

  .mp-mobile-module-close svg { transform: rotate(45deg) !important; }

  .mp-mobile-module-actions { display: block; }
  .mp-mobile-module-close:hover { background: var(--mp-surface-hover) !important; }
  .mp-mobile-module-close:active { background: var(--mp-surface-active) !important; }
  .mp-mobile-module-close:focus-visible { outline: 2px solid var(--mp-accent-text); }

  body.mp-mobile-module-menu-open { overflow: hidden !important; }
}

@media (max-width: 767px) and (orientation: landscape) {
  .mp-mobile-module-sheet {
    right: max(20px, env(safe-area-inset-right, 0px)) !important;
    bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important;
    left: max(20px, env(safe-area-inset-left, 0px)) !important;
    max-height: calc(100dvh - 94px - env(safe-area-inset-bottom, 0px)) !important;
  }

}

/* MP-20260831-002: Ein mobiler Seitenrand fuer Kopf, Befehlsleiste und
   Inhaltskarten. Historische KVA-Regeln zogen einzelne Editor-Cards auf
   Full-Bleed, waehrend Kopf und Tabs im normalen Raster blieben. */
@media (max-width: 767px) {
  html body :is(#view-kva,#view-rechnung,#view-mail).mp-list-workspace.view.active > .view-container > .view-box {
    --mp-mobile-workspace-gutter: 12px;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    padding-right: var(--mp-mobile-workspace-gutter) !important;
    padding-left: var(--mp-mobile-workspace-gutter) !important;
  }
  html body :is(#view-kva,#view-rechnung,#view-mail).mp-list-workspace.view.active > .view-container > .view-box > :is(.view-header,.mp-editor-command-deck),
  html body #view-kva.mp-list-workspace.view.active .kva-editor,
  html body #view-kva.mp-list-workspace.view.active .kva-editor > .card,
  html body #view-rechnung.mp-list-workspace.view.active :is(.rg-editor-card,.mp-comm-card),
  html body #view-mail.mp-list-workspace.view.active :is(.mail-reader-card, .mail-composer-card) {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mp-mobile-module-sheet,
  .mp-mobile-module-backdrop { transition-duration: 1ms !important; }
}

/* Letzte Schutzschicht gegen alte, globale SVG-Regeln: Aktionssymbole erben
   immer die semantische Farbe ihres MalerPlus-Icon-Tiles. */
html:not(#mpkk):not(#mpkk-2) body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden).view.active) .mp-record-sheet-action-icon > svg,
html:not(#mpkk):not(#mpkk-2) body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden).view.active) .mp-record-sheet-action-icon > i > svg {
  color: inherit !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}

html:not(#mpkk):not(#mpkk-2) body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden).view.active) .mp-record-sheet-action.mp-accent-blue .mp-record-sheet-action-icon {
  background: rgb(var(--mp-f2-eaf6fd)) !important;
  color: #078ed3 !important;
}

html:not(#mpkk):not(#mpkk-2) body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden).view.active) .mp-record-sheet-action.mp-accent-green .mp-record-sheet-action-icon {
  background: rgb(var(--mp-f2-eaf8f0)) !important;
  color: #0e9650 !important;
}

html:not(#mpkk):not(#mpkk-2) body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden).view.active) .mp-record-sheet-action.mp-accent-amber .mp-record-sheet-action-icon {
  background: #fff4e8 !important;
  color: #c86110 !important;
}

html:not(#mpkk):not(#mpkk-2) body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden).view.active) .mp-record-sheet-action.mp-accent-neutral .mp-record-sheet-action-icon {
  background: rgb(var(--mp-f2-f1f4f8)) !important;
  color: rgb(var(--mp-t3-718095)) !important;
}

html:not(#mpkk):not(#mpkk-2) body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden).view.active) .mp-record-sheet-action.is-danger .mp-record-sheet-action-icon {
  background: rgb(var(--mp-f3-fff0ef)) !important;
  color: #d93025 !important;
}

@media (max-width: 767px) {
  html body #view-profit-dashboard .pdc-workspace.is-project-rail-collapsed .pdc-project-rail-toggle {
    transform: none !important;
  }

  html body #view-profit-dashboard .pdc-hero-sec {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    align-content: center !important;
    justify-items: start !important;
    gap: 4px !important;
  }

  html body #view-profit-dashboard .pdc-hero-sec .pd-kpi-val {
    justify-self: start !important;
  }
}

/* =====================================================================
   BAUSTELLEN · GOLDEN SCREEN
   Ruhige, handwerklich direkte Arbeitsoberfläche. Keine dekorativen
   Verläufe, kein Glow, keine Regenbogen-Navigation und kein Card-in-Card.
   ===================================================================== */
#view-projekte.mp-baustellen-golden,
/* MP-20260905-019 (Nachtrag 3): "Meine Stunden" nutzt dieselben --bs-*
   Tokens fuer die neue Kennzahlen-Karte (Muster Baustellen-Finanzkarte,
   siehe .mp-bs-panel unten) — ohne eigene Custom-Properties-Zeile wuerden
   var(--bs-ink) & Co. dort ins Leere laufen, weil Custom Properties nicht
   ueber fremde Selektoren hinweg gelten. */
#view-meine-stunden.mp-my-hours-golden {
  --bs-ink: rgb(var(--mp-t1-172033));
  --bs-muted: rgb(var(--mp-t3-6f7f94));
  --bs-line: #dfe5ec;
  --bs-soft: rgb(var(--mp-f2-f5f7fa));
  --bs-blue: #118fd3;
  --bs-blue-soft: rgb(var(--mp-f2-eaf6fd));
  --bs-good: #138a53;
  --bs-warn: #bb7413;
  --bs-danger: #cf3430;
}

#view-projekte.mp-baustellen-golden .view-header {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  grid-template-rows: auto auto !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 22px 26px !important;
  align-content: center !important;
  align-items: center !important;
  gap: 5px 18px !important;
  border: 1px solid rgba(219,226,234,.92) !important;
  border-radius: 16px !important;
  background: rgb(var(--mp-flaeche-rgb)) !important;
  box-shadow: 0 8px 24px -22px rgba(23,32,51,.48) !important;
}

#view-projekte.mp-baustellen-golden .view-header h1 {
  grid-column: 1 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  color: var(--bs-ink) !important;
  font-size: clamp(26px,2.1vw,34px) !important;
  letter-spacing: -.035em !important;
}

#view-projekte.mp-baustellen-golden .view-header p {
  grid-column: 1 !important;
  grid-row: 2 !important;
  margin: 5px 0 0 !important;
  color: var(--bs-muted) !important;
}

#view-projekte.mp-baustellen-golden .view-header-actions > :not(#btnProjektNeu) {
  display: none !important;
}

#view-projekte.mp-baustellen-golden .view-header-actions {
  grid-column: 2 !important;
  grid-row: 1 / 3 !important;
  margin: 0 !important;
  align-self: center !important;
}

#view-projekte.mp-baustellen-golden #btnProjektNeu {
  min-height: 44px !important;
  padding: 0 17px !important;
  border: 1px solid #cbd5df !important;
  border-radius: 11px !important;
  background: rgb(var(--mp-flaeche-rgb)) !important;
  color: var(--bs-ink) !important;
  box-shadow: none !important;
}

#view-projekte.mp-baustellen-golden #mpProjKarte.mp-pkarte.is-karte {
  overflow: visible !important;
  border: 1px solid var(--bs-line) !important;
  border-radius: 16px !important;
  background: rgb(var(--mp-flaeche-rgb)) !important;
  box-shadow: 0 10px 28px -24px rgba(23,32,51,.55) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

#view-projekte.mp-baustellen-golden #mpProjKarte .mp-pkarte-kopf {
  border-bottom: 1px solid var(--bs-line) !important;
  background: transparent !important;
}

html body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader[data-visible="1"] {
  position: relative !important;
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto auto !important;
  min-height: 82px !important;
  padding: 15px 16px !important;
  align-items: center !important;
  gap: 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader[data-visible="1"]::before {
  content: none !important;
}

html body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader .mp-pw-ico {
  width: 38px !important;
  height: 38px !important;
  border: 1px solid #cce9f8 !important;
  border-radius: 10px !important;
  background: var(--bs-blue-soft) !important;
  color: var(--bs-blue) !important;
  box-shadow: none !important;
}

html body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader .mp-pw-name {
  max-width: none !important;
  color: var(--bs-ink) !important;
  font-size: 18px !important;
  font-weight: 750 !important;
  letter-spacing: -.02em !important;
}

html body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader .mp-pw-status {
  min-height: 25px !important;
  padding: 3px 8px !important;
  border-radius: 7px !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}

html body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader .mp-pw-sub {
  margin-top: 4px !important;
  color: var(--bs-muted) !important;
  font-size: 12.5px !important;
}

html body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader .mp-pw-metrics {
  display: grid !important;
  grid-template-columns: repeat(2,auto) !important;
  gap: 0 !important;
}

html body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader .mp-pw-metric {
  min-width: 82px !important;
  padding: 0 14px !important;
  border-left: 1px solid var(--bs-line) !important;
  background: transparent !important;
}

html body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader .mp-pw-metric-label {
  color: var(--bs-muted) !important;
  font-size: 10px !important;
  font-weight: 750 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
}

html body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader .mp-pw-metric-value {
  margin-top: 2px !important;
  color: var(--bs-ink) !important;
  font-size: 14px !important;
}

html body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader .mp-pw-progress {
  display: none !important;
}

#view-projekte.mp-baustellen-golden .mp-bs-project-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

#view-projekte.mp-baustellen-golden .mp-bs-project-action,
#view-projekte.mp-baustellen-golden .mp-bs-panel-link {
  display: inline-flex !important;
  min-height: 42px !important;
  padding: 0 13px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  border: 1px solid #cbd5df !important;
  border-radius: 10px !important;
  background: rgb(var(--mp-flaeche-rgb)) !important;
  color: rgb(var(--mp-t2-344257)) !important;
  box-shadow: none !important;
  font: 700 12.5px/1.15 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif !important;
  white-space: nowrap !important;
}

#view-projekte.mp-baustellen-golden .mp-bs-project-action svg {
  width: 17px !important;
  height: 17px !important;
}

#view-projekte.mp-baustellen-golden .mp-bs-project-action.is-primary {
  border-color: var(--bs-blue) !important;
  background: var(--bs-blue) !important;
  color: #fff !important;
}

#view-projekte.mp-baustellen-golden .mp-pkarte-reihe {
  position: relative !important;
  padding: 7px !important;
  background: rgb(var(--mp-f2-f7f9fb)) !important;
}

html body:has(#mpBsGroupNav) #view-projekte.mp-baustellen-golden #projTabsNav {
  display: none !important;
}

#view-projekte.mp-baustellen-golden .mp-bs-group-nav {
  display: grid !important;
  grid-template-columns: repeat(5,minmax(0,1fr)) !important;
  gap: 4px !important;
}

#view-projekte.mp-baustellen-golden .mp-bs-nav-item,
#view-projekte.mp-baustellen-golden .mp-bs-nav-item > summary {
  position: relative !important;
  min-width: 0 !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: rgb(var(--mp-t3-56657a)) !important;
  box-shadow: none !important;
  font: 700 12px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif !important;
  cursor: pointer !important;
  list-style: none !important;
}

#view-projekte.mp-baustellen-golden button.mp-bs-nav-item,
#view-projekte.mp-baustellen-golden .mp-bs-nav-item > summary {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

#view-projekte.mp-baustellen-golden .mp-bs-nav-item > summary::-webkit-details-marker {
  display: none !important;
}

#view-projekte.mp-baustellen-golden .mp-bs-nav-item:hover > summary,
#view-projekte.mp-baustellen-golden button.mp-bs-nav-item:hover {
  background: rgb(var(--mp-f3-eef2f6)) !important;
  color: var(--bs-ink) !important;
}

#view-projekte.mp-baustellen-golden .mp-bs-nav-item.is-active,
#view-projekte.mp-baustellen-golden .mp-bs-nav-item.is-active > summary {
  background: rgb(var(--mp-flaeche-rgb)) !important;
  color: var(--bs-blue) !important;
  box-shadow: inset 0 0 0 1px #d6eaf5 !important;
}

#view-projekte.mp-baustellen-golden .mp-bs-nav-icon,
#view-projekte.mp-baustellen-golden .mp-bs-nav-icon svg {
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
}

#view-projekte.mp-baustellen-golden .mp-bs-nav-chevron {
  margin-left: 2px !important;
  color: rgb(var(--mp-t3-8a98aa)) !important;
  font-size: 13px !important;
}

#view-projekte.mp-baustellen-golden .mp-bs-nav-menu {
  position: absolute !important;
  z-index: 120 !important;
  top: calc(100% + 7px) !important;
  right: 0 !important;
  display: grid !important;
  width: min(260px,80vw) !important;
  padding: 6px !important;
  border: 1px solid var(--bs-line) !important;
  border-radius: 12px !important;
  background: rgb(var(--mp-flaeche-rgb)) !important;
  box-shadow: 0 16px 34px -24px rgba(23,32,51,.72) !important;
}

#view-projekte.mp-baustellen-golden .mp-bs-nav-option {
  display: flex !important;
  min-height: 44px !important;
  padding: 0 11px !important;
  align-items: center !important;
  justify-content: space-between !important;
  border: 0 !important;
  border-bottom: 1px solid #edf1f5 !important;
  border-radius: 0 !important;
  background: rgb(var(--mp-flaeche-rgb)) !important;
  color: var(--bs-ink) !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  text-align: left !important;
}

#view-projekte.mp-baustellen-golden .mp-bs-nav-option:last-child {
  border-bottom: 0 !important;
}

#view-projekte.mp-baustellen-golden #projBriefingStrip {
  margin: 12px 0 0 !important;
  border-radius: 11px !important;
  box-shadow: none !important;
}

#view-projekte.mp-baustellen-golden #projOverviewTop {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
  align-items: start !important;
  gap: 12px !important;
  margin-top: 12px !important;
}

/* MP-20260905-019 (Nachtrag 3): .mp-bs-panel/.mp-bs-panel-head/.mp-bs-eyebrow/
   .mp-bs-panel-link werden fuer "Meine Stunden" (#mwhKpiPanel) mitgenutzt —
   per :is() erweitert, KEINE zweite duplizierte Regel (Drift-Risiko aus
   L-2026-09-01-A, siehe UX-Spec 2026-09-05-MP-20260905-019). */
:is(#view-projekte.mp-baustellen-golden, #view-meine-stunden.mp-my-hours-golden) .mp-bs-panel {
  overflow: hidden !important;
  margin: 0 !important;
  border: 1px solid var(--bs-line) !important;
  border-radius: 14px !important;
  background: rgb(var(--mp-flaeche-rgb)) !important;
  box-shadow: 0 8px 24px -24px rgba(23,32,51,.5) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

#view-projekte.mp-baustellen-golden .mp-bs-panel[hidden],
#view-projekte.mp-baustellen-golden #projKpiGrid[hidden],
:is(#view-projekte.mp-baustellen-golden, #view-meine-stunden.mp-my-hours-golden) .mp-bs-panel[hidden] {
  display: none !important;
}

:is(#view-projekte.mp-baustellen-golden, #view-meine-stunden.mp-my-hours-golden) .mp-bs-panel-head,
#view-projekte.mp-baustellen-golden #projBudgetCard > .card-header {
  display: flex !important;
  min-height: 66px !important;
  padding: 13px 16px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--bs-line) !important;
  background: rgb(var(--mp-flaeche-rgb)) !important;
}

:is(#view-projekte.mp-baustellen-golden, #view-meine-stunden.mp-my-hours-golden) .mp-bs-panel-head h2,
#view-projekte.mp-baustellen-golden #projBudgetCard > .card-header h2 {
  margin: 2px 0 0 !important;
  color: var(--bs-ink) !important;
  font-size: 17px !important;
  font-weight: 760 !important;
  letter-spacing: -.015em !important;
}

:is(#view-projekte.mp-baustellen-golden, #view-meine-stunden.mp-my-hours-golden) .mp-bs-eyebrow {
  display: block !important;
  color: var(--bs-muted) !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  letter-spacing: .075em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

/* .mp-bs-panel-link bleibt Baustellen-only ("Nachkalkulation ›") — QA-Befund
   B8 (Lena Berger, 05.09.) hat den gleichnamigen Knopf in der Meine-Stunden-
   Kennzahlenkarte entfernt (er zeigte immer auf die bereits aktive View,
   siehe meine-stunden.html), daher keine :is()-Erweiterung mehr dafuer. */
#view-projekte.mp-baustellen-golden .mp-bs-panel-link {
  min-height: 36px !important;
  padding: 0 10px !important;
  border-color: transparent !important;
  color: var(--bs-blue) !important;
}

#view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: rgb(var(--mp-flaeche-rgb)) !important;
}

#view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid .mp-kpi-tile {
  grid-column: auto !important;
  min-width: 0 !important;
  min-height: 88px !important;
  padding: 16px !important;
  border: 0 !important;
  border-right: 1px solid var(--bs-line) !important;
  border-bottom: 1px solid var(--bs-line) !important;
  border-radius: 0 !important;
  background: rgb(var(--mp-flaeche-rgb)) !important;
  box-shadow: none !important;
  transform: none !important;
}

#view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid .mp-kpi-tile::before {
  content: none !important;
}

#view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid .mp-kpi-tile[data-kpi="gewinn"] {
  grid-column: 1 / -1 !important;
  min-height: 108px !important;
  order: -2 !important;
  border-right: 0 !important;
  background: rgb(var(--mp-f1-fbfcfd)) !important;
}

#view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid .mp-kpi-tile[data-kpi="stunden"] {
  display: none !important;
}

#view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid .mp-kpi-tile[data-kpi="offen"] {
  border-right: 0 !important;
}

#view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid .mp-kpi-label {
  color: var(--bs-muted) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
}

#view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid .mp-kpi-value {
  margin-top: 7px !important;
  color: var(--bs-ink) !important;
  font-size: clamp(18px,1.6vw,23px) !important;
  font-weight: 780 !important;
  letter-spacing: -.025em !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
}

#view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid [data-kpi="gewinn"] .mp-kpi-value {
  color: var(--bs-good) !important;
  font-size: clamp(31px,3vw,42px) !important;
}

#view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid .mp-kpi-hint {
  margin-top: 5px !important;
  color: var(--bs-muted) !important;
  font-size: 11px !important;
}

#view-projekte.mp-baustellen-golden .mp-bs-cost-stand {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  min-height: 82px !important;
  padding: 13px 16px !important;
  align-items: center !important;
  gap: 16px !important;
  border: 0 !important;
  background: rgb(var(--mp-flaeche-rgb)) !important;
  box-shadow: none !important;
}

#view-projekte.mp-baustellen-golden .mp-bs-cost-stand .proj-radar-title {
  color: var(--bs-muted) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
}

#view-projekte.mp-baustellen-golden .mp-bs-cost-stand .proj-radar-sub,
#view-projekte.mp-baustellen-golden .mp-bs-cost-stand .radar-info,
#view-projekte.mp-baustellen-golden .mp-bs-cost-stand .proj-radar-metric:first-child,
#view-projekte.mp-baustellen-golden .mp-bs-cost-stand .proj-radar-metric:last-child,
#view-projekte.mp-baustellen-golden .mp-bs-cost-stand .proj-gauge {
  display: none !important;
}

#view-projekte.mp-baustellen-golden .mp-bs-cost-stand .proj-radar-badge {
  margin-left: 6px !important;
  padding: 3px 6px !important;
  border-radius: 6px !important;
  font-size: 9px !important;
}

#view-projekte.mp-baustellen-golden .mp-bs-cost-stand .proj-radar-metrics {
  display: block !important;
  margin-top: 7px !important;
}

#view-projekte.mp-baustellen-golden .mp-bs-cost-stand .proj-radar-metric {
  display: flex !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  gap: 10px !important;
}

#view-projekte.mp-baustellen-golden .mp-bs-cost-stand .proj-radar-metric span {
  color: var(--bs-muted) !important;
  font-size: 11px !important;
}

#view-projekte.mp-baustellen-golden .mp-bs-cost-stand .proj-radar-metric strong,
#view-projekte.mp-baustellen-golden .mp-bs-cost-stand .proj-gauge-caption strong {
  color: var(--bs-ink) !important;
  font-size: 16px !important;
  font-weight: 760 !important;
}

#view-projekte.mp-baustellen-golden .mp-bs-cost-stand .proj-radar-right {
  min-width: 92px !important;
  padding-left: 16px !important;
  border-left: 1px solid var(--bs-line) !important;
}

#view-projekte.mp-baustellen-golden .mp-bs-cost-stand .proj-gauge-caption {
  display: grid !important;
  gap: 4px !important;
  color: var(--bs-muted) !important;
  font-size: 10px !important;
}

#view-projekte.mp-baustellen-golden #projOverviewCard {
  display: none !important;
}

#view-projekte.mp-baustellen-golden #projBudgetCard > .card-header > .card-toggle,
#view-projekte.mp-baustellen-golden #projBudgetMuteBtn {
  display: none !important;
}

html body #view-projekte.mp-baustellen-golden #projBudgetCard.mp-bs-panel {
  display: block !important;
  padding: 0 !important;
}

html body #view-projekte.mp-baustellen-golden #projBudgetCard.mp-bs-panel > .card-header {
  display: flex !important;
  min-height: 66px !important;
  padding: 13px 16px !important;
  grid-template-columns: none !important;
}

html body #view-projekte.mp-baustellen-golden #projBudgetCard.mp-bs-panel button.card-toggle,
html body #view-projekte.mp-baustellen-golden #projBudgetCard.mp-bs-panel #projBudgetMuteBtn {
  display: none !important;
}

#view-projekte.mp-baustellen-golden #projBudgetCard > .card-header > div:nth-child(2) {
  margin-left: auto !important;
}

#view-projekte.mp-baustellen-golden #projBudgetCard .card-body {
  display: block !important;
  padding: 16px !important;
  background: rgb(var(--mp-flaeche-rgb)) !important;
}

#view-projekte.mp-baustellen-golden #projBudgetBar {
  height: 8px !important;
  border-radius: 4px !important;
  background: rgb(var(--mp-f3-e9edf2)) !important;
}

#view-projekte.mp-baustellen-golden #projBudgetBarFill {
  border-radius: 4px !important;
}

#view-projekte.mp-baustellen-golden #projBudgetCard .proj-budget-statgrid {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 0 !important;
  margin: 14px -16px -16px !important;
  border-top: 1px solid var(--bs-line) !important;
}

#view-projekte.mp-baustellen-golden #projBudgetCard .proj-budget-statgrid .mp-kpi-tile {
  min-height: 88px !important;
  padding: 15px 14px !important;
  border: 0 !important;
  border-right: 1px solid var(--bs-line) !important;
  border-radius: 0 !important;
  background: rgb(var(--mp-flaeche-rgb)) !important;
  box-shadow: none !important;
  transform: none !important;
}

#view-projekte.mp-baustellen-golden #projBudgetCard .proj-budget-statgrid .mp-kpi-tile::before,
#view-projekte.mp-baustellen-golden #projBudgetCard .proj-budget-statgrid [data-kpi="soll-h"] {
  display: none !important;
}

#view-projekte.mp-baustellen-golden #projBudgetCard .proj-budget-statgrid .mp-kpi-tile:last-child {
  border-right: 0 !important;
}

#view-projekte.mp-baustellen-golden #projBudgetCard .mp-kpi-label {
  color: var(--bs-muted) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
}

#view-projekte.mp-baustellen-golden #projBudgetCard .mp-kpi-value {
  margin-top: 7px !important;
  color: var(--bs-ink) !important;
  font-size: clamp(18px,1.6vw,23px) !important;
  font-weight: 760 !important;
  white-space: nowrap !important;
}

#view-projekte.mp-baustellen-golden #projBudgetCard .mp-kpi-hint {
  margin-top: 5px !important;
  color: var(--bs-muted) !important;
  font-size: 10.5px !important;
}

#view-projekte.mp-baustellen-golden [data-proj-section="baustelle"] {
  scroll-margin-top: 150px !important;
}

@media (max-width: 1199px) {
  html body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader[data-visible="1"] {
    grid-template-columns: auto minmax(0,1fr) auto !important;
  }

  html body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader .mp-pw-metrics {
    display: none !important;
  }

  #view-projekte.mp-baustellen-golden #projOverviewTop {
    grid-template-columns: minmax(0,1fr) !important;
  }
}

@media (max-width: 767px) {
  #view-projekte.mp-baustellen-golden .view-header {
    min-height: 0 !important;
    padding: 16px 18px !important;
    border-radius: 13px !important;
  }

  #view-projekte.mp-baustellen-golden .view-header h1 {
    font-size: 24px !important;
  }

  #view-projekte.mp-baustellen-golden .view-header-actions {
    margin-top: 12px !important;
  }

  #view-projekte.mp-baustellen-golden #mpProjKarte.mp-pkarte.is-karte {
    border-radius: 14px !important;
  }

  html body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader[data-visible="1"] {
    grid-template-columns: 34px minmax(0,1fr) !important;
    min-height: 0 !important;
    padding: 13px !important;
    gap: 10px !important;
  }

  html body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader .mp-pw-ico {
    width: 34px !important;
    height: 34px !important;
  }

  html body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader .mp-pw-name-row {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  html body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader .mp-pw-name {
    max-width: 100% !important;
    font-size: 15px !important;
  }

  html body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader .mp-pw-sub {
    display: flex !important;
    max-width: 100% !important;
    overflow: hidden !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }

  html body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader .mp-pw-sub #projWsActivity,
  html body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader .mp-pw-sub .mp-pw-dot[data-role="adresse-dot"] {
    display: none !important;
  }

  html body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader .mp-pw-sub #projWsAdresse {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #view-projekte.mp-baustellen-golden .mp-bs-project-actions {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    width: 100% !important;
  }

  #view-projekte.mp-baustellen-golden .mp-bs-project-action {
    min-height: 44px !important;
    padding: 0 9px !important;
    font-size: 11.5px !important;
  }

  #view-projekte.mp-baustellen-golden .mp-pkarte-reihe {
    padding: 5px !important;
  }

  #view-projekte.mp-baustellen-golden .mp-bs-group-nav {
    gap: 2px !important;
  }

  #view-projekte.mp-baustellen-golden .mp-bs-nav-item,
  #view-projekte.mp-baustellen-golden .mp-bs-nav-item > summary {
    min-height: 50px !important;
    padding: 5px 2px !important;
    border-radius: 8px !important;
    flex-direction: column !important;
    gap: 4px !important;
    font-size: 9.5px !important;
  }

  #view-projekte.mp-baustellen-golden .mp-bs-nav-icon,
  #view-projekte.mp-baustellen-golden .mp-bs-nav-icon svg {
    width: 17px !important;
    height: 17px !important;
  }

  #view-projekte.mp-baustellen-golden .mp-bs-nav-chevron {
    display: none !important;
  }

  #view-projekte.mp-baustellen-golden .mp-bs-nav-menu {
    position: fixed !important;
    z-index: 2200 !important;
    top: auto !important;
    right: 10px !important;
    bottom: calc(82px + env(safe-area-inset-bottom,0px)) !important;
    left: 10px !important;
    width: auto !important;
    max-height: min(58vh,430px) !important;
    overflow: auto !important;
    padding: 8px !important;
    border-radius: 14px !important;
  }

  #view-projekte.mp-baustellen-golden .mp-bs-nav-option {
    min-height: 48px !important;
    font-size: 14px !important;
  }

  #view-projekte.mp-baustellen-golden #projOverviewTop {
    gap: 10px !important;
    margin-top: 10px !important;
  }

  #view-projekte.mp-baustellen-golden .mp-bs-panel {
    border-radius: 12px !important;
  }

  #view-projekte.mp-baustellen-golden .mp-bs-panel-head,
  #view-projekte.mp-baustellen-golden #projBudgetCard > .card-header {
    min-height: 62px !important;
    padding: 12px 13px !important;
  }

  #view-projekte.mp-baustellen-golden .mp-bs-panel-link {
    min-height: 40px !important;
    font-size: 11px !important;
  }

  #view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  #view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid .mp-kpi-tile {
    min-height: 82px !important;
    padding: 13px !important;
  }

  #view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid .mp-kpi-tile[data-kpi="offen"] {
    grid-column: 1 / -1 !important;
    border-top: 0 !important;
  }

  #view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid [data-kpi="gewinn"] .mp-kpi-value {
    font-size: 33px !important;
  }

  #view-projekte.mp-baustellen-golden .mp-bs-cost-stand {
    padding: 13px !important;
  }

  #view-projekte.mp-baustellen-golden #projBudgetCard .proj-budget-statgrid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  #view-projekte.mp-baustellen-golden #projBudgetCard .proj-budget-statgrid .mp-kpi-tile[data-kpi="rest-budget"] {
    grid-column: 1 / -1 !important;
    border-top: 1px solid var(--bs-line) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #view-projekte.mp-baustellen-golden *,
  #view-projekte.mp-baustellen-golden *::before,
  #view-projekte.mp-baustellen-golden *::after {
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
    animation-duration: 1ms !important;
  }
}

html:not(#mpkk):not(#mpkk-2) body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden).view.active) .mp-record-sheet-actions .mp-record-sheet-action {
  min-height: var(--mp-menu-row-height,48px) !important;
  padding: var(--mp-menu-row-padding,10px 12px) !important;
}

html:not(#mpkk):not(#mpkk-2) body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden).view.active) .mp-record-sheet-action[class*="mp-accent-"] .mp-record-sheet-action-icon {
  width: var(--mp-menu-icon-size,24px) !important;
  height: var(--mp-menu-icon-size,24px) !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: var(--mp-menu-icon-color,var(--mp-accent-text,#0b78b8)) !important;
  box-shadow: none !important;
}

html:not(#mpkk):not(#mpkk-2) body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden).view.active) .mp-record-sheet-action.is-danger .mp-record-sheet-action-icon {
  color: var(--mp-danger,#dc2626) !important;
}

/* Aktionsblatt nach dem freigegebenen MalerPlus-Seitenmenue: eine ruhige
   weisse Liste, blaue Outline-Icons, rote Gefahr nur beim Loeschen. */
body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden).view.active) .mp-record-sheet {
  border: 1px solid var(--mp-border,rgba(15,23,42,.12)) !important;
  border-bottom: 0 !important;
  border-radius: var(--mp-menu-radius,12px) var(--mp-menu-radius,12px) 0 0 !important;
  background: var(--mp-bg-elevated,rgb(var(--mp-flaeche-rgb))) !important;
  box-shadow: var(--mp-shadow-lg,0 16px 44px rgba(15,23,42,.14)) !important;
}

body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden).view.active) .mp-record-sheet-brand {
  display: flex !important;
  margin-bottom: 5px !important;
  align-items: center !important;
  gap: 6px !important;
  color: #168bd2 !important;
  font: 760 10px/1 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden).view.active) .mp-record-sheet-brand > span {
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: #2bb0ff !important;
  box-shadow: 0 0 0 4px rgba(43,176,255,.12) !important;
}

body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass).view.active) .mp-record-sheet-actions {
  gap: 0 !important;
}

body:has(#view-projekte.view.active) .mp-record-sheet-group-title {
  margin: 8px 5px 2px !important;
  padding: 11px 4px 5px !important;
  border-top: 1px solid rgba(15,23,42,.08) !important;
  color: rgb(var(--mp-t3-8a98ab)) !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
}

body:has(#view-projekte.view.active) .mp-record-sheet-action.is-current {
  border-radius: var(--mp-menu-radius,12px) !important;
  background: var(--mp-menu-row-bg,var(--mp-selected)) !important;
}

body:has(#view-projekte.view.active) .mp-record-sheet-action.is-current .mp-record-sheet-action-chev {
  color: #159fe9 !important;
}

body:has(#view-projekte.view.active) .mp-record-sheet-action[data-mrd-setstatus="offen"] .mp-record-sheet-action-icon { color: #16a34a !important; }
body:has(#view-projekte.view.active) .mp-record-sheet-action[data-mrd-setstatus="laufend"] .mp-record-sheet-action-icon { color: #2bb0ff !important; }
body:has(#view-projekte.view.active) .mp-record-sheet-action[data-mrd-setstatus="pausiert"] .mp-record-sheet-action-icon { color: #f59e0b !important; }
body:has(#view-projekte.view.active) .mp-record-sheet-action[data-mrd-setstatus="abgeschlossen"] .mp-record-sheet-action-icon { color: #94a3b8 !important; }

body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass).view.active) .mp-record-sheet-actions .mp-record-sheet-action {
  min-height: var(--mp-menu-row-height,48px) !important;
  padding: var(--mp-menu-row-padding,10px 12px) !important;
  border: 0 !important;
  border-radius: var(--mp-menu-radius,12px) !important;
  background: var(--mp-menu-row-bg,transparent) !important;
  box-shadow: none !important;
}

body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass).view.active) .mp-record-sheet-actions .mp-record-sheet-action:last-child {
  border-bottom: 0 !important;
}

body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass).view.active) .mp-record-sheet-action-icon,
body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass).view.active) .mp-record-sheet-action[class*="mp-accent-"] .mp-record-sheet-action-icon {
  width: 42px !important;
  height: 42px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #159fe9 !important;
  box-shadow: none !important;
}

body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass).view.active) .mp-record-sheet-action-icon svg,
body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass).view.active) .mp-record-sheet-action-icon i svg {
  width: 23px !important;
  height: 23px !important;
  color: currentColor !important;
  stroke: currentColor !important;
  stroke-width: 2.15 !important;
  opacity: 1 !important;
}

body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass).view.active) .mp-record-sheet-action.mp-accent-green .mp-record-sheet-action-icon { color: #169b55 !important; }
body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass).view.active) .mp-record-sheet-action.mp-accent-amber .mp-record-sheet-action-icon { color: #cf6b14 !important; }

body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass).view.active) .mp-record-sheet-action-desc {
  display: none !important;
}

/* K-387 (MP-20260904-015): Die Zeile darüber blendet in diesen fünf Views
   JEDE Beschreibung aus (kompaktes Sheet). Für einen deaktivierten Eintrag
   (data-mp-disabled, siehe ui.js actionsHTML/mp-record-actions-sheet.js) ist
   die Beschreibung aber der einzige Ort, an dem der Grund steht ("Noch nicht
   festgeschrieben – …") — L-066: eine Stelle darf sichtbar bleiben und sagen,
   was fehlt, statt zu verschwinden. Deshalb hier gezielt wieder einblenden,
   NUR für .is-disabled, mit höherer Spezifität als die Regel oben (dieselbe
   body:has(...)-Kette + zwei Klassen statt einer). Farbe bewusst NICHT
   gesetzt: sie erbt den normalen, nicht gedimmten Desc-Ton aus
   record-list-v2.css (var(--mp-muted)) — Ida Neumanns Vorgabe, Label/Desc
   nicht abzudunkeln. */
body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass).view.active) .mp-record-sheet-action.is-disabled .mp-record-sheet-action-desc {
  display: block !important;
}

body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass).view.active) .mp-record-sheet-action-label {
  font-size: var(--mp-menu-font-size,15px) !important;
  font-weight: var(--mp-menu-font-weight,600) !important;
}

body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass).view.active) .mp-record-sheet-action.is-danger .mp-record-sheet-action-icon {
  color: #dc2626 !important;
}

/* Die feste App-Kante ist auf jedem Screen eckig. Karten darunter behalten
   ihren eigenen Radius und damit die visuelle Ebenentiefe. */
html body .topbar,
html body .topbar.glass {
  border-radius: 0 !important;
}

/* Kunden-Finder: Suche bleibt sichtbar, seltenere Filter und Verwaltungs-
   funktionen wohnen in einem einzigen kompakten Werkzeugfenster. */
#view-kunden .mp-kunden-tools {
  position: relative !important;
  z-index: 32 !important;
  display: block !important;
  width: 100% !important;
  margin: 10px 0 12px !important;
}

#view-kunden .mp-kunden-tools-trigger {
  box-sizing: border-box !important;
  display: flex !important;
  width: 100% !important;
  min-height: 42px !important;
  padding: 0 13px !important;
  align-items: center !important;
  gap: 9px !important;
  cursor: pointer !important;
  list-style: none !important;
  border: 1px solid rgba(15,23,42,.09) !important;
  border-radius: 13px !important;
  background: rgba(var(--mp-flaeche-2-rgb), .94) !important;
  color: rgb(var(--mp-t1-172033)) !important;
  box-shadow: inset 0 1px 0 #fff !important;
  font-size: 13px !important;
  font-weight: 740 !important;
}

#view-kunden .mp-kunden-tools-trigger::-webkit-details-marker { display: none !important; }
#view-kunden .mp-kunden-tools-trigger > svg { width: 17px !important; height: 17px !important; color: #168bd2 !important; }

#view-kunden .mp-kunden-tools-chevron {
  width: 8px !important;
  height: 8px !important;
  margin-left: auto !important;
  border-right: 2px solid #718095 !important;
  border-bottom: 2px solid #718095 !important;
  transform: rotate(45deg) translateY(-2px) !important;
  transition: transform 240ms cubic-bezier(.16,1,.3,1) !important;
}

#view-kunden .mp-kunden-tools[open] .mp-kunden-tools-chevron {
  transform: rotate(225deg) translate(-2px,-2px) !important;
}

#view-kunden .mp-kunden-tools:not([open]) > .mp-kunden-tools-popover { display: none !important; }

#view-kunden .mp-kunden-tools[open] > .mp-kunden-tools-popover {
  position: absolute !important;
  z-index: 96 !important;
  top: calc(100% + 7px) !important;
  left: 0 !important;
  box-sizing: border-box !important;
  display: grid !important;
  width: min(360px, calc(100vw - 32px)) !important;
  max-height: min(520px, calc(100dvh - 160px)) !important;
  gap: 10px !important;
  padding: 10px !important;
  overflow: auto !important;
  border: 1px solid rgba(255,255,255,.84) !important;
  border-radius: 18px !important;
  background: rgba(var(--mp-flaeche-rgb), .97) !important;
  box-shadow: 0 24px 62px -28px rgba(15,23,42,.50), inset 0 1px 0 #fff !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.3) !important;
  backdrop-filter: blur(24px) saturate(1.3) !important;
  animation: mpRecordFilterMenuIn 250ms cubic-bezier(.16,1,.3,1) both;
}

#view-kunden .mp-kunden-tools .kunden-toolbar-actions {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
  gap: 7px !important;
}

#view-kunden .mp-kunden-tools .kunden-toolbar-actions > button {
  box-sizing: border-box !important;
  min-width: 0 !important;
  min-height: 42px !important;
  padding: 0 10px !important;
  justify-content: flex-start !important;
  border-radius: 11px !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}

#view-kunden .mp-kunden-tools .kunden-toolbar-actions > .kunden-btn-danger {
  grid-column: 1 / -1 !important;
  color: #c92b24 !important;
}

#view-kunden .mp-kunden-tools .mp-workspace-list-controls {
  box-sizing: border-box !important;
  display: grid !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 9px !important;
  grid-template-columns: 72px minmax(0,1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  border: 1px solid rgba(15,23,42,.07) !important;
  border-radius: 12px !important;
  background: rgb(var(--mp-f2-f7f9fc)) !important;
}

#view-kunden .mp-kunden-tools .mp-workspace-list-controls label,
#view-kunden .mp-kunden-tools-label {
  color: rgb(var(--mp-t3-718095)) !important;
  font-size: 11px !important;
  font-weight: 740 !important;
}

#view-kunden .mp-kunden-tools .mp-workspace-sort {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 38px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  background: rgb(var(--mp-flaeche-rgb)) !important;
  font-size: 13px !important;
}

#view-kunden .mp-kunden-tools .kunden-az-filter {
  box-sizing: border-box !important;
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 2px 0 6px !important;
  gap: 5px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-inline: contain !important;
  scrollbar-width: thin !important;
}

#view-kunden .mp-kunden-tools .kunden-az-filter > * {
  flex: 0 0 auto !important;
}

/* ================================================================
   Profit-Arbeitsbereich: links scanbare Baustellen, rechts Controlling.
   Die Gesamt-KPIs bleiben erhalten; eine Auswahl zeigt zusaetzlich sofort
   den konkreten Baustellenprofit und fuehrt in die Baustelle weiter.
   ================================================================ */
#view-profit-dashboard > .view-container,
#view-profit-dashboard > .view-container > .view-box {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
}

#view-profit-dashboard .pd-card {
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#view-profit-dashboard .pdc-header {
  margin-bottom: 16px !important;
  padding: 20px 24px !important;
  align-items: center !important;
  border: 1px solid rgba(255,255,255,.82) !important;
  border-radius: 20px !important;
  background: rgba(var(--mp-flaeche-rgb), .95) !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.05), 0 18px 44px -32px rgba(15,23,42,.42), inset 0 1px 0 #fff !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.25) !important;
  backdrop-filter: blur(24px) saturate(1.25) !important;
}

#view-profit-dashboard .pdc-eyebrow {
  margin-bottom: 5px !important;
  color: rgb(var(--mp-t3-60718a)) !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

#view-profit-dashboard .pdc-title {
  gap: 0 !important;
  color: rgb(var(--mp-t1-172033)) !important;
  font-size: clamp(25px, 2vw, 34px) !important;
  letter-spacing: -.035em !important;
}

#view-profit-dashboard .pdc-title::before { display: none !important; }
#view-profit-dashboard .pdc-subtitle { margin: 5px 0 0 !important; color: rgb(var(--mp-t3-718095)) !important; font-size: 13px !important; font-weight: 520 !important; }
#view-profit-dashboard .pdc-body { display: block !important; padding: 0 !important; }

#view-profit-dashboard .pdc-workspace {
  display: grid !important;
  grid-template-columns: 340px minmax(0,1fr) !important;
  gap: 16px !important;
  align-items: start !important;
  transition: grid-template-columns 480ms cubic-bezier(.16,1,.3,1) !important;
}

#view-profit-dashboard .pdc-workspace.is-project-rail-collapsed { grid-template-columns: 58px minmax(0,1fr) !important; }

#view-profit-dashboard .pdc-project-master {
  position: sticky !important;
  z-index: 28 !important;
  top: 74px !important;
  box-sizing: border-box !important;
  display: flex !important;
  height: calc(100dvh - 154px) !important;
  min-height: 520px !important;
  padding: 21px 16px 16px !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.84) !important;
  border-radius: 22px !important;
  background: linear-gradient(145deg, rgb(var(--mp-flaeche-rgb)) 0%, rgb(var(--mp-flaeche-rgb)) 70%, rgb(var(--mp-flaeche-2-rgb)) 100%) !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.05), 0 24px 62px -38px rgba(15,23,42,.42), inset 0 1px 0 #fff !important;
  transition: padding 360ms ease !important;
}

#view-profit-dashboard .pdc-project-rail-toggle {
  position: absolute !important;
  z-index: 3 !important;
  top: 14px !important;
  right: 13px !important;
  display: grid !important;
  width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  place-items: center !important;
  border: 1px solid rgba(15,23,42,.09) !important;
  border-radius: 13px !important;
  background: rgba(var(--mp-flaeche-rgb), .94) !important;
  color: rgb(var(--mp-t3-516076)) !important;
  box-shadow: 0 9px 24px -18px rgba(15,23,42,.45), inset 0 1px 0 #fff !important;
  font-size: 22px !important;
  transition: transform 420ms cubic-bezier(.16,1,.3,1) !important;
}

#view-profit-dashboard .pdc-workspace.is-project-rail-collapsed .pdc-project-rail-toggle {
  right: 9px !important;
  transform: rotate(180deg) !important;
}

#view-profit-dashboard .pdc-project-master-head { padding: 1px 48px 14px 2px !important; border-bottom: 1px solid rgba(15,23,42,.07) !important; }
#view-profit-dashboard .pdc-project-master-head h2 { margin: 0 !important; color: rgb(var(--mp-t1-172033)) !important; font-size: 19px !important; font-weight: 820 !important; letter-spacing: -.02em !important; }
#view-profit-dashboard .pdc-project-master-head p { margin: 5px 0 0 !important; color: rgb(var(--mp-t3-718095)) !important; font-size: 11.5px !important; line-height: 1.4 !important; }

#view-profit-dashboard .pdc-project-search {
  box-sizing: border-box !important;
  display: flex !important;
  width: 100% !important;
  min-height: 44px !important;
  margin-top: 14px !important;
  padding: 0 12px !important;
  align-items: center !important;
  gap: 9px !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  border-radius: 13px !important;
  background: rgb(var(--mp-flaeche-rgb)) !important;
  box-shadow: inset 0 1px 0 #fff, 0 8px 20px -18px rgba(15,23,42,.42) !important;
}

#view-profit-dashboard .pdc-project-search svg { width: 17px !important; height: 17px !important; color: rgb(var(--mp-t3-8da0b8)) !important; }
#view-profit-dashboard .pdc-project-search input { width: 100% !important; min-width: 0 !important; height: 42px !important; padding: 0 !important; border: 0 !important; outline: 0 !important; background: transparent !important; color: rgb(var(--mp-t1-172033)) !important; font-size: 13px !important; }

#view-profit-dashboard .pdc-project-filter { position: relative !important; z-index: 30 !important; margin-top: 9px !important; }
#view-profit-dashboard .pdc-project-filter > summary {
  box-sizing: border-box !important;
  display: flex !important;
  width: 100% !important;
  min-height: 42px !important;
  padding: 0 12px !important;
  align-items: center !important;
  gap: 9px !important;
  cursor: pointer !important;
  list-style: none !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  border-radius: 12px !important;
  background: rgb(var(--mp-f2-f7f9fc)) !important;
  color: rgb(var(--mp-t2-435168)) !important;
  font-size: 12.5px !important;
  font-weight: 720 !important;
}
#view-profit-dashboard .pdc-project-filter > summary::-webkit-details-marker { display: none !important; }
#view-profit-dashboard .pdc-project-filter > summary svg { width: 17px !important; height: 17px !important; color: #168bd2 !important; }
#view-profit-dashboard .pdc-project-filter-chevron { width: 8px !important; height: 8px !important; margin-left: auto !important; border-right: 2px solid #718095 !important; border-bottom: 2px solid #718095 !important; transform: rotate(45deg) translateY(-2px) !important; }
#view-profit-dashboard .pdc-project-filter[open] .pdc-project-filter-chevron { transform: rotate(225deg) translate(-2px,-2px) !important; }
#view-profit-dashboard .pdc-project-filter:not([open]) > .pdc-project-filter-popover { display: none !important; }
#view-profit-dashboard .pdc-project-filter[open] > .pdc-project-filter-popover {
  position: absolute !important;
  z-index: 96 !important;
  top: calc(100% + 7px) !important;
  left: 0 !important;
  box-sizing: border-box !important;
  display: grid !important;
  width: 100% !important;
  gap: 9px !important;
  padding: 10px !important;
  border: 1px solid rgba(255,255,255,.86) !important;
  border-radius: 16px !important;
  background: rgba(var(--mp-flaeche-rgb), .98) !important;
  box-shadow: 0 22px 56px -28px rgba(15,23,42,.55), inset 0 1px 0 #fff !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.3) !important;
  backdrop-filter: blur(24px) saturate(1.3) !important;
  animation: mpRecordFilterMenuIn 240ms cubic-bezier(.16,1,.3,1) both;
}
#view-profit-dashboard .pdc-project-filter-popover label { display: grid !important; gap: 5px !important; color: rgb(var(--mp-t3-718095)) !important; font-size: 10.5px !important; font-weight: 760 !important; text-transform: uppercase !important; letter-spacing: .04em !important; }
#view-profit-dashboard .pdc-project-filter-popover select { box-sizing: border-box !important; width: 100% !important; min-height: 40px !important; padding: 0 10px !important; border: 1px solid rgba(15,23,42,.09) !important; border-radius: 10px !important; background: rgb(var(--mp-flaeche-rgb)) !important; color: rgb(var(--mp-t1-172033)) !important; font-size: 13px !important; text-transform: none !important; letter-spacing: normal !important; }

#view-profit-dashboard .pdc-project-master-meta { padding: 11px 3px 7px !important; color: rgb(var(--mp-t3-8a98ab)) !important; font-size: 10.5px !important; font-weight: 750 !important; letter-spacing: .045em !important; text-transform: uppercase !important; }
#view-profit-dashboard .pdc-project-master-list { min-height: 0 !important; flex: 1 1 auto !important; overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior: contain !important; scrollbar-width: thin !important; }

#view-profit-dashboard .pdc-project-row {
  box-sizing: border-box !important;
  display: grid !important;
  width: 100% !important;
  min-height: 68px !important;
  padding: 9px 9px !important;
  grid-template-columns: 8px minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 9px !important;
  border: 1px solid transparent !important;
  border-bottom-color: rgba(15,23,42,.065) !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: rgb(var(--mp-t1-172033)) !important;
  text-align: left !important;
}
#view-profit-dashboard .pdc-project-row:hover { background: rgba(43,176,255,.055) !important; }
#view-profit-dashboard .pdc-project-row.is-active { border-color: rgba(43,176,255,.23) !important; background: rgba(43,176,255,.105) !important; box-shadow: inset 3px 0 0 #159fe9 !important; }
#view-profit-dashboard .pdc-project-row-dot { width: 7px !important; height: 7px !important; border-radius: 999px !important; background: #16a34a !important; box-shadow: 0 0 0 4px rgba(22,163,74,.10) !important; }
#view-profit-dashboard .pdc-project-row.is-critical .pdc-project-row-dot { background: #ef4444 !important; box-shadow: 0 0 0 4px rgba(239,68,68,.10) !important; }
#view-profit-dashboard .pdc-project-row.is-potential .pdc-project-row-dot { background: #8b5cf6 !important; box-shadow: 0 0 0 4px rgba(139,92,246,.10) !important; }
#view-profit-dashboard .pdc-project-row-copy { display: grid !important; min-width: 0 !important; gap: 3px !important; }
#view-profit-dashboard .pdc-project-row-copy strong { overflow: hidden !important; font-size: 12.5px !important; font-weight: 760 !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
#view-profit-dashboard .pdc-project-row-copy small { overflow: hidden !important; color: rgb(var(--mp-t3-7d8ba0)) !important; font-size: 10.5px !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
#view-profit-dashboard .pdc-project-row-kpi { display: grid !important; justify-items: end !important; gap: 3px !important; }
#view-profit-dashboard .pdc-project-row-kpi strong { font-size: 12.5px !important; font-weight: 800 !important; white-space: nowrap !important; }
#view-profit-dashboard .pdc-project-row.is-critical .pdc-project-row-kpi strong { color: #dc2626 !important; }
#view-profit-dashboard .pdc-project-row.is-profit .pdc-project-row-kpi strong { color: #07834c !important; }
#view-profit-dashboard .pdc-project-row.is-potential .pdc-project-row-kpi strong { color: #7c3aed !important; }
#view-profit-dashboard .pdc-project-row-kpi small { color: rgb(var(--mp-t3-8a98ab)) !important; font-size: 9.5px !important; white-space: nowrap !important; }
#view-profit-dashboard .pdc-project-master-empty { padding: 28px 12px !important; color: rgb(var(--mp-t3-8a98ab)) !important; text-align: center !important; font-size: 12px !important; }

#view-profit-dashboard .pdc-workspace.is-project-rail-collapsed .pdc-project-master { padding: 0 !important; }
#view-profit-dashboard .pdc-workspace.is-project-rail-collapsed .pdc-project-master > :not(.pdc-project-rail-toggle) { opacity: 0 !important; pointer-events: none !important; }

#view-profit-dashboard .pdc-content { display: flex !important; min-width: 0 !important; flex-direction: column !important; gap: 12px !important; }
#view-profit-dashboard .pdc-hero { min-height: 126px !important; border-color: rgba(255,255,255,.82) !important; box-shadow: 0 1px 2px rgba(15,23,42,.05), 0 18px 44px -34px rgba(15,23,42,.42), inset 0 1px 0 #fff !important; }
#view-profit-dashboard .pdc-hero-main { padding: 19px 21px !important; }
#view-profit-dashboard .pdc-hero-main .pd-kpi-val { font-size: clamp(31px,3vw,41px) !important; }
#view-profit-dashboard .pdc-hero-sec { padding: 18px !important; }
#view-profit-dashboard .pdc-strip { grid-template-columns: repeat(5,minmax(0,1fr)) !important; gap: 7px !important; }
#view-profit-dashboard .pdc-strip-tile { min-width: 0 !important; padding: 11px 12px !important; border-color: rgba(255,255,255,.78) !important; background: rgba(var(--mp-flaeche-rgb), .94) !important; box-shadow: 0 10px 28px -24px rgba(15,23,42,.38), inset 0 1px 0 #fff !important; }
#view-profit-dashboard .pdc-filter-bar { margin: 0 !important; padding: 10px 12px !important; border: 1px solid rgba(255,255,255,.78) !important; border-radius: 15px !important; background: rgba(var(--mp-flaeche-rgb), .91) !important; box-shadow: 0 10px 30px -26px rgba(15,23,42,.40), inset 0 1px 0 #fff !important; }

#view-profit-dashboard .pdc-project-focus {
  box-sizing: border-box !important;
  display: grid !important;
  padding: 16px 17px !important;
  gap: 13px !important;
  border: 1px solid rgba(43,176,255,.20) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, rgba(var(--mp-flaeche-rgb), .98), rgba(var(--mp-f2-f0f8ff), 0.96)) !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.045), 0 18px 46px -34px rgba(15,23,42,.42), inset 0 1px 0 #fff !important;
}
#view-profit-dashboard .pdc-project-focus[hidden] { display: none !important; }
#view-profit-dashboard .pdc-project-focus.is-critical { border-color: rgba(239,68,68,.22) !important; background: linear-gradient(145deg,rgb(var(--mp-flaeche-rgb)),rgba(var(--mp-f2-fff7f7), 0.97)) !important; }
#view-profit-dashboard .pdc-project-focus.is-potential { border-color: rgba(139,92,246,.20) !important; background: linear-gradient(145deg,rgb(var(--mp-flaeche-rgb)),rgba(var(--mp-f2-f9f7ff), 0.97)) !important; }
#view-profit-dashboard .pdc-project-focus-head { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 12px !important; }
#view-profit-dashboard .pdc-project-focus-kicker { margin-bottom: 4px !important; color: #168bd2 !important; font-size: 10px !important; font-weight: 820 !important; letter-spacing: .07em !important; text-transform: uppercase !important; }
#view-profit-dashboard .pdc-project-focus h2 { margin: 0 !important; color: rgb(var(--mp-t1-172033)) !important; font-size: 19px !important; letter-spacing: -.02em !important; }
#view-profit-dashboard .pdc-project-focus p { margin: 3px 0 0 !important; color: rgb(var(--mp-t3-718095)) !important; font-size: 12px !important; }
#view-profit-dashboard .pdc-project-focus-status { padding: 5px 9px !important; border-radius: 999px !important; background: rgba(22,163,74,.10) !important; color: #07834c !important; font-size: 10.5px !important; font-weight: 780 !important; white-space: nowrap !important; }
#view-profit-dashboard .pdc-project-focus.is-critical .pdc-project-focus-status { background: rgba(239,68,68,.09) !important; color: #c92b24 !important; }
#view-profit-dashboard .pdc-project-focus.is-potential .pdc-project-focus-status { background: rgba(139,92,246,.09) !important; color: #7c3aed !important; }
#view-profit-dashboard .pdc-project-focus-grid { display: grid !important; grid-template-columns: repeat(5,minmax(0,1fr)) !important; gap: 8px !important; }
#view-profit-dashboard .pdc-project-focus-grid > div { min-width: 0 !important; padding: 9px 10px !important; border-radius: 11px !important; background: rgba(var(--mp-flaeche-rgb), .78) !important; box-shadow: inset 0 0 0 1px rgba(15,23,42,.055) !important; }
#view-profit-dashboard .pdc-project-focus-grid span { display: block !important; color: rgb(var(--mp-t3-8391a5)) !important; font-size: 9.5px !important; font-weight: 760 !important; letter-spacing: .045em !important; text-transform: uppercase !important; }
#view-profit-dashboard .pdc-project-focus-grid strong { display: block !important; margin-top: 3px !important; overflow: hidden !important; color: rgb(var(--mp-t1-172033)) !important; font-size: 14px !important; font-weight: 820 !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
#view-profit-dashboard .pdc-project-focus.is-critical .pdc-focus-profit strong { color: #dc2626 !important; }
#view-profit-dashboard .pdc-project-focus.is-profit .pdc-focus-profit strong { color: #07834c !important; }
#view-profit-dashboard .pdc-project-open { justify-self: end !important; min-height: 40px !important; padding: 0 14px !important; border: 1px solid rgba(43,176,255,.24) !important; border-radius: 11px !important; background: rgba(43,176,255,.10) !important; color: #087fc3 !important; font-size: 12.5px !important; font-weight: 760 !important; }

#view-profit-dashboard .pd-board { gap: 8px !important; }
#view-profit-dashboard .pd-col { border-color: rgba(255,255,255,.82) !important; border-radius: 16px !important; box-shadow: 0 12px 34px -28px rgba(15,23,42,.38), inset 0 1px 0 #fff !important; }
#view-profit-dashboard .pd-col-header { padding: 11px 13px 9px !important; background: rgba(var(--mp-flaeche-2-rgb), .82) !important; }
#view-profit-dashboard .pd-col-list { max-height: 330px !important; padding: 7px !important; gap: 5px !important; }
#view-profit-dashboard .pd-col-empty { padding: 18px 8px !important; }
#view-profit-dashboard .pd3-card { padding: 9px 10px !important; border-radius: 10px !important; box-shadow: none !important; }
#view-profit-dashboard .pd3-name { margin-bottom: 2px !important; font-size: 12.5px !important; }
#view-profit-dashboard .pd3-value { margin-bottom: 3px !important; font-size: 14px !important; }
#view-profit-dashboard .pd3-tags { margin-top: 3px !important; gap: 3px !important; }
#view-profit-dashboard .pd3-tag { padding: 2px 5px !important; font-size: 9.5px !important; }

#view-profit-dashboard #pdRadar2Section { margin-top: 4px !important; }
#view-profit-dashboard #pdRadar2List { display: grid !important; max-height: 520px !important; padding: 2px !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; overflow: auto !important; }
#view-profit-dashboard #pdRadar2List .r3-card { min-width: 0 !important; margin: 0 !important; padding: 12px !important; border-radius: 14px !important; box-shadow: 0 10px 30px -26px rgba(15,23,42,.38) !important; }
#view-profit-dashboard #pdRadar2List .r3-signal { margin-top: 7px !important; padding: 7px 9px !important; }
#view-profit-dashboard #pdRadar2List .r3-action { margin-top: 6px !important; }
#view-profit-dashboard #pdRadar2List .r3-tags { margin-top: 6px !important; }
#view-profit-dashboard #pdRadar2List .r3-btns { margin-top: 8px !important; gap: 5px !important; }

@media (min-width: 768px) and (max-width: 1100px) {
  #view-profit-dashboard .pdc-workspace { grid-template-columns: 286px minmax(0,1fr) !important; }
  #view-profit-dashboard .pdc-project-master { padding-inline: 13px !important; }
  #view-profit-dashboard .pdc-hero { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  #view-profit-dashboard .pdc-hero-main { grid-column: 1 / -1 !important; border-right: 0 !important; border-bottom: 1px solid rgba(15,23,42,.07) !important; }
  #view-profit-dashboard .pdc-strip { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
  #view-profit-dashboard .pdc-project-focus-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
  #view-profit-dashboard .pd-board { grid-template-columns: minmax(0,1fr) !important; }
}

@media (max-width: 767px) {
  #view-profit-dashboard > .view-container { padding-top: 16px !important; }
  #view-profit-dashboard .pdc-header { margin-bottom: 10px !important; padding: 16px !important; border-radius: 18px !important; }
  #view-profit-dashboard .pdc-subtitle { line-height: 1.4 !important; }
  #view-profit-dashboard .pd-header-actions { margin-left: auto !important; }
  #view-profit-dashboard .pdc-workspace,
  #view-profit-dashboard .pdc-workspace.is-project-rail-collapsed { display: flex !important; flex-direction: column !important; gap: 10px !important; }
  #view-profit-dashboard .pdc-project-master { position: relative !important; top: auto !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: 440px !important; padding: 17px 14px 14px !important; border-radius: 18px !important; transition: max-height 460ms cubic-bezier(.16,1,.3,1), padding 320ms ease !important; }
  #view-profit-dashboard .pdc-workspace.is-project-rail-collapsed .pdc-project-master { height: 58px !important; max-height: 58px !important; padding: 0 !important; }
  #view-profit-dashboard .pdc-workspace.is-project-rail-collapsed .pdc-project-rail-toggle { top: 9px !important; right: 9px !important; }
  #view-profit-dashboard .pdc-project-master-list { max-height: 235px !important; }
  #view-profit-dashboard .pdc-project-search input { font-size: 16px !important; }
  #view-profit-dashboard .pdc-project-filter[open] > .pdc-project-filter-popover { position: static !important; margin-top: 7px !important; }
  #view-profit-dashboard .pdc-content { gap: 9px !important; }
  #view-profit-dashboard .pdc-hero { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  #view-profit-dashboard .pdc-hero-main { grid-column: 1 / -1 !important; padding: 17px !important; border-right: 0 !important; border-bottom: 1px solid rgba(15,23,42,.07) !important; }
  #view-profit-dashboard .pdc-hero-main .pd-kpi-val { font-size: 33px !important; }
  #view-profit-dashboard .pdc-hero-sec { padding: 13px !important; border-bottom: 0 !important; }
  #view-profit-dashboard .pdc-hero-sec .pd-kpi-val { font-size: 19px !important; }
  #view-profit-dashboard .pdc-strip { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  #view-profit-dashboard .pdc-filter-bar { align-items: stretch !important; }
  #view-profit-dashboard .pdc-filter-controls { display: grid !important; width: 100% !important; grid-template-columns: minmax(0,1fr) auto auto !important; }
  #view-profit-dashboard .pdc-filter-controls .dash-planner-view-toggle { min-width: 0 !important; }
  #view-profit-dashboard .pdc-filter-controls select { min-width: 0 !important; }
  #view-profit-dashboard .pdc-project-focus { padding: 14px !important; }
  #view-profit-dashboard .pdc-project-focus-head { display: grid !important; }
  #view-profit-dashboard .pdc-project-focus-status { justify-self: start !important; }
  #view-profit-dashboard .pdc-project-focus-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  #view-profit-dashboard .pdc-project-open { width: 100% !important; justify-self: stretch !important; }
  #view-profit-dashboard #pdRadar2List { grid-template-columns: minmax(0,1fr) !important; max-height: none !important; }
}

/* Kommunikationskopf: Markenicon steht immer VOR Titel und Kunde. */
html:not(#mpkk):not(#mpkk-2) body :is(#view-kva, #view-rechnung).view .mp-comm-card .mp-comm-header--radar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 16px !important;
}

html:not(#mpkk):not(#mpkk-2) body :is(#view-kva, #view-rechnung).view .mp-comm-card .mp-comm-header-left {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}

html:not(#mpkk):not(#mpkk-2) body :is(#view-kva, #view-rechnung).view .mp-comm-card .mp-comm-radar-icon {
  grid-column: 1 !important;
  grid-row: 1 !important;
  margin: 0 !important;
}

html:not(#mpkk):not(#mpkk-2) body :is(#view-kva, #view-rechnung).view .mp-comm-card .mp-comm-header-copy {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
}

@media (max-width: 767px) {
  html:not(#mpkk):not(#mpkk-2) body :is(#view-kva, #view-rechnung).view .mp-comm-card .mp-comm-header--radar {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
  }

  html:not(#mpkk):not(#mpkk-2) body :is(#view-kva, #view-rechnung).view .mp-comm-card .mp-comm-actions-head {
    grid-column: 1 !important;
    width: 100% !important;
    justify-content: flex-start !important;
  }
}

/* Muss nach den historischen Bottom-Sheet-Regeln stehen: ab Tablet ist das
   Aktionsmenue eine schmale Palette direkt neben der rechten Werkzeugleiste. */
@media (min-width: 600px) {
  html body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass).view.active) .mp-record-sheet {
    right: 84px !important;
    left: auto !important;
    top: 76px !important;
    bottom: 86px !important;
    box-sizing: border-box !important;
    width: min(352px, calc(100vw - 112px)) !important;
    max-height: none !important;
    padding: 14px 13px !important;
    overflow: auto !important;
    border: 1px solid rgba(255,255,255,.86) !important;
    border-radius: 24px !important;
    background: rgba(var(--mp-flaeche-rgb), .97) !important;
    box-shadow: 0 28px 72px -30px rgba(15,23,42,.50), inset 0 1px 0 #fff !important;
    transform: translateX(calc(100% + 116px)) scale(.985) !important;
    transform-origin: right center !important;
    transition: transform 440ms cubic-bezier(.16,1,.3,1) !important;
  }

  html body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass).view.active) .mp-record-sheet.is-open {
    transform: translateX(0) scale(1) !important;
  }

  html body:has(:is(#view-kva, #view-rechnung, #view-projekte, #view-kunden, #view-aufmass).view.active) .mp-record-sheet-handle {
    display: none !important;
  }
}

/* =========================================================
   MOBILE UX GOLDEN STANDARD · adaptive Restkorrekturen
   ========================================================= */
.pdc-project-rail-toggle-mobile { display: none; }

@media (max-width: 767px) {
  /* Profit: Die eingeklappte Masterliste bleibt als verständlicher Selector
     sichtbar. Ein leerer Block ist auf Touch-Geräten keine Navigation. */
  html body #view-profit-dashboard .pdc-workspace.is-project-rail-collapsed .pdc-project-master {
    height: 62px !important;
    max-height: 62px !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body #view-profit-dashboard .pdc-workspace.is-project-rail-collapsed .pdc-project-rail-toggle {
    inset: 0 !important;
    display: flex !important;
    width: 100% !important;
    height: 62px !important;
    padding: 0 14px !important;
    justify-content: flex-start !important;
    gap: 11px !important;
    border: 0 !important;
    border-radius: 17px !important;
    background: linear-gradient(145deg,rgb(var(--mp-flaeche-rgb)) 0%,rgb(var(--mp-f2-f7fbfe)) 100%) !important;
    box-shadow: inset 0 1px 0 #fff !important;
  }

  html body #view-profit-dashboard .pdc-workspace.is-project-rail-collapsed .pdc-project-rail-toggle-icon {
    order: 3 !important;
    margin-left: auto !important;
    transform: rotate(180deg) !important;
    color: #168bd2 !important;
    font-size: 24px !important;
  }

  html body #view-profit-dashboard .pdc-workspace.is-project-rail-collapsed .pdc-project-rail-toggle-mobile {
    display: flex !important;
    min-width: 0 !important;
    align-items: center !important;
    gap: 11px !important;
    text-align: left !important;
  }

  html body #view-profit-dashboard .pdc-project-rail-toggle-mobile > svg {
    width: 21px !important;
    height: 21px !important;
    color: #168bd2 !important;
  }

  html body #view-profit-dashboard .pdc-project-rail-toggle-mobile > span {
    display: grid !important;
    min-width: 0 !important;
    gap: 1px !important;
  }

  html body #view-profit-dashboard .pdc-project-rail-toggle-mobile strong {
    color: rgb(var(--mp-t1-172033)) !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  html body #view-profit-dashboard .pdc-project-rail-toggle-mobile small {
    color: rgb(var(--mp-t3-718095)) !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  html body #view-profit-dashboard .pdc-workspace:not(.is-project-rail-collapsed) .pdc-project-rail-toggle-mobile {
    display: none !important;
  }

  /* Profit-KPIs: schnell scannbar, ohne Eurozeichen oder Werte zu umbrechen. */
  html body #view-profit-dashboard .pdc-hero {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    border-radius: 19px !important;
  }

  html body #view-profit-dashboard .pdc-hero-main {
    grid-column: 1 / -1 !important;
    padding: 17px 16px !important;
  }

  html body #view-profit-dashboard .pdc-hero-main > .pd-kpi-val {
    font-size: clamp(31px,10vw,40px) !important;
    line-height: 1.03 !important;
    white-space: nowrap !important;
  }

  html body #view-profit-dashboard .pdc-hero-marge {
    width: fit-content !important;
    max-width: 100% !important;
    margin-top: 10px !important;
    padding: 7px 10px !important;
  }

  html body #view-profit-dashboard .pdc-hero-marge .pd-kpi-val {
    font-size: 25px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body #view-profit-dashboard .pdc-hero-sec {
    min-width: 0 !important;
    padding: 13px 12px !important;
  }

  html body #view-profit-dashboard .pdc-hero-sec .pd-kpi-val {
    font-size: clamp(17px,5.6vw,22px) !important;
    line-height: 1.12 !important;
    white-space: nowrap !important;
  }

  html body #view-profit-dashboard .pdc-strip {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  html body #view-profit-dashboard .pdc-strip-sep { display: none !important; }

  html body #view-profit-dashboard .pdc-strip-tile {
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 12px !important;
    border-radius: 15px !important;
  }

  html body #view-profit-dashboard .pdc-strip-tile .pd-kpi-val {
    overflow: hidden !important;
    font-size: clamp(16px,5vw,21px) !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body #view-profit-dashboard .pdc-strip-tile:last-child {
    grid-column: 1 / -1 !important;
  }

  /* Rechnung: beide kompakten Filter behalten Kicker + Wert. */
  html body #view-rechnung.view.active > .mp-workspace-list-master .mp-record-filter-menu-text {
    display: grid !important;
    align-items: center !important;
    gap: 0 !important;
  }

  html body #view-rechnung.view.active > .mp-workspace-list-master .mp-record-filter-menu-kicker {
    display: block !important;
    font-size: 9px !important;
    line-height: 1.1 !important;
    letter-spacing: .045em !important;
    text-transform: uppercase !important;
  }

  html body #view-rechnung.view.active > .mp-workspace-list-master .mp-record-filter-menu-value {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  /* Planer: Status und komplette Woche ohne horizontale Scrollkrücke. */
  html body #view-baustellenplanung #mpPlannerStatusFilter.mp-planner-statusfilter {
    display: flex !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
    gap: 7px !important;
    padding-bottom: 0 !important;
  }

  html body #view-baustellenplanung #mpPlannerStatusFilter .mp-psf-label {
    flex: 1 0 100% !important;
  }

  html body #view-baustellenplanung #mpPlannerStatusFilter .mp-psf-chip {
    flex: 1 1 calc(50% - 4px) !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding-inline: 9px !important;
    white-space: normal !important;
  }

  html body #view-baustellenplanung .dpm-ws-days {
    display: grid !important;
    grid-template-columns: repeat(7,minmax(0,1fr)) !important;
    gap: 3px !important;
    width: 100% !important;
    overflow: visible !important;
    padding: 8px 0 !important;
  }

  html body #view-baustellenplanung .dpm-ws-day {
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 7px 2px 6px !important;
    border-radius: 11px !important;
  }

  html body #view-baustellenplanung .dpm-ws-badge {
    top: -6px !important;
    right: -2px !important;
  }

  /* Dateien: alle Kategorien sind sichtbar und direkt antippbar. */
  html body #view-dateien #mpFilesFilters.mp-chip-row {
    display: flex !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
    gap: 7px !important;
    padding: 2px 0 !important;
    scroll-snap-type: none !important;
  }

  html body #view-dateien #mpFilesFilters .mp-chip {
    flex: 1 1 auto !important;
    min-height: 44px !important;
    justify-content: center !important;
    scroll-snap-align: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body .mp-workspace-list-master,
  html body .mp-mobile-module-sheet,
  html body #view-profit-dashboard .pdc-project-master {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

/* Golden-Screen Final-Lock: Diese Regeln stehen absichtlich am Dateiende.
   Mehrere historische Projekte-Styles werden spät geladen und arbeiteten
   ebenfalls mit !important; der Golden Screen braucht genau eine Endinstanz. */
/* MP-20260830-003 · finaler Breakpoint-Hardwall: aktiver Datensatz exakt wie
   in Geschäftsbriefe und die Briefsuche immer mit normal großer Lupe. */
html:not(#mpkk):not(#mpkk-2) body :is(#view-kva,#view-rechnung,#view-projekte,#view-aufmass,#view-mail).view .mp-workspace-list-master .mp-record-row.is-active {
  border: 0 !important;
  outline: 0 !important;
  background: linear-gradient(105deg,rgba(43,176,255,.14),rgba(43,176,255,.07)) !important;
  box-shadow: inset 0 0 0 1px rgba(43,176,255,.18) !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-briefe .mp-workspace-list-master .mp-list-search-row > svg {
  display: block !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
}

html:not(#mpkk):not(#mpkk-2) body:has(#mpBsGroupNav) #view-projekte.mp-baustellen-golden #mpProjKarte #projTabsNav.mp-proj-tabs.mp-pti-reihe {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader[data-visible="1"] {
  top: 0 !important;
  left: 0 !important;
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto auto !important;
  min-height: 82px !important;
  padding: 15px 16px !important;
  align-items: center !important;
  gap: 12px !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetCard.mp-bs-panel {
  display: block !important;
  height: auto !important;
  padding: 0 !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetCard.mp-bs-panel > .card-header {
  display: flex !important;
  min-height: 66px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 13px 16px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  border-bottom: 1px solid var(--bs-line) !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetCard.mp-bs-panel > .card-body {
  display: block !important;
  height: auto !important;
  padding: 16px !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetCard.mp-bs-panel button.card-toggle,
html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetCard.mp-bs-panel #projBudgetMuteBtn {
  display: none !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetCard .proj-budget-statgrid {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 0 !important;
  margin: 14px -16px -16px !important;
}

@media (max-width: 1199px) {
  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader[data-visible="1"] {
    grid-template-columns: auto minmax(0,1fr) auto !important;
  }
}

@media (max-width: 767px) {
  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader[data-visible="1"] {
    grid-template-columns: 34px minmax(0,1fr) !important;
    min-height: 0 !important;
    padding: 13px !important;
    gap: 10px !important;
  }

  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetCard .proj-budget-statgrid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader .mp-pw-ident {
  display: grid !important;
  min-width: 0 !important;
  align-content: center !important;
  gap: 3px !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader .mp-pw-sub {
  display: flex !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  overflow: hidden !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader .mp-pw-metrics {
  display: none !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #mpProjKarte #projWorkspaceHeader[data-visible="1"] {
  grid-template-columns: auto minmax(0,1fr) auto !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetCard.mp-bs-panel > .card-header {
  flex-wrap: nowrap !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetCard.mp-bs-panel > .card-header > div:first-child {
  flex: 1 1 auto !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetCard.mp-bs-panel > .card-header > div:nth-child(2) {
  margin-left: 0 !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .mp-bs-cost-stand .proj-radar-metric {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetMixHint {
  margin-top: 12px !important;
  padding: 10px 11px !important;
  border-radius: 9px !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetMixHintBody {
  display: -webkit-box !important;
  margin-top: 2px !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

/* ============================================================================
   MP-20260901-004 (Nachbesserung 2, Lenas Re-QA Runde 2) · ZENTRALE Z-SKALA
   WORKSPACE-VERBUND — EINZIGE QUELLE FUER DEN RAIL-Z-INDEX
   ============================================================================
   Marcel: die offene Arbeitsleiste lag in JEDEM Modul optisch UNTER dem
   Modulkopf bzw. der Arbeitskarte, weil deren eigene sticky Elemente
   (u. a. #mpBsGroupNav, .mp-editor-command-deck, .mp-planner-golden-nav)
   mit z-index bis 440 arbeiten (mp-baustellen-golden-v2.css), waehrend die
   Leiste bei Desktop (z:40/70) und Tablet (z:70) deutlich niedriger lag.
   Mobil (<768px) hatte exakt dasselbe Problem schon einmal und wurde mit
   der Stufenfolge

       Backdrop 4660  <  Leiste 4680  <  externer Pfeil 4685  <  Dock 4690

   geloest (siehe oben, @media (max-width:767px), rund um Zeile 2712). Diese
   Regel hebt Desktop UND Tablet auf DIESELBE, bereits bewaehrte Stufenfolge
   — EINE Skala fuer alle drei Breiten und alle acht Workspace-Module (kva,
   rechnung, projekte, kunden, briefe, profit, notizen, chat) ueber die
   gemeinsame Klasse .mp-list-workspace. Der externe Wiederoeffnen-Pfeil
   liegt bereits app-weit bei 4685 (mp-baustellen-golden-v2.css:86) und
   bleibt damit unveraendert ueber der Leiste bedienbar; der Dock bei 4690
   bleibt unveraendert ueber allem.

   KORREKTUR (Lenas Re-QA Runde 2, gleicher Tag): Der erste Versuch dieser
   Regel ging davon aus, gleiche Spezifitaet gegen die einzelnen Modulregeln
   zu haben und als letzte Deklaration im Quelltext zu gewinnen. Das war
   falsch nachgerechnet — diese Regel traegt NUR die Klasse
   `.mp-list-workspace` (Spezifitaet 2 IDs/4 Klassen/2 Elemente), waehrend
   Notizen/Chat (Zeile ~2951/3052), Briefe (Zeile ~1123/1135) und Profit
   (mp-baustellen-golden-v2.css, `.pdc-project-master`-Regeln) ihre View
   zusaetzlich per `:is(#view-x,#view-y)` bzw. direktem `#view-x` ansprechen
   — das zaehlt als DRITTE ID (3 IDs/3 Klassen/2 Elemente) und schlaegt diese
   Regel unabhaengig von der Position im Quelltext. Gemessen: view-kva/
   view-projekte bekamen 4680, view-notizen/view-baustellenchat blieben bei
   70 (Backdrop 64 < 70 — an diesem Tag nichts sichtbar kaputt, aber die
   dritte Auspraegung derselben Spezifitaets-Falle, siehe SHARED_LEARNINGS
   L-2026-09-01-A).

   LOESUNG: Die repo-weite Konvention "genau zwei :not()-Anker"
   (mp-kartenkopf-standard.css:76-79, bewusste Obergrenze — Regeln mit drei
   oder mehr IDs sind vorsaetzliche Einzelfaelle, die weiter gewinnen
   sollen) verbietet einen dritten Anker als Ausweg. Stattdessen wurde der
   z-index aus JEDER einzelnen Modul-/Breakpoint-Regel entfernt (Kommentar
   „siehe zentrale Z-Skala am Dateiende" an der jeweiligen Stelle: Zeile
   ~191, ~682, ~1123, ~1135, ~2951, ~3052 in dieser Datei; zwei weitere in
   mp-baustellen-golden-v2.css bei den `.pdc-project-master`-Regeln fuer
   Profit). Diese Regel hier ist jetzt fuer ALLE acht Module die EINZIGE
   Quelle des Rail-z-index — keine Sonderfaelle mehr, unabhaengig von der
   jeweiligen Modul-Selektor-Staerke. Eingeklappte Leisten sind ohnehin
   display:none oder per Transform ausserhalb des Bildschirms — der
   z-index wirkt sich dort nicht sichtbar aus. */
html:not(#mpkk):not(#mpkk-2) body .mp-list-workspace.view.active > .mp-workspace-list-master {
  z-index: 4680 !important;
}
@media (min-width: 768px) and (max-width: 1199px) {
  html:not(#mpkk):not(#mpkk-2) body .mp-list-workspace.view.active::before {
    z-index: 4660 !important;
  }
}

/* =====================================================================
   MP-20260905-013 (Marcel, 05.09.2026 12:40, Tablet-Foto): „Neue Baustelle"
   fehlt mobil im Modulkopf — er will es GENAU wie auf dem Tablet oben
   rechts sehen, nicht nur ueber das Modulaktionen-Menue erreichbar.
   Ursache (Ist-Analyse): Zeile ~2929 dieser Datei versteckt mobil (≤767px)
   den GESAMTEN `.view-header-actions`-Container fuer Kva/Rechnung/Kunden/
   BAUSTELLEN gleichermassen ("Die bisherigen grossen Kopf-Aktionsreihen
   stecken mobil vollstaendig im Dockmenue") — #btnProjektNeu existierte
   also im DOM und blieb ueber #mpMobileModuleMenuBtn ("Neue Baustelle" in
   mobileModuleSpec(), core/mp-list-workspaces-golden.js) funktional
   erreichbar, war aber NICHT sichtbar im Kopf. Marcel hat NUR Baustellen
   angesprochen — Kva/Rechnung/Kunden bleiben absichtlich unveraendert
   (kompakter Kopf bleibt dort Standard). Enge, nur auf #view-projekte
   beschraenkte Ausnahme, gleiche Spezifitaet + spaeterer Quelltext-Ort in
   DERSELBEN Datei gewinnt gegen Zeile ~2929 (kein dritter ID-Anker, siehe
   Kommentar oben). Derselbe Button/dieselbe Funktion (#btnProjektNeu,
   Klick-Handler unveraendert in projekte.js) wird nur zusaetzlich
   sichtbar gemacht — kein zweiter Anlagepfad. Der Menue-Eintrag bleibt
   zusaetzlich bestehen (harmlos doppelt erreichbar). */
@media (max-width: 767px) {
  html body #view-projekte.view.active > .view-container > .view-box > .view-header .view-header-actions {
    display: flex !important;
  }

  html body #view-projekte.view.active > .view-container > .view-box > .view-header .view-header-actions > :not(#btnProjektNeu) {
    display: none !important;
  }
}

/* =====================================================================
   MP-20260905-013-NACHTRAG (Koordinator, 05.09.2026, nach Rueckmeldung
   Marcel/Design-System): Tap-Ziel-Standard ist 44px (Idas Specs,
   Design-System, „Pixel Pro"-Messlatte) — das ist KEINE Marcel-Frage,
   sondern ein bestehender Standard. #btnProjektNeu mass auf 390px 38px
   (BESTEHENDE, absichtlich hochspezifische Mobil-Regel weiter oben in
   dieser Datei, `html:not(#mpkk):not(#mpkk-2) body #view-projekte
   .mp-baustellen-golden #btnProjektNeu { min-height:38px !important }`,
   ~Zeile 1231, NICHT von einer @media-Klammer umschlossen, gilt also fuer
   ALLE Breiten und gewinnt dort gegen die separate „44px"-Basisregel,
   ~Zeile 3629, niedrigere Spezifitaet, dadurch faktisch wirkungslos). Um
   NUR Mobil (≤767px) auf 44px zu heben und Tablet/Desktop unveraendert zu
   lassen, hier dieselbe Spezifitaets-Ankertechnik, zusaetzlich in
   `@media(max-width:767px)` verpackt und quelltextlich SPAETER als
   Zeile 1231 — gewinnt den Spezifitaets-Gleichstand per Reihenfolge, greift
   aber wegen der Medienabfrage NUR mobil. */
@media (max-width: 767px) {
  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #btnProjektNeu {
    min-height: 44px !important;
    padding: 0 18px !important;
  }
}

/* =====================================================================
   MP-20260905-013-QA-NACHBESSERUNG (Lena Berger/QA, Abnahme-Auflagen,
   05.09.2026): JA MIT AUFLAGEN — zwei Punkte offen.

   (1) 29px des rechten Knopfrands lagen unter `#mpSideRail` (rechte
   Dock-Leiste, `position:fixed`, beginnt bei 412px auf x=354): der
   `.view-header-actions`-Container war bis eben `max-width:45%`/`width:100%`
   (generische Mobil-Regel `html body .view .mp-module-view-header >
   :is(.view-header-actions,...)`, Zeile 88/98 dieser Datei — fuer Module MIT
   mehreren Aktionsknoepfen gedacht) und damit teils breiter als die Luecke
   bis zur Dockleiste. Fix: `.view-header-actions` fuer Baustellen auf
   `flex:0 0 auto` (nur so breit wie der eine Knopf) + `margin-right:40px`
   (Sicherheitsabstand zur Dockleiste, gemessen: 11px Luecke bei 390/412/600/
   767px, kein Treffer mehr auf der Dockleiste per `elementFromPoint`).

   (2) Anordnung wich vom Tablet-Vorbild ab: eigene, fast volle Zeile
   zentriert UNTER dem Titel statt RECHTS NEBEN dem Titel, Untertitel
   fehlte. Ursache (gemessen, `getComputedStyle`): `.view-header` ist zur
   Laufzeit NICHT `display:grid` (die Baustellen-eigene Grid-Regel, Zeile
   ~3592, hat NIEDRIGERE Spezifitaet als die generische, absichtlich
   hochspezifische „Schlusskaskade" `html:not(#mpkk):not(#mpkk-2) body
   .view.active .view-header.mp-module-view-header:not(...)`, Zeile ~948,
   die seit dem golden-workspace-Umbau `display:flex; justify-content:
   space-between` fuer ALLE Module setzt — die Baustellen-Grid-Regel ist
   seither wirkungslos). `.view-header-actions` erbte dadurch das mobile
   `width:100%` aus der generischen ≤520px-Regel (Zeile 98-104, fuer Module
   mit VIELEN Aktionsknoepfen gedacht — Baustellen hat nur EINEN) und
   umbrach per `flex-wrap:wrap` (Zeile 96) auf eine neue Zeile. Der
   Untertitel war zusaetzlich durch eine eigene, absichtliche
   Baustellen-Mobil-Regel (`.view-header p { display:none }`, ~Zeile 1554)
   ausgeblendet — aus einer Zeit, in der der Kopf noch kompakt war.

   Fix: fuer Baustellen (1) Untertitel wieder zeigen (einzeilig gekuerzt,
   `-webkit-line-clamp`), (2) `.view-header-actions` NICHT auf 100% Breite/
   Umbruch zwingen, sondern `flex:0 0 auto` rechtsbuendig in DERSELBEN Zeile
   wie Titel/Untertitel halten (`.view-header` bewusst `flex-wrap:nowrap`
   fuer Baustellen), (3) ab ≤520px (sehr schmale Telefone: Titel+Untertitel+
   Knopf passen bei vollem Text „Neue Baustelle" nicht mehr nebeneinander,
   selbst gemessen — der Titel wurde sonst abgeschnitten) den Knopftext per
   Pseudo-Element auf „+ Neu" verkuerzt (Koordinator-Vorgabe: „ggf. Knopf
   kompakter, Wortlaut 'Neue Baustelle' bevorzugt" — ab 521px bleibt der
   volle Text). `font-size:0` versteckt NUR die visuelle Darstellung des
   echten Textknotens (Screenreader lesen weiterhin „Neue Baustelle" aus
   dem echten `textContent`, kein zweiter Text, keine Funktionsaenderung).
   Kein Umbau des Modulkopfs (kein neues Markup, keine JS-Aenderung), reine
   CSS-Korrektur, nur ≤767px, Tablet/Desktop unangetastet (per Puppeteer bei
   1180/1440px gegengeprueft: unveraendert). */
@media (max-width: 767px) {
  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .view-header p {
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .view-header-actions {
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    margin: 0 40px 0 auto !important;
    overflow-x: visible !important;
  }

  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .view-header {
    flex-wrap: nowrap !important;
    align-items: center !important;
  }

  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #btnProjektNeu {
    width: auto !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }
}

/* =====================================================================
   MP-20260905-013 RUECKLAEUFER 2 (K-479, Jonas Falk 05.09.2026)
   ---------------------------------------------------------------------
   QA-Befund (Lena Berger, NACHTRAG 1, gemessen): seit der Knopf zurueck in
   die Titelzeile geholt wurde, ist der MODULTITEL auf schmalen Telefonen
   abgeschnitten — „Baustellen" braucht 125 px, bekommt 48 px (320), 88 px
   (360), 103 px (375 = iPhone SE/8), 118 px (390 = iPhone 12-15). Auf einem
   360er-Android stand im Kopf „Baustel". Erst ab 412 px passt es.

   Loesung (Koordinator-Vorgabe): unterhalb 412 px steht der Knopf
   RECHTSBUENDIG IN EINER EIGENEN ZEILE UNTER dem Titelblock — der Titel
   bekommt die volle Breite zurueck, der Knopf bleibt sichtbar, die Anordnung
   bleibt "oben im Kopf" wie auf dem Tablet-Foto. Ab 412 px bleibt alles wie
   von QA abgenommen: Knopf rechts IN der Titelzeile.

   Warum kein `flex-wrap:wrap` allein: `.view-header` ist zur Laufzeit ein
   Flex-Container (generische Schlusskaskade ~Z. 948) mit DREI direkten
   Kindern (h1, p, .view-header-actions) — ohne `flex-basis:100%` auf h1 UND
   p wuerden Titel und Untertitel nebeneinander in eine Zeile rutschen statt
   uebereinander. Deshalb beide ausdruecklich auf volle Zeilenbreite.

   Der Knopftext ist an EINER Stelle umschaltbar (Marcels Entscheidung steht
   noch aus, beide Faelle muessen ohne Umbau moeglich sein):

     Vorgabe heute  : kompakt „+ Neu" bis 520 px (Wortlaut in der Variablen
                      `--bs-neu-kurztext`, s. u. — nur diesen Wert aendern,
                      wenn ein anderer Kurztext gewuenscht ist).
     Voller Wortlaut: <body class="mp-bs-neu-lang"> setzen. Dann steht auf
                      JEDER Breite „Neue Baustelle"; damit dabei K-479 nicht
                      zurueckkommt, gilt die eigene Knopfzeile in diesem Fall
                      bis 520 px statt bis 411,98 px (bei 412-520 px passt der
                      volle Text rechnerisch nicht neben den Titel: Knopf
                      131,7 statt 77,4 px breit, Titelblock bliebe 115,3 px
                      bei 125 px Bedarf — QA-Rechnung, NACHTRAG 1).
   Kein Markup-, kein JS-Eingriff; die Klasse wird bewusst NIRGENDS
   automatisch gesetzt, sie ist der Schalter fuer die offene Entscheidung.
   ===================================================================== */

#view-projekte.mp-baustellen-golden {
  --bs-neu-kurztext: "+ Neu";
}

/* Kompakter Knopftext — entfaellt vollstaendig mit `body.mp-bs-neu-lang`.
   `font-size:0` versteckt NUR die visuelle Darstellung des echten
   Textknotens; `textContent` bleibt „Neue Baustelle", Screenreader und
   Bedienhilfen lesen unveraendert den vollen Namen. */
@media (max-width: 520px) {
  html:not(#mpkk):not(#mpkk-2) body:not(.mp-bs-neu-lang) #view-projekte.mp-baustellen-golden #btnProjektNeu {
    font-size: 0 !important;
    padding: 0 14px !important;
  }

  html:not(#mpkk):not(#mpkk-2) body:not(.mp-bs-neu-lang) #view-projekte.mp-baustellen-golden #btnProjektNeu::before {
    content: var(--bs-neu-kurztext, "+ Neu");
    font-size: 13.5px;
    font-weight: 750;
  }
}

/* Eigene Knopfzeile unter dem Titelblock — Standardfall: alles unter 412 px.
   Gleiche Spezifitaet wie die 767px-Regeln weiter oben, aber SPAETER in
   derselben Datei -> gewinnt den Gleichstand ueber die Quelltextreihenfolge
   (dieselbe Technik wie die 44px-Regel, kein neuer ID-Anker). */
@media (max-width: 411.98px) {
  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .view-header {
    flex-wrap: wrap !important;
    align-items: flex-start !important;
  }

  /* ZWEI DOM-Formen, beide muessen greifen (selbst gemessen, 05.09.2026):
     vor der Dekoration durch den Modulkopf-Aufbereiter stehen `h1` und `p`
     als direkte Kinder im `.view-header`; danach steckt beides in
     `div.mp-module-header-title`. Nur die zweite Form ist im laufenden
     Betrieb sichtbar — die erste greift waehrend des Bootens, bevor der
     Aufbereiter gelaufen ist. Wer hier nur `> h1` schreibt, hat eine Regel,
     die im fertigen Zustand ins Leere geht. */
  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .view-header > h1,
  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .view-header > p,
  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .view-header > .mp-module-header-title {
    flex: 0 0 100% !important;
    width: 100% !important;
    /* 40 px Freiraum rechts wie beim Knopf: sonst laeuft der Untertitel in
       voller Laenge unter die feste Dockleiste (#mpSideRail) und wird dort
       verdeckt statt sauber mit Auslassungspunkten gekuerzt (selbst gemessen
       auf 360 px, Screenshot). Ueber `max-width` statt `padding-right`, damit
       das Ergebnis nicht von `box-sizing` abhaengt. */
    max-width: calc(100% - 40px) !important;
    min-width: 0 !important;
  }

  /* `margin-right:40px` haelt den von QA gemessenen Abstand von 11 px zur
     rechten Dockleiste (#mpSideRail, position:fixed) — identisch zur
     Titelzeilen-Variante ab 412 px, damit sich die Trefferflaeche beim
     Breitenwechsel nicht anders verhaelt. */
  html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden .view-header-actions {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 6px 40px 0 auto !important;
  }
}

/* Derselbe Zeilenumbruch, wenn der volle Wortlaut erzwungen wird — dann bis
   520 px, weil „Neue Baustelle" ab 412 px sonst wieder in den Titel laeuft. */
@media (max-width: 520px) {
  html:not(#mpkk):not(#mpkk-2) body.mp-bs-neu-lang #view-projekte.mp-baustellen-golden .view-header {
    flex-wrap: wrap !important;
    align-items: flex-start !important;
  }

  html:not(#mpkk):not(#mpkk-2) body.mp-bs-neu-lang #view-projekte.mp-baustellen-golden .view-header > h1,
  html:not(#mpkk):not(#mpkk-2) body.mp-bs-neu-lang #view-projekte.mp-baustellen-golden .view-header > p {
    flex: 0 0 100% !important;
    width: 100% !important;
    /* 40 px Freiraum rechts wie beim Knopf: sonst laeuft der Untertitel in
       voller Laenge unter die feste Dockleiste (#mpSideRail) und wird dort
       verdeckt statt sauber mit Auslassungspunkten gekuerzt (selbst gemessen
       auf 360 px, Screenshot). Ueber `max-width` statt `padding-right`, damit
       das Ergebnis nicht von `box-sizing` abhaengt. */
    max-width: calc(100% - 40px) !important;
    min-width: 0 !important;
  }

  html:not(#mpkk):not(#mpkk-2) body.mp-bs-neu-lang #view-projekte.mp-baustellen-golden .view-header-actions {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 6px 40px 0 auto !important;
  }
}

/* =========================================================
   MP-20260917-046 (Koordinator, 18.09.2026)
   LEERFLAECHE UNTER LANGEN LISTEN — Angebote, Rechnungen,
   Projekte, Kunden.
   ---------------------------------------------------------
   HERKUNFT: Marcel hat am 17.09. zweimal gemeldet, dass die
   Liste im Mail Center auf dem Handy unten nicht bis zum Rand
   gefuellt wird. Bei der Abnahme dieses Fixes (MP-20260917-040)
   hat Lena Berger gemessen, dass derselbe Fehler in den vier
   Modulen hier unrepariert steht. Eigener Vorgang, weil der
   Eingriff vier Module zugleich beruehrt (T-2).

   URSACHE: Zwei Polster liegen uebereinander. Der Wirt
   (#kvaOffersGroupedList und seine Geschwister) traegt 140 px aus
   dem Block weiter oben in dieser Datei, die innere
   `.mp-record-list` nochmals 120 px.

   WER SCROLLT: in allen vier Modulen der WIRT (`scrollHeight >
   clientHeight` am Wirt, nicht an der inneren Liste) — anders als im
   Mail Center, wo die innere Liste scrollt. Deshalb bekommt hier der
   WIRT das Restpolster und die innere Liste gar keines. Bei Kunden
   gibt es ueberhaupt keine innere `.mp-record-list`; die Aufteilung
   traegt auch diesen Fall.

   WIRKNACHWEIS (Lena Berger, unabhaengig, A/B ueber CSSOM
   `deleteRule`/`insertRule` statt Nachbau, 42 Zellen, drei Breiten,
   Kontrolle jedes Mal zurueck auf NEU): Polster 140 -> 12 px, innen
   120 -> 0, Jahresmarge 8 -> 0. Leerflaeche unter der letzten Gruppe
   bei 390x844 vorher 267,2-268,2 px, nachher 11,7-12,7 px. Bei KUNDEN
   waren es vorher 140,7 px statt 268 — dort gibt es keine innere
   `.mp-record-list`, also lag nur das eine Polster an. Letzte Gruppe an
   51 von 51 Pruefpunkten antippbar, ueber drei Breiten.

   ⚠ WAS DIESER BLOCK NICHT LEISTET (Lenas Befund, ehrlich benannt):
   Er wirkt nur, wenn der Inhalt den Wirt ueberlaeuft. Bei einer
   Liste mit einer einzigen Zeile ist die Leere vorher wie nachher
   gleich gross (Kunden gemessen: 364 px in beiden Zustaenden), denn
   dann ist schlicht der Container hoeher als sein Inhalt. Der
   Vorgang behebt die Leerflaeche unter LANGEN Listen.

   ⚠ KORREKTUR EINES EIGENEN MESSFEHLERS, damit hier nichts Falsches
   stehen bleibt: In der ersten Fassung stand als Begruendung, das Dock
   beginne bei y=720 und drei der vier Scrollbereiche ragten darunter;
   daraus hatte ich 32 px statt 12 px abgeleitet. Das war falsch, und
   zwar aus zwei Gruenden.

   ERSTENS habe ich eine Kante aus einem 360x800-Lauf gegen Werte aus
   390x844 gehalten (Lena Berger). ZWEITENS — und das ist der
   eigentliche Fehler — ist `nav.bottom-nav.getBoundingClientRect()`
   ueberhaupt die falsche Groesse fuer die Frage, ob etwas verdeckt
   wird. Gemessen an diesem Stand:

     nav.bottom-nav   pointer-events: none
                      background: rgba(0,0,0,0)
     Kasten           720 … 836
     Knoepfe .nav-btn ab y=765
     elementFromPoint(195, y):  725/735/745/755 -> Formular
                                765/775          -> Dock

   Der Kasten faengt nichts ab und verdeckt nichts; das tun allein die
   Knoepfe darin. Wer den Kasten gegen eine Listenkante haelt, misst
   einen Rahmen, den es fuer den Nutzer nicht gibt. Richtig ist: **kein
   Wirt wird verdeckt**, in keinem der vier Module. Die 32 px waren
   keine Sicherheitsmarge, sondern nur Optik — deshalb jetzt 12 px,
   derselbe Wert wie im Mail Center.

   Fuer die naechste Schicht: Verdeckung IMMER mit
   `document.elementFromPoint` an mehreren Punkten belegen, nie mit
   einem Rechteckvergleich. Details in SHARED_LEARNINGS unter
   `L-2026-09-18-Dock-Kasten-Gegen-Sichtbare-Kante` (dort steht auch,
   dass die Kastenhoehe zwischen 72 und 116 px schwankt und die Ursache
   dafuer ungeklaert ist — die Klasse `mp-dock-has-laser` ist es nicht,
   geprueft durch Entfernen und Wiedersetzen).

   KEIN `env(safe-area-inset-bottom)` (Lenas zweite Auflage): Der
   Wirt erreicht den Bildschirmrand nie — er endet 25-64 px ueber dem
   Dock, das selbst 8 px schwebt. Auf einem Geraet mit Gestenleiste
   haette der Term das Polster verdoppelt, das dieser Vorgang gerade
   abbaut.

   `:last-child` UND `:last-of-type`: `:last-of-type` prueft den
   TAG, nicht die Klasse (Lenas Befund G). Gegen den
   wahrscheinlichsten Nachzuegler — ein Sentinel als `<div>` — hilft
   es daher nicht; abgesichert ist nur ein Nachzuegler mit anderem
   Tag. Es bleibt stehen, weil es in diesem Fall nichts kostet, aber
   es ist KEINE vollstaendige Absicherung.
   ========================================================= */
@media (max-width: 767px) {
  html body #view-kva.view.active > .mp-workspace-list-master #kvaOffersGroupedList,
  html body #view-rechnung.view.active > .mp-workspace-list-master #rechnungGroupedList,
  html body #view-projekte.view.active > .mp-workspace-list-master #projektGroupedList,
  html body #view-kunden.view.active > .mp-workspace-list-master #kundenCardList {
    padding-bottom: 12px !important;
  }

  html body #view-kva.view.active > .mp-workspace-list-master #kvaOffersGroupedList > .mp-record-list,
  html body #view-rechnung.view.active > .mp-workspace-list-master #rechnungGroupedList > .mp-record-list,
  html body #view-projekte.view.active > .mp-workspace-list-master #projektGroupedList > .mp-record-list,
  html body #view-kunden.view.active > .mp-workspace-list-master #kundenCardList > .mp-record-list {
    padding-bottom: 0 !important;
  }

  html body #view-kva.view.active > .mp-workspace-list-master #kvaOffersGroupedList .mp-record-year:last-child,
  html body #view-kva.view.active > .mp-workspace-list-master #kvaOffersGroupedList .mp-record-year:last-of-type,
  html body #view-rechnung.view.active > .mp-workspace-list-master #rechnungGroupedList .mp-record-year:last-child,
  html body #view-rechnung.view.active > .mp-workspace-list-master #rechnungGroupedList .mp-record-year:last-of-type,
  html body #view-projekte.view.active > .mp-workspace-list-master #projektGroupedList .mp-record-year:last-child,
  html body #view-projekte.view.active > .mp-workspace-list-master #projektGroupedList .mp-record-year:last-of-type,
  html body #view-kunden.view.active > .mp-workspace-list-master #kundenCardList .mp-record-year:last-child,
  html body #view-kunden.view.active > .mp-workspace-list-master #kundenCardList .mp-record-year:last-of-type {
    margin-bottom: 0 !important;
  }
}
/* MP-20260929-054: weather may wrap within the project text column.
   Identity ellipsis and all other RecordList modules stay with their contract. */
html:not(#mpkk):not(#mpkk-2) body #projektGroupedList .mp-record-main {
  container-type: inline-size;
  container-name: mpRow;
}
html:not(#mpkk):not(#mpkk-2) body #projektGroupedList .mp-record-sub {
  flex-wrap: wrap !important;
  row-gap: 4px !important;
  white-space: normal !important;
  overflow: visible !important;
}
html:not(#mpkk):not(#mpkk-2) body #projektGroupedList .mp-record-status,
html:not(#mpkk):not(#mpkk-2) body #projektGroupedList .mp-proj-wx-badge {
  flex: 0 0 auto !important;
}
@media (min-width: 768px) {
  html:not(#mpkk):not(#mpkk-2) body :is(#view-projekte).view .mp-workspace-list-master .mp-record-row,
  html:not(#mpkk):not(#mpkk-2) body #projektGroupedList .mp-record-row {
    padding-right: 46px !important;
  }
  html:not(#mpkk):not(#mpkk-2) body :is(#view-projekte).view .mp-workspace-list-master .mp-record-more,
  html:not(#mpkk):not(#mpkk-2) body #projektGroupedList .mp-record-more {
    width: 34px !important;
    height: 34px !important;
  }
}
html:not(#mpkk):not(#mpkk-2) body #projektGroupedList .mp-record-kpi,
:is(#view-projekte).view .mp-workspace-list-master .mp-record-kpi {
  min-width: 88px;
  max-width: 175px !important;
}

/* MP-20261002-064 (Jonas Falk): Baustellenmodul Finanzen & Budget im Menü-Standard wie Angebote Kalkulation */
html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid.mp-menu--inline,
#view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid.mp-menu--inline,
#view-projekte #projOverviewTop #projKpiGrid.mp-menu--inline {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 6px 12px 10px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetCard .proj-budget-statgrid.mp-menu--inline,
#view-projekte.mp-baustellen-golden #projBudgetCard .proj-budget-statgrid.mp-menu--inline,
#view-projekte #projOverviewTop .proj-budget-statgrid.mp-menu--inline {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 8px 0 0 !important;
  padding: 8px 0 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.dark:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetCard .proj-budget-statgrid.mp-menu--inline,
html.dark #view-projekte.mp-baustellen-golden #projBudgetCard .proj-budget-statgrid.mp-menu--inline,
html.dark #view-projekte #projOverviewTop .proj-budget-statgrid.mp-menu--inline {
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid.mp-menu--inline .mp-menu__item,
html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetCard .proj-budget-statgrid.mp-menu--inline .mp-menu__item,
#view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid.mp-menu--inline .mp-menu__item,
#view-projekte.mp-baustellen-golden #projBudgetCard .proj-budget-statgrid.mp-menu--inline .mp-menu__item,
#view-projekte #projOverviewTop :is(#projKpiGrid, .proj-budget-statgrid).mp-menu--inline .mp-menu__item {
  display: flex !important;
  align-items: center !important;
  min-height: 42px !important;
  height: auto !important;
  padding: 6px 8px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid.mp-menu--inline .mp-menu__item[hidden],
html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetCard .proj-budget-statgrid.mp-menu--inline .mp-menu__item[hidden],
#view-projekte #projOverviewTop :is(#projKpiGrid, .proj-budget-statgrid).mp-menu--inline .mp-menu__item[hidden] {
  display: none !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid.mp-menu--inline .mp-menu__item .mp-menu__tx strong,
html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetCard .proj-budget-statgrid.mp-menu--inline .mp-menu__item .mp-menu__tx strong,
#view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid.mp-menu--inline .mp-menu__item .mp-menu__tx strong,
#view-projekte.mp-baustellen-golden #projBudgetCard .proj-budget-statgrid.mp-menu--inline .mp-menu__item .mp-menu__tx strong {
  text-transform: none !important;
  letter-spacing: 0.135px !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  line-height: 18.9px !important;
  color: var(--mp-text) !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid.mp-menu--inline .mp-menu__desc,
html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetCard .proj-budget-statgrid.mp-menu--inline .mp-menu__desc,
#view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid.mp-menu--inline .mp-menu__desc,
#view-projekte.mp-baustellen-golden #projBudgetCard .proj-budget-statgrid.mp-menu--inline .mp-menu__desc {
  margin-top: 1px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  color: var(--mp-muted, #64748b) !important;
}

html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid.mp-menu--inline .mp-menu__val,
html:not(#mpkk):not(#mpkk-2) body #view-projekte.mp-baustellen-golden #projBudgetCard .proj-budget-statgrid.mp-menu--inline .mp-menu__val,
#view-projekte.mp-baustellen-golden #projFinanceCard #projKpiGrid.mp-menu--inline .mp-menu__val,
#view-projekte.mp-baustellen-golden #projBudgetCard .proj-budget-statgrid.mp-menu--inline .mp-menu__val {
  margin-top: 0 !important;
  margin-left: auto !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: normal !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}