/*
 * Phase 2: gemeinsames Erscheinungsbild für sämtliche HR-Reiter.
 * Diese Datei ändert keine Abläufe oder Daten. Sie vereinheitlicht nur
 * Typografie, Flächen, Formulare, Tabellen und Zustände.
 */

body.mvhr-design-lab .mv-dashboard-content > * {
  width: 100%;
  max-width: 1200px;
}

body.mvhr-design-lab .mv-dashboard-content h1,
body.mvhr-design-lab .mv-dashboard-content h2,
body.mvhr-design-lab .mv-dashboard-content h3,
body.mvhr-design-lab .mv-dashboard-content h4 {
  line-height: 1.22 !important;
}

body.mvhr-design-lab .mv-dashboard-content h1 {
  font-size: clamp(30px, 3vw, 42px) !important;
  font-weight: 600 !important;
}

body.mvhr-design-lab .mv-dashboard-content h2 {
  font-size: clamp(25px, 2.4vw, 33px) !important;
  font-weight: 600 !important;
}

body.mvhr-design-lab .mv-dashboard-content h3 {
  font-size: clamp(20px, 1.8vw, 25px) !important;
  font-weight: 600 !important;
}

body.mvhr-design-lab .mv-dashboard-content h4 {
  font-size: 18px !important;
  font-weight: 650 !important;
}

body.mvhr-design-lab .mv-dashboard-content p,
body.mvhr-design-lab .mv-dashboard-content li {
  color: var(--mvhr-copy) !important;
  line-height: 1.58 !important;
}

/* Einheitliche Bedienfelder. */
body.mvhr-design-lab .mv-dashboard-content input:not([type="checkbox"]):not([type="radio"]),
body.mvhr-design-lab .mv-dashboard-content select,
body.mvhr-design-lab .mv-dashboard-content textarea {
  min-height: 44px !important;
  padding: 10px 13px !important;
  border: 1px solid var(--mvhr-border-strong) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
  color: var(--mvhr-navy) !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
}

body.mvhr-design-lab .mv-dashboard-content textarea {
  min-height: 118px !important;
  resize: vertical;
}

body.mvhr-design-lab .mv-dashboard-content input:focus,
body.mvhr-design-lab .mv-dashboard-content select:focus,
body.mvhr-design-lab .mv-dashboard-content textarea:focus {
  border-color: var(--mvhr-sage) !important;
  outline: 3px solid rgba(111, 143, 137, 0.18) !important;
  outline-offset: 1px !important;
}

body.mvhr-design-lab .mv-dashboard-content input[type="checkbox"],
body.mvhr-design-lab .mv-dashboard-content input[type="radio"] {
  accent-color: var(--mvhr-sage-dark) !important;
}

body.mvhr-design-lab .mv-dashboard-content button:not(.rec-toggle),
body.mvhr-design-lab .mv-dashboard-content .button,
body.mvhr-design-lab .mv-dashboard-content a.button,
body.mvhr-design-lab .mv-dashboard-content a[role="button"],
body.mvhr-design-lab .mv-dashboard-content a[style*="background:#3D4E60"] {
  min-height: 42px;
  padding: 10px 16px;
  border: 1px solid var(--mvhr-navy) !important;
  border-radius: 12px !important;
  background: var(--mvhr-navy) !important;
  box-shadow: none !important;
  color: var(--mvhr-cream) !important;
  font-family: "Nunito Sans", Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.005em !important;
  text-decoration: none !important;
}

body.mvhr-design-lab .mv-dashboard-content button:not(.rec-toggle):hover,
body.mvhr-design-lab .mv-dashboard-content .button:hover,
body.mvhr-design-lab .mv-dashboard-content a.button:hover,
body.mvhr-design-lab .mv-dashboard-content a[role="button"]:hover,
body.mvhr-design-lab .mv-dashboard-content a[style*="background:#3D4E60"]:hover {
  border-color: var(--mvhr-navy-dark) !important;
  background: var(--mvhr-navy-dark) !important;
  transform: translateY(-1px);
}

/* Tabellen werden auf schmalen Geräten horizontal scrollbar statt gequetscht. */
body.mvhr-design-lab .mv-dashboard-content table {
  display: table;
  width: 100% !important;
  max-width: 100%;
  border: 1px solid var(--mvhr-border-strong) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 18px !important;
  background: rgba(255, 253, 248, 0.98) !important;
  box-shadow: none !important;
}

body.mvhr-design-lab .mv-counseling-data,
body.mvhr-design-lab .mv-billing-tab,
body.mvhr-design-lab .mv-speicherfristen,
body.mvhr-design-lab .mvds-hr-team-admin {
  overflow-x: auto;
}

body.mvhr-design-lab .mv-dashboard-content thead {
  background: var(--mvhr-navy) !important;
}

body.mvhr-design-lab .mv-dashboard-content th {
  padding: 14px 16px !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: var(--mvhr-navy) !important;
  color: var(--mvhr-cream) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.025em !important;
  text-align: left !important;
}

body.mvhr-design-lab .mv-dashboard-content td {
  padding: 14px 16px !important;
  border-color: var(--mvhr-border) !important;
  background: rgba(255, 253, 248, 0.92) !important;
  color: var(--mvhr-copy) !important;
  font-size: 14px !important;
  vertical-align: top !important;
}

body.mvhr-design-lab .mv-dashboard-content tbody tr:nth-child(even) td {
  background: #fbf7ef !important;
}

/* Zweigstellen: destruktive Aktion bewusst kompakt und sekundär darstellen. */
body.mvhr-design-lab .mv-dashboard-content table.mvhr-branch-table {
  overflow: hidden !important;
}

body.mvhr-design-lab .mv-dashboard-content table.mvhr-branch-table th:last-child {
  width: 150px !important;
  text-align: center !important;
}

body.mvhr-design-lab .mv-dashboard-content td.mvhr-branch-action-cell {
  width: 150px !important;
  text-align: center !important;
  vertical-align: middle !important;
}

body.mvhr-design-lab .mv-dashboard-content form.mvhr-branch-delete-form {
  display: inline-flex !important;
  width: auto !important;
  margin: 0 !important;
}

body.mvhr-design-lab .mv-dashboard-content button.mvhr-branch-delete {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 7px 14px !important;
  border: 1px solid #dfb8ae !important;
  border-radius: 999px !important;
  background: #fff6f3 !important;
  color: #97483d !important;
  box-shadow: none !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

body.mvhr-design-lab .mv-dashboard-content button.mvhr-branch-delete:hover {
  border-color: #97483d !important;
  background: #97483d !important;
  color: #fffdf8 !important;
  transform: none !important;
}

/* ------------------------------------------------------------------
 * Zugangsdaten-Verwaltung
 * ------------------------------------------------------------------ */
body.mvhr-design-lab .mv-dashboard-content .mvhr-credentials {
  margin: 24px 0 !important;
  padding: clamp(24px, 4vw, 38px) !important;
  border: 1px solid var(--mvhr-border-strong) !important;
  border-radius: 26px !important;
  background: rgba(255, 253, 248, 0.98) !important;
  box-shadow: 0 18px 40px -34px rgba(47, 67, 86, 0.55) !important;
}

body.mvhr-design-lab .mvhr-credentials-eyebrow {
  margin: 0 0 6px !important;
  color: var(--mvhr-sage-dark) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
}

body.mvhr-design-lab .mvhr-credentials-title {
  margin: 0 0 8px !important;
  font-size: clamp(27px, 3vw, 36px) !important;
  line-height: 1.15 !important;
}

body.mvhr-design-lab .mvhr-credentials-intro {
  max-width: 760px !important;
  margin: 0 0 22px !important;
  color: var(--mvhr-copy) !important;
  font-size: 15px !important;
}

body.mvhr-design-lab .mvhr-credentials-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.mvhr-design-lab .mvhr-credentials-field,
body.mvhr-design-lab .mvhr-credentials-link {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px 14px !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 17px !important;
  border: 1px solid #d6e2df !important;
  border-radius: 16px !important;
  background: #f1f6f4 !important;
}

body.mvhr-design-lab .mvhr-credentials-link {
  margin-top: 12px !important;
}

body.mvhr-design-lab .mvhr-credentials-field > strong,
body.mvhr-design-lab .mvhr-credentials-link > strong {
  grid-column: 1 / -1 !important;
  color: var(--mvhr-copy) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

body.mvhr-design-lab .mvhr-credentials-field code,
body.mvhr-design-lab .mvhr-credentials-link code {
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--mvhr-navy) !important;
  font-family: "Nunito Sans", Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.015em !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.mvhr-design-lab .mvhr-credentials-link br {
  display: none !important;
}

body.mvhr-design-lab .mv-dashboard-content button.mvhr-credentials-copy {
  width: auto !important;
  min-width: 0 !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 7px 13px !important;
  border-color: var(--mvhr-border-strong) !important;
  border-radius: 12px !important;
  background: var(--mvhr-cream) !important;
  color: var(--mvhr-navy) !important;
  font-size: 12px !important;
}

body.mvhr-design-lab .mv-dashboard-content button.mvhr-credentials-copy:hover {
  border-color: var(--mvhr-sage-dark) !important;
  background: #edf3f1 !important;
  color: var(--mvhr-navy) !important;
  transform: none !important;
}

body.mvhr-design-lab .mv-dashboard-content .mvhr-credentials-link button.mvhr-credentials-copy {
  border-color: var(--mvhr-navy) !important;
  background: var(--mvhr-navy) !important;
  color: var(--mvhr-cream) !important;
}

body.mvhr-design-lab .mv-dashboard-content .mvhr-credentials-link button.mvhr-credentials-copy:hover {
  border-color: var(--mvhr-navy-dark) !important;
  background: var(--mvhr-navy-dark) !important;
  color: var(--mvhr-cream) !important;
}

body.mvhr-design-lab .mvhr-credentials-tools {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 20px !important;
  align-items: end !important;
  padding: 22px 0 !important;
}

body.mvhr-design-lab .mvhr-credentials-tools h4 {
  margin: 0 0 5px !important;
  font-size: 19px !important;
}

body.mvhr-design-lab .mvhr-credentials-tools p {
  margin: 0 !important;
  color: var(--mvhr-copy) !important;
  font-size: 14px !important;
}

body.mvhr-design-lab .mvhr-credentials-tools .button-group {
  display: flex !important;
  width: auto !important;
  max-width: none !important;
  gap: 10px !important;
  margin: 0 !important;
}

body.mvhr-design-lab .mvhr-credentials-tools .button-group a,
body.mvhr-design-lab .mvhr-credentials-tools .button-group button {
  width: auto !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 10px 15px !important;
  border: 1px solid var(--mvhr-border-strong) !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: var(--mvhr-navy) !important;
  white-space: nowrap !important;
}

body.mvhr-design-lab .mvhr-credentials-info {
  margin: 4px 0 0 !important;
  padding: 20px 22px !important;
  border: 1px solid #d5e1de !important;
  border-radius: 18px !important;
  background: #f2f7f5 !important;
  color: var(--mvhr-copy) !important;
  font-size: 14px !important;
}

body.mvhr-design-lab .mvhr-credentials-info > strong {
  display: block !important;
  margin: 0 0 12px !important;
  color: var(--mvhr-navy) !important;
  font-size: 16px !important;
}

body.mvhr-design-lab .mvhr-credentials-checklist {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.mvhr-design-lab .mvhr-credentials-checklist li {
  position: relative !important;
  margin: 0 !important;
  padding: 0 0 0 24px !important;
}

body.mvhr-design-lab .mvhr-credentials-checklist li::before {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  color: var(--mvhr-sage-dark) !important;
  content: "✓" !important;
  font-weight: 800 !important;
}

body.mvhr-design-lab .mvhr-credentials-checklist .mvhr-credentials-task {
  grid-column: 1 / -1 !important;
  margin-top: 6px !important;
  padding-top: 12px !important;
  padding-left: 24px !important;
  border-top: 1px solid #d5e1de !important;
  color: var(--mvhr-navy) !important;
  font-weight: 700 !important;
}

body.mvhr-design-lab .mvhr-credentials-checklist .mvhr-credentials-task::before {
  top: 12px !important;
  content: "→" !important;
}

body.mvhr-design-lab .mvhr-credentials-regenerate {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding-top: 18px !important;
  text-align: right !important;
}

body.mvhr-design-lab .mvhr-credentials-regenerate-copy {
  margin: 0 auto 0 0 !important;
  color: var(--mvhr-copy) !important;
  font-size: 13px !important;
  text-align: left !important;
}

body.mvhr-design-lab .mv-dashboard-content .mvhr-credentials-regenerate .mv-regenerate-credentials {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  border-color: #d6a096 !important;
  background: var(--mvhr-cream) !important;
  color: #944d42 !important;
}

body.mvhr-design-lab .mv-dashboard-content .mvhr-credentials-regenerate .mv-regenerate-credentials:hover {
  border-color: #c98276 !important;
  background: #fff2ee !important;
  color: #854238 !important;
  transform: none !important;
}

/* ------------------------------------------------------------------
 * Onboarding
 * ------------------------------------------------------------------ */
body.mvhr-design-lab[data-mvhr-tab="onboarding"] .mv-onboarding-fullscreen {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 0 26px !important;
  padding: clamp(24px, 4vw, 46px) !important;
  overflow: hidden !important;
  border: 1px solid var(--mvhr-border-strong) !important;
  border-radius: 26px !important;
  background: rgba(255, 253, 248, 0.98) !important;
  box-shadow: 0 18px 40px -30px rgba(47, 67, 86, 0.5) !important;
}

body.mvhr-design-lab[data-mvhr-tab="onboarding"] .mv-progress-container {
  margin: 0 0 32px !important;
}

body.mvhr-design-lab[data-mvhr-tab="onboarding"] .mv-progress-bar {
  height: 7px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: #e6edea !important;
}

body.mvhr-design-lab[data-mvhr-tab="onboarding"] .mv-progress-fill {
  border-radius: inherit !important;
  background: var(--mvhr-sage) !important;
}

body.mvhr-design-lab[data-mvhr-tab="onboarding"] .mv-step-content {
  max-width: 850px !important;
  margin-inline: auto !important;
}

body.mvhr-design-lab[data-mvhr-tab="onboarding"] .mv-logo-circle,
body.mvhr-design-lab[data-mvhr-tab="onboarding"] .mv-step-icon {
  border-radius: 22px !important;
  background: var(--mvhr-navy) !important;
  color: var(--mvhr-cream) !important;
  box-shadow: 0 16px 30px -24px rgba(47, 67, 86, 0.8) !important;
}

body.mvhr-design-lab[data-mvhr-tab="onboarding"] .mv-logo-circle {
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 32px !important;
  background: linear-gradient(145deg, #2f4356 0%, #38576a 100%) !important;
  box-shadow: 0 18px 36px -25px rgba(47, 67, 86, 0.88) !important;
}

body.mvhr-design-lab[data-mvhr-tab="onboarding"] .mv-logo-circle .mv-brain-icon {
  width: 76px !important;
  height: 76px !important;
}

body.mvhr-design-lab[data-mvhr-tab="onboarding"] .mv-field-item,
body.mvhr-design-lab[data-mvhr-tab="onboarding"] .mv-overview-item,
body.mvhr-design-lab[data-mvhr-tab="onboarding"] .mv-counseling-item,
body.mvhr-design-lab[data-mvhr-tab="onboarding"] .mv-insights-item,
body.mvhr-design-lab[data-mvhr-tab="onboarding"] .mv-hub-item,
body.mvhr-design-lab[data-mvhr-tab="onboarding"] .mv-access-method-qr,
body.mvhr-design-lab[data-mvhr-tab="onboarding"] .mv-access-method-code {
  border: 1px solid var(--mvhr-border-strong) !important;
  border-radius: 18px !important;
  background: #fffdf8 !important;
  box-shadow: none !important;
}

body.mvhr-design-lab[data-mvhr-tab="onboarding"] .mv-link-button {
  border-radius: 999px !important;
  background: #e6edea !important;
  color: var(--mvhr-sage-dark) !important;
  font-weight: 800 !important;
}

/* ------------------------------------------------------------------
 * Beratungsmanagement und Datenansichten
 * ------------------------------------------------------------------ */
body.mvhr-design-lab .mv-counseling-data,
body.mvhr-design-lab .mv-billing-tab {
  max-width: 1180px !important;
}

body.mvhr-design-lab .mv-counseling-data > div,
body.mvhr-design-lab .mv-billing-tab > div {
  border-color: var(--mvhr-border-strong) !important;
  border-radius: 22px !important;
  background: rgba(255, 253, 248, 0.98) !important;
  box-shadow: 0 16px 36px -30px rgba(47, 67, 86, 0.42) !important;
}

body.mvhr-design-lab .mv-counseling-data [style*="display: grid"] > div,
body.mvhr-design-lab .mv-counseling-data [style*="display:grid"] > div {
  border-color: var(--mvhr-border-strong) !important;
  border-radius: 18px !important;
  background: #fffdf8 !important;
  box-shadow: none !important;
}

body.mvhr-design-lab .mv-counseling-data canvas {
  max-width: 100% !important;
}

body.mvhr-design-lab .mv-speicherfristen {
  margin-top: 16px !important;
}

body.mvhr-design-lab .mvhr-counseling-release-shell {
  width: 100% !important;
  max-width: 1180px !important;
  margin: 20px auto !important;
  padding: 0 20px !important;
}

body.mvhr-design-lab .mvhr-counseling-release-card {
  padding: clamp(22px, 3vw, 28px) !important;
  border: 1px solid var(--mvhr-border-strong) !important;
  border-radius: 22px !important;
  background: var(--mvhr-cream-soft) !important;
  box-shadow: 0 16px 36px -30px rgba(47, 67, 86, 0.42) !important;
}

body.mvhr-design-lab .mvhr-counseling-release-card > div {
  gap: clamp(18px, 3vw, 30px) !important;
}

body.mvhr-design-lab .mvhr-counseling-data-panel {
  padding: clamp(24px, 3.4vw, 34px) !important;
  border: 1px solid var(--mvhr-border-strong) !important;
  border-radius: 22px !important;
  background: rgba(255, 253, 248, 0.98) !important;
  box-shadow: 0 16px 36px -30px rgba(47, 67, 86, 0.42) !important;
}

body.mvhr-design-lab .mvhr-counseling-stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body.mvhr-design-lab .mvhr-counseling-stat {
  display: flex !important;
  min-width: 0 !important;
  min-height: 166px !important;
  padding: 20px !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  border: 1px solid var(--mvhr-border-strong) !important;
  border-left: 1px solid var(--mvhr-border-strong) !important;
  border-radius: 18px !important;
  background: #fffdf8 !important;
  box-shadow: none !important;
}

body.mvhr-design-lab .mvhr-counseling-stat__value {
  margin: 0 0 9px !important;
  color: var(--mvhr-navy) !important;
  font-family: Lora, Georgia, "Times New Roman", serif !important;
  font-size: clamp(22px, 2vw, 28px) !important;
  font-weight: 600 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.025em !important;
  white-space: nowrap !important;
}

body.mvhr-design-lab .mvhr-counseling-stat__label {
  color: var(--mvhr-copy) !important;
  font-family: "Nunito Sans", Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.4 !important;
}

body.mvhr-design-lab .mvhr-counseling-stat__meta {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  margin-top: auto !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  background: #e6edea !important;
  color: var(--mvhr-sage-dark) !important;
  font-family: "Nunito Sans", Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
}

/* Kompakte Kontingent-Verwaltung statt großflächiger Inline-Karten. */
body.mvhr-design-lab .mvhr-contingent-shell {
  width: 100% !important;
  max-width: 1180px !important;
  margin: 20px auto !important;
  padding: 0 20px !important;
}

body.mvhr-design-lab .mvhr-contingent-panel {
  margin-bottom: 20px !important;
  padding: clamp(22px, 3vw, 30px) !important;
  border: 1px solid var(--mvhr-border-strong) !important;
  border-radius: 22px !important;
  background: rgba(255, 253, 248, 0.98) !important;
  box-shadow: 0 16px 36px -30px rgba(47, 67, 86, 0.42) !important;
}

body.mvhr-design-lab .mvhr-contingent-title {
  margin: 0 0 18px !important;
  color: var(--mvhr-navy) !important;
  font-size: clamp(27px, 2.6vw, 36px) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
}

body.mvhr-design-lab .mvhr-contingent-plan {
  margin: 0 0 16px !important;
  padding: 16px 18px !important;
  border: 1px solid rgba(111, 143, 137, 0.3) !important;
  border-left: 4px solid var(--mvhr-sage-dark) !important;
  border-radius: 14px !important;
  background: #edf3ef !important;
  color: var(--mvhr-navy) !important;
  font-family: "Nunito Sans", Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

body.mvhr-design-lab .mvhr-contingent-plan > div {
  margin-top: 5px !important;
  color: var(--mvhr-copy) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

body.mvhr-design-lab .mvhr-contingent-summary {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 280px)) !important;
  gap: 12px !important;
  margin: 0 0 16px !important;
}

body.mvhr-design-lab .mvhr-contingent-summary__card {
  display: flex !important;
  min-height: 92px !important;
  padding: 15px 17px !important;
  align-items: flex-start !important;
  flex-direction: column !important;
  justify-content: center !important;
  border: 1px solid var(--mvhr-border-strong) !important;
  border-radius: 14px !important;
  background: var(--mvhr-cream-soft) !important;
  text-align: left !important;
}

body.mvhr-design-lab .mvhr-contingent-summary__label {
  margin: 0 0 5px !important;
  color: var(--mvhr-copy) !important;
  font-family: "Nunito Sans", Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
}

body.mvhr-design-lab .mvhr-contingent-summary__value {
  color: var(--mvhr-navy) !important;
  font-family: Lora, Georgia, "Times New Roman", serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

body.mvhr-design-lab .mvhr-contingent-settings {
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--mvhr-border-strong) !important;
  border-radius: 14px !important;
  background: #fffdf8 !important;
}

body.mvhr-design-lab .mvhr-contingent-settings__summary {
  position: relative !important;
  padding: 15px 48px 15px 17px !important;
  color: var(--mvhr-navy) !important;
  font-family: "Nunito Sans", Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  list-style: none !important;
}

body.mvhr-design-lab .mvhr-contingent-settings__summary::-webkit-details-marker {
  display: none !important;
}

body.mvhr-design-lab .mvhr-contingent-settings__summary::after {
  position: absolute;
  top: 50%;
  right: 17px;
  content: "+";
  color: var(--mvhr-sage-dark);
  font-size: 21px;
  font-weight: 500;
  line-height: 1;
  transform: translateY(-50%);
}

body.mvhr-design-lab .mvhr-contingent-settings[open] .mvhr-contingent-settings__summary {
  border-bottom: 1px solid var(--mvhr-border-strong) !important;
  background: var(--mvhr-cream-soft) !important;
}

body.mvhr-design-lab .mvhr-contingent-settings[open] .mvhr-contingent-settings__summary::after {
  content: "−";
}

/* ------------------------------------------------------------------
 * Gefährdungsbeurteilung, Workshops und Beratungsbereiche
 * ------------------------------------------------------------------ */
body.mvhr-design-lab .mv-hr-gbu,
body.mvhr-design-lab .mv-hr-workshops,
body.mvhr-design-lab .mv-hr-bereiche {
  max-width: 1040px !important;
}

body.mvhr-design-lab .mv-hr-gbu > h1,
body.mvhr-design-lab .mv-hr-workshops > h2,
body.mvhr-design-lab .mv-hr-bereiche > h2 {
  margin-top: 0 !important;
}

body.mvhr-design-lab .mv-hr-gbu section,
body.mvhr-design-lab .mv-hr-workshops section,
body.mvhr-design-lab .mv-hr-workshops > div[style*="background"],
body.mvhr-design-lab .mv-hr-bereiche form {
  border-color: var(--mvhr-border-strong) !important;
  border-radius: 22px !important;
  background: rgba(255, 253, 248, 0.98) !important;
  box-shadow: 0 16px 36px -30px rgba(47, 67, 86, 0.42) !important;
}

body.mvhr-design-lab .mv-hr-gbu section {
  padding: clamp(22px, 3vw, 30px) !important;
}

body.mvhr-design-lab .mv-hr-gbu [style*="background:#fff"],
body.mvhr-design-lab .mv-hr-gbu [style*="background: #fff"] {
  border-color: var(--mvhr-border-strong) !important;
  border-radius: 16px !important;
  background: #fffdf8 !important;
}

body.mvhr-design-lab .mv-hr-gbu .mvhr-gbu-methods-heading {
  font-size: clamp(24px, 2.1vw, 29px) !important;
  line-height: 1.2 !important;
  letter-spacing: -0.022em !important;
}

body.mvhr-design-lab .mv-hr-gbu .mvhr-gbu-method-heading {
  overflow-wrap: anywhere !important;
  font-size: clamp(19px, 1.65vw, 22px) !important;
  line-height: 1.24 !important;
  letter-spacing: -0.018em !important;
}

body.mvhr-design-lab .mv-hr-bereiche form {
  margin-top: 18px !important;
  padding: 22px !important;
}

body.mvhr-design-lab .mv-hr-bereiche form > label {
  margin-bottom: 10px !important;
  border-color: var(--mvhr-border-strong) !important;
  border-radius: 16px !important;
  background: #fffdf8 !important;
}

/* ------------------------------------------------------------------
 * Mental Health Hub / Umfragen
 * ------------------------------------------------------------------ */
body.mvhr-design-lab .mental-health-hub {
  color: var(--mvhr-navy) !important;
}

body.mvhr-design-lab .mental-health-hub .mh-header {
  display: none !important;
}

body.mvhr-design-lab .mental-health-hub .mh-title {
  color: var(--mvhr-cream) !important;
}

body.mvhr-design-lab .mental-health-hub .mh-subtitle {
  color: #dce4e7 !important;
}

body.mvhr-design-lab .mental-health-hub .mh-nav {
  gap: 6px !important;
  margin: 0 0 32px !important;
  padding: 6px !important;
  border: 1px solid var(--mvhr-border-strong) !important;
  border-radius: 18px !important;
  background: rgba(255, 253, 248, 0.98) !important;
  box-shadow: none !important;
}

body.mvhr-design-lab .mental-health-hub .mh-nav-item {
  min-height: 46px !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: transparent !important;
  color: var(--mvhr-text) !important;
  font-weight: 750 !important;
}

body.mvhr-design-lab .mental-health-hub .mh-nav-item.active {
  background: var(--mvhr-navy) !important;
  color: var(--mvhr-cream) !important;
  box-shadow: 0 13px 25px -18px rgba(47, 67, 86, 0.75) !important;
}

body.mvhr-design-lab .mental-health-hub .mh-settings-card,
body.mvhr-design-lab .mental-health-hub .mh-content > section,
body.mvhr-design-lab .mental-health-hub .mh-content > div:not(.mh-quick-actions) {
  border-color: var(--mvhr-border-strong) !important;
  border-radius: 22px !important;
  background: rgba(255, 253, 248, 0.98) !important;
  box-shadow: 0 16px 36px -30px rgba(47, 67, 86, 0.42) !important;
}

/* ------------------------------------------------------------------
 * Nutzerdaten / eingebettete Analytics
 * ------------------------------------------------------------------ */
body.mvhr-design-lab[data-mvhr-tab="nutzeranalyse"] .mv-dashboard-content iframe {
  width: 100% !important;
  min-height: 720px !important;
  overflow: hidden !important;
  border: 1px solid var(--mvhr-border-strong) !important;
  border-radius: 22px !important;
  background: #fffdf8 !important;
  box-shadow: 0 16px 36px -30px rgba(47, 67, 86, 0.42) !important;
}

/* ------------------------------------------------------------------
 * Insights
 * ------------------------------------------------------------------ */
body.mvhr-design-lab .hr-rec-card,
body.mvhr-design-lab .insights-article {
  overflow: hidden !important;
  border: 1px solid var(--mvhr-border-strong) !important;
  border-radius: 22px !important;
  background: rgba(255, 253, 248, 0.98) !important;
  box-shadow: 0 16px 36px -30px rgba(47, 67, 86, 0.42) !important;
}

body.mvhr-design-lab .insights-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

body.mvhr-design-lab .insights-filter {
  min-height: 38px !important;
  padding: 8px 14px !important;
  border-color: var(--mvhr-border-strong) !important;
  border-radius: 999px !important;
  background: var(--mvhr-cream) !important;
  color: var(--mvhr-text) !important;
}

body.mvhr-design-lab .insights-filter.active {
  border-color: var(--mvhr-navy) !important;
  background: var(--mvhr-navy) !important;
  color: var(--mvhr-cream) !important;
}

body.mvhr-design-lab .mvhr-insights-hero {
  padding: clamp(24px, 3vw, 34px) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 22px !important;
  background: linear-gradient(135deg, var(--mvhr-navy) 0%, #536f78 100%) !important;
  box-shadow: 0 18px 36px -28px rgba(38, 55, 72, 0.76) !important;
}

body.mvhr-design-lab .mvhr-insights-hero h1,
body.mvhr-design-lab .mvhr-insights-hero h2,
body.mvhr-design-lab .mvhr-insights-hero h3,
body.mvhr-design-lab .mvhr-insights-hero h4 {
  color: var(--mvhr-cream) !important;
}

body.mvhr-design-lab .mvhr-insights-hero p {
  max-width: 960px !important;
  color: #e4eceb !important;
}

body.mvhr-design-lab .mvhr-insights-hero span {
  color: #fffdf8 !important;
}

/* ------------------------------------------------------------------
 * Mein Unternehmen und Suite-Erweiterungen
 * ------------------------------------------------------------------ */
body.mvhr-design-lab[data-mvhr-tab="settings"] .mv-dashboard-content form,
body.mvhr-design-lab[data-mvhr-tab="settings"] .leader-row,
body.mvhr-design-lab .mvds-hr-leadership-overview,
body.mvhr-design-lab .mvds-hr-team-admin,
body.mvhr-design-lab .mvds-slack-card {
  border-color: var(--mvhr-border-strong) !important;
  border-radius: 22px !important;
  background: rgba(255, 253, 248, 0.98) !important;
  box-shadow: 0 16px 36px -30px rgba(47, 67, 86, 0.42) !important;
}

body.mvhr-design-lab[data-mvhr-tab="settings"] .mv-dashboard-content form {
  margin-bottom: 22px !important;
  padding: clamp(20px, 3vw, 28px) !important;
}

body.mvhr-design-lab .mvds-hr-leadership-overview,
body.mvhr-design-lab .mvds-hr-team-admin,
body.mvhr-design-lab .mvds-slack-card {
  margin-top: 22px !important;
  padding: clamp(22px, 3vw, 30px) !important;
}

body.mvhr-design-lab .mvds-hr-leadership-overview__card {
  border-color: var(--mvhr-border-strong) !important;
  border-radius: 18px !important;
  background: #fbf7ef !important;
}

body.mvhr-design-lab .mvds-slack-card__button.is-secondary {
  border-color: var(--mvhr-border-strong) !important;
  background: var(--mvhr-cream) !important;
  color: var(--mvhr-navy) !important;
}

/* Rückmeldungen und leere Zustände. */
body.mvhr-design-lab .mv-dashboard-content [class*="empty"],
body.mvhr-design-lab .mv-dashboard-content [class*="notice"],
body.mvhr-design-lab .mv-dashboard-content [class*="message"] {
  border-color: var(--mvhr-border-strong) !important;
  border-radius: 16px !important;
}

/* ------------------------------------------------------------------
 * Dialoge und Popups
 * ------------------------------------------------------------------ */
body.mvhr-design-lab .mvhr-dialog-overlay {
  position: fixed !important;
  top: var(--mvhr-topbar-height) !important;
  right: auto !important;
  bottom: auto !important;
  left: 0 !important;
  z-index: 10018 !important;
  width: 100% !important;
  height: calc(100dvh - var(--mvhr-topbar-height)) !important;
  padding: 20px !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: rgba(38, 55, 72, 0.62) !important;
  backdrop-filter: blur(3px);
}

body.mvhr-design-lab .mvhr-dialog-panel {
  position: relative !important;
  width: min(860px, 100%) !important;
  max-width: 860px !important;
  max-height: calc(100dvh - var(--mvhr-topbar-height) - 40px) !important;
  margin: 0 !important;
  padding: clamp(24px, 3vw, 36px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  border: 1px solid var(--mvhr-border-strong) !important;
  border-radius: 22px !important;
  background: #fffdf8 !important;
  box-shadow: 0 28px 70px -34px rgba(25, 39, 52, 0.72) !important;
  scrollbar-width: thin;
  scrollbar-color: var(--mvhr-border-strong) transparent;
}

body.mvhr-design-lab .mvhr-dialog-panel .mvhr-dialog-title {
  max-width: calc(100% - 54px) !important;
  margin: 0 0 8px !important;
  color: var(--mvhr-navy) !important;
  font-family: Lora, Georgia, "Times New Roman", serif !important;
  font-size: clamp(24px, 2.5vw, 30px) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
}

body.mvhr-design-lab .mvhr-dialog-panel p,
body.mvhr-design-lab .mvhr-dialog-panel li,
body.mvhr-design-lab .mvhr-dialog-panel div {
  font-family: "Nunito Sans", Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body.mvhr-design-lab .mvhr-dialog-close {
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
  display: grid !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 0 -40px auto !important;
  padding: 0 !important;
  place-items: center !important;
  border: 1px solid var(--mvhr-border-strong) !important;
  border-radius: 50% !important;
  background: #fffdf8 !important;
  box-shadow: 0 10px 20px -16px rgba(47, 67, 86, 0.7) !important;
  color: var(--mvhr-navy) !important;
  font-family: "Nunito Sans", Nunito, sans-serif !important;
  font-size: 25px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

body.mvhr-design-lab .mvhr-dialog-close:hover {
  border-color: var(--mvhr-sage) !important;
  background: #eef3f1 !important;
}

body.mvhr-design-lab .mvhr-dialog-highlight {
  margin: 24px 0 !important;
  padding: 20px 22px !important;
  border: 1px solid #cad8d4 !important;
  border-left: 4px solid var(--mvhr-sage) !important;
  border-radius: 0 16px 16px 0 !important;
  background: #e6edea !important;
}

body.mvhr-design-lab .mvhr-dialog-highlight h3,
body.mvhr-design-lab .mvhr-dialog-highlight h4,
body.mvhr-design-lab .mvhr-dialog-highlight p {
  color: var(--mvhr-navy) !important;
}

body.mvhr-design-lab .mvhr-dialog-section-title {
  margin: 26px 0 12px !important;
  color: var(--mvhr-navy) !important;
  font-size: 19px !important;
}

body.mvhr-design-lab .mvhr-dialog-list {
  padding: 18px 20px !important;
  border: 1px solid var(--mvhr-border-strong) !important;
  border-radius: 16px !important;
  background: #fbf7ef !important;
}

body.mvhr-design-lab .mvhr-dialog-action {
  min-height: 46px !important;
  padding: 11px 18px !important;
  border: 1px solid var(--mvhr-navy) !important;
  border-radius: 12px !important;
  background: var(--mvhr-navy) !important;
  box-shadow: none !important;
  color: var(--mvhr-cream) !important;
  font-family: "Nunito Sans", Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

body.mvhr-design-lab .mvhr-dialog-action:hover {
  border-color: var(--mvhr-navy-dark) !important;
  background: var(--mvhr-navy-dark) !important;
}

@media (max-width: 1120px) {
  body.mvhr-design-lab .insights-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.mvhr-design-lab .mvhr-counseling-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  body.mvhr-design-lab .mv-dashboard-content h1 {
    font-size: 30px !important;
  }

  body.mvhr-design-lab .mv-dashboard-content h2 {
    font-size: 25px !important;
  }

  body.mvhr-design-lab .insights-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.mvhr-design-lab .mental-health-hub .mh-nav {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.mvhr-design-lab .mental-health-hub .mh-nav-item {
    justify-content: flex-start !important;
    text-align: left !important;
  }

  body.mvhr-design-lab .mvhr-credentials-grid,
  body.mvhr-design-lab .mvhr-credentials-tools,
  body.mvhr-design-lab .mvhr-credentials-checklist {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.mvhr-design-lab .mvhr-credentials-link {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.mvhr-design-lab .mvhr-credentials-tools {
    align-items: stretch !important;
  }

  body.mvhr-design-lab .mvhr-credentials-tools .button-group {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.mvhr-design-lab .mvhr-credentials-tools .button-group a,
  body.mvhr-design-lab .mvhr-credentials-tools .button-group button,
  body.mvhr-design-lab .mvhr-credentials-regenerate .mv-regenerate-credentials {
    width: 100% !important;
  }

  body.mvhr-design-lab .mvhr-credentials-regenerate {
    align-items: stretch !important;
    flex-direction: column !important;
    justify-content: stretch !important;
  }

  body.mvhr-design-lab .mvhr-counseling-release-card > div {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body.mvhr-design-lab .mvhr-counseling-release-card button {
    width: 100% !important;
  }

  body.mvhr-design-lab .mvhr-counseling-stats {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.mvhr-design-lab .mvhr-counseling-stat {
    min-height: 142px !important;
  }

  body.mvhr-design-lab .mvhr-contingent-summary {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.mvhr-design-lab .mvhr-dialog-overlay {
    padding: 10px !important;
    align-items: flex-start !important;
  }

  body.mvhr-design-lab .mvhr-dialog-panel {
    max-height: calc(100dvh - var(--mvhr-topbar-height) - 20px) !important;
    padding: 20px !important;
    border-radius: 18px !important;
  }

  body.mvhr-design-lab .mvhr-dialog-panel .mvhr-dialog-title {
    font-size: 23px !important;
  }

  body.mvhr-design-lab .mv-dashboard-content table {
    font-size: 13px !important;
  }

  body.mvhr-design-lab .mv-dashboard-content th,
  body.mvhr-design-lab .mv-dashboard-content td {
    min-width: 130px;
    padding: 11px 12px !important;
  }
}