/* Inställningar > Historik (views/installningar-historik.js, components/audit-table.js). Colours from tokens.css only. Under 700 px the rows become cards. */
.hi-filter{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--s-3);margin:var(--s-3) 0}
.hi-f{display:flex;flex-direction:column;gap:var(--s-1);min-width:150px}
.hi-f label{font-size:var(--fs-xs);color:var(--muted)}
.hi-scroll{overflow-x:auto}
.hi-table{width:100%;border-collapse:collapse}
.hi-table th,.hi-table td{height:auto;text-align:left;padding:var(--s-2) var(--s-3) var(--s-2) 0;vertical-align:top;box-shadow:0 1px 0 var(--edge2)}
.hi-table thead th{font-size:var(--fs-xs);font-weight:500;color:var(--muted)}
.hi-table td:first-child{white-space:nowrap}
.hi-id{margin-left:var(--s-1);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--muted)}
.hi-ch{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}
.hi-fl{color:var(--ink2)}
.hi-from{color:var(--muted)}
.hi-to{font-weight:500}
.hi-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.hi-empty{margin:var(--s-4) 0;color:var(--ink2)}
.hi-foot{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;margin-top:var(--s-3)}
@media (max-width:700px){
  .hi-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .hi-table,.hi-table tbody,.hi-table tr,.hi-table td{display:block}
  .hi-row{padding:var(--s-3) 0;box-shadow:0 1px 0 var(--edge2)}
  .hi-table td{box-shadow:none;padding:2px 0}
  .hi-table td::before{content:attr(data-l) ": ";color:var(--muted);font-size:var(--fs-xs)}
  .hi-f{flex:1 1 140px}
}