/* Nur für die isolierte WordPress-Einbettung; der publizierte G-MANAG-Stand bleibt unverändert. */
html,
body {
  background: transparent !important;
}

.app {
  background: transparent;
  max-width: 1520px;
  padding: 18px !important;
  width: 100%;
}

.grid,
.grid > *,
.card,
.form,
.form > *,
.field,
.sidebar,
.split-head,
.inline-actions {
  min-width: 0;
}

.field input,
.field select,
.field textarea,
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}

fieldset {
  box-sizing: border-box;
  min-inline-size: 0;
  min-width: 0;
  max-inline-size: 100%;
  max-width: 100%;
  width: 100%;
}

.table-wrap {
  max-width: 100%;
  overflow-x: auto;
}

.gmanag-data-governance { border-top: 4px solid var(--acc); margin-bottom: 14px; }
.gmanag-data-heading { align-items: flex-start; display: flex; gap: 12px; justify-content: space-between; }
.gmanag-data-heading span { color: var(--acc-dark, #5f574e); font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.gmanag-data-heading h2 { margin: 2px 0 0; }
.gmanag-data-heading > strong { background: var(--acc-light, #f0ede8); border-radius: 999px; color: var(--acc-dark, #5f574e); font-size: 11px; padding: 5px 9px; }

img,
svg,
canvas,
table {
  max-width: 100%;
}

@media (max-width: 900px) {
  .top,
  .split-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .top-actions,
  .inline-actions {
    width: 100%;
  }
}