/* HAR viewer and sanitizer (141a). Site tokens only. */
.hv-tool { max-width: 1100px; min-width: 0; }
.tool-ui .hv-lede { color: var(--color-muted); font-size: .92rem; margin: -.5rem 0 .75rem; }
.hv-drop { border: 2px dashed var(--color-border); border-radius: var(--radius-panel); padding: 1rem; background: var(--color-surface); }
.hv-drop.is-over { border-color: var(--color-link); }
.hv-drop input[type=file] { max-width: 100%; }
.tool-ui .hv-hint { margin: .5rem 0 0; color: var(--color-muted); display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.hv-hint button { padding: 10px 16px; }
.hv-status:empty { display: none; }
.hv-summary { font-weight: 700; font-variant-numeric: tabular-nums; }
.hv-filters { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr)); gap: .25rem .75rem; margin: 1rem 0 .5rem; border: 1px solid var(--line); border-radius: 7px; padding: .5rem .9rem .75rem; min-width: 0; }
.hv-filters > div { min-width: 0; }
.hv-filters label { font-size: .85rem; color: var(--color-muted); }
.hv-filters input, .hv-filters select { width: 100%; min-height: 44px; margin: .15rem 0 0; }
.hv-count { color: var(--color-muted); font-size: .9rem; margin: .25rem 0; }
.hv-table-wrap { max-height: 28rem; overflow: auto; border: 1px solid var(--line); border-radius: 7px; }
.hv-table { width: 100%; border-collapse: collapse; font-size: .88rem; font-variant-numeric: tabular-nums; }
.hv-table th { position: sticky; top: 0; background: var(--color-surface-raised); text-align: left; padding: .4rem .5rem; white-space: nowrap; }
.hv-table td { padding: .35rem .5rem; border-top: 1px solid var(--line); white-space: nowrap; }
.hv-table .hv-num { text-align: right; }
.hv-table .hv-path { max-width: 24rem; overflow: hidden; text-overflow: ellipsis; }
.hv-table tbody tr { cursor: pointer; }
.hv-table tbody tr:hover { background: var(--color-surface-raised); }
.hv-table tbody tr.is-selected { background: color-mix(in srgb, var(--color-link) 20%, transparent); }
.hv-table tbody tr:focus-visible { outline: 2px solid var(--color-link); outline-offset: -2px; }
.hv-table tr.hv-bad td:nth-child(2) { color: var(--color-headline); font-weight: 700; }
.hv-detail { margin: 1rem 0; min-width: 0; }
.hv-detail:empty { display: none; }
.tool-ui .hv-detail h2 { font-size: 1.1rem; margin: 0 0 .25rem; }
.hv-url { overflow-wrap: anywhere; font-family: var(--font-label); font-size: .88rem; color: var(--color-muted); }
.hv-detail-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: .75rem; }
.hv-block { background: var(--color-surface); border: 1px solid var(--line); border-radius: 7px; padding: .5rem .75rem; min-width: 0; }
.tool-ui .hv-block h3 { font-size: .95rem; margin: .1rem 0 .4rem; }
.hv-pairs { display: grid; grid-template-columns: minmax(6rem, max-content) 1fr; gap: .15rem .75rem; margin: 0; font-size: .85rem; }
.hv-pairs dt { color: var(--color-muted); overflow-wrap: anywhere; }
.hv-pairs dd { margin: 0; overflow-wrap: anywhere; font-family: var(--font-label); }
.hv-pre { margin: 0; max-height: 16rem; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; font-size: .82rem; }
.hv-empty { color: var(--color-muted); margin: 0; }
.hv-clean { margin: 1.5rem 0; padding: 1rem; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-panel); }
.tool-ui .hv-clean h2 { margin-top: 0; }
.hv-removed { margin: .75rem 0; }
.hv-removed:empty { display: none; }
.tool-ui .hv-clean a.button { color: var(--color-on-accent); text-decoration: none; }
.hv-export-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 0 1.5rem; }
@media (max-width: 480px) {
  .hv-pairs { grid-template-columns: 1fr; }
  .hv-pairs dd { margin-bottom: .35rem; }
}