.follow-ups-panel {
  details {
    margin-top: 8px;
  }

  summary {
    display: inline-block;
    margin-bottom: 8px;
  }
}

.agenda-group {
  margin-bottom: 10px;

  h3 {
    margin: 6px 0 4px;
  }

  &.agenda-overdue h3 {
    color: var(--danger);
  }
}

.follow-up {
  display: grid;
  grid-template-columns: 150px 1fr max-content;
  gap: 12px;
  align-items: center;
  padding: 5px 10px;
  border-left: 3px solid var(--accent);
  margin-bottom: 6px;

  &.overdue {
    border-left-color: var(--danger);

    .follow-up-when {
      color: var(--danger);
      font-weight: 600;
    }
  }

  &.done {
    border-left-color: var(--border);
    color: var(--muted);
  }
}

.follow-up-actions {
  display: flex;
  gap: 10px;
  align-items: center;
}

.badge.kind-call {
  background: #dcfce7;
  color: #166534;
}