/* ==============================================
   СТИЛИ ДЛЯ КАРТОЧЕК ЛИЦЕНЗИЙ - КОРИЧНЕВАЯ ТЕМА
   ============================================== */
/* Основные стили карточки лицензии */
.license-card {
  border-radius: 20px !important; /* Округлые углы */
  box-shadow: 0 4px 20px 0 rgba(128, 128, 128, 0.15) !important; /* Мягкая тень */
  overflow: hidden; /* Скрываем переполнение */
  border: 1px solid rgba(0, 0, 0, 0.2) !important; /* Рамка как у карточек курсов */
  background-color: #FFFFFF !important; /* Белый фон карточки */
}

/* Округлые углы для превью лицензии */
.license-card-preview-placeholder,
.license-card-preview-image {
  border-top-left-radius: 20px !important; /* Левый верхний угол */
  border-top-right-radius: 20px !important; /* Правый верхний угол */
}

/* Белый фон для контентной части карточки лицензии */
.license-card .license-card-content {
  background-color: #FFFFFF !important; /* Белый фон для контента */
  padding: 20px !important; /* Внутренние отступы */
}

/* Кнопка навигации в карточке лицензии */
.license-card-navigate-button {
  border-radius: 10px !important; /* Округлые углы */
  height: 60px !important; /* Высота кнопки */
  background: linear-gradient(135deg, #e9db93 5%, #dabb71 35%, #ae791c 100%) !important; /* Коричневый фон */
  border-color: linear-gradient(135deg, #e9db93 5%, #dabb71 35%, #ae791c 100%) !important; /* Коричневая рамка */
  display: flex; /* Flexbox для выравнивания */
  align-items: center; /* Центрирование по вертикали */
  justify-content: center; /* Центрирование по горизонтали */
  padding: 0 20px !important; /* Внутренние отступы */
  margin-top: 20px; /* Верхний отступ */
  margin-bottom: 15px; /* Нижний отступ */
  transition: all 0.3s ease !important; /* Плавный переход при наведении */
  color: #000000 !important; /* Чёрный цвет текста */
}

/* Эффект наведения для кнопки навигации */
.license-card-navigate-button:hover {
  background: #ae791c !important; /* Темно-коричневый фон при наведении */
  border-color: #ae791c !important; /* Темно-коричневая рамка при наведении */
  box-shadow: 0 4px 15px rgba(154, 129, 107, 0.3) !important; /* Коричневая тень при наведении */
}

/* Эффект нажатия для кнопки навигации */
.license-card-navigate-button:active {
  transform: scale(0.97) !important; /* Уменьшение при нажатии */
  box-shadow: 0 2px 10px rgba(154, 129, 107, 0.4) !important; /* Усиленная коричневая тень при нажатии */
}

/* Позиционирование текста в кнопке навигации */
.license-card-navigate-button span {
  position: relative;
  display: inline-flex;
  align-items: center;
}

/* Добавляем иконку стрелки к кнопке навигации */
.license-card-navigate-button span::after {
  content: '';
  background-image: url("https://con.xl.ru/1bQaPlHWXkaYRV2t_nqP7Q/images/mmOJE8Juq02Qr6KU1IMfAw.png");
  display: inline-block;
  width: 20px;
  height: 15px;
  background-size: 20px 15px;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 12px;
  vertical-align: middle;
}

/* Стили для отключенных кнопок навигации */
.license-card-navigate-button[disabled],
.license-card-navigate-button:disabled {
  color: #fff !important;
  opacity: 0.7 !important;
  background: #ae791c !important;
  border-color: #ae791c !important;
}

/* Скрываем иконку у отключенных кнопок навигации */
.license-card-navigate-button[disabled] span::after,
.license-card-navigate-button:disabled span::after {
  display: none !important;
}

/* Заголовок карточки лицензии */
.license-card-title {
  color: #333 !important;
  font-weight: 500 !important;
}

/* === СТАТУС АКТИВНОСТИ: ГАЛОЧКА (ЛИЦЕНЗИИ) === */
/* Активная лицензия — зелёная галочка */
.license-card-activity-label[data-active="true"] .color-success,
.license-card-activity-label[data-active="true"] .anticon {
  color: #67E667 !important;
}

/* Неактивная лицензия — красная галочка */
.license-card-activity-label[data-active="false"] .color-error,
.license-card-activity-label[data-active="false"] .anticon {
  color: #FF4D4F !important;
}

/* === ИКОНКИ В КАРТОЧКАХ ЛИЦЕНЗИЙ === */
/* Галочка — зелёная или красная (уже выше) */
/* Календарь и часы — чёрные */
.license-card .anticon-calendar,
.license-card .anticon-clock-circle,
.license-card .anticon-history {
  color: #000000 !important;
}

/* Прогресс-бары в карточках лицензий (если есть) */
.license-card .ant-progress-bg,
.license-card .ant-progress-success-bg {
  background-color: #000000 !important;
}

/* Текст прогресса */
.license-card .ant-progress-text {
  color: #000000 !important;
}


/* ==============================================
   СТИЛИ ДЛЯ КАРТОЧЕК ПОДПИСОК - КОРИЧНЕВАЯ ТЕМА
   ============================================== */
/* Основные стили карточки подписки */
.subscription-card {
  border-radius: 20px !important;
  box-shadow: 0 4px 20px 0 rgba(128, 128, 128, 0.15) !important;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  background-color: #FFFFFF !important;
}

/* Округлые углы для превью подписки */
.subscription-card-preview-placeholder,
.subscription-card-preview-image {
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}

/* Белый фон для контентной части карточки подписки */
.subscription-card .subscription-card-content {
  background-color: #FFFFFF !important;
  padding: 20px !important;
}

/* Кнопка оплаты в карточке подписки */
.subscription-card-pay-button {
  border-radius: 20px !important;
  height: 60px !important;
  background: linear-gradient(135deg, #e9db93 5%, #dabb71 35%, #ae791c 100%) !important;
  border-color: linear-gradient(135deg, #e9db93 5%, #dabb71 35%, #ae791c 100%) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px !important;
  margin-top: 20px;
  margin-bottom: 15px;
  transition: all 0.3s ease !important;
  color: #000000 !important;
}

/* Эффект наведения для кнопки оплаты */
.subscription-card-pay-button:hover {
  background: linear-gradient(135deg, #e9db93 0%, #dabb71 35%, #ae791c 100%) !important;
  border-color: linear-gradient(135deg, #e9db93 0%, #dabb71 35%, #ae791c 100%) !important;
  box-shadow: 0 4px 15px rgba(154, 129, 107, 0.3) !important;
  color: #000000 !important;
}

/* Эффект нажатия для кнопки оплаты */
.subscription-card-pay-button:active {
  transform: scale(0.97) !important;
  box-shadow: 0 2px 10px rgba(154, 129, 107, 0.4) !important;
}

/* Отключенная кнопка оплаты */
.subscription-card-pay-button[disabled],
.subscription-card-pay-button:disabled {
  color: #fff !important;
  opacity: 0.7 !important;
  background: linear-gradient(135deg, #e9db93 5%, #dabb71 35%, #ae791c 100%) !important;
  border-color: linear-gradient(135deg, #e9db93 5%, #dabb71 35%, #ae791c 100%) !important;
}

/* === СТАТУС АКТИВНОСТИ: ГАЛОЧКА (ПОДПИСКИ) === */
/* Активная подписка — зелёная */
.subscription-card-activity-label[data-active="true"] .color-success,
.subscription-card-activity-label[data-active="true"] .anticon {
  color: #67E667 !important;
}

/* Неактивная подписка — красная */
.subscription-card-activity-label[data-active="false"] .color-error,
.subscription-card-activity-label[data-active="false"] .anticon {
  color: #FF4D4F !important;
}

/* Заголовок карточки подписки */
.subscription-card-title {
  color: #333 !important;
  font-weight: 500 !important;
}

/* === ИКОНКИ В КАРТОЧКАХ ПОДПИСОК === */
/* Все иконки в карточке (кроме кнопки) — зелёные (галочка уже покрыта выше) */
.subscription-card .anticon {
  color: #67E667 !important;
}

/* Иконка в кнопке оплаты — чёрная */
.subscription-card-pay-button .anticon {
  color: #000000 !important;
}


/* ==============================================
   СТИЛИ ДЛЯ КАРТОЧЕК ЗАКАЗОВ - КОРИЧНЕВАЯ ТЕМА
   ============================================== */
/* Основные стили карточки заказа */
.order-card {
  border-radius: 20px !important;
  box-shadow: 0 4px 20px 0 rgba(128, 128, 128, 0.15) !important;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  background-color: #FFFFFF !important;
}

/* Округлые углы для превью заказа */
.order-card-preview-placeholder,
.order-card-preview-image {
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}

/* Белый фон для контентной части карточки заказа */
.order-card .order-card-content {
  background-color: #FFFFFF !important;
  padding: 20px !important;
}

/* Кнопка оплаты в карточке заказа */
.order-card-pay-button {
  border-radius: 10px !important;
  height: 60px !important;
  background: linear-gradient(135deg, #e9db93 5%, #dabb71 35%, #ae791c 100%) !important;
  border-color: linear-gradient(135deg, #e9db93 5%, #dabb71 35%, #ae791c 100%) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px !important;
  margin-top: 20px;
  margin-bottom: 15px;
  transition: all 0.3s ease !important;
  color: #000000 !important;
}

/* Эффект наведения для кнопки оплаты заказа */
.order-card-pay-button:hover {
  background: linear-gradient(135deg, #e9db93 5%, #dabb71 35%, #ae791c 100%) !important;
  border-color: linear-gradient(135deg, #e9db93 5%, #dabb71 35%, #ae791c 100%) !important;
  box-shadow: 0 4px 15px rgba(154, 129, 107, 0.3) !important;
}

/* Эффект нажатия для кнопки оплаты заказа */
.order-card-pay-button:active {
  transform: scale(0.97) !important;
  box-shadow: 0 2px 10px rgba(154, 129, 107, 0.4) !important;
}

/* Отключенная кнопка оплаты заказа */
.order-card-pay-button[disabled],
.order-card-pay-button:disabled {
  color: #fff !important;
  opacity: 0.7 !important;
  background: linear-gradient(135deg, #e9db93 5%, #dabb71 35%, #ae791c 100%) !important;
  border-color: linear-gradient(135deg, #e9db93 5%, #dabb71 35%, #ae791c 100%) !important;
}

/* === СТАТУС ОПЛАТЫ: ГАЛОЧКА (ЗАКАЗЫ) === */
/* Оплаченный заказ — зелёная */
.order-card-activity-label[data-paid="true"] .color-success,
.order-card-activity-label[data-paid="true"] .anticon {
  color: #67E667 !important;
}

/* Неоплаченный заказ — красная */
.order-card-activity-label[data-paid="false"] .color-error,
.order-card-activity-label[data-paid="false"] .anticon {
  color: #FF4D4F !important;
}

/* Заголовок карточки заказа */
.order-card-title {
  color: #333 !important;
  font-weight: 500 !important;
}

/* === ИКОНКИ В КАРТОЧКАХ ЗАКАЗОВ === */
/* Галочка — цвет зависит от статуса (уже задан выше) */
/* Иконка в кнопке оплаты (корзина) — чёрная */
.order-card-pay-button .anticon {
  color: #000000 !important;
}

/* Остальные иконки в карточке (например, галочка) управляются через data-paid */
.order-card .anticon {
  color: inherit !important; /* Наследует цвет от метки */
}


/* ==============================================
   ОСТАЛЬНЫЕ СТИЛИ (ПАГИНАЦИЯ, ТЕКСТ, ПЕРЕКЛЮЧАТЕЛИ и т.д.)
   ============================================== */
/* Активная страница в пагинации */
.pagination .ant-pagination-item-active {
  border-color: #67E667 !important;
}
/* Ссылка активной страницы */
.pagination .ant-pagination-item-active a {
  color: #67E667 !important;
}
/* Эффект наведения на кнопки пагинации */
.pagination .ant-btn:hover {
  color: #826B59 !important;
  border-color: #67E667 !important;
}
/* Эффект наведения на элементы пагинации */
.pagination .ant-pagination-item:hover {
  border-color: #67E667 !important;
}
.pagination .ant-pagination-item:hover a {
  color: #67E667 !important;
}

/* Заголовки в разделах лицензий, подписок и заказов */
.ant-layout._content_layout_6sxhr_1 #licenses .ant-typography,
.ant-layout._content_layout_6sxhr_1 #subscriptions .ant-typography,
.ant-layout._content_layout_6sxhr_1 #orders .ant-typography {
  color: #ffffff !important;
  margin-bottom: 20px !important;
}

/* Переключатели (switch) */
.ant-switch {
  border: 2px solid #e9db93 !important;
  background-color: rgba(154, 129, 107, 0.1) !important;
  display: flex !important;
  align-items: center !important;
}
.ant-switch .ant-switch-handle {
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.ant-switch.ant-switch-checked {
  background-color: #e9db93 !important;
  border: 2px solid #e9db93 !important;
  display: flex !important;
  align-items: center !important;
}
.ant-switch.ant-switch-checked .ant-switch-handle {
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.ant-switch.ant-switch-checked:hover {
  background-color: #e9db93 !important;
  border-color: #e9db93 !important;
}
.ant-switch:hover {
  border-color: #e9db93 !important;
  background-color: #e9db93 !important;
}
.ant-switch.ant-switch-checked:focus {
  box-shadow: 0 0 0 2px #e9db93 !important;
}
.ant-switch:focus {
  box-shadow: 0 0 0 2px #e9db93 !important;
}
.ant-switch.ant-switch-checked .ant-click-animating-node {
  background-color: #e9db93 !important;
}

/* Текст на тёмном фоне */
.ant-layout._content_layout_6sxhr_1 .flex.align-center.gap-5.fw-500 span {
  color: #ffffff !important;
}
.ant-layout._content_layout_6sxhr_1 #licenses .flex.align-center.fs-14.gap-10.mt-10 span,
.ant-layout._content_layout_6sxhr_1 #licenses .flex.align-center.fs-14.gap-10.mt-10 span span {
  color: #ffffff !important;
}
.ant-layout._content_layout_6sxhr_1 #subscriptions .flex.align-center.fs-14.gap-10.mt-10 span,
.ant-layout._content_layout_6sxhr_1 #subscriptions .flex.align-center.fs-14.gap-10.mt-10 span span,
.ant-layout._content_layout_6sxhr_1 #orders .flex.align-center.fs-14.gap-10.mt-10 span,
.ant-layout._content_layout_6sxhr_1 #orders .flex.align-center.fs-14.gap-10.mt-10 span span {
  color: #ffffff !important;
}
.ant-layout._content_layout_6sxhr_1 #licenses .ant-btn-link span,
.ant-layout._content_layout_6sxhr_1 #subscriptions .ant-btn-link span,
.ant-layout._content_layout_6sxhr_1 #orders .ant-btn-link span {
  color: #FCA355 !important;
}
.ant-layout._content_layout_6sxhr_1 #licenses .ant-btn-link:hover span,
.ant-layout._content_layout_6sxhr_1 #subscriptions .ant-btn-link:hover span,
.ant-layout._content_layout_6sxhr_1 #orders .ant-btn-link:hover span {
  color: #E8954A !important;
  text-decoration: underline !important;
}
.ant-layout._content_layout_6sxhr_1 .anticon-info-circle.color-primary {
  color: #9A816B !important;
}
.ant-layout._content_layout_6sxhr_1 .secondary-text {
  color: rgba(255, 255, 255, 0.7) !important;
}
.ant-layout._content_layout_6sxhr_1 .license-card .secondary-text,
.ant-layout._content_layout_6sxhr_1 .subscription-card .secondary-text,
.ant-layout._content_layout_6sxhr_1 .order-card .secondary-text {
  color: #666666 !important;
}