/* Shared internal workspace. Member/partner/field clients retain their own scoped styles.
 * Visual authority: member portal accepted 2026-09-17; see docs/UI_UNIFICATION.md.
 * No selectors change visibility of business actions or their enabled state. */
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) {
  --workspace-paper: #fff; --workspace-accent-soft: #e5f1fb; --workspace-ink: #0a1b36; --workspace-muted: #51657b; --workspace-line: #d3e0ed; --workspace-shadow: 0 8px 28px #132f4d08; --workspace-control-radius: 12px; --workspace-card-radius: 18px; --workspace-panel-radius: 24px; --workspace-weight-body: 400; --workspace-weight-control: 500; --workspace-weight-heading: 600; color:var(--workspace-ink);
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .appContent {
  min-width:0; color:var(--workspace-ink);
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .appContent :is(h1,h2,h3,h4) {
  word-break:normal; overflow-wrap:normal; hyphens:none;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .appContent :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select,textarea,.portalSelectTrigger,.ap-select-v2-trigger) {
  max-width:100%; box-sizing:border-box; color:var(--workspace-ink)!important; -webkit-text-fill-color:var(--workspace-ink)!important; background:var(--workspace-paper)!important; border-color:var(--workspace-line)!important; border-radius:var(--workspace-control-radius)!important; font-weight:var(--workspace-weight-body)!important; text-shadow:none!important;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .appContent :is(button,input,select,textarea,a):focus-visible {
  outline:3px solid var(--portal-accent,#489fdf); outline-offset:3px;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .appContent :is(.portalTable,.ap-list-v2,.tableWrap,.reonicTableWrap) {
  border-color:var(--workspace-line); border-radius:var(--workspace-card-radius);
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .appContent :is(.ap-card,.portalCard,.portalSurface,.portalPanel,.projectRecordSection,.projectRecordDefinition>div) {
  border-color:var(--workspace-line)!important; border-radius:var(--workspace-card-radius)!important; box-shadow:var(--workspace-shadow);
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record {
  padding:clamp(16px,2.5vw,32px)!important; background:transparent!important; border:0!important; box-shadow:none!important; min-width:0;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero {
  display:block!important; min-height:0!important; height:auto!important; padding:24px!important; margin:0!important; overflow:visible!important; background:var(--workspace-paper)!important; color:var(--workspace-ink)!important; border:1px solid var(--workspace-line)!important; border-radius:var(--workspace-panel-radius)!important; box-shadow:var(--workspace-shadow)!important;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero::before,
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero::after {
  content:none!important; background:none!important;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero :is(h2,h3,h4,p,span,strong,label) {
  color:var(--workspace-ink)!important; -webkit-text-fill-color:currentColor!important; text-shadow:none!important;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero > .formHead {
  position:static!important; display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:space-between!important; gap:16px!important; padding:0 0 16px!important; margin:0 0 20px!important; border-bottom:1px solid var(--workspace-line)!important;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero #reonicDetailTitle {
  font-size:clamp(24px,2.4vw,32px)!important; line-height:1.2!important; font-weight:var(--workspace-weight-heading)!important; letter-spacing:-.025em!important; text-transform:none!important; margin:0!important; padding:0!important; width:auto!important; word-break:normal!important; overflow-wrap:normal!important;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero #closeReonicDetailButton {
  position:static!important; order:2!important; flex:0 0 auto; width:auto!important; min-height:44px; padding:10px 14px!important; background:var(--workspace-accent-soft)!important; color:var(--workspace-ink)!important; border:1px solid var(--workspace-line)!important; border-radius:var(--workspace-control-radius)!important; font-size:14px!important; font-weight:var(--workspace-weight-control)!important;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero .projectRecordHeroContent {
  display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:24px!important; margin:0!important; min-width:0;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero .projectRecordHeroIdentity h2 {
  font-size:clamp(28px,3vw,38px)!important; line-height:1.15!important; letter-spacing:-.025em!important; margin:0 0 6px!important;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero .projectRecordHeroIdentity h3 {
  font-size:22px!important; line-height:1.3!important; margin:0!important; font-weight:var(--workspace-weight-heading)!important;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero .projectRecordEyebrow {
  font-size:12px!important; color:var(--workspace-muted)!important; margin:0 0 8px!important;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero .projectRecordHeroFacts {
  display:flex; flex-wrap:wrap; gap:8px; margin-top:14px!important;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero .projectRecordHeroFacts span {
  background:var(--workspace-accent-soft)!important; border:1px solid var(--workspace-line)!important; color:var(--workspace-muted)!important; font-size:13px!important; white-space:normal;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero .projectRecordFocus {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:0;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero .projectRecordFocusPrimary {
  margin:0!important; padding:16px!important; border:1px solid var(--workspace-line)!important; border-radius:var(--workspace-card-radius); background:var(--portal-surface-subtle);
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero .projectRecordFocusLabel {
  color:var(--workspace-muted)!important; font-size:12px!important; line-height:1.4; letter-spacing:.07em; margin:0 0 8px!important;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero .projectRecordFocusPrimary strong {
  font-size:16px!important; line-height:1.45!important; font-weight:var(--workspace-weight-heading)!important;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero .projectRecordFocusPrimary span,
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero .projectRecordFocusMeta span {
  font-size:14px!important; line-height:1.5!important; color:var(--workspace-muted)!important;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero .projectRecordFocusMeta {
  grid-column:1 / -1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; padding-top:16px; margin-top:0; border-top:1px solid var(--workspace-line)!important;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero .projectRecordFocusMeta > div {
  padding:0!important; border:0!important; min-width:0;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero .projectRecordStateTag.is-status {
  background:var(--workspace-accent-soft)!important; color:var(--workspace-ink)!important;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero .projectRecordStateTag.is-phase {
  color:var(--portal-status-success,#176a43)!important;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero :is(.projectRecordStatusToggle,.projectRecordStatusSubmit) {
  background:var(--portal-surface-dark)!important; color:var(--portal-text-inverse)!important; border:1px solid var(--portal-surface-dark)!important; min-height:44px; font-weight:var(--workspace-weight-control)!important; border-radius:var(--workspace-control-radius)!important;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero .projectRecordStatusCancel {
  background:var(--workspace-paper)!important; color:var(--workspace-ink)!important; border:1px solid var(--workspace-line)!important; min-height:44px; border-radius:var(--workspace-control-radius)!important;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordLayout {
  grid-template-columns:minmax(180px,220px) minmax(0,1fr); gap:24px; margin-top:24px;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordSection {
  background:var(--workspace-paper)!important; color:var(--workspace-ink)!important; padding:24px; min-width:0;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordDefinition > div {
  background:var(--portal-surface-subtle)!important;
}
@media (min-width:981px) {
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .appLayout {
  grid-template-columns:240px minmax(0,1fr);
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .appSidebar {
  padding-inline:12px;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .sidebarBrandTop img {
  max-width:100%;height:auto!important;max-height:42px;
}
}
@media (min-width:981px) {
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner).sidebarCollapsed .appLayout { grid-template-columns:72px minmax(0,1fr); }
}
@media (max-width:1100px) {
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero .projectRecordFocusMeta {
  grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media (max-width:980px) {
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .appLayout {
  grid-template-columns:minmax(0,1fr)!important;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .sidebarRail {
  position:fixed!important;top:10px!important;bottom:10px!important;left:10px!important;width:min(310px,calc(100vw - 20px))!important;transform:translateX(calc(-100% - 30px))!important;visibility:hidden;z-index:1003;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner).sidebarOpen .sidebarRail { transform:translateX(0)!important; visibility:visible; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .sidebarRail .appSidebar {
  position:relative!important;top:0!important;left:0!important;max-height:calc(100dvh - 20px);height:100%;width:100%;overflow-y:auto;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordLayout {
  grid-template-columns:minmax(0,1fr);
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordNavigationPanel {
  left:0!important;transform:translateX(-110%)!important;visibility:hidden;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordNavigationPanel.is-open {
  transform:translateX(0)!important;visibility:visible;
}
}
@media (max-width:650px) {
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record {
  padding:12px!important;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero {
  padding:16px!important;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero > .formHead {
  flex-wrap:wrap;gap:12px!important;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero .projectRecordHeroContent {
  gap:20px!important;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero .projectRecordFocus,
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero .projectRecordFocusMeta {
  grid-template-columns:minmax(0,1fr);
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordSection {
  padding:16px;
}
}
/* Let the working information use the full card width; inherited media-hero limits are obsolete here. */
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero > .formHead,
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #projectRecordHeroContent,
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #projectRecordHero .projectRecordHeroContent {
  max-width:none!important; width:100%!important;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #projectRecordHero .projectRecordStateFacts {
  display:flex; flex-wrap:wrap; gap:8px 16px;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #projectRecordHero .projectRecordStateTag {
  display:inline-block; max-width:100%; white-space:normal; overflow-wrap:normal; word-break:normal; line-height:1.4;
}
@media (min-width:1280px) {
  body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero .projectRecordHeroContent {
    grid-template-columns:minmax(240px,.8fr) minmax(0,2fr)!important;
  }
  body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero .projectRecordFocusMeta {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (min-width:981px) {
  body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .sidebarTop { grid-template-columns:minmax(0,1fr) auto; }
  body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .sidebarBrandTop { width:100%;min-width:0; }
  body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .sidebarControls { right:0!important;width:40px; }
}

/* The mobile drawer uses a vertical menu, never the legacy four-column strip. */
@media (max-width:980px) {
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordNavigation {
  display:grid; grid-template-columns:minmax(0,1fr)!important; min-width:0!important; width:100%; overflow-x:visible; position:static;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordNavigationPanel {
  box-sizing:border-box; width:min(340px,calc(100vw - 24px)); padding:20px; background:var(--workspace-paper)!important;
}
}

/* Fixed drawers must be relative to the viewport, not legacy glass/animation ancestors. */
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #dashboardView,
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record {
  animation:none!important; transform:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important;
}

/* Shared working headers and form contrast, including profile and accounting. */
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #dashboardView .appContent .dashboardHeadModern.portalHero--plain {
  min-height:0!important; height:auto!important; padding:28px 32px!important; border:1px solid var(--workspace-line)!important; border-radius:var(--workspace-panel-radius)!important; background:var(--workspace-paper)!important; box-shadow:var(--workspace-shadow)!important;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #dashboardView .appContent .dashboardHeadModern.portalHero--plain #welcomeTitle {
  font-size:clamp(28px,3vw,36px)!important; line-height:1.2!important; margin:8px 0 0!important; color:var(--workspace-ink)!important;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #dashboardView .appContent :is(.recommendationForm,.portalFormSurface,#profileView) {
  background:var(--workspace-paper)!important; border-color:var(--workspace-line)!important; border-radius:var(--workspace-card-radius)!important; box-shadow:var(--workspace-shadow)!important;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #dashboardView .appContent :is(label,.step,.formLabel,.fieldLabel) {
  color:var(--workspace-muted)!important; -webkit-text-fill-color:currentColor!important; text-shadow:none!important;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #dashboardView .appContent .formHead :is(h2,h3) {
  font-size:clamp(22px,2vw,26px)!important; line-height:1.3!important; color:var(--workspace-ink)!important; font-weight:var(--workspace-weight-heading)!important;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #dashboardView .appContent .modalCloseButton {
  background:var(--workspace-accent-soft)!important; color:var(--workspace-ink)!important; border:1px solid var(--workspace-line)!important; min-width:44px; min-height:44px;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #dashboardView .appContent .modalCloseButton:empty::before {
  content:"×"; font-size:26px; line-height:1; color:var(--workspace-ink);
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #dashboardView .appContent :is(button[type=submit],.primaryButton) {
  background:var(--portal-surface-dark)!important; color:var(--portal-text-inverse)!important; border-radius:var(--workspace-control-radius)!important; font-weight:var(--workspace-weight-control)!important;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #dashboardView .appContent .secondaryButton {
  background:var(--workspace-accent-soft)!important; color:var(--workspace-ink)!important; border:1px solid var(--workspace-line)!important; border-radius:var(--workspace-control-radius)!important; font-weight:var(--workspace-weight-control)!important;
}

body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #dashboardView .appContent .modalCloseButton .portalIcon {
  stroke:currentColor!important; fill:none!important; color:var(--workspace-ink)!important;
}
/* Preserve the stroke-based icon contract inside shared controls. */
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #dashboardView .appContent svg.portalIcon[stroke="currentColor"] {
  stroke:currentColor!important;
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #dashboardView .appContent .ap-list-v2-sort-button {
  background:transparent!important; color:var(--portal-text-inverse)!important; box-shadow:none!important; border:0!important; min-width:32px; min-height:32px; display:inline-flex; align-items:center; justify-content:center;
}

/* A horizontal flex basis must not become a tall date block on phones. */
@media (max-width: 767px) {
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #dashboardView #montageCalendarPanel .montageCalendarToolbar > strong { flex:0 0 auto!important; min-width:0!important; }
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #dashboardView #montageCalendarPanel .montageCalendarViewSwitch button { color:var(--workspace-ink)!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #dashboardView #montageCalendarPanel .montageCalendarViewSwitch button.active { background:var(--portal-surface-dark)!important; color:var(--portal-text-inverse)!important; }

/* Keep the existing mobile menu reachable on pages which hide their generic hero. */
@media (max-width:980px) {
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #dashboardView .dashboardHead.hidden:has(#mobileSidebarButton) { display:block!important; position:fixed!important; inset:auto 16px 16px auto!important; width:48px!important; height:48px!important; min-height:0!important; padding:0!important; margin:0!important; border:0!important; background:none!important; box-shadow:none!important; z-index:140!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #dashboardView .dashboardHead.hidden:has(#mobileSidebarButton) > :not(#mobileSidebarButton) { display:none!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #mobileSidebarButton { display:grid!important; place-items:center; position:fixed!important; inset:auto 16px 16px auto!important; width:48px!important; height:48px!important; padding:12px!important; border-radius:16px!important; background:var(--portal-surface-dark)!important; color:var(--portal-text-inverse)!important; z-index:140!important; box-shadow:var(--workspace-shadow)!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #mobileSidebarButton .portalIcon { width:24px!important; height:24px!important; stroke:currentColor!important; }
}

/* Restore SVG presentation attributes erased by the legacy all:revert reset. */
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #dashboardView .portalIcon path { d:revert-layer!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #dashboardView .portalIcon { stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }

/* Desktop: only the main sidebar stays in place; the complete project scrolls together. */
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .appContent { overflow:clip visible!important; }
@media (min-width:981px) {
  body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .sidebarRail { position:sticky!important; top:12px!important; align-self:start; }
  body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record:not(.hidden) {
    display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto; gap:24px; align-items:start;
    height:auto; box-sizing:border-box;
  }
  body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .projectRecordLayout { display:grid!important; grid-column:1; grid-row:2; margin-top:0!important; min-height:0; align-items:stretch; }
  body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) #reonicOrderDetailPanel.is-project-record .projectRecordHero { grid-column:1; grid-row:1; max-height:none; overflow:visible!important; box-sizing:border-box; }
  body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .projectRecordContent { grid-column:2; grid-row:1; min-width:0; overflow:visible; }
  body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .projectRecordNavigationPanel {
    grid-column:1; grid-row:1; position:relative!important; top:0!important;
    align-self:start; overflow:visible; min-width:0;
    visibility:visible!important; transform:none!important;
  }
  body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .projectRecordNavigation { position:static; min-width:0!important; width:100%; box-sizing:border-box; }
  body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) :is(.projectRecordMobileToolbar,.projectRecordNavigationDrawerHead,.projectRecordNavigationBackdrop) { display:none!important; }
}
@media (max-width:980px) {
  body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .projectRecordMobileToolbar {
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    position:sticky; top:8px; z-index:100; padding:10px; margin-top:16px;
    background:var(--workspace-paper); border:1px solid var(--workspace-line); border-radius:16px;
  }
  body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .projectRecordMobileToolbar .secondaryButton { width:auto; min-height:44px; margin:0; }
  body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .projectRecordNavigationPanel { position:fixed; top:0; bottom:0; z-index:1002; overflow-y:auto; }
  body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .projectRecordNavigationDrawerHead { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
  body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .projectRecordNavigationBackdrop:not(.hidden) {
    display:block; position:fixed; inset:0; z-index:1001; width:100%; height:100%;
    border:0; background:rgba(2,8,23,.5);
  }
  body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner).project-record-navigation-open { overflow:hidden; }
}

@media (min-width:1101px) {
  body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .orderReviewWorkspace { grid-template-columns:minmax(0,1fr) 280px; gap:20px; }
  body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .orderReviewComponentsSticky { padding:18px; overflow-wrap:break-word; }
}

/* Review steps wrap as self-contained cards; legacy connecting lines must not cross columns. */
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .orderReviewSteps { display:grid!important; grid-template-columns:repeat(auto-fit,minmax(125px,1fr))!important; grid-auto-flow:row!important; overflow:visible!important; align-items:stretch!important; gap:10px!important; padding:0 0 18px!important; margin:0 0 20px!important; width:100%; min-width:0; box-sizing:border-box; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .orderReviewSteps .partnerPortalStepperStep { position:relative!important; display:flex!important; flex-direction:column; align-items:center; align-self:stretch!important; height:100%!important; gap:8px; width:100%!important; min-width:0!important; margin:0!important; padding:10px 6px!important; box-sizing:border-box; background:var(--workspace-paper)!important; border:1px solid var(--workspace-line)!important; border-radius:12px!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .orderReviewSteps::before, body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .orderReviewSteps::after, body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .orderReviewSteps .partnerPortalStepperStep::after { content:none!important; display:none!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .orderReviewSteps .partnerPortalStepperStep::before { content:attr(data-partner-order-step-number)!important; position:static!important; transform:none!important; display:grid!important; place-items:center; width:32px!important; height:32px!important; min-width:32px; margin:0!important; border-radius:50%; box-sizing:border-box; font-size:14px!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .orderReviewSteps .partnerPortalStepperStep b { font-size:12px!important; line-height:1.35!important; white-space:normal!important; overflow-wrap:break-word; text-align:center; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .orderReviewHeader { flex-wrap:wrap; gap:12px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .orderReviewComponents { min-width:0; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .orderReviewComponents :is(strong,h3,h4,span) { word-break:normal; overflow-wrap:break-word; hyphens:auto; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .orderReviewLoadingHint { color:var(--portal-text-secondary); font-size:13px; font-weight:400; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .orderReviewLoadingPlaceholder { min-height:220px; border-radius:12px; background:var(--portal-surface-active); opacity:.45; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .projectOrderReviewHumanDisclosure > summary { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px; border:1px solid var(--workspace-line); border-radius:12px; list-style:none; cursor:pointer; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .projectOrderReviewHumanDisclosure > summary::-webkit-details-marker { display:none; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .projectOrderReviewHumanDisclosure > summary::after { content:""; width:8px; height:8px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .projectOrderReviewHumanDisclosure[open] > summary::after { transform:rotate(225deg); }

/* Editorial step counter with an explicit direct-navigation picker. */
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .reviewJourney { margin:0 0 24px; border:1px solid var(--workspace-line); border-radius:20px; overflow:hidden; background:var(--workspace-paper); }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .reviewJourneyStage { position:relative; isolation:isolate; min-height:210px; display:flex; align-items:center; padding:28px 80px 28px 110px; box-sizing:border-box; background:linear-gradient(115deg,#f0f7fd 0%,#fff 75%); }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .reviewJourneyNumber { position:absolute; z-index:-1; top:-34px; left:12px; font-size:260px!important; font-weight:800; letter-spacing:-.09em; line-height:1; color:#cfe2f2!important; opacity:.72; pointer-events:none; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .reviewJourneyTitle { max-width:470px; min-width:0; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .reviewJourneyTitle h3 { font-size:clamp(24px,2.3vw,36px)!important; line-height:1.15; letter-spacing:-.035em; margin:0 0 12px!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .reviewJourneyTitle p { font-size:13px; color:var(--portal-text-secondary); margin:0; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .reviewJourneyTotal { position:absolute; right:22px; bottom:18px; display:flex; align-items:baseline; gap:7px; font-size:13px; color:var(--portal-text-secondary); }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .reviewJourneyTotal strong { font-size:32px; line-height:1; color:var(--workspace-ink); }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .reviewJourneySegments { display:flex; gap:5px; padding:0 20px 18px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .reviewJourneySegments > span { height:4px; flex:1; background:#e6edf3; border-radius:10px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .reviewJourneySegments > .is-current { background:var(--portal-accent); }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .reviewJourneySegments > .is-complete { background:var(--portal-success); }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .reviewJourneyPicker { border-top:1px solid var(--workspace-line); }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .reviewJourneyPicker > summary { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 20px; list-style:none; cursor:pointer; font-size:14px; font-weight:600; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .reviewJourneyPicker > summary::-webkit-details-marker { display:none; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .reviewJourneyPicker > summary span:last-child { font-size:12px; font-weight:400; color:var(--portal-text-secondary); }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .reviewJourneyPicker .orderReviewSteps { padding:0 16px!important; margin:0!important; border:0!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .reviewJourneyHint { font-size:12px; padding:0 20px 16px; margin:12px 0 0; color:var(--portal-text-secondary); }
@media (max-width:600px) { body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .reviewJourneyStage { min-height:190px; padding:32px 24px 58px 56px; } body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .reviewJourneyNumber { font-size:220px!important; top:-15px; left:2px; } }

body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .projectRoofPlanning [hidden] { display:none!important; }

/* Independent AC/DC technical review. */
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalReview { padding:0;gap:20px;min-width:0; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalBranchSwitch { display:grid;grid-template-columns:1fr 1fr;gap:14px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalBranchSwitch button { display:flex;align-items:center;gap:18px;text-align:left;padding:22px;border:1px solid #d6e5f0;border-radius:20px;background:#f7fafc;color:#12243c;cursor:pointer;min-width:0; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalBranchSwitch button.is-active { background:linear-gradient(120deg,#10233e,#214f74);color:#fff;border-color:#214f74;box-shadow:0 8px 24px #183d6526; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalBranchIcon { font-size:32px;font-weight:800;letter-spacing:-2px;opacity:.85; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalBranchSwitch strong { display:block;font-size:16px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalBranchSwitch small { display:block;font-size:12px;margin-top:6px;opacity:.8; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalPanel { display:grid;gap:20px;min-width:0; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalCard { display:grid;gap:18px;padding:24px;border:1px solid #d6e5f0;border-radius:20px;background:#fff;min-width:0; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalCard h3 { margin:0;font-size:21px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalCardHead { display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalCardHead button { font-size:12px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalFieldGrid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalField { display:grid;gap:8px;min-width:0;font-size:13px;color:#4c627b; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalField input { width:100%;box-sizing:border-box;min-height:46px;border:1px solid #cddfea;border-radius:12px;padding:10px 12px;background:#f9fcff;color:#12243c;font:inherit; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalField select { width:100%;box-sizing:border-box;min-height:46px;border:1px solid #cddfea;border-radius:12px;padding:10px 12px;background:#f9fcff;color:#12243c;font:inherit; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalCheck { display:flex;gap:12px;align-items:flex-start;padding:16px;background:#f0f7fc;border:1px solid #c8e0ef;border-radius:14px;font-size:14px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalCheck input { width:20px;height:20px;flex-shrink:0;accent-color:#428cbd; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalMediaGrid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalImage { margin:0;min-width:0;border:1px solid #d6e5f0;border-radius:16px;overflow:hidden;background:#f4f8fb; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalImage button { position:relative;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalImage img { width:100%;height:250px;object-fit:contain;display:block; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalImage button span { position:absolute;bottom:12px;right:12px;background:#10233ee6;color:#fff;border-radius:10px;padding:8px 12px;font-size:12px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalImage figcaption { padding:12px 16px;font-size:12px;color:#526c83; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalTileExample { margin:0;padding:18px;border-radius:16px;background:#f0f6fb;text-align:center; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalTileExample svg { height:210px;max-width:100%; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalTileExample figcaption { font-size:12px;color:#526c83; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalSource { padding:18px;border:1px solid #d5e4ef;border-radius:14px;background:#f5f9fd;overflow-wrap:anywhere;font-size:14px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalSource p { margin:8px 0 0; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalSource.is-good { background:#edf8f0;border-color:#b8ddc3;color:#246841; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalSource.is-warning { background:#fffaee;border-color:#eed7a6;color:#765624; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalSource.is-danger { background:#fff0f2;border-color:#edb9c1;color:#a33547; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalMissing { padding:18px;border-radius:14px;background:#fff8ea;border:1px solid #eddaad;color:#75592b;font-size:14px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalTotals { display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:12px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalTotals > div { display:grid;gap:10px;padding:18px;border-radius:14px;background:#f0f7fc;border:1px solid #d5e4ef; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalTotals span { font-size:12px;color:#526c83; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalTotals strong { font-size:26px;color:#10233e; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalImageDialog { width:min(1100px,94vw);max-width:94vw;height:88vh;max-height:90vh;padding:0;border:1px solid #d0dfeb;border-radius:20px;background:#fff;color:#10233e; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalImageDialog::backdrop { background:#08192bc9;backdrop-filter:blur(5px); }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalDialogBar { display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #d0dfeb; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalDialogBar strong { flex:1;min-width:0; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalDialogCanvas { height:calc(100% - 80px);overflow:auto;background:#edf2f7; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalDialogCanvas img { display:block;width:100%;height:auto;margin:0; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalDialogCanvas iframe { width:100%;height:100%;border:0; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalReview button:focus-visible { outline:3px solid #57a7df;outline-offset:3px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalReview [data-roof-planning-message].is-error { color:#a33547;font-weight:600; }
@media (max-width: 700px) {
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalBranchSwitch { gap:8px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalBranchSwitch button { padding:14px;gap:10px;flex-direction:column;align-items:flex-start; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalBranchIcon { font-size:27px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalBranchSwitch strong { font-size:14px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalFieldGrid { grid-template-columns:1fr; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalMediaGrid { grid-template-columns:1fr; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalCard { padding:16px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalDialogBar { gap:7px;padding:10px;flex-wrap:wrap; }
}

body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalBranchSwitch button { background:#f4f8fc!important;color:#17344e!important;box-shadow:none!important;min-height:110px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalBranchSwitch button.is-active { background:linear-gradient(120deg,#10233e,#214f74)!important;color:white!important;box-shadow:0 8px 24px #183d6526!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalBranchSwitch button span { color:inherit!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalBranchSwitch button strong { color:inherit!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalBranchSwitch button small { color:inherit!important;font-size:11px!important;line-height:1.5!important;opacity:.8!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalBranchSwitch .technicalBranchIcon { white-space:nowrap!important;flex:0 0 52px!important;min-width:52px;letter-spacing:-1px!important;font-size:30px!important;line-height:1!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalBranchSwitch button > span:last-child { min-width:0;flex:1; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalReview .technicalImage button { background:transparent!important;box-shadow:none!important;padding:0!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalReview .technicalImage button span { color:white!important; }

/* AC: evidence and decisions share one inspection surface. */
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acInspection { border:1px solid #d4e3ef;border-radius:20px;background:#fff;min-width:0; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acOperatorBar { display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:16px 18px;border-bottom:1px solid #d4e3ef;background:#f5f9fc;border-radius:20px 20px 0 0; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acOperatorBar > .technicalField { flex:1;min-width:180px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acOperatorBar .technicalCheck { padding:0;border:0;background:transparent;font-size:12px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acOperatorBar details { font-size:11px;color:#526c83; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acOperatorBar details[open] { flex-basis:100%; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acInspectionGrid { display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,1.1fr);gap:18px;padding:18px;align-items:start; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acPhotoPane { position:sticky;top:16px;min-width:0;display:grid;gap:12px;align-self:start; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acPhotoHeading { display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:#526c83; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acPhotoPane .technicalImage img { height:clamp(270px,48vh,490px);object-fit:contain;background:#edf3f8; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acPhotoPane .technicalImage figcaption { padding:10px 12px;font-size:11px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acPhotoPane .technicalCheck { padding:10px;font-size:12px;line-height:1.4; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acPhotoEmpty { min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px 16px;background:linear-gradient(140deg,#eef5fa,#f9fbfd);border:1px dashed #b7cfdf;border-radius:16px;color:#526c83; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acPhotoEmpty > span { font-size:60px;color:#98b7cc!important;line-height:1.3; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acPhotoEmpty strong { font-size:16px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acPhotoEmpty p { font-size:12px;line-height:1.6; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acPhotoThumbnails { display:flex;gap:8px;overflow-x:auto;padding:3px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acPhotoThumbnails button { padding:3px!important;background:#f5f9fc!important;border:2px solid transparent!important;border-radius:10px;box-shadow:none!important;flex:0 0 60px;min-height:0!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acPhotoThumbnails button[aria-pressed="true"] { border-color:#4c9dcf!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acPhotoThumbnails img { display:block;width:52px;height:48px;object-fit:cover;border-radius:6px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acDecisions { display:grid;gap:12px;min-width:0; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acDecision { display:grid;gap:12px;padding:14px;border:1px solid #d5e3ef;border-radius:15px;background:#fff;min-width:0; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acDecision.has-gap { border-color:#e9b3be;background:#fffafb; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acDecisionHeading { display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acDecisionHeading h3 { margin:0;font-size:16px!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acEvidence { font-size:10px!important;padding:4px 8px;border-radius:20px;font-weight:600;white-space:nowrap; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acEvidence.is-included { color:#21613a!important;background:#eaf6ed; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acEvidence.is-missing { color:#a23245!important;background:#fce5ea; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acEvidence.is-open { color:#735522!important;background:#fff3d8; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acDecisionFields { display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10px;align-items:end; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acNeedChoice { margin:0;padding:0;border:0;min-width:0; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acNeedChoice legend { font-size:11px;padding:0;margin-bottom:7px;color:#4c627b; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acNeedChoice > div { display:flex;border:1px solid #cddfea;border-radius:10px;overflow:hidden;background:#f6f9fc; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acNeedChoice label { position:relative;flex:1;min-width:0;cursor:pointer;text-align:center;margin:0; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acNeedChoice input { position:absolute;opacity:0;width:1px;height:1px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acNeedChoice span { display:block;padding:9px 4px;line-height:18px;font-size:12px!important;color:#37536c!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acNeedChoice input:checked + span { background:#173d5c;color:white!important;font-weight:700; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acNeedChoice input:focus-visible + span { outline:3px solid #5da9df;outline-offset:-3px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acDecision .technicalField { font-size:11px;gap:7px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acDecision .technicalField input { min-height:38px;font-size:12px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acDecision .technicalField select { min-height:38px;font-size:12px;padding:8px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acDecision [role="combobox"] { min-height:38px!important;font-size:12px!important;padding:8px!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acDecisionFooter { display:flex;align-items:start;gap:10px;flex-wrap:wrap; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acDecisionFooter .technicalCheck { padding:0;background:transparent;border:0;font-size:11px;gap:8px;align-items:center;flex:1; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acDecisionFooter .technicalCheck input { width:16px;height:16px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acDecisionFooter details { font-size:11px;color:#526c83; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acDecisionFooter details[open] { flex-basis:100%; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acDecisionFooter details p { font-size:12px;line-height:1.5; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acDecision summary { cursor:pointer; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acGap { font-size:11px!important;line-height:1.5;margin:0;color:#a23245!important; }
@media (max-width: 700px) {
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acInspectionGrid { grid-template-columns:minmax(0,1fr);padding:12px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acPhotoPane { position:static; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acPhotoPane .technicalImage img { height:280px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acPhotoEmpty { min-height:200px; }
}
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acInspection .technicalCheck { min-height:0!important;margin:0!important;line-height:1.4!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acInspection .technicalCheck span { font-size:inherit!important;line-height:inherit!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acInspection .technicalCheck input { margin:0!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .acDecision [role="combobox"] { min-width:0!important;max-width:100%;box-shadow:none!important; }

/* Compact DC roof inspection: product facts beside the actual layout. */
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofInspectionGrid { display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.65fr);gap:22px;align-items:stretch; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofTilePane { background:linear-gradient(145deg,#edf7fd,#f7fafd);border:1px solid #d5e7f2;border-radius:20px;padding:22px;min-width:0; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofTileSymbol { margin:12px auto 8px;text-align:center; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofTileSymbol svg { display:block;width:100%;max-width:210px;height:145px;margin:auto; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofTileSymbol figcaption, body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofProductOrigin, body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofReviewHint { font-size:12px!important;line-height:1.5!important;color:#657a8e!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofTilePane h4, body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofModuleStrip h4 { font-size:18px!important;line-height:1.35!important;margin:8px 0!important;overflow-wrap:anywhere; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofLayoutPane { min-width:0;display:flex;flex-direction:column;gap:10px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofLayoutPane .technicalImage { margin:0; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofLayoutPane .technicalImage button { width:100%;padding:0!important;overflow:hidden;border-radius:16px!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofLayoutPane .technicalImage img { height:240px!important;max-height:240px!important;width:100%;object-fit:contain;background:#eef3f7; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofLayoutPane .technicalImage figcaption { display:none; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofModuleStrip { display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;background:#f3f8fc;border:1px solid #d5e7f2;border-radius:16px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofDimensions { display:flex;flex-direction:column;gap:6px;margin-top:12px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofDimensions > span { font-size:11px!important;text-transform:uppercase;letter-spacing:.06em;color:#657a8e; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofDimensions strong { font-size:18px!important;line-height:1.3!important;font-variant-numeric:tabular-nums; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofDimensions strong small { font-size:12px!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofReviewBadge { font-size:12px;padding:7px 12px;background:#eaf5fc;color:#376c8d;border-radius:99px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofEditDetails { margin-top:18px;padding:14px 0;border-top:1px solid #dce8f0;border-bottom:1px solid #dce8f0; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofEditDetails summary { cursor:pointer;font-size:13px!important;color:#376c8d;font-weight:600; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofEditDetails[open] .technicalFieldGrid { margin-top:16px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) [data-product-research] { font-size:12px;line-height:1.45;color:#61788e;margin-top:8px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofDimensionProposal { display:flex;flex-direction:column;align-items:flex-start;gap:7px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofDimensionProposal button { font-size:12px!important;min-height:32px!important;padding:7px 12px!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofModuleStrip .roofDimensions { flex-shrink:0;margin:0; }
@media (max-width: 740px) {
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofInspectionGrid { grid-template-columns:minmax(0,1fr); }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofModuleStrip { flex-wrap:wrap; }
}

body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofModuleStrip { flex-wrap:wrap; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofModuleStrip > div:first-child { flex:1 1 190px; min-width:0; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofModuleCount { display:flex;align-items:center;gap:16px;padding:20px;margin:12px 0;background:linear-gradient(135deg,#e4f3fc,#f5faff);border:1px solid #c8e1f0;border-radius:18px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofModuleCount strong { font-size:54px!important;line-height:1!important;font-weight:800;color:#358bb8; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofModuleCount span { font-size:14px!important;line-height:1.4!important;max-width:150px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofDecision { padding:20px;margin-top:18px;border:1px solid #cee2ef;border-radius:18px;background:#f6faff; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofDecision textarea { width:100%;min-height:110px;resize:vertical;border:1px solid #bdd5e6;border-radius:12px;padding:12px;font:inherit; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofMaterialDecisions .technicalFieldGrid { grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofMaterialDecisions { background:#f7fafd;border:1px solid #d8e6ef;border-radius:18px;padding:18px;min-width:0; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalReport li { margin:10px 0;line-height:1.5; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalReport { margin-top:22px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofMaterialDecisions .technicalFieldGrid { display:flex;flex-direction:column;gap:10px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofMaterialDecisions .technicalFieldGrid .technicalField { display:grid;grid-template-columns:minmax(0,1fr) 80px;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #e1ebf2; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofMaterialDecisions .technicalFieldGrid .technicalField:has(input[type="text"]) { grid-template-columns:minmax(0,1fr); }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofMaterialDecisions .technicalFieldGrid .technicalField > span { font-size:12px!important;line-height:1.4!important;overflow-wrap:normal; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofMaterialDecisions input { min-width:0!important;min-height:38px!important;padding:7px 9px!important;margin:0!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofMaterialDecisions .technicalSource { font-size:13px!important;padding:12px!important; }

body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofModuleCount span { font-size:24px!important;font-weight:700;max-width:none; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofModuleCount small { display:block;font-size:12px;font-weight:400; }

/* Material quantities share the summary card language. */
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofMaterialLayout { display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);gap:24px;align-items:start; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofMaterialBoard .roofModuleCount { margin-top:0;padding:18px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialGroups { display:grid;gap:20px;min-width:0; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialGroup { min-width:0; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialGroup > header { display:flex;align-items:center;gap:9px;margin-bottom:10px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialGroup > header > span { font-size:11px;color:#527c98;border:1px solid #d6e7f2;border-radius:8px;padding:4px 6px;background:#f1f8fc; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialGroup h4 { font-size:16px!important;margin:0!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialQuantityGrid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialQuantityCard { display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:14px;border:1px solid #d6e5ef;border-radius:16px;background:linear-gradient(145deg,#f1f8fd,#f9fcfe);min-width:0;cursor:text; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialQuantityCard:focus-within { border-color:#409bd2;box-shadow:0 0 0 3px #419bd21a;background:#fff; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialQuantityCard > span { font-size:12px!important;line-height:1.35;color:#38526b;overflow-wrap:normal;hyphens:auto; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialQuantityCard > div { display:flex;align-items:baseline;gap:4px;min-width:0; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialQuantityCard input { width:100%!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:28px!important;line-height:1.2!important;font-weight:750!important;color:#112943;min-height:36px!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialQuantityCard small { font-size:10px;color:#61788c;flex-shrink:0; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialMountChoice { margin:0 0 12px!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialMountChoice legend { position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialMountChoice > div { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialMountChoice label span { font-size:11px!important;padding:9px 7px!important;min-width:0!important; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialGroupNote { display:block;font-size:12px;color:#61788c;line-height:1.5; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialOrderFinish { position:relative;padding:15px;border:1px solid #dce7ef;border-radius:15px;background:#f8fbfd;display:grid;gap:7px;margin-top:12px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialOrderFinish strong { font-size:15px!important;padding-right:22px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialFinishSwatch { position:absolute;right:15px;top:39px;width:17px;height:17px;border-radius:5px;background:#252b32;box-shadow:inset 0 0 0 1px #ffffff33; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialOrderFinish details, body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialEvidence { font-size:12px;line-height:1.4;color:#61788c; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialEvidence { margin-top:10px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialSummary { margin-top:26px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialSummary header { margin-bottom:14px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalReview .technicalTotals { display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalReview .technicalTotals > div { min-width:0;padding:16px;border-radius:16px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .technicalReview .technicalTotals > div > span { overflow-wrap:normal;hyphens:auto;font-size:12px!important;line-height:1.4; }
@media (max-width: 1100px) {
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofMaterialLayout { grid-template-columns:minmax(0,1fr); }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .roofMaterialLayout .acPhotoPane { position:static; }
}

/* Shared compact material summary for both DC steps. */
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialTotalsList { border-top:1px solid #d6e5ef;border-bottom:1px solid #d6e5ef;margin:12px 0 20px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialTotalsHeading, body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialTotalsRow { display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:10px 4px; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialTotalsHeading { color:#61788e;font-size:11px!important;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #d6e5ef; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialTotalsRow + .materialTotalsRow { border-top:1px solid #edf2f6; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialTotalsRow { font-size:14px!important;line-height:1.4; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialTotalsRow > span:last-child { text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialTotalsRow strong { font-size:16px!important;color:#142d49; }
body.roleEmployee.dashboardMode:not(.roleMember):not(.rolePartner):not(.portalBaustelle):not(.portalPartner) .materialTotalsRow small { font-size:12px;color:#61788e; }