/* HYPERPART: task-inbox */
/* Promoted VERBATIM from Dazzle regions.css (Tier C-b, fleet
 * convergence). The Dazzle emitter contract is unchanged. */

/* ─────────────────────────── task_inbox region ──────────────────
 * Summary chips (count + label pill) above a list of task rows
 * (#1015). The `.dz-task-inbox-chip*` family had NO css at all, so the
 * count and label spans rendered glued together ("0manuscripts");
 * the chip is now an inline-flex pill with a gap between count and
 * label, mirroring `.dz-progress-chip` (#1326). */

.dz-task-inbox-chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
  margin-block-end: var(--space-sm);
}

.dz-task-inbox-chip {
  display: inline-flex;
  align-items: baseline;
  gap: var(--space-xs);
  padding-inline: var(--space-sm);
  padding-block: 0.125rem;
  border-radius: var(--radius-sm);
  font-size: var(--text-xs);
  border: 1px solid var(--colour-border);
  background: var(--colour-bg);
  color: var(--colour-text-muted);
  text-decoration: none;
}

.dz-task-inbox-chip-count {
  font-weight: var(--weight-semibold);
  color: var(--colour-text);
}

.dz-task-inbox-chip-label {
  color: var(--colour-text-muted);
}

/* Items list — icon is the leading mark; suppress default ul bullets
 * so they do not double the affordance next to Lucide icons (HMC
 * coherence: decorative_noise on task-inbox). */
.dz-task-inbox-items {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding-inline-start: 0;
  gap: 0;
}

.dz-task-inbox-item + .dz-task-inbox-item {
  border-block-start: 1px solid var(--colour-border);
}

.dz-task-inbox-item {
  margin: 0;
  padding: 0;
  list-style: none;
}

.dz-task-inbox-item-link {
  display: flex;
  align-items: flex-start;
  gap: var(--space-md);
  padding-block: var(--space-sm);
  padding-inline: 0;
  color: inherit;
  text-decoration: none;
  min-width: 0;
}

.dz-task-inbox-item-link:hover {
  color: var(--colour-brand);
}

.dz-task-inbox-item-body {
  flex: 1 1 0;
  min-width: 0;
}

.dz-task-inbox-item-title {
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  line-height: var(--leading-tight);
  color: var(--colour-text);
}

.dz-task-inbox-item-link:hover .dz-task-inbox-item-title {
  color: var(--colour-brand);
}

.dz-task-inbox-item-meta {
  font-size: var(--text-xs);
  line-height: var(--leading-tight);
  color: var(--colour-text-muted);
  margin-block-start: 0.125rem;
}

/* Urgency tint on the leading icon (data-dz-urgency from the emitter). */
.dz-task-inbox-item[data-dz-urgency="overdue"] .dz-task-inbox-item-icon {
  color: var(--colour-danger);
}

.dz-task-inbox-item[data-dz-urgency="due"] .dz-task-inbox-item-icon {
  color: var(--colour-warning);
}

.dz-task-inbox-item[data-dz-urgency="soon"] .dz-task-inbox-item-icon {
  color: var(--colour-brand);
}

.dz-task-inbox-empty {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--colour-text-muted);
}