/**
 * wizard.css
 * Minimales, eigenständiges Stylesheet für den Onboarding-Wizard.
 * Kein Bezug zu design-system/ (das Design-System ist für die
 * Kunden-Website vorgesehen, nicht für dieses interne Setup-Tool),
 * exakt wie chat-widget/widget.css unabhängig vom Design-System ist.
 */
.wiz-progress { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.5rem; }
.wiz-progress__item { padding: 0.25rem 0.75rem; border-radius: 9999px; background: #E8E4DC; color: #1F2430; font-size: 0.85rem; }
.wiz-progress__item--active { background: #2F6E5E; color: #FAF8F4; }
.wiz-error { color: #B3261E; margin-bottom: 1rem; min-height: 1.2rem; }
.wiz-field { display: flex; flex-direction: column; margin-bottom: 1rem; max-width: 420px; }
.wiz-field label { font-size: 0.85rem; margin-bottom: 0.25rem; }
.wiz-field input, .wiz-step select { padding: 0.5rem; border: 1px solid #ccc; border-radius: 0.5rem; }
.wiz-button { padding: 0.6rem 1.2rem; border: none; border-radius: 0.5rem; background: #2F6E5E; color: #FAF8F4; cursor: pointer; }
.wiz-button:hover { opacity: 0.9; }
.wiz-summary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; max-width: 960px; margin: 1rem 0 1.5rem; }
.wiz-summary-card { padding: 1rem; border: 1px solid #D8D3CA; border-radius: 0.75rem; background: #FAF8F4; }
.wiz-summary-card__header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 0.75rem; }
.wiz-summary-card__title { margin: 0; font-size: 1rem; }
.wiz-summary-card__edit { padding: 0.35rem 0.65rem; border: 1px solid #2F6E5E; border-radius: 0.4rem; background: transparent; color: #2F6E5E; cursor: pointer; }
.wiz-summary-list { display: grid; grid-template-columns: minmax(8rem, 0.8fr) minmax(0, 1.2fr); gap: 0.45rem 0.75rem; margin: 0; }
.wiz-summary-list dt { color: #565B65; }
.wiz-summary-list dd { margin: 0; overflow-wrap: anywhere; font-weight: 600; }
.wiz-activation-notice { max-width: 960px; padding: 0.85rem 1rem; border-left: 4px solid #2F6E5E; background: #EEF5F2; }
.wiz-summary-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem; }
@media (max-width: 720px) {
  .wiz-summary-grid { grid-template-columns: 1fr; }
  .wiz-summary-list { grid-template-columns: 1fr; gap: 0.15rem; }
  .wiz-summary-list dd { margin-bottom: 0.6rem; }
}