.logs-table-wrapper {
  overflow-x: auto;
  margin-bottom: 20px;
}

.logs-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}

.logs-table thead {
  background: #1d1d1f;
  color: white;
}

.logs-table th {
  padding: 12px;
  text-align: left;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.logs-table tbody tr {
  border-bottom: 1px solid #f5f5f7;
}

.logs-table tbody tr:hover {
  background: #fafafa;
}

.logs-table td {
  padding: 12px;
  vertical-align: top;
}

.log-timestamp {
  color: #86868b;
  font-size: 11px;
}

.log-campaign-name {
  font-weight: 600;
  color: #1d1d1f;
  margin-bottom: 4px;
}

.log-campaign-id {
  color: #667eea;
  font-size: 10px;
  text-decoration: none;
}

.log-campaign-id:hover {
  text-decoration: underline;
}

.log-target {
  font-size: 10px;
  color: #86868b;
  margin-top: 2px;
}

.decision-badge {
  display: inline-block;
  background: #34c759;
  color: white;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 700;
}

.decision-badge.blocked {
  background: #ff3b30;
}

.log-ip {
  color: #667eea;
  font-weight: 600;
  margin-bottom: 4px;
  cursor: pointer;
}

.log-ip:hover {
  text-decoration: underline;
}

.log-location {
  font-size: 10px;
  color: #86868b;
  margin-bottom: 2px;
}

.log-location-icon {
  margin-right: 4px;
}

.log-device-item {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 4px;
  font-size: 11px;
}

.log-device-icon {
  font-size: 10px;
  color: #86868b;
}

.log-filter {
  font-size: 11px;
  color: #1d1d1f;
}

.btn-clear-logs {
  padding: 8px 16px;
  background: #ff3b30;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.btn-clear-logs:hover {
  background: #e02f25;
}

.log-link {
  color: #667eea;
  text-decoration: none;
  font-size: 10px;
}

.log-link:hover {
  text-decoration: underline;
}