#content:has(.data-table-toolbar){border:0;background:transparent;overflow:visible}
.data-table-toolbar{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.data-table-navigation{display:flex;align-items:center;gap:6px;flex-shrink:0}
@media print{.data-table-toolbar{display:none}}
.data-table-toolbar .data-table-group-control,.data-table-range,.data-table-navigation{position:relative;padding-left:10px}
.data-table-group-control::before,.data-table-range::before,.data-table-navigation::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:24px;background:#d7dfe3;pointer-events:none}
.data-table-toolbar label,.data-table-pager{display:flex;align-items:center;gap:6px;margin:0;font-size:12px}
.data-table-pager{margin-left:auto;flex-wrap:wrap;justify-content:flex-end}
.data-table-toolbar .data-table-search{width:220px;max-width:55vw;height:32px;min-height:32px;margin:0;padding:4px 8px;font:inherit;border-radius:7px}
.data-table-toolbar select{width:auto;margin:0;padding:4px 8px;min-height:32px;height:32px;font:inherit;border-radius:7px}
.data-table-toolbar .icon-button{width:32px;min-width:32px;height:32px;min-height:32px;padding:6px}
.data-table-toolbar svg{width:17px;height:17px}
.data-table-range{white-space:nowrap;margin:0 4px;font-variant-numeric:tabular-nums}
.data-table-scroll{overflow-x:auto;border:1px solid #d2dfe4;border-radius:14px;background:white}
.data-table-scroll table{margin:0;width:100%}
.data-table-scroll .data-table-group th{background:#e4efa0;color:#20282b;padding:7px 14px;text-align:left;text-transform:none;font-size:13px;letter-spacing:normal}
.data-table-count{display:inline-flex;align-items:center;justify-content:center;background:#08748b;color:white;border-radius:7px;min-width:24px;padding:2px 7px;margin-left:8px;font-size:11px;font-weight:700}
.data-table-note{font-size:11px;color:#56666d;margin:6px 0 0}
@media(max-width:600px){.data-table-toolbar{align-items:flex-start}.data-table-pager{width:100%;justify-content:flex-end}.data-table-scroll table{min-width:640px}}
/* One compact density for every administrative list, without clipping content. */
@media screen{
  .data-table-scroll td{height:36px;padding:4px 12px;font-size:13px;line-height:20px}
  .data-table-scroll thead th{padding:6px 12px;font-size:10px;line-height:18px}
  .data-table-scroll .data-table-group th{padding:4px 12px;line-height:20px}
  .data-table-scroll td .icon-button{width:28px;min-width:28px;height:28px;min-height:28px;padding:4px;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}
  .data-table-scroll td .icon-button svg{width:17px;height:17px}
  .data-table-scroll .actions{gap:4px}
  .data-table-scroll td .badge{display:inline-block;padding:2px 7px;font-size:11px;line-height:18px}
  #content .event-row,#content .result-row{padding:6px 0;gap:8px;line-height:18px}
  #content .event-row small{margin-top:2px;line-height:16px}
  #content>.data-table-note{padding:0;margin:6px 0 0}
}
@media screen and (pointer:coarse){
  .data-table-scroll td .icon-button{width:36px;min-width:36px;height:36px;min-height:36px}
  .data-table-scroll .actions{gap:6px}
}