.dlq-container { padding: 16px; }

.dlq-header {
  display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;
  .dlq-kpi {
    display: flex; align-items: center; gap: 12px;
    .dlq-count { font-size: 40px; font-weight: 700; color: #9e9e9e; }
    .dlq-label { font-size: 13px; color: #666; }
    &.has-items { .dlq-count { color: #c62828; } }
  }
  .dlq-actions { display: flex; gap: 8px; align-items: center; }
}

.dlq-table {
  width: 100%; border-collapse: collapse;
  th { background: #fafafa; font-weight: 600; color: #555; font-size: 13px; padding: 10px 12px; text-align: left; border-bottom: 2px solid #e0e0e0; }
  td { padding: 10px 12px; font-size: 13px; border-bottom: 1px solid #f0f0f0; }
  .error-cell { color: #c62828; font-size: 12px; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}

.type-chip {
  padding: 2px 8px; border-radius: 12px; font-size: 11px; font-weight: 600;
  background: #fff3e0; color: #e65100;
}

.empty-state {
  text-align: center; color: #9e9e9e; padding: 64px;
  mat-icon { font-size: 48px; width: 48px; height: 48px; color: #4caf50; }
  p { font-size: 14px; margin-top: 8px; }
}