/* v4 — Shared Empty-State
 * Einheitliches Fallback-Markup für Fetch-Fehler / fehlende Daten.
 * Jede Komponente schreibt das <div>-HTML selbst (kein shared JS-Import),
 * die CSS-Regeln hier sorgen für konsistentes Aussehen.
 */

.v4-empty{
  display:flex;
  gap:.85rem;
  padding:1rem 1.15rem;
  background:color-mix(in oklab, #c09032 6%, var(--white));
  border-left:3px solid #c09032;    /* warning-token */
  font-family:var(--font-s);
  align-items:flex-start;
  border-radius:0;
}
.v4-empty-icon{
  font-size:1.15rem;
  line-height:1.1;
  color:#c09032;
  flex-shrink:0;
}
.v4-empty-body{flex:1;min-width:0}
.v4-empty-title{
  font-family:var(--font-d);
  font-size:var(--fs-xs);
  text-transform:uppercase;
  letter-spacing:.11em;
  font-weight:700;
  color:var(--black);
  margin-bottom:.15rem;
}
.v4-empty-text{
  font-size:var(--fs-sm);
  color:var(--gray-800);
  line-height:1.55;
}
.v4-empty-text code{
  font-family:var(--font-d);
  font-size:.9em;
  background:var(--gray-100);
  padding:.05em .35em;
  border-radius:2px;
}
.v4-empty-text a{
  color:var(--gray-800);
  text-decoration-color:var(--gray-500);
}
.v4-empty-text a:hover{text-decoration-color:var(--black)}