/* Empty state · the kit rules for this component, quoted from phase-2/kit (kit v3) by phase-4/src/build_pack.py.
   Tokens come from ../../styles.css. Build it as: a composed component. */
/* families/status-feedback/family.css */
.sf-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s-2);padding:var(--s-12) var(--s-6)}
/* families/status-feedback/family.css */
.sf-empty h3{font:var(--w-semibold) var(--text-section)/1.25 var(--font-voice);font-stretch:var(--font-stretch-title);letter-spacing:var(--tr-section)}
/* families/status-feedback/family.css */
.sf-empty p{font-size:var(--text-body);line-height:var(--lh-body);color:hsl(var(--muted-foreground));max-width:42ch}
/* families/status-feedback/family.css */
.sf-empty .act{display:flex;flex-wrap:wrap;gap:var(--s-2);justify-content:center;margin-top:var(--s-3)}
/* families/status-feedback/family.css */
.sf-empty code{font-size:var(--text-small)}
/* families/status-feedback/family.css */
.sf-compact{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4);font-size:var(--text-body);color:hsl(var(--muted-foreground))}
/* families/status-feedback/family.css */
.sf-compact svg{color:hsl(var(--success))}