/* pandabu RC16.250 – Notvorrat Interactive Flow
   Präsentationsschicht: geführter Typeform-/Youform-artiger Ablauf.
   Bestehende Berechnungs-, Vorrats- und Einkaufslogik bleibt unverändert. */

.emergency-supply-experience-switch{
  display:inline-flex;align-items:center;gap:4px;padding:4px;margin:14px 0 4px;
  border:1px solid var(--line,#d9dee2);border-radius:14px;background:var(--surface,#fff);
}
.emergency-supply-experience-switch button{
  min-height:38px;padding:8px 14px;border:0;border-radius:10px;background:transparent;
  color:inherit;font:inherit;font-weight:700;cursor:pointer;
}
.emergency-supply-experience-switch button.active{
  background:var(--accent,#49b6a8);color:#fff;
}
.emergency-guided-plan-summary{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;
  padding:14px 16px;border:1px solid var(--line,#d9dee2);border-radius:16px;background:var(--surface,#fff);
}
.emergency-guided-plan-summary div{display:grid;gap:3px}
.emergency-guided-plan-summary small{opacity:.64}
.emergency-guided-plan-summary strong{font-size:.98rem}
.emergency-guided-plan-summary button{flex:0 0 auto}

.emergency-supply-experience.mode-guided .emergency-supply-dashboard,
.emergency-supply-experience.mode-guided .emergency-supply-list-head,
.emergency-supply-experience.mode-guided .emergency-active-status-filter,
.emergency-supply-experience.mode-guided .emergency-bulk-shopping,
.emergency-supply-experience.mode-guided .emergency-custom-plan-note,
.emergency-supply-experience.mode-guided > .emergency-crosslinks{
  display:none!important;
}
.emergency-interactive-flow{
  width:min(100%,900px);margin:18px auto 0;padding:0 0 8px;
}
.emergency-wizard-head{
  position:relative;z-index:4;margin:0 0 18px;padding:16px;
  border:1px solid var(--line,#d9dee2);border-radius:20px;background:var(--surface,#fff);
  box-shadow:0 8px 26px rgba(13,35,39,.06);
}
.emergency-wizard-progress-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.emergency-wizard-progress-copy>div{display:grid;gap:2px}
.emergency-wizard-progress-copy small{opacity:.66}
.emergency-wizard-progress-copy>span{font-weight:800;color:var(--accent,#49b6a8)}
.emergency-wizard-progress-track{
  height:6px;margin:10px 0 14px;border-radius:99px;overflow:hidden;background:rgba(105,125,130,.14)
}
.emergency-wizard-progress-track span{
  display:block;height:100%;border-radius:inherit;background:var(--accent,#49b6a8);
  transition:width .28s ease;
}
.emergency-wizard-categories{
  display:flex;gap:8px;overflow-x:auto;padding:2px 1px 7px;scrollbar-width:none;
}
.emergency-wizard-categories::-webkit-scrollbar{display:none}
.emergency-wizard-category{
  flex:0 0 92px;min-height:96px;padding:9px 6px 7px;border:1px solid var(--line,#d9dee2);
  border-radius:14px;background:transparent;color:inherit;display:grid;justify-items:center;align-content:center;
  gap:3px;cursor:pointer;text-align:center;
}
.emergency-wizard-category.active{
  border-color:var(--accent,#49b6a8);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,#49b6a8) 18%,transparent);
}
.emergency-wizard-category.done{opacity:.78}
.emergency-wizard-category-icon{position:relative;width:38px;height:38px;display:grid;place-items:center}
.emergency-wizard-category-icon img{width:34px;height:34px;object-fit:contain}
.emergency-wizard-category-icon b{
  position:absolute;right:-4px;bottom:-3px;width:18px;height:18px;display:grid;place-items:center;
  border-radius:50%;background:var(--accent,#49b6a8);color:#fff;font-size:11px;border:2px solid var(--surface,#fff)
}
.emergency-wizard-category small{
  width:100%;font-size:.72rem;line-height:1.05;font-weight:750;white-space:normal;
}
.emergency-wizard-category em{font-size:.65rem;line-height:1;font-style:normal;opacity:.58}
.emergency-wizard-context{
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;padding-top:10px;
  border-top:1px solid var(--line,#d9dee2)
}
.emergency-wizard-context span{font-size:.82rem;opacity:.62}

.emergency-interactive-stage{
  min-height:300px;position:relative;
}
.emergency-supply-experience.mode-guided .emergency-smart-group{
  margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
}
.emergency-supply-experience.mode-guided .emergency-smart-group>summary{display:none!important}
.emergency-supply-experience.mode-guided .emergency-requirement-list{display:block!important;padding:0!important}
.emergency-supply-experience.mode-guided .emergency-requirement{
  margin:0!important;border-radius:22px!important;
  box-shadow:0 12px 34px rgba(13,35,39,.08);
}
.emergency-supply-experience.mode-guided .emergency-requirement-copy{padding:22px}
.emergency-supply-experience.mode-guided .emergency-position-compact .emergency-position-details{
  margin-top:12px
}
.emergency-wizard-leave{opacity:0;transform:translateX(-10px);transition:opacity .13s ease,transform .13s ease}
.emergency-wizard-leave-back{opacity:0;transform:translateX(10px);transition:opacity .13s ease,transform .13s ease}
.emergency-wizard-enter{opacity:0;transform:translateX(10px);transition:none}
.emergency-wizard-enter-back{opacity:0;transform:translateX(-10px);transition:none}
.emergency-wizard-enter.is-visible,.emergency-wizard-enter-back.is-visible{
  opacity:1;transform:none;transition:opacity .18s ease,transform .18s ease
}
.emergency-wizard-controls{
  position:sticky;bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:10;
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;
  margin:16px 0 0;padding:10px 12px;border:1px solid var(--line,#d9dee2);border-radius:18px;
  background:var(--surface,#fff);box-shadow:0 10px 32px rgba(13,35,39,.12);
}
.emergency-wizard-controls span{text-align:center}
.emergency-wizard-controls small{opacity:.6}
.emergency-wizard-complete{
  min-height:320px;padding:30px 24px;border:1px solid var(--line,#d9dee2);border-radius:22px;
  background:var(--surface,#fff);display:grid;align-content:center;justify-items:center;text-align:center;gap:12px;
  box-shadow:0 12px 34px rgba(13,35,39,.08)
}
.emergency-wizard-complete[hidden]{display:none!important}
.emergency-wizard-complete-icon{
  width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:rgba(73,182,168,.12);
  color:var(--accent,#49b6a8);font-size:1.7rem;font-weight:900
}
.emergency-wizard-complete h3{margin:3px 0 4px;font-size:1.55rem}
.emergency-wizard-complete p{margin:0;opacity:.68}
.emergency-wizard-complete-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:6px}

@media (max-width:720px){
  .emergency-interactive-flow{margin-top:12px}
  .emergency-wizard-head{padding:13px 12px;border-radius:17px;margin-bottom:12px}
  .emergency-wizard-category{flex-basis:78px;min-height:88px}
  .emergency-wizard-category-icon{width:34px;height:34px}
  .emergency-wizard-category-icon img{width:31px;height:31px}
  .emergency-wizard-category small{font-size:.66rem}
  .emergency-wizard-context{align-items:flex-start;flex-direction:column;gap:2px}
  .emergency-supply-experience.mode-guided .emergency-requirement-copy{padding:17px 14px}
  .emergency-wizard-controls{
    grid-template-columns:1fr 1fr;bottom:calc(72px + env(safe-area-inset-bottom,0px));
    padding:9px;border-radius:15px
  }
  .emergency-wizard-controls span{display:none}
  .emergency-wizard-controls button{width:100%}
  .emergency-guided-plan-summary{align-items:flex-start}
}
@media (min-width:900px){
  .emergency-wizard-controls{bottom:18px}
}
@media (prefers-reduced-motion:reduce){
  .emergency-wizard-progress-track span,
  .emergency-wizard-leave,.emergency-wizard-leave-back,
  .emergency-wizard-enter,.emergency-wizard-enter-back,
  .emergency-wizard-enter.is-visible,.emergency-wizard-enter-back.is-visible{transition:none!important}
}