/* Admin submenu */

.admin_submenu {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

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

.admin_submenu__tabs {
  display: flex;
  gap: var(--space_2);
  margin-bottom: var(--space_3);
}

.admin_submenu__tab {
  border: 1px solid var(--color_border);
  border-radius: var(--radius_sm);
  background: rgba(255, 255, 255, 0.03);
  color: var(--color_text_secondary);
  font-size: var(--text_xs);
  padding: 6px 10px;
  cursor: pointer;
}

.admin_submenu__tab:hover {
  border-color: var(--color_silver_300);
  color: var(--color_text_primary);
}

.admin_submenu__tab.is_active {
  border-color: var(--color_focus);
  color: var(--color_text_primary);
  background: rgba(141, 167, 232, 0.16);
}

.admin_submenu__tab_view {
  display: none;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}

.admin_submenu__tab_view.is_active {
  display: block;
}

.admin_submenu__users_view {
  min-height: 0;
}

.admin_submenu__label {
  display: block;
  margin-bottom: 6px;
  color: var(--color_text_secondary);
  font-size: var(--text_xs);
}

.admin_submenu__input,
.admin_submenu__select {
  width: 100%;
  border: 1px solid var(--color_border);
  border-radius: var(--radius_sm);
  background: rgba(255, 255, 255, 0.05);
  color: var(--color_text_primary);
  font-size: var(--text_sm);
  padding: 8px 10px;
}

.admin_submenu__input:focus,
.admin_submenu__select:focus {
  outline: none;
  border-color: var(--color_focus);
  box-shadow: 0 0 0 2px rgba(141, 167, 232, 0.2);
}

.admin_submenu__results {
  margin-top: var(--space_2);
  border: 1px solid var(--color_border);
  border-radius: var(--radius_sm);
  max-height: 220px;
  overflow-y: auto;
}

.admin_submenu__result_item {
  width: 100%;
  text-align: left;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: transparent;
  color: var(--color_text_primary);
  font-size: var(--text_sm);
  padding: 9px 10px;
  cursor: pointer;
}

.admin_submenu__result_item:last-child {
  border-bottom: none;
}

.admin_submenu__result_item:hover {
  background: rgba(255, 255, 255, 0.08);
}

.admin_submenu__empty {
  margin: 0;
  padding: 10px;
  color: var(--color_text_muted);
  font-size: var(--text_xs);
}

.admin_submenu__profile_view {
  position: relative;
  border: 1px solid var(--color_border);
  border-radius: var(--radius_md);
  background: rgba(255, 255, 255, 0.02);
  padding: var(--space_4);
}

.admin_submenu__close_btn {
  position: absolute;
  right: var(--space_2);
  top: var(--space_2);
  border: 1px solid var(--color_border);
  border-radius: var(--radius_sm);
  width: 28px;
  height: 28px;
  line-height: 1;
  font-size: 1rem;
  background: transparent;
  color: var(--color_text_secondary);
  cursor: pointer;
}

.admin_submenu__close_btn:hover {
  border-color: var(--color_silver_300);
  color: var(--color_text_primary);
}

.admin_submenu__profile_title {
  margin: 0 30px var(--space_3) 0;
  font-size: var(--text_sm);
  color: var(--color_text_primary);
  word-break: break-all;
}

.admin_submenu__line {
  margin: 0 0 6px;
  font-size: var(--text_xs);
  color: var(--color_text_secondary);
}

.admin_submenu__line strong {
  color: var(--color_text_primary);
}

.admin_submenu__tier_box {
  margin-top: var(--space_3);
  padding-top: var(--space_3);
  border-top: 1px solid var(--color_border);
}

.admin_submenu__actions {
  margin-top: var(--space_3);
  display: flex;
  flex-direction: column;
  gap: var(--space_2);
}

.admin_submenu__button {
  margin-top: var(--space_2);
  border: 1px solid var(--color_indigo_500);
  border-radius: var(--radius_sm);
  background: var(--color_indigo_500);
  color: var(--color_text_primary);
  font-size: var(--text_xs);
  padding: 7px 10px;
  cursor: pointer;
}

.admin_submenu__button:hover {
  filter: brightness(1.08);
}

.admin_submenu__button--secondary {
  border-color: var(--color_border);
  background: transparent;
  color: var(--color_text_secondary);
}

.admin_submenu__button--secondary:hover {
  border-color: var(--color_silver_300);
  color: var(--color_text_primary);
}

.admin_submenu__button:disabled,
.admin_submenu__select:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.admin_submenu__back_btn {
  margin-top: 0;
  align-self: flex-start;
}

.admin_submenu__section_title {
  margin: var(--space_3) 0;
  font-size: var(--text_sm);
  color: var(--color_text_primary);
}

.admin_submenu__convo_list {
  border: 1px solid var(--color_border);
  border-radius: var(--radius_sm);
  max-height: 280px;
  overflow-y: auto;
  padding: var(--space_2);
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.admin_submenu__convo_btn {
  border: 1px solid var(--color_border);
  border-radius: var(--radius_sm);
  background: rgba(255, 255, 255, 0.03);
  color: var(--color_text_primary);
  font-size: var(--text_xs);
  padding: 8px 10px;
  text-align: left;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin_submenu__convo_btn:hover {
  background: rgba(255, 255, 255, 0.08);
}

.admin_submenu__convo_btn.is_active {
  border-color: var(--color_focus);
  background: rgba(141, 167, 232, 0.16);
}

.admin_submenu__token_box {
  border: 1px solid var(--color_border);
  border-radius: var(--radius_sm);
  padding: var(--space_3);
}

.admin_submenu__patreon_list {
  margin-top: var(--space_3);
  border: 1px solid var(--color_border);
  border-radius: var(--radius_sm);
  max-height: 360px;
  overflow-y: auto;
}

.admin_submenu__patreon_header,
.admin_submenu__patreon_row {
  display: flex;
  justify-content: space-between;
  gap: var(--space_2);
  padding: 7px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.admin_submenu__patreon_header {
  font-size: var(--text_xs);
  font-weight: 700;
  color: var(--color_text_primary);
}

.admin_submenu__patreon_row:last-child {
  border-bottom: none;
}

.admin_submenu__patreon_email {
  flex: 1 1 auto;
  overflow-wrap: anywhere;
  font-size: var(--text_xs);
  color: var(--color_text_secondary);
}

.admin_submenu__patreon_tier {
  flex: 0 0 auto;
  font-size: var(--text_xs);
  color: var(--color_text_primary);
  font-weight: 700;
}

.admin_submenu__status_line {
  margin: 8px 0 0;
  min-height: 1rem;
  font-size: var(--text_xs);
  color: var(--color_text_muted);
}

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

.admin_submenu__status_line.is_success {
  color: #8ad2a3;
}

.admin_submenu__hint {
  margin: 0;
  color: var(--color_text_muted);
  font-size: var(--text_sm);
}