/* Audit row · 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: Collapsible. */
/* families/data-display/family.css */
.dd-audit{width:100%}
/* families/data-display/family.css */
.dd-audit-h, .dd-audit summary{display:grid;grid-template-columns:20px 148px 190px 150px minmax(0,1fr) 128px;gap:var(--s-3);align-items:center;padding:0 var(--s-4)}
/* families/data-display/family.css */
.dd-audit-h{height:var(--row-th);background:hsl(var(--muted));border-bottom:1px solid hsl(var(--border));font:var(--w-semibold) var(--text-micro)/1 var(--font-voice);font-stretch:var(--font-stretch-title);color:hsl(var(--muted-foreground))}
/* families/data-display/family.css */
.dd-audit details{border-bottom:1px solid hsl(var(--border))}
/* families/data-display/family.css */
.dd-audit details:last-child{border-bottom:0}
/* families/data-display/family.css */
.dd-audit summary{min-height:var(--row);list-style:none;cursor:pointer;font-size:var(--text-body);transition:background-color var(--motion-hover)}
/* families/data-display/family.css */
.dd-audit summary::-webkit-details-marker{display:none}
/* families/data-display/family.css */
.dd-audit summary:hover, .dd-audit summary.is-hover{background:hsl(var(--muted)/.6)}
/* families/data-display/family.css */
.dd-audit summary:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:-2px}
/* families/data-display/family.css */
.dd-audit details[open] summary{background:hsl(var(--accent)/.6)}
/* families/data-display/family.css */
.dd-audit details[open] .dd-caret{transform:rotate(90deg)}
/* families/data-display/family.css */
.dd-req{font:var(--text-micro)/1 var(--font-code);color:hsl(var(--muted-foreground));text-align:right;white-space:nowrap}
/* families/data-display/family.css */
.dd-diff{padding:var(--s-3) var(--s-4) var(--s-4) calc(var(--s-4) + 20px + var(--s-3));background:hsl(var(--muted)/.35)}
/* families/data-display/family.css */
.dd-diff-t{width:100%;max-width:820px;font-size:var(--text-small);border:1px solid hsl(var(--border));border-radius:var(--r-control);overflow:hidden;background:hsl(var(--card))}
/* families/data-display/family.css */
.dd-diff-t th{font:var(--w-semibold) var(--text-micro)/1 var(--font-voice);font-stretch:var(--font-stretch-title);text-align:left;color:hsl(var(--muted-foreground));padding:var(--s-2) var(--s-3);border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted))}
/* families/data-display/family.css */
.dd-diff-t td{padding:var(--s-2) var(--s-3);border-bottom:1px solid hsl(var(--border));vertical-align:top;font-variant-numeric:tabular-nums}
/* families/data-display/family.css */
.dd-diff-t tr:last-child td{border-bottom:0}
/* families/data-display/family.css */
.dd-diff-t td:first-child{font-family:var(--font-code);font-size:var(--text-micro);color:hsl(var(--muted-foreground));width:200px}
/* families/data-display/family.css */
.dd-old{color:hsl(var(--destructive));background:hsl(var(--destructive)/.07);text-decoration:line-through;text-decoration-color:hsl(var(--destructive)/.5)}
/* families/data-display/family.css */
.dd-new{color:hsl(var(--success));background:hsl(var(--success)/.08)}
/* families/data-display/family.css */
.dd-raw{margin-top:var(--s-3);font-size:var(--text-small)}
/* families/data-display/family.css */
.dd-raw summary{display:inline-flex !important;align-items:center;gap:var(--s-1);min-height:0 !important;padding:0 !important;color:hsl(var(--foreground));font-weight:var(--w-medium);background:none !important}
/* families/data-display/family.css */
.dd-raw pre{margin-top:var(--s-2);padding:var(--s-3);background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--r-control);font:var(--text-micro)/1.55 var(--font-code);overflow:auto;max-height:180px}
/* families/data-display/family.css */
.dd-audit-f{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-top:1px solid hsl(var(--border));font-size:var(--text-small);color:hsl(var(--muted-foreground))}
/* families/data-display/family.css */
.dd-maudit details{border:1px solid hsl(var(--border));border-radius:var(--r-card);background:hsl(var(--card));overflow:hidden}
/* families/data-display/family.css */
.dd-maudit details+details{margin-top:var(--s-2)}
/* families/data-display/family.css */
.dd-maudit summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px var(--s-2);padding:var(--s-3);min-height:var(--control-h-m);cursor:pointer}
/* families/data-display/family.css */
.dd-maudit summary::-webkit-details-marker{display:none}
/* families/data-display/family.css */
.dd-maudit .ln2{grid-column:1/-1;display:flex;align-items:center;gap:var(--s-2);font-size:var(--text-small);color:hsl(var(--muted-foreground));min-width:0}
/* families/data-display/family.css */
.dd-maudit .ln2 span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* families/data-display/family.css */
.dd-maudit .dd-diff{padding:var(--s-3)}
/* families/data-display/family.css */
.dd-mdiff{display:flex;flex-direction:column;gap:var(--s-2);font-size:var(--text-small)}
/* families/data-display/family.css */
.dd-mdiff div{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding-bottom:var(--s-2);border-bottom:1px solid hsl(var(--border))}
/* families/data-display/family.css */
.dd-mdiff div:last-child{border-bottom:0;padding-bottom:0}
/* families/data-display/family.css */
.dd-mdiff code{font-size:var(--text-micro);color:hsl(var(--muted-foreground))}
/* families/data-display/family.css */
.dd-mdiff p{display:flex;gap:var(--s-2);flex-wrap:wrap}
/* families/data-display/family.css */
.dd-mdiff p span{padding:2px 6px;border-radius:var(--r-chip)}
/* families/data-display/family.css */
.dd-copy{color:hsl(var(--muted-foreground))}
/* families/data-display/family.css */
.dd-maudit .ln2 .num{flex:none}