/* ============================================================
   CADUCEI · access_and_payments.css (вкладка «Доступы и оплаты»)
   Скоуп: только внутри лэйаута кабинета (хеш у платформы плавающий)
   ============================================================ */

/* --- Токены бренда в скоупе страницы --- */
.ant-layout[class*="_content_layout_"] {
  --c-bordeaux:   #461C1B;
  --c-bordeaux-2: #3B1514;
  --c-graphite:   #242220;
  --c-graphite-2: #2B2825;
  --c-gold:       #D9BD98;
  --c-gold-200:   #E4CFAD;
  --c-text:       #F1E7D6;

  --sh-card: 0 6px 24px rgba(217,189,152,.14);
  --sh-btn:  0 10px 28px rgba(217,189,152,.18);

  color: var(--c-text);
  background-color: var(--c-graphite);
}

/* --- Заголовок раздела --- */
.ant-layout[class*="_content_layout_"] h1,
.ant-layout[class*="_content_layout_"] .mb-20.fw-500.fs-30 {
  color: var(--c-gold);
  letter-spacing: .02em;
}

/* --- Линии/разделители --- */
.ant-layout[class*="_content_layout_"] .ant-divider-horizontal {
  background: color-mix(in srgb, var(--c-gold) 30%, transparent);
}

/* ============================================================
   КАРТОЧКИ (доступы / подписки / заказы)
   ============================================================ */
.ant-layout[class*="_content_layout_"] .license-card,
.ant-layout[class*="_content_layout_"] .subscription-card,
.ant-layout[class*="_content_layout_"] .order-card,
.ant-layout[class*="_content_layout_"] .ant-card,
.ant-layout[class*="_content_layout_"] .shadow-sm.material-card {
  background: var(--c-graphite);
  border: 1px solid var(--c-gold);
  border-radius: 20px;
  box-shadow: var(--sh-card);
  overflow: hidden;
}

