/* Conversations submenu */
.conversation_submenu {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

.conversation_submenu__header {
  font-size: var(--text_sm);
  color: var(--color_text_secondary);
  margin-bottom: var(--space_3);
}

.conversation_submenu__list {
  display: flex;
  flex-direction: column;
  gap: var(--space_2);
  overflow-y: auto;
  min-height: 0;
}

.conversation_submenu__item {
  width: 100%;
  text-align: left;
  border: 1px solid transparent;
  border-radius: var(--radius_md);
  background: rgba(255, 255, 255, 0.03);
  color: var(--color_text_primary);
  padding: var(--space_3);
  cursor: pointer;
}

.conversation_submenu__item:hover {
  border-color: var(--color_border);
  background: rgba(255, 255, 255, 0.06);
}

.conversation_submenu__item.is_active {
  border-color: var(--color_focus);
  background: rgba(255, 255, 255, 0.08);
}

.conversation_submenu__item--create {
  border-style: dashed;
  opacity: 0.9;
}

.conversation_submenu__item--create:hover {
  opacity: 1;
}

.conversation_submenu__title {
  display: block;
  font-size: var(--text_sm);
  line-height: 1.25;
}

.conversation_submenu__time {
  display: block;
  margin-top: 2px;
  font-size: var(--text_xs);
  color: var(--color_text_muted);
}

.conversation_submenu__empty {
  color: var(--color_text_muted);
  font-size: var(--text_sm);
}

.conversation_submenu__status {
  margin-top: var(--space_3);
  font-size: var(--text_xs);
  color: var(--color_text_muted);
}

.conversation_submenu__status.is_loading::before {
  content: "⟳ ";
  display: inline-block;
  animation: v2_spin 1s linear infinite;
}

.conversation_submenu__status.is_error {
  color: var(--color_error);
}

@keyframes v2_spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}