/* Error states · 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: Alert. */
/* families/status-feedback/family.css */
.sf-errpage{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-3);padding:var(--s-12) var(--s-10);max-width:640px}
/* families/status-feedback/family.css */
.sf-errpage h3{font:var(--w-semibold) var(--text-22)/1.2 var(--font-voice);font-stretch:var(--font-stretch-title);letter-spacing:var(--tr-page)}
/* families/status-feedback/family.css */
.sf-errpage p{font-size:var(--text-read);line-height:var(--lh-read);max-width:54ch}
/* families/status-feedback/family.css */
.sf-errpage .tech{font:var(--w-regular) var(--text-code)/1.7 var(--font-code);background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:var(--r-card);padding:var(--s-3) var(--s-4);color:hsl(var(--muted-foreground));align-self:stretch}
/* families/status-feedback/family.css */
.sf-errpage .tech span{color:hsl(var(--foreground))}
/* families/status-feedback/family.css */
.sf-errpage .act{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-2)}
/* families/status-feedback/family.css */
.sf-errmark{width:48px;height:48px;border-radius:var(--r-card);display:grid;place-items:center;background:hsl(var(--destructive)/.1);color:hsl(var(--destructive));border:1px solid hsl(var(--destructive)/.28)}
/* families/status-feedback/family.css */
.sf-errmark svg{width:22px;height:22px}
/* families/status-feedback/family.css */
.sf-inerr{display:flex;gap:var(--s-3);align-items:flex-start;padding:var(--s-4);border:1px solid hsl(var(--destructive)/.34);border-radius:var(--r-card);background:hsl(var(--card))}
/* families/status-feedback/family.css */
.sf-inerr>svg{color:hsl(var(--destructive));margin-top:1px;width:18px;height:18px}
/* families/status-feedback/family.css */
.sf-inerr .b{flex:1;min-width:0}
/* families/status-feedback/family.css */
.sf-inerr h4{font:var(--w-semibold) var(--text-card)/1.3 var(--font-voice);font-stretch:var(--font-stretch-title)}
/* families/status-feedback/family.css */
.sf-inerr p{font-size:var(--text-body);margin-top:2px}
/* families/status-feedback/family.css */
.sf-inerr .meta{font-size:var(--text-small);color:hsl(var(--muted-foreground));margin-top:var(--s-1)}
/* families/status-feedback/family.css */
.sf-inerr .act{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-3)}
/* families/status-feedback/family.css */
.sf-inerr.ok{border-color:hsl(var(--success)/.4)}
/* families/status-feedback/family.css */
.sf-inerr.ok>svg{color:hsl(var(--success))}
/* families/status-feedback/family.css */
.sf-fails{margin-top:var(--s-3);border:1px solid hsl(var(--border));border-radius:var(--r-control);overflow:hidden;background:hsl(var(--background))}
/* families/status-feedback/family.css */
.sf-fails li{list-style:none;display:flex;align-items:center;gap:var(--s-3);min-height:44px;padding:6px var(--s-3);border-bottom:1px solid hsl(var(--border));font-size:var(--text-body)}
/* families/status-feedback/family.css */
.sf-fails li:last-child{border-bottom:0}
/* families/status-feedback/family.css */
.sf-fails li .t{flex:1;min-width:0}
/* families/status-feedback/family.css */
.sf-fails li .t span{display:block;font-size:var(--text-small);color:hsl(var(--muted-foreground))}
/* families/status-feedback/family.css */
.sf-fails li .code{color:hsl(var(--muted-foreground));flex:none}
/* families/status-feedback/family.css */
.sf-err-ic{color:hsl(var(--destructive))}
/* families/status-feedback/family.css */
.sf-retry-ok{display:none}
/* families/status-feedback/family.css */
.sf-inerr.is-ok .sf-retry-bad{display:none}
/* families/status-feedback/family.css */
.sf-inerr.is-ok .sf-retry-ok{display:block}