.comment-editor { margin-left: auto; }
.comment-editor summary {
  cursor: pointer;
  color: #52665a;
  font-size: .85rem;
  list-style: none;
}
.comment-editor summary:hover { text-decoration: underline; }

.comment-row:has(.comment-editor[open]) { flex-wrap: wrap; }
.comment-editor[open] { flex: 1 0 100%; }
.comment-row:has(.comment-editor[open]) > .delete-prompt { display: none; }
.comment-editor form { margin-top: 8px; }
.comment-editor input { margin-bottom: 8px; }
.comment-editor [role="status"] { display: block; color: #9c3022; }

/* Подтверждение под выбранным комментарием */
.delete-prompt summary {
  list-style: none;
  cursor: pointer;
  color: #637069;
  font-size: .85rem;
}
.delete-prompt summary:is(:hover, :focus-visible) { color: #963b39; }
.comment-row:has(.delete-prompt[open]) { flex-wrap: wrap; }
.delete-prompt[open] { flex: 1 0 100%; }
.delete-prompt[open] summary { width: fit-content; }
.delete-prompt .delete-comment {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 6px 0 0;
  padding: 10px 14px;
  background: #f8f9f5;
  border: 1px solid #dce4dc;
  border-radius: 10px;
  font-size: .9rem;
}
.delete-actions { display: flex; gap: 8px; }
.delete-prompt .delete-actions button {
  padding: 7px 12px;
  background: #fff;
  border: 1px solid #ccd6ce;
  color: #29483b;
  font-weight: 600;
  text-decoration: none;
}
.delete-prompt .delete-actions [type="submit"] {
  background: #f0dedd;
  border-color: #e3c7c7;
  color: #6b3c40;
}
.delete-actions button:disabled { opacity: .6; }