/* Tablet-only density for the common usage log. No API or stored preferences. */
@media (min-width: 768px) and (max-width: 1366px) {
  main:has([data-column-id="token_name"]) {
    padding: 0 !important;
  }
  main:not([data-slot="sidebar-inset"]):has([data-column-id="token_name"]) > div {
    padding: 8px 10px !important;
  }
  main:has([data-column-id="token_name"]) [data-slot="table"] {
    font-size: 12px;
    min-width: max(100%, 1160px) !important;
  }
  main:has([data-column-id="token_name"]) [data-slot="table-body"] > tr {
    height: auto;
  }
  main:has([data-column-id="token_name"]) [data-slot="table"] td {
    padding: 5px 7px !important;
    font-size: 12px !important;
    line-height: 16px;
  }
  main:has([data-column-id="token_name"]) [data-slot="table"] th {
    height: 34px;
    padding: 5px 7px !important;
  }
  main:has([data-column-id="token_name"]) [data-slot="table"] :is(td, th) :is(span, div, p, button) {
    font-size: 12px !important;
    line-height: 16px;
  }
  main:has([data-column-id="token_name"]) [data-column-id="user"] [data-slot="avatar"] {
    width: 18px;
    height: 18px;
  }
  main:has([data-column-id="token_name"]) [data-column-id="token_name"] [data-slot="status-badge"]:first-child {
    height: 20px;
    padding: 0 5px;
  }
  main:has([data-column-id="token_name"]) :is(.gap-4, .gap-6) {
    gap: 8px;
  }
}