/* Logs */
    .logs-head {
      margin-bottom: 20px;
    }

    .logs-title {
      margin-bottom: 0;
    }

    .logs-filter-meta {
      font-size: 12px;
      color: var(--muted);
    }

    .log-filter-date {
      width: 130px !important;
      font-size: 11px;
    }

    .log-filter-search {
      width: 200px !important;
    }

    .logs-th-date {
      width: 160px;
    }

    .logs-th-user,
    .logs-th-action {
      width: 140px;
    }

    .logs-th-request {
      width: 150px;
    }

    .log-empty-cell {
      padding: 48px;
      text-align: center;
      color: var(--muted);
    }

    .log-empty-cell-error {
      color: var(--red);
    }

    .log-date-cell {
      color: var(--accent2);
      font-size: 11px;
    }

    .log-user-cell {
      font-weight: 600;
    }

    .log-note-cell {
      font-size: 12px;
      max-width: 400px;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .log-note-sub {
      color: var(--muted);
      font-size: 10px;
      margin-top: 2px;
    }

    .log-request-badge {
      cursor: pointer;
    }

    .log-request-empty {
      color: var(--muted2);
    }


    .logs-head-mobile,
    .logs-toolbar-mobile {
      flex-wrap: wrap;
    }

    .table-wrap-logs {
      min-width: 0;
      max-height: min(720px, calc(100vh - 260px));
      overflow: auto;
    }

    .logs-table thead th {
      position: sticky;
      z-index: 3;
      top: 0;
      background: var(--surface2);
    }

    .log-row-card {
      scroll-margin-top: 84px;
    }

    .log-request-cell {
      min-width: 0;
    }
.logs-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  padding: 12px;
  border-top: 1px solid var(--border);
  background: var(--surface);
}

.logs-page-info,
.logs-page-size-label {
  color: var(--muted);
  font-size: 12px;
}

.logs-page-size-label {
  display: flex;
  align-items: center;
  gap: 7px;
}

.logs-page-size {
  width: 76px;
  min-height: 34px;
  padding-block: 4px;
}

@media (max-width: 768px) {
  .table-wrap-logs {
    max-height: none;
    overflow: visible;
  }

  .logs-pagination {
    justify-content: space-between;
    padding-inline: 4px;
    background: transparent;
  }

  .logs-page-info {
    order: -1;
    width: 100%;
    text-align: center;
  }

  .logs-page-size-label {
    width: 100%;
    justify-content: center;
  }
}