/* History — css/audit.css. Owned by the History agent; the contract is
   docs/web-redesign-spec/4-surfaces.md §4.6. Only aud-* classes and .usd live
   here. The frame (.tpage → .tbody#audit-page), names, chips, dots, buttons,
   hints and empties are base classes. No colour word or hex in this file:
   a chip's .sq tint is written inline from CLASS_TINT. */

#audit-page{max-width:900px;min-height:100%}
/* an empty page (one .empty, nothing else drawn) is not a 900-wide column:
   it fills the pane so the sentence sits in the pane's centre, not the
   column's; the one hint that follows an empty stays under the sentence */
#audit-page:has(>.empty){max-width:none}
#audit-page:has(>.empty)>.hint{align-self:center;text-align:center}

/* the header search, 200 wide (a class, not an inline size) */
.searchf.aud-search{width:200px}   /* two classes: base's .searchf.sm (240) must not win */
/* one clear control (§1 .searchf): the .xbtn, never Chrome's own cancel button beside it */
.aud-search input[type=search]::-webkit-search-cancel-button{display:none;-webkit-appearance:none}

/* a day: its name and count on one line, then the card of rows */
.aud-day{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px var(--s-m)}
.aud-day>.eyebrow{margin:0}
.aud-day .n{font-size:12.5px;color:var(--faint);font-variant-numeric:tabular-nums}
.aud-card{width:100%;padding:0;overflow:hidden}

/* one entry: the row, and Details under it */
.aud-entry{border-bottom:1px solid var(--line)}
.aud-entry:last-child{border-bottom:0}
.aud-row{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 16px}
.aud-main{flex:1;min-width:0}
.aud-meta{display:flex;align-items:center;gap:var(--s-m);font-size:12.5px;color:var(--muted);margin-top:2px;min-width:0}
.aud-meta>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aud-flat{font-size:12.5px;color:var(--faint);white-space:nowrap}
.aud-time{width:44px;flex:none;text-align:right;font-size:12.5px;color:var(--faint);font-variant-numeric:tabular-nums}
.aud-details{display:flex;flex-direction:column;gap:6px;padding:4px 16px 12px 40px}
.aud-fact{display:flex;gap:12px;align-items:baseline;font-size:12.5px}
.aud-fact .k{width:110px;flex:none;color:var(--muted)}
.aud-fact .v{color:var(--text);min-width:0;user-select:text;word-break:break-all}
.aud-fact .v.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}

/* the quiet line at the foot of the ledger, and the "$ today" line above AI cost */
.aud-verified{font-size:12.5px;color:var(--faint)}

/* AI cost rows: the same geometry, money on the right */
.aud-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}
.usd{font-size:14.5px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--text)}