.chat-planning {
  max-width: 32rem;
  white-space: normal;
  margin: 4px 0 6px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--side);
  color: var(--txt);
  overflow: hidden;
}
.chat-planning-original {
  color: var(--mut);
  font-size: 13px;
}
.chat-planning-original summary { cursor: pointer; }
.chat-planning summary {
  padding: 10px 12px;
  cursor: pointer;
  font-weight: 650;
}
.chat-planning-badge {
  display: inline-block;
  padding: 1px 7px;
  border-radius: 6px;
  background: var(--buzz-warning-bg, var(--side2));
  color: var(--buzz-warning, var(--txt));
  font-size: 12px;
}
.chat-planning-badge[hidden] { display: none; }
.chat-planning-body {
  max-height: min(28dvh, 260px);
  overflow: auto;
  overscroll-behavior: contain;
  padding: 0 12px;
}
.chat-planning-footer { padding: 4px 12px 8px; }
.chat-planning ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.chat-planning li {
  display: grid;
  gap: 2px;
  padding: 7px 0;
  border-top: 1px solid var(--line);
  overflow-wrap: anywhere;
}
.chat-planning li span, .chat-planning [data-state] {
  color: var(--mut);
  font-size: 13px;
}
.chat-planning [data-state]:empty { display: none; }
.chat-planning [data-state]:not(:empty) { display: block; }
.chat-planning li a {
  width: fit-content;
  color: var(--buzz-link, var(--tg));
  text-decoration: underline;
}
.chat-planning button {
  min-height: 40px;
  padding: 5px 10px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--side2);
  color: var(--txt);
  font: inherit;
}
.chat-planning button:disabled { opacity: .65; }