/* верхние углы у превью */
.ant-layout[class*="_content_layout_"] .license-card-preview-placeholder,
.ant-layout[class*="_content_layout_"] .license-card-preview-image,
.ant-layout[class*="_content_layout_"] .subscription-card-preview-placeholder,
.ant-layout[class*="_content_layout_"] .subscription-card-preview-image,
.ant-layout[class*="_content_layout_"] .order-card-preview-placeholder,
.ant-layout[class*="_content_layout_"] .order-card-preview-image {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

/* тело карточек */
.ant-layout[class*="_content_layout_"] .license-card .license-card-content,
.ant-layout[class*="_content_layout_"] .subscription-card .subscription-card-content,
.ant-layout[class*="_content_layout_"] .order-card .order-card-content,
.ant-layout[class*="_content_layout_"] .ant-card-head,
.ant-layout[class*="_content_layout_"] .ant-card-body {
  background: var(--c-graphite);
  color: var(--c-text);
}

/* заголовки карточек */
.ant-layout[class*="_content_layout_"] .license-card-title,
.ant-layout[class*="_content_layout_"] .subscription-card-title,
.ant-layout[class*="_content_layout_"] .order-card-title,
.ant-layout[class*="_content_layout_"] .ant-card-meta-title {
  color: var(--c-text);
  font-weight: 600;
}

/* вторичный текст */
.ant-layout[class*="_content_layout_"] .ant-typography-secondary,
.ant-layout[class*="_content_layout_"] .secondary-text,
.ant-layout[class*="_content_layout_"] .color-gray-6,
.ant-layout[class*="_content_layout_"] .color-gray-7 {
  color: color-mix(in srgb, var(--c-text) 85%, transparent);
}

/* иконки внутри карточек */
.ant-layout[class*="_content_layout_"] .anticon,
.ant-layout[class*="_content_layout_"] .anticon svg {
  color: var(--c-gold);
  fill:  var(--c-gold);
}

/* прогресс / статусы дат */
.ant-layout[class*="_content_layout_"] .ant-progress-bg,
.ant-layout[class*="_content_layout_"] .ant-progress-success-bg {
  background-color: var(--c-gold);
}
.ant-layout[class*="_content_layout_"] .ant-progress-text {
  color: var(--c-gold);
}

/* ============================================================
   КНОПКИ В КАРТОЧКАХ
   ============================================================ */
.ant-layout[class*="_content_layout_"] .license-card-navigate-button,
.ant-layout[class*="_content_layout_"] .subscription-card-pay-button,
.ant-layout[class*="_content_layout_"] .order-card-pay-button,
.ant-layout[class*="_content_layout_"] .ant-card .ant-btn-primary {
  border-radius: 10px;
  height: 60px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: var(--c-bordeaux);
  border: 2px solid var(--c-gold);
  color: #fff;
  box-shadow: var(--sh-btn);
  transition: background-color .25s ease, box-shadow .25s ease, transform .05s ease;
}
.ant-layout[class*="_content_layout_"] .license-card-navigate-button:hover,
.ant-layout[class*="_content_layout_"] .subscription-card-pay-button:hover,
.ant-layout[class*="_content_layout_"] .order-card-pay-button:hover,
.ant-layout[class*="_content_layout_"] .ant-card .ant-btn-primary:hover {
  background: var(--c-bordeaux-2);
  box-shadow: 0 10px 28px rgba(217,189,152,.22);
}
.ant-layout[class*="_content_layout_"] .license-card-navigate-button:active,
.ant-layout[class*="_content_layout_"] .subscription-card-pay-button:active,
.ant-layout[class*="_content_layout_"] .order-card-pay-button:active,
.ant-layout[class*="_content_layout_"] .ant-card .ant-btn-primary:active {
  transform: scale(.98);
}

/* стрелка в кнопке (золотая) */
.ant-layout[class*="_content_layout_"] .license-card-navigate-button span,
.ant-layout[class*="_content_layout_"] .subscription-card-pay-button span,
.ant-layout[class*="_content_layout_"] .order-card-pay-button span,
.ant-layout[class*="_content_layout_"] .ant-card .ant-btn-primary span {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.ant-layout[class*="_content_layout_"] .license-card-navigate-button span::after,
.ant-layout[class*="_content_layout_"] .subscription-card-pay-button span::after,
.ant-layout[class*="_content_layout_"] .order-card-pay-button span::after,
.ant-layout[class*="_content_layout_"] .ant-card .ant-btn-primary span::after {
  content: '';
  width: 20px; height: 15px; margin-left: 12px; flex: 0 0 20px;
  background: no-repeat center / 20px 15px url("data:image/svg+xml;utf8,<svg width='20' height='15' viewBox='0 0 20 15' xmlns='http://www.w3.org/2000/svg'><path fill='%23D9BD98' d='M12.5 1l6.5 6.5L12.5 14l-1.1-1.1 4.5-4.4H1v-1.9h14.9l-4.5-4.4L12.5 1z'/></svg>");
}

/* отключённые */
.ant-layout[class*="_content_layout_"] .license-card-navigate-button:disabled,
.ant-layout[class*="_content_layout_"] .subscription-card-pay-button:disabled,
.ant-layout[class*="_content_layout_"] .order-card-pay-button:disabled {
  opacity: .7;
}

/* ============================================================
   БЕЙДЖИ / ТЭГИ (убираем «зелёный»)
   ============================================================ */
.ant-layout[class*="_content_layout_"] .ant-tag,
.ant-layout[class*="_content_layout_"] .ant-badge .ant-badge-status-dot {
  border-radius: 999px;
}
.ant-layout[class*="_content_layout_"] .ant-tag-green,
.ant-layout[class*="_content_layout_"] .ant-tag-success,
.ant-layout[class*="_content_layout_"] .ant-badge-status-success,
.ant-layout[class*="_content_layout_"] .license-card-activity-label[data-active="true"],
.ant-layout[class*="_content_layout_"] .subscription-card-activity-label[data-active="true"],
.ant-layout[class*="_content_layout_"] .order-card-activity-label[data-paid="true"] {
  color: var(--c-graphite);
  background: var(--c-gold);
  border-color: var(--c-gold);
}

/* ============================================================
   ССЫЛКИ / ИНФО-ТЕКСТЫ
   ============================================================ */
.ant-layout[class*="_content_layout_"] a[href]{
  color: color-mix(in srgb, var(--c-gold) 92%, transparent);
  text-decoration: none;
}
.ant-layout[class*="_content_layout_"] a[href]:hover{ color: var(--c-gold-200); }

/* фраза «У вас пока нет…» и подобные уведомления */
.ant-layout[class*="_content_layout_"] #licenses .flex.align-center.fs-14.gap-10.mt-10 span,
.ant-layout[class*="_content_layout_"] #subscriptions .flex.align-center.fs-14.gap-10.mt-10 span,
.ant-layout[class*="_content_layout_"] #orders .flex.align-center.fs-14.gap-10.mt-10 span {
  color: var(--c-text);
}

/* ============================================================
   SWITCH (фикс «квадрата» у кругляша + плавность)
   ============================================================ */
.ant-layout[class*="_content_layout_"] .ant-switch {
  background: var(--c-graphite-2);
  border: 1px solid var(--c-gold);
  border-radius: 999px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  transition: background-color .25s ease, border-color .25s ease;
}
.ant-layout[class*="_content_layout_"] .ant-switch:hover {
  border-color: var(--c-gold);
}

/* активное состояние */
.ant-layout[class*="_content_layout_"] .ant-switch-checked {
  background: var(--c-bordeaux);
  border-color: var(--c-gold);
}

/* бегунок */
.ant-layout[class*="_content_layout_"] .ant-switch-handle {
  background: transparent;                 /* убираем квадрат */
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  transition: left .25s ease, transform .25s ease;
}
.ant-layout[class*="_content_layout_"] .ant-switch-handle::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: var(--c-text);               /* цвет «пимпы» */
  box-shadow: 0 0 0 1px rgba(0,0,0,.12) inset;
}
/* всплеск Ant — круглый и прозрачный */
.ant-layout[class*="_content_layout_"] .ant-click-animating-node {
  background: transparent;
  border-radius: 50%;
}

/* подпись слева от свитча */
.ant-layout[class*="_content_layout_"] .flex.align-center.gap-5.fw-500 span {
  color: var(--c-text);
}

/* ============================================================
   ПАГИНАЦИЯ / МЕЛОЧИ
   ============================================================ */
.ant-layout[class*="_content_layout_"] .pagination .ant-pagination-item-active {
  border-color: var(--c-gold);
}
.ant-layout[class*="_content_layout_"] .pagination .ant-pagination-item-active a {
  color: var(--c-gold);
}
.ant-layout[class*="_content_layout_"] .pagination .ant-pagination-item:hover {
  border-color: var(--c-gold);
}
.ant-layout[class*="_content_layout_"] .pagination .ant-pagination-item:hover a {
  color: var(--c-gold);
}

/* ============================================================
   ЧИТАЕМОСТЬ: убираем жёсткий чёрный у типографики Ant
   (вместо цвета — наследование от базового на контейнере)
   ============================================================ */
.ant-layout[class*="_content_layout_"] .ant-typography,
.ant-layout[class*="_content_layout_"] .ant-typography p,
.ant-layout[class*="_content_layout_"] .ant-typography span,
.ant-layout[class*="_content_layout_"] .ant-card-meta-title,
.ant-layout[class*="_content_layout_"] .ant-card-meta-description,
.ant-layout[class*="_content_layout_"] .ant-descriptions-item-content,
.ant-layout[class*="_content_layout_"] .ant-list-item-meta-description,
.ant-layout[class*="_content_layout_"] .ant-statistic-content,
.ant-layout[class*="_content_layout_"] .ant-form-item,
.ant-layout[class*="_content_layout_"] .ant-form-item-label > label,
.ant-layout[class*="_content_layout_"] .ant-breadcrumb,
.ant-layout[class*="_content_layout_"] .ant-card p,
.ant-layout[class*="_content_layout_"] .ant-card div,
.ant-layout[class*="_content_layout_"] .ant-card span {
  color: inherit;
}