/* ============================================
   ЕДИНЫЕ СТИЛИ КНОПОК ДЕЙСТВИЙ
   Лайк · В избранное · Пожаловаться
   Эталон: кнопки комментариев (comments.css)
   ============================================ */

/* ── Контейнер кнопок ── */
.action-buttons {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

/* ── Базовая кнопка (стили как у comment__like/comment__reply) ── */
.action-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: transparent;
  border: 1px solid var(--color-border-light);
  color: var(--color-text-muted);
  cursor: pointer;
  padding: 6px 12px;
  border-radius: 10px;
  transition: all 0.2s ease;
  font-size: 0.85rem;
  font-family: inherit;
  white-space: nowrap;
  user-select: none;
  text-decoration: none;
  line-height: 1;
}

.action-btn i {
  font-size: 0.9rem;
}

.action-btn:hover {
  background: rgba(102, 126, 234, 0.1);
  color: #667eea;
  border-color: #667eea;
}

.action-btn:active {
  transform: scale(0.97);
}

/* ── Кнопка Лайк ── */
.action-btn--like:hover {
  background: rgba(255, 71, 87, 0.1);
  color: #ff4757;
  border-color: #ff4757;
}

.action-btn--like.active {
  background: rgba(255, 71, 87, 0.1);
  color: #ff4757;
  border-color: #ff4757;
}

.action-btn--like.active i {
  color: #ff4757;
}

/* ── Кнопка В избранное ── */
.action-btn--favorite:hover {
  background: rgba(241, 196, 15, 0.1);
  color: #f1c40f;
  border-color: #f1c40f;
}

.action-btn--favorite.active {
  background: rgba(241, 196, 15, 0.1);
  color: #f1c40f;
  border-color: #f1c40f;
}

.action-btn--favorite.active i {
  color: #f1c40f;
}

/* ── Кнопка Пожаловаться ── */
.action-btn--report {
  color: #ff4757;
  border-color: rgba(255, 71, 87, 0.25);
}

.action-btn--report:hover {
  background: rgba(255, 71, 87, 0.12);
  border-color: #ff4757;
}

.action-btn--report.reported {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}

/* ── Кнопка Поделиться (опционально) ── */
.action-btn--share:hover {
  background: rgba(102, 126, 234, 0.1);
  color: #667eea;
  border-color: #667eea;
}

/* ── Кнопка Удалить (опционально, только для автора) ── */
.action-btn--delete:hover {
  background: rgba(255, 71, 87, 0.1);
  color: #ff4757;
  border-color: #ff4757;
}

/* ── Кнопка Подать заявку (team.php) ── */
.action-btn--apply {
  background: linear-gradient(135deg, #667eea, #764ba2);
  color: #fff;
  border-color: transparent;
}

.action-btn--apply:hover {
  background: linear-gradient(135deg, #5a6fd6, #6a4196);
  color: #fff;
  border-color: transparent;
}

.action-btn--apply:disabled,
.action-btn--applied {
  background: transparent;
  color: #888;
  border-color: var(--color-border-light);
  cursor: default;
  opacity: 0.7;
}

.action-btn--apply:disabled:hover,
.action-btn--applied:hover {
  background: transparent;
  color: #888;
  border-color: var(--color-border-light);
}

/* ── Кнопка Редактировать ── */
.action-btn--edit:hover {
  background: rgba(102, 126, 234, 0.1);
  color: #667eea;
  border-color: #667eea;
}

/* ── Кнопка Заявки (team.php, trade-item.php) ── */
.action-btn--applications:hover {
  background: rgba(46, 213, 115, 0.1);
  color: #2ed573;
  border-color: #2ed573;
}

/* ── Кнопка Купить (trade-item.php) ── */
.action-btn--buy {
  background: transparent;
  color: #2ed573;
  border-color: #2ed573;
  font-weight: 600;
}

.action-btn--buy:hover {
  background: rgba(46, 213, 115, 0.1);
  color: #26c065;
  border-color: #26c065;
}

.action-btn--buy:disabled,
.action-btn--buy--sent {
  background: transparent;
  color: #2ed573;
  border-color: rgba(46, 213, 115, 0.35);
  cursor: default;
  opacity: 0.8;
  font-weight: 400;
}

.action-btn--buy:disabled:hover,
.action-btn--buy--sent:hover {
  background: transparent;
  color: #2ed573;
  border-color: rgba(46, 213, 115, 0.35);
}

/* ── Кнопка смены статуса команды (team.php) ── */
.action-btn--status {
  font-size: 0.8rem;
  padding: 5px 10px;
}

.action-btn--status:hover {
  background: rgba(46, 213, 115, 0.1);
  color: #2ed573;
  border-color: #2ed573;
}

/* ── Бейдж статуса команды ── */
.team-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 0.8rem;
  font-weight: 500;
  white-space: nowrap;
}

.team-status-badge--recruiting {
  background: rgba(254, 202, 87, 0.15);
  color: #feca57;
  border: 1px solid rgba(254, 202, 87, 0.3);
}

.team-status-badge--active {
  background: rgba(46, 213, 115, 0.15);
  color: #2ed573;
  border: 1px solid rgba(46, 213, 115, 0.3);
}

.team-status-badge--archived {
  background: rgba(160, 160, 170, 0.15);
  color: #a0a0aa;
  border: 1px solid rgba(160, 160, 170, 0.3);
}

/* ── Блок «Моя команда» в профиле ── */
.profile-my-team {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--color-border-light);
  border-radius: 14px;
  padding: 16px 20px;
  margin: 16px 0;
}

.profile-my-team__title {
  font-size: 1rem;
  font-weight: 600;
  color: #667eea;
  margin: 0 0 12px 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.profile-my-team__empty {
  text-align: center;
  padding: 12px;
  color: var(--color-text-muted);
}

.profile-my-team__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.profile-my-team__item:last-child {
  border-bottom: none;
}

.profile-my-team__info {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.profile-my-team__name {
  color: #667eea;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s;
}

.profile-my-team__name:hover {
  color: #5a6fd6;
  text-decoration: underline;
}

.profile-my-team__role {
  color: var(--color-text-muted);
  font-size: 0.85rem;
}

.profile-my-team__meta {
  display: flex;
  gap: 16px;
  font-size: 0.8rem;
  color: var(--color-text-muted);
}

@media (max-width: 600px) {
  .profile-my-team__item {
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
  }
}