/* ============================
   NEU TABLE FIXES FOR EMAIL LOGS
   ============================ */

#logsContainer .neu-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
}

#logsContainer .neu-table thead th {
  padding: 14px 16px;
  font-weight: 600;
  font-size: 0.73rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--neu-text-muted);
  border-bottom: 1px solid var(--neu-border);
}

#logsContainer .neu-table tbody tr {
  border-bottom: 1px solid var(--neu-border);
  transition: background 0.15s;
}

#logsContainer .neu-table tbody tr:hover {
  background: rgba(124,58,237,0.05);
}

#logsContainer .neu-table td {
  padding: 14px 16px;
  vertical-align: middle;
  color: var(--neu-text);
}

/* Status badge alignment */

#logsContainer .status-badge {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 600;
  text-transform: capitalize;
}

/* Error column */

#logsContainer td:nth-child(4) {
  max-width: 260px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--neu-text-muted);
  font-size: 0.78rem;
}

/* Date column */

#logsContainer td:last-child {
  white-space: nowrap;
  font-size: 0.78rem;
  color: var(--neu-text-muted);
}

/* Dark mode adjustments */

.dark #logsContainer .neu-table tbody tr:hover {
  background: rgba(124,58,237,0.12);
}

@media (max-width: 950px) {
  .neu-table thead th:nth-child(2), .neu-table td:nth-child(2) {
    display: none;
  }
}

@media (max-width: 950px) {
  .neu-table thead th:nth-child(4), .neu-table td:nth-child(4) {
    display: none;
  }
}