/* Record header · 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: Avatar, Badge. */
/* base.css */
.k-rec{display:flex;align-items:flex-start;gap:var(--s-4);margin-bottom:var(--s-5)}
/* base.css */
.k-rec>.avatar{flex:none;width:44px;height:44px;font-size:var(--text-card)}
/* base.css */
.k-rec-b{flex:1;min-width:0}
/* base.css */
.k-rec-t{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-2)}
/* base.css */
.k-rec-t .page-title{margin-right:var(--s-1)}
/* base.css */
.k-rec-m{display:flex;flex-wrap:wrap;gap:var(--s-1) var(--s-4);margin-top:var(--s-1);font-size:var(--text-small);color:hsl(var(--muted-foreground))}
/* base.css */
.k-rec-m>span{display:inline-flex;align-items:center;gap:6px}
/* base.css */
.k-rec-a{margin-left:auto;display:flex;gap:var(--s-2);align-items:center;flex:none}
/* base.css */
.kit-m .k-rec{flex-wrap:wrap;gap:var(--s-3)}
/* base.css */
.kit-m .k-rec>.avatar{width:40px;height:40px}
/* base.css */
.kit-m .k-rec-a{width:100%;margin-left:0}
/* base.css */
.kit-m .k-rec-a .btn{flex:1}