/* /Pages/MaengelStammdaten.razor.rz.scp.css */
.ms-page[b-p40f8y04di] {
  padding: var(--ms-page-padding);
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
}

.ms-page-title[b-p40f8y04di] {
  font-size: var(--ms-font-size-page-title);
  font-weight: 600;
  letter-spacing: -0.2px;
  margin: 0 0 8px 0;
}

.ms-splitter-wrap[b-p40f8y04di] {
  flex: 1 1 auto;
  min-height: 0;
  border: 1px solid var(--rz-border-color, rgba(0,0,0,0.12));
  border-radius: 8px;
  overflow: hidden;
  background: var(--rz-base-background-color, white);
}

.ms-tree-pane[b-p40f8y04di],
.ms-detail-pane[b-p40f8y04di] {
  height: 100%;
  overflow: auto;
}

.ms-tree-pane[b-p40f8y04di] {
  padding: 16px 8px 24px 8px;
}

.ms-detail-pane[b-p40f8y04di] {
  padding: 0;
  border-left: 1px solid var(--rz-border-color, rgba(0,0,0,0.08));
}

.ms-pane-placeholder[b-p40f8y04di] {
  color: var(--rz-text-tertiary-color, #888);
  font-style: italic;
  font-size: 14px;
}

.ms-toolbar[b-p40f8y04di] {
  padding: 0;
  margin-bottom: 8px;
}

.ms-toggle[b-p40f8y04di] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  user-select: none;
}

.ms-toggle-label[b-p40f8y04di] {
  font-size: 13px;
  color: var(--rz-text-secondary-color, #444);
}
/* /Shared/MaengelStammdaten/Common/AuditFooter.razor.rz.scp.css */
.ms-audit[b-r4tlo1jgnd] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  font-size: var(--ms-font-size-audit);
  opacity: 0.6;
  padding-top: 12px;
  margin-top: 16px;
  border-top: 1px solid var(--ms-form-divider);
}

.ms-audit-row[b-r4tlo1jgnd] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ms-audit-label[b-r4tlo1jgnd] {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.4px;
  opacity: 0.8;
}

.ms-audit-value[b-r4tlo1jgnd] {
  font-feature-settings: 'tnum';
}
/* /Shared/MaengelStammdaten/Common/EntityTypeBadge.razor.rz.scp.css */
.ms-badge[b-lmggjoewk7] {
  display: inline-block;
  font-size: var(--ms-font-size-type-badge);
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 3px;
  color: white;
  line-height: 1;
}

.ms-badge--medikamentenart[b-lmggjoewk7] { background: var(--ms-color-medikamentenart); }
.ms-badge--page[b-lmggjoewk7]            { background: var(--ms-color-page); }
.ms-badge--maengelart[b-lmggjoewk7]      { background: var(--ms-color-maengelart); }
.ms-badge--mangel[b-lmggjoewk7]          { background: var(--ms-color-mangel); }
.ms-badge--default[b-lmggjoewk7]         { background: var(--rz-text-tertiary-color, #888); }
/* /Shared/MaengelStammdaten/Common/HierarchyBreadcrumb.razor.rz.scp.css */
.ms-breadcrumb[b-8afykk3gel] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  font-size: 13px;
  color: var(--rz-text-secondary-color, #555);
}

.ms-breadcrumb-separator[b-8afykk3gel] { opacity: 0.4; }

.ms-breadcrumb-item--current[b-8afykk3gel] {
  color: var(--rz-text-color, #111);
  font-weight: 500;
}
/* /Shared/MaengelStammdaten/Forms/MaengelArtPageForm.razor.rz.scp.css */
/* Reuse global form styles from MedikamentenartForm.razor.css's class names — kept here for scoped overrides if needed */
/* /Shared/MaengelStammdaten/Forms/MedikamentenartForm.razor.rz.scp.css */
/*
 * Form-Layout-Klassen (.ms-form, .ms-field, .ms-form-actions etc.) sind in
 * wwwroot/css/maengel-stammdaten.css global definiert, damit alle 4 Forms
 * dieselben Styles bekommen. Diese Datei bleibt für künftige scoped
 * Overrides als Anker bestehen.
 */
/* /Shared/MaengelStammdaten/MaengelStammdatenDetailPanel.razor.rz.scp.css */
.ms-detail-empty[b-9g935jlfu0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 120px 24px 24px 24px;
  color: var(--rz-text-secondary-color, #555);
}

.ms-detail-empty-icon[b-9g935jlfu0] {
  font-size: 48px;
  opacity: 0.25;
  margin-bottom: 16px;
}

.ms-detail-empty-title[b-9g935jlfu0] {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 6px 0;
}

.ms-detail-empty-lead[b-9g935jlfu0] {
  font-size: 14px;
  font-weight: 400;
  opacity: 0.65;
  margin: 0;
  max-width: 320px;
}
/* /Shared/MaengelStammdaten/MaengelStammdatenTree.razor.rz.scp.css */
.ms-tree[b-ozr4ci2e1y] {
  display: flex;
  flex-direction: column;
}

.ms-tree-empty[b-ozr4ci2e1y] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 80px 24px 24px 24px;
  color: var(--rz-text-secondary-color, #555);
  gap: 12px;
}

.ms-tree-empty-icon[b-ozr4ci2e1y] {
  font-size: 48px;
  opacity: 0.25;
}

.ms-tree-empty-title[b-ozr4ci2e1y] {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}

.ms-tree-empty-lead[b-ozr4ci2e1y] {
  font-size: 14px;
  font-weight: 400;
  opacity: 0.65;
  margin: 0 0 8px 0;
  max-width: 320px;
}

.ms-tree-empty-cta[b-ozr4ci2e1y] {
  margin-top: 4px;
}
/* /Shared/MaengelStammdaten/MaengelStammdatenTreeActions.razor.rz.scp.css */
.ms-actions[b-fg2sdp1xwm] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.ms-action[b-fg2sdp1xwm] {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  color: var(--rz-text-secondary-color, #555);
  background-color: var(--ms-action-default-bg, rgba(0, 0, 0, 0.04));
  transition:
    background-color 120ms var(--ms-ease-standard),
    color 120ms var(--ms-ease-standard),
    box-shadow 120ms var(--ms-ease-standard);
}

.ms-action .material-symbols-outlined[b-fg2sdp1xwm] { font-size: 16px; }

.ms-action:hover:not(:disabled)[b-fg2sdp1xwm] {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

/* Hover-Pill pro Ebene — nutzt Custom-Properties aus maengel-stammdaten.css. */
.ms-action--medikamentenart:hover:not(:disabled)[b-fg2sdp1xwm] {
  background-color: var(--ms-action-hover-medikamentenart);
  color: var(--ms-color-medikamentenart);
}

.ms-action--page:hover:not(:disabled)[b-fg2sdp1xwm] {
  background-color: var(--ms-action-hover-page);
  color: var(--ms-color-page);
}

.ms-action--maengelart:hover:not(:disabled)[b-fg2sdp1xwm] {
  background-color: var(--ms-action-hover-maengelart);
  color: var(--ms-color-maengelart);
}

.ms-action--mangel:hover:not(:disabled)[b-fg2sdp1xwm] {
  background-color: var(--ms-action-hover-mangel);
  color: var(--ms-color-mangel);
}

/* Modifier mit höherer Spezifität als die Ebenen-Modifier — kommen ganz nach unten. */
.ms-action--primary:hover:not(:disabled)[b-fg2sdp1xwm] {
  background-color: rgba(91, 108, 255, 0.18);
  color: var(--ms-color-medikamentenart);
}

.ms-action--danger:hover:not(:disabled)[b-fg2sdp1xwm] {
  background-color: rgba(220, 38, 38, 0.12);
  color: #dc2626;
}

.ms-action--reactivate:hover:not(:disabled)[b-fg2sdp1xwm] {
  background-color: rgba(16, 163, 127, 0.15);
  color: var(--ms-color-page);
}
/* /Shared/MaengelStammdaten/MaengelStammdatenTreeNode.razor.rz.scp.css */
.ms-tree-node[b-h5nshezc4f] {
  display: flex;
  flex-direction: column;
}

.ms-tree-node-row[b-h5nshezc4f] {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  padding: 6px 8px 6px calc(8px + var(--ms-tree-indent) * var(--ms-indent-level, 0));
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  transition: background-color 120ms var(--ms-ease-standard);
}

.ms-tree-node-row:hover[b-h5nshezc4f] {
  background-color: var(--ms-tree-hover-bg);
}

.ms-tree-node--selected > .ms-tree-node-row[b-h5nshezc4f] {
  background-color: var(--ms-tree-selected-bg);
}

.ms-tree-node--selected > .ms-tree-node-row[b-h5nshezc4f]::before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 3px;
  border-radius: 0 2px 2px 0;
  background: var(--ms-tree-selected-bar);
}

.ms-tree-chevron[b-h5nshezc4f],
.ms-tree-chevron-spacer[b-h5nshezc4f] {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.ms-tree-chevron[b-h5nshezc4f] { color: var(--rz-text-secondary-color, #555); }

.ms-tree-chevron .material-symbols-outlined[b-h5nshezc4f] { font-size: 18px; }

.ms-tree-label-btn[b-h5nshezc4f] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 1 1 auto;
  text-align: left;
  min-width: 0;
  overflow: hidden;
}

.ms-tree-icon[b-h5nshezc4f] { font-size: 18px; flex-shrink: 0; }
.ms-tree-icon--medikamentenart[b-h5nshezc4f] { color: var(--ms-color-medikamentenart); }
.ms-tree-icon--page[b-h5nshezc4f]            { color: var(--ms-color-page); }
.ms-tree-icon--maengelart[b-h5nshezc4f]      { color: var(--ms-color-maengelart); }
.ms-tree-icon--mangel[b-h5nshezc4f]          { color: var(--ms-color-mangel); }

.ms-tree-name[b-h5nshezc4f] {
  font-size: var(--ms-font-size-tree-name);
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

.ms-tree-name--match[b-h5nshezc4f] {
  background: rgba(245, 158, 11, 0.2);
  border-radius: 2px;
  padding: 0 2px;
}

.ms-tree-node--inactive .ms-tree-name[b-h5nshezc4f] {
  font-style: italic;
  font-weight: 400;
  opacity: 0.55;
}

.ms-tree-count[b-h5nshezc4f] {
  font-size: 12px;
  color: var(--rz-text-tertiary-color, #888);
  flex-shrink: 0;
}

.ms-tree-actions[b-h5nshezc4f] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  padding-left: 12px;
  opacity: 0.6;
  transition: opacity 120ms var(--ms-ease-standard);
  flex-shrink: 0;
}

.ms-tree-node-row:hover .ms-tree-actions[b-h5nshezc4f],
.ms-tree-node--selected > .ms-tree-node-row .ms-tree-actions[b-h5nshezc4f],
.ms-tree-actions:focus-within[b-h5nshezc4f] {
  opacity: 1;
}

.ms-tree-children[b-h5nshezc4f] {
  display: flex;
  flex-direction: column;
  position: relative;
}

.ms-tree-children[b-h5nshezc4f]::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 8px;
  left: calc(8px + var(--ms-tree-indent) * var(--ms-indent-level, 0) + 9px);
  width: 1px;
  background: var(--ms-tree-connector);
  pointer-events: none;
}

/* ───── Sort-Animation (siehe Spec §6.7, kommt in Chunk 9 zum Tragen) ───── */

@keyframes ms-swap-up-b-h5nshezc4f {
  from { transform: translateY(var(--ms-tree-row-height, 32px)); }
  to   { transform: translateY(0); }
}

@keyframes ms-swap-down-b-h5nshezc4f {
  from { transform: translateY(calc(-1 * var(--ms-tree-row-height, 32px))); }
  to   { transform: translateY(0); }
}

.ms-tree-node--moved-up[b-h5nshezc4f] {
  animation: ms-swap-up-b-h5nshezc4f 220ms var(--ms-ease-standard) backwards;
}

.ms-tree-node--moved-down[b-h5nshezc4f] {
  animation: ms-swap-down-b-h5nshezc4f 220ms var(--ms-ease-standard) backwards;
}

@media (prefers-reduced-motion: reduce) {
  .ms-tree-node--moved-up[b-h5nshezc4f],
  .ms-tree-node--moved-down[b-h5nshezc4f] {
    animation: none;
  }
}
