/* Siemens iX Design-Adapter: wird nur aktiv mit html.ix + geladenem iX-Theme */

html.ix body {
  font-family: "Siemens Sans", "Segoe UI", system-ui, sans-serif;
}

html.ix {
  --bg: var(--theme-background-1, #f5f7fa);
  --card: var(--theme-card-background, #ffffff);
  --card-border: var(--theme-color-tertiary, #d9d9d9);
  --text: var(--theme-color-std-text, #191919);
  --muted: var(--theme-color-soft-text, #545452);
  --accent: var(--theme-color-primary, #009999);
  --accent-soft: var(--theme-color-secondary-1, #dfe6ec);
  --green: var(--theme-color-success-1, #4caf50);
  --green-soft: var(--theme-color-success-2, #e4f3e5);
  --amber: var(--theme-color-warning-1, #e6a700);
  --amber-soft: var(--theme-color-warning-2, #fbf1d9);
  --red: var(--theme-color-warning, #e5252b);
  --shadow: none;
  --radius: 2px;
}

html.ix .topbar {
  background: var(--theme-app-header, var(--theme-background-2, #000032));
  border-bottom: 0;
  color: var(--theme-color-std-text-invert, #fff);
}
html.ix .brand h1, html.ix .subtitle { color: #fff; }
html.ix .brand .subtitle { opacity: 0.75; }

html.ix .segmented { background: transparent; border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 2px; }
html.ix .segmented button { color: rgba(255, 255, 255, 0.75); border-radius: 0; }
html.ix .segmented button.active { background: var(--accent); color: #fff; box-shadow: none; }
html.ix .card .segmented, html.ix .segmented.sub { background: transparent; border: 1px solid var(--card-border); }
html.ix .card .segmented button, html.ix .segmented.sub button { color: var(--muted); }
html.ix .segmented.sub button.active { background: var(--accent); color: #fff; }

html.ix .toggle { color: #fff; }
html.ix .card .toggle { color: var(--muted); }
html.ix .toggle input { accent-color: var(--accent); border-radius: 0; }

html.ix .btn-refresh { background: #fff; border: 1px solid rgba(255, 255, 255, 0.4); color: #000032; border-radius: 2px; }
html.ix #design-toggle .btn-design {
  background: #fff;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 2px;
  color: #000032;
  padding: 7px 14px;
  font-size: 13px;
}
html.ix #design-toggle .btn-design:hover { border-color: #fff; color: #000032; }
html.ix .card .btn-design { border-radius: 2px; background: var(--theme-ui-01, #fff); border-color: var(--card-border); color: var(--accent); }

html.ix .card { border-radius: var(--radius); box-shadow: none; }
html.ix .card-title { font-size: 16px; }

html.ix .badge { border-radius: 2px; }

html.ix .price-info { background: var(--theme-color-info-2, #d9efff); color: var(--theme-color-info, #007dc4); border-radius: 2px; }
html.ix .week-label { color: var(--muted); }

html.ix .link-btn { border-radius: var(--radius); }
html.ix .link-btn:hover { background: var(--accent-soft); }

html.ix .dish-label, html.ix .day-name { color: var(--accent); }
html.ix .week-row.is-today { background: var(--accent-soft); }

html.ix .pdf-text { border-radius: var(--radius); }

html.ix .footer {
  background: var(--theme-background-2, #000032);
  color: rgba(255 255 255 / 80%);
  border-top: 0;
}

html.ix ix-button { min-height: 24px; }

html.ix .mm-row select { border-radius: 2px; }
html.ix .mm-chart { border-radius: 2px; box-shadow: none; background: var(--theme-graph-panel-background, var(--card)); }