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


body {
  box-sizing: border-box;
  color: #292625 !important;
  font-family: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  max-width: 100%;
  overflow-x: hidden;
  padding: 18px !important;
}

.wrap,
.glab-header,
.glab-start {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1520px !important;
  width: 100% !important;
}

html body h1,
html body h2,
html body h3,
html body .card h2,
html body .box h2,
html body .card h3,
html body .box h3,
html body .chart-panel h3,
html body .glab-brand {
  color: #292625 !important;
  font-family: "Outfit", "Rubik", sans-serif !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #292625 !important;
}

body > *,
.container,
.app {
  box-sizing: border-box;
  max-width: 100% !important;
  min-width: 0;
}

.grid,
.grid > *,
.context-grid,
.context-grid > *,
.scope-grid,
.scope-grid > *,
.standard-grid,
.standard-grid > *,
.results,
.results > *,
.interface-grid,
.interface-grid > *,
.glab-modal-grid,
.glab-modal-grid > *,
.card,
.box,
.result-card,
.chart-panel,
.metric,
.field,
fieldset {
  box-sizing: border-box;
  max-width: 100%;
  min-inline-size: 0;
  min-width: 0;
}

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

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

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

.glab-header-top,
.glab-head-actions,
.glab-modal-actions {
  min-width: 0;
}

html[data-gtools-shared-basis="true"] .gtools-shared-basis-block {
  display: none !important;
}

html[data-gtools-shared-basis="true"] [data-basis] {
  display: none !important;
}

#gtoolsSharedBasisNote {
  border-left: 4px solid var(--acc, #00a4e4);
  margin: 0 0 14px;
}

.gtools-orientation-panel { margin-top: 16px !important; }
.gtools-orientation-heading { align-items: flex-start; display: flex; gap: 12px; justify-content: space-between; }
.gtools-orientation-heading small { color: var(--acc, #00a4e4); font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.gtools-orientation-heading h2 { margin: 2px 0 0 !important; }
.gtools-orientation-heading > strong { background: #eef7fb; border-radius: 999px; color: #17607d; font-size: 11px; padding: 5px 9px; }
.gtools-orientation-panel table { width: 100%; }
.gtools-orientation-panel td:not(:first-child), .gtools-orientation-panel th:not(:first-child) { text-align: right; }
.gtools-orientation-status { border-radius: 999px; display: inline-block; font-size: 10px; font-weight: 800; padding: 3px 7px; }
.gtools-orientation-status[data-status="green"] { background: #e9f5ed; color: #2f6b43; }
.gtools-orientation-status[data-status="yellow"] { background: #fff5cf; color: #9b6500; }
.gtools-orientation-status[data-status="red"] { background: #fbe0e0; color: #a52222; }

@media (max-width: 900px) {
  .glab-header-top {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .glab-head-actions {
    justify-content: flex-start !important;
    width: 100%;
  }

  .context-grid,
  .standard-grid,
  .interface-grid,
  .results {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}


/* --- Vereinheitlichung Basis-Optik an das gemeinsame G-Tools-Design (Akzent bleibt Konstruktion/blau) --- */
:root {
  --fg: #292625;
  --mut: #6e6963;
  --line: #e2dfd9;
  --bg: #f8f6f4;
  --card: #ffffff;
  --ok: #4a7c59;
  --warn: #d97706;
  --bad: #b91c1c;
  --font-title: 'Outfit', 'Special Elite', sans-serif;
  --acc: #00a4e4;
}