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

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

.grid,
.grid > *,
.card,
.form,
.field,
.toolbar,
.context-layout,
.sidebar {
  min-width: 0;
}

.field input,
.field select,
.field textarea,
.toolbar input,
.toolbar select {
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
}

.form > *,
.context-panel > *,
.context-panel form > * {
  min-width: 0;
  max-width: 100%;
}

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

fieldset .toggle {
  align-items: flex-start;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
}

fieldset .toggle input[type="checkbox"],
fieldset .toggle input[type="radio"] {
  flex: 0 0 auto;
}

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

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