.logs-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--divider);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: var(--shadow-small);
}
.logs-table { width: 100%; min-width: 720px; border-collapse: collapse; font-size: 13px; }
.logs-table caption { padding: 14px 16px; border-bottom: 1px solid var(--divider); color: var(--secondary); text-align: left; }
.logs-table th, .logs-table td { padding: 12px 14px; border-bottom: 1px solid var(--divider); text-align: left; vertical-align: top; }
.logs-table th { color: var(--faint); font-size: 11px; font-weight: 500; letter-spacing: .04em; text-transform: uppercase; }
.logs-table tbody tr:last-child td { border-bottom: 0; }
.logs-table time { color: var(--secondary); white-space: nowrap; }
.log-type { display: inline-block; padding: 3px 5px; border: 1px solid var(--divider); border-radius: 4px; color: var(--secondary); font-family: ui-monospace, monospace; font-size: 10px; white-space: nowrap; }
.log-type.completed, .log-type.action_completed { border-color: color-mix(in srgb, var(--success) 45%, var(--divider)); color: var(--success); }
.log-type.failed, .log-type.action_failed { border-color: color-mix(in srgb, var(--danger) 45%, var(--divider)); color: var(--danger); }
.log-related { display: grid; gap: 5px; }
.log-related span { display: grid; gap: 2px; }
.log-related b { color: var(--faint); font-size: 10px; font-weight: 500; text-transform: uppercase; }
.log-related code { max-width: 280px; overflow-wrap: anywhere; color: var(--secondary); font-size: 11px; }
.log-empty-value { color: var(--faint); }
.log-details { min-width: 220px; max-width: 460px; }
.log-details summary { cursor: pointer; line-height: 1.45; }
.log-details pre { max-width: 100%; max-height: 360px; }

@media (max-width: 639px) {
  .logs-table-wrap { margin-inline: -16px; border-right: 0; border-left: 0; border-radius: 0; }
}