/* Raum für uns – einheitliche Fehler-, Status- und Übergangszustände */
.status-stage{max-width:1130px;margin:0 auto;padding:clamp(46px,7vw,108px) 0 clamp(74px,9vw,144px)}
.status-content{max-width:680px}
.status-overline{font:600 13px/1.5 var(--sans);letter-spacing:0;color:var(--rust-dark);margin:0 0 24px}
.status-symbol{display:inline-grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);color:var(--green);margin-bottom:22px}
.status-symbol svg{width:27px;height:27px}
.status-content h1{font:400 clamp(42px,5vw,68px)/1.08 var(--serif);letter-spacing:-.045em;max-width:15ch;margin:0 0 22px}
.status-lead{font:400 clamp(16px,1.5vw,19px)/1.65 var(--sans);color:var(--muted);max-width:53ch;margin-bottom:28px}
.status-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 32px}
.status-actions .button{min-height:48px;display:inline-flex;align-items:center}
.status-help{padding-top:18px;border-top:1px solid var(--line);font:400 13px/1.7 var(--sans);color:var(--muted);max-width:58ch}
/* Wiederverwendbare Hinweise: leise Fläche, kleine Zeichen, klare Handlung. */
.context-notice{
  display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:15px;
  background:#faf7f0;border:1px solid var(--line);border-radius:12px;
  padding:20px 23px;margin:0 0 24px;min-width:0;
}
.context-notice__icon{
  width:40px;height:40px;display:grid;place-items:center;border-radius:50%;
  color:var(--green);background:#e8ede6;
}
.context-notice__icon svg{width:22px;height:22px}
.context-notice--warning .context-notice__icon{background:#f4e5dd;color:#884733}
.context-notice__content{min-width:0}
.context-notice h2{font:650 16px/1.4 var(--sans);letter-spacing:0;margin:0 0 5px;color:var(--ink)}
.context-notice p{font:400 14px/1.6 var(--sans);color:var(--muted);margin:0;max-width:65ch}

.empty-state{
  display:grid;grid-template-columns:64px minmax(0,1fr);align-items:start;gap:21px;
  min-width:0;margin:20px 0;padding:clamp(23px,3vw,34px);
  border:1px solid rgba(35,58,50,.17);border-radius:14px;
  background:#faf7f1;
}
.empty-state__icon{
  display:grid;place-items:center;width:60px;height:60px;
  background:#e6ece4;color:#325747;border-radius:50%;
}
.empty-state__icon svg{width:29px;height:29px}
.empty-state__content{min-width:0;align-self:center}
.empty-state h2{
  font:400 clamp(24px,2.15vw,30px)/1.17 var(--serif);letter-spacing:-.032em;
  color:var(--ink);margin:0 0 8px;max-width:40ch;
}
.empty-state p{font:400 15px/1.6 var(--sans);color:var(--muted);max-width:56ch;margin:0}
.empty-state__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin-top:17px}
.empty-state__action,.empty-state__secondary{
  display:inline-flex;align-items:center;gap:10px;min-height:44px;
  width:fit-content;max-width:100%;font:650 14px/1.4 var(--sans);
  color:var(--rust-dark);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;
  overflow-wrap:anywhere;
}
.empty-state__action span{font-size:19px;font-weight:400;text-decoration:none}
.empty-state__secondary{color:var(--muted);font-weight:550}
.empty-state__action:hover,.empty-state__secondary:hover{color:var(--green)}
.empty-state__action:focus-visible,.empty-state__secondary:focus-visible{outline:3px solid var(--rust-dark);outline-offset:3px;border-radius:2px}
/* In Kommentarlisten weniger vertikaler Platz, in leeren Suchresultaten keine zusätzliche Linie. */
.responses .empty-state{padding:20px 23px}
.article-list > .empty-state{margin-top:20px}
/* Kleine Meldungen übernehmen die gleiche ruhige Fläche statt einer Warnfarbe für jeden Zustand. */
.notice-message{
  background:#f6f2e9;border:1px solid rgba(35,58,50,.19);border-left:3px solid #688574;
  border-radius:0 9px 9px 0;color:var(--ink);padding:14px 18px;
  font:400 14px/1.6 var(--sans);margin:15px 0;overflow-wrap:anywhere;
}
.notice-message a{font-weight:650;text-decoration:underline;text-underline-offset:3px}
.form-error-summary{padding:17px 20px;margin-bottom:26px;border:1px solid rgba(151,75,51,.4);border-left:3px solid var(--rust-dark);background:rgba(255,247,238,.85)}
.form-error-summary strong{font:600 15px/1.5 var(--sans)}
.form-error-summary p{margin:5px 0 0;color:var(--muted);font-size:14px;line-height:1.6}
.form-inline-error{color:#8b3526;font-size:13px;line-height:1.5;margin:7px 0 0}
.form-field :is(input,textarea,select)[aria-invalid="true"]{border:2px solid #9d503e;outline-offset:2px}
.status-steps{display:grid;gap:12px;margin:22px 0}
.status-step{display:flex;gap:12px;padding:16px 0;border-top:1px solid var(--line);align-items:flex-start}
.status-step-mark{width:29px;height:29px;flex:none;border:1px solid var(--line);display:grid;place-items:center;color:var(--green);font-size:14px}
.status-step strong{display:block;font:600 14px/1.4 var(--sans);margin-bottom:4px}
.status-step p{font:400 13px/1.6 var(--sans);color:var(--muted);margin:0}
.status-actions-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}
.status-actions-form form{margin:0}
@media(max-width:540px){
  .status-stage{padding:34px 0 72px}
  .status-actions{display:grid;align-items:stretch}
  .status-actions .button{text-align:center;justify-content:center}
  .context-notice{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:17px}
  .context-notice__icon{height:34px;width:34px}
  .context-notice__icon svg{width:20px;height:20px}
  .empty-state{grid-template-columns:1fr;gap:13px;padding:22px 19px}
  .empty-state__icon{width:44px;height:44px}
  .empty-state__icon svg{width:23px;height:23px}
  .empty-state h2{font-size:26px}
  .empty-state__actions{gap:3px 18px;margin-top:14px}
  .responses .empty-state{padding:20px}
}