.log-category {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 99px;
  background: #e8ece8;
  color: var(--ink);
  font-size: .75rem;
  font-weight: 800;
}

.log-category-financieel {
  background: #f8c8c4;
  color: #8b1e1e;
}

.log-category-gebruikers {
  background: #d8f26a;
  color: #213000;
}

.log-category-events {
  background: #cbe7ff;
  color: #164669;
}

.log-category-items {
  background: #ffe0ad;
  color: #6c3a00;
}

.log-category-menus {
  background: #e4d7ff;
  color: #44207a;
}

.log-category-rekeningen {
  background: #ffd2e5;
  color: #7a214d;
}

.log-category-beveiliging {
  background: #1f2a24;
  color: #f2fff6;
}

.log-category-sync {
  background: #c9f3ef;
  color: #07534c;
}

.log-category-admin {
  background: #d7ddff;
  color: #27336f;
}

.log-category-vouchers {
  background: #ffe7f6;
  color: #7c285f;
}
.logs-table pre { max-width: 360px; white-space: pre-wrap; word-break: break-word; padding: 10px; border-radius: 8px; background: #f2f4f1; }
.logs-table summary { cursor: pointer; color: var(--green); font-weight: 700; }