/* Personal – Layout (analog document-designer.css) */
.ld-mandant-btn--static {
  cursor: default;
  pointer-events: none;
}
.lp-body .ld-root.lp-layout-root {
  min-height: 100vh;
  height: 100vh;
}

.lp-body .ld-right.lp-main-wrap {
  min-height: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  background: var(--ld-paper, #f7f5f0);
}

/* Keine volle Trennlinie direkt über der abgerundeten Modul-Karte */
.lp-body .ld-topbar {
  border-bottom: none;
}

.lp-layout-root .ld-main {
  padding-bottom: 0;
}

.lp-main {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1;
  padding: 14px 16px 16px;
  gap: 0;
  overflow: hidden;
  background: var(--ld-paper, #f7f5f0);
}

.lp-personal-root {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--ld-border, #d6d0c4);
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

#lp-personal-root > div,
#lp-personal-root > div > div {
  flex: 1;
  min-height: 0;
  display: flex !important;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.lp-boot-error {
  padding: 24px;
  font-family: system-ui, sans-serif;
  color: #791f1f;
  background: #fcebeb;
  border-radius: 8px;
  margin: 16px;
}

/* Berechtigungsmatrix: Rollen-Badges/Chips nicht überlappen (Administrator, Prüfer, …) */
#lp-personal-root [style*="width: 72px"] {
  width: auto !important;
  min-width: 84px !important;
  max-width: 112px !important;
  flex: 0 0 auto !important;
  box-sizing: border-box;
  padding: 2px 4px !important;
}

#lp-personal-root [style*="width: 72px"] span,
#lp-personal-root [style*="width: 72px"] div {
  white-space: normal !important;
  text-align: center;
  line-height: 1.15;
  word-break: break-word;
  font-size: 11px !important;
}

#lp-personal-root [style*="flex-wrap: wrap"][style*="margin-bottom"] {
  gap: 6px 8px !important;
  row-gap: 8px !important;
}

#lp-personal-root [style*="border-radius"][style*="padding-horizontal"] {
  margin: 2px 4px 2px 0 !important;
  max-width: 100%;
}