/* Wildberries marketplace theme + raw API debug panels */

:root {
  --sh-wb-primary: #cb11ab;
  --sh-wb-primary-hover: #a00e8c;
  --sh-ozon-primary: #005bff;
}

html[data-marketplace="wb"] {
  --sh-primary: var(--sh-wb-primary);
  --sh-primary-hover: var(--sh-wb-primary-hover);
  --sh-bg-graph-line: rgba(203, 17, 171, 0.34);
  --sh-bg-graph-bar: rgba(203, 17, 171, 0.22);
  --sh-bg-graph-glow: rgba(203, 17, 171, 0.18);
  --sh-table-header-bg: color-mix(in srgb, var(--sh-wb-primary) 9%, #f4f7fa);
}
html[data-marketplace="wb"][data-theme="dark"] {
  --sh-table-header-bg: color-mix(in srgb, var(--sh-wb-primary) 14%, #1a2332);
}

html[data-marketplace="wb"][data-theme="light"] .sh-market-bg {
  background-image:
    radial-gradient(1100px 520px at 6% 94%, rgba(203, 17, 171, 0.34), transparent 72%),
    radial-gradient(1050px 580px at 88% 58%, rgba(203, 17, 171, 0.32), transparent 66%),
    radial-gradient(760px 440px at 98% 18%, rgba(203, 17, 171, 0.22), transparent 72%);
}
html[data-marketplace="wb"][data-theme="light"] .sh-app:not(.sh-app--public) {
  background: linear-gradient(
    165deg,
    color-mix(in srgb, #ffffff 90%, rgba(203, 17, 171, 0.1)) 0%,
    color-mix(in srgb, var(--sh-bg) 86%, rgba(203, 17, 171, 0.16)) 100%
  );
}
html[data-marketplace="wb"][data-theme="dark"] .sh-market-bg {
  background-image: radial-gradient(1200px 540px at 8% 96%, rgba(203, 17, 171, 0.22), transparent 74%);
}

html[data-marketplace="wb"] .sh-cab-cab-row--active {
  background: color-mix(in srgb, var(--sh-wb-primary) 12%, var(--sh-surface));
  border-color: color-mix(in srgb, var(--sh-wb-primary) 22%, var(--sh-border));
}
html[data-marketplace="wb"] .sh-cab-cab-row--active .sh-cab-cab-name {
  color: var(--sh-wb-primary);
}
html[data-marketplace="wb"] .sh-cab-active-dot {
  color: var(--sh-wb-primary);
}
html[data-marketplace="wb"] .sh-cab-trigger {
  border-color: color-mix(in srgb, var(--sh-wb-primary) 28%, var(--sh-border));
}
html[data-marketplace="wb"] .sh-cab-trigger:hover {
  border-color: color-mix(in srgb, var(--sh-wb-primary) 45%, var(--sh-border));
}
html[data-marketplace="wb"] .sh-nav a.is-active {
  background: color-mix(in srgb, var(--sh-wb-primary) 12%, transparent);
  color: var(--sh-wb-primary);
}
html[data-marketplace="wb"] .sh-btn-primary,
html[data-marketplace="wb"] .auth-actions button[type="submit"] {
  background: var(--sh-wb-primary);
  border-color: var(--sh-wb-primary);
}
html[data-marketplace="wb"] .sh-btn-primary:hover,
html[data-marketplace="wb"] .auth-actions button[type="submit"]:hover {
  background: var(--sh-wb-primary-hover);
  border-color: var(--sh-wb-primary-hover);
}

html[data-marketplace="wb"] .sh-market-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(1200px 540px at 8% 96%, rgba(203, 17, 171, 0.18), transparent 74%),
    radial-gradient(1000px 520px at 90% 50%, rgba(203, 17, 171, 0.2), transparent 70%);
}
html[data-marketplace="wb"][data-theme="light"] .sh-market-bg::after {
  background:
    radial-gradient(1200px 540px at 8% 96%, rgba(203, 17, 171, 0.22), transparent 74%),
    radial-gradient(1100px 560px at 92% 55%, rgba(203, 17, 171, 0.26), transparent 68%);
}
html[data-marketplace="wb"][data-theme="dark"] .sh-market-bg::after {
  background: radial-gradient(1200px 540px at 8% 96%, rgba(203, 17, 171, 0.28), transparent 74%);
}
html[data-marketplace="wb"] .sh-market-bg__img {
  filter: hue-rotate(48deg) saturate(1.15) brightness(1.02);
  opacity: 0.92;
}
html[data-marketplace="wb"] .sh-nav a:hover {
  background: color-mix(in srgb, var(--sh-wb-primary) 8%, transparent);
}
html[data-marketplace="wb"] .sh-period-bar,
html[data-marketplace="wb"] .card {
  border-color: color-mix(in srgb, var(--sh-wb-primary) 14%, var(--sh-border));
}
html[data-marketplace="wb"] .sh-ico--tone-primary {
  color: var(--sh-wb-primary);
}

html[data-marketplace="mixed"] {
  --sh-primary: #3b6cff;
  --sh-primary-hover: #2952cc;
}

html[data-marketplace="mixed"] .welcome-page .hero-dot-a {
  background: rgba(0, 91, 255, 0.22);
}
html[data-marketplace="mixed"] .welcome-page .hero-dot-b {
  background: rgba(203, 17, 171, 0.22);
}

html[data-marketplace="mixed"] .welcome-page .hero-tags {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

html[data-marketplace="mixed"] .welcome-page .btn-link {
  border: none;
  background: linear-gradient(135deg, var(--sh-ozon-primary) 0%, var(--sh-wb-primary) 100%);
  color: #fff;
}
html[data-marketplace="mixed"] .welcome-page .btn-link:hover {
  filter: brightness(1.06);
  background: linear-gradient(135deg, var(--sh-ozon-primary) 0%, var(--sh-wb-primary) 100%);
}

html[data-marketplace="mixed"] .auth-page h1::after {
  content: "";
  display: block;
  width: 3.5rem;
  height: 3px;
  margin: 10px 0 0;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--sh-ozon-primary), var(--sh-wb-primary));
}
html[data-marketplace="mixed"] .auth-card-form {
  border-color: color-mix(in srgb, var(--sh-ozon-primary) 18%, var(--sh-wb-primary) 18%, var(--sh-border));
  box-shadow: 0 12px 32px color-mix(in srgb, var(--sh-ozon-primary) 8%, var(--sh-wb-primary) 8%, transparent);
}
html[data-marketplace="mixed"] .auth-actions button[type="submit"] {
  background: linear-gradient(135deg, var(--sh-ozon-primary) 0%, var(--sh-wb-primary) 100%);
  border: none;
}
html[data-marketplace="mixed"] .auth-actions button[type="submit"]:hover {
  filter: brightness(1.06);
}

/* Публичные страницы: дуальная тема Ozon + WB */
html[data-marketplace="mixed"] .sh-app--public {
  background:
    radial-gradient(900px 480px at 0% 100%, rgba(0, 91, 255, 0.22), transparent 72%),
    radial-gradient(900px 480px at 100% 0%, rgba(203, 17, 171, 0.22), transparent 72%),
    var(--sh-bg);
}
html[data-marketplace="mixed"] .sh-main--public {
  background: transparent;
}
html[data-marketplace="mixed"] .welcome-page .hero,
html[data-marketplace="mixed"] .sh-app--public .hero {
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--sh-surface) 92%, #ffffff) 0%,
    color-mix(in srgb, var(--sh-surface) 88%, rgba(0, 91, 255, 0.08)) 38%,
    color-mix(in srgb, var(--sh-surface) 88%, rgba(203, 17, 171, 0.1)) 72%,
    color-mix(in srgb, var(--sh-surface) 90%, rgba(0, 91, 255, 0.12)) 100%
  );
  border: 1px solid transparent;
  background-clip: padding-box;
  box-shadow:
    0 18px 40px color-mix(in srgb, var(--sh-ozon-primary) 10%, transparent),
    inset 0 0 0 1px color-mix(in srgb, var(--sh-ozon-primary) 18%, var(--sh-wb-primary) 18%, var(--sh-border));
}
html[data-theme="dark"][data-marketplace="mixed"] .welcome-page .hero {
  background: linear-gradient(
    135deg,
    rgba(30, 41, 59, 0.98) 0%,
    rgba(30, 41, 59, 0.94) 38%,
    color-mix(in srgb, rgba(30, 41, 59, 0.94) 70%, rgba(203, 17, 171, 0.22)) 72%,
    color-mix(in srgb, rgba(30, 41, 59, 0.96) 75%, rgba(0, 91, 255, 0.2)) 100%
  );
}

html[data-marketplace="mixed"] .welcome-page .hero-tag,
html[data-marketplace="mixed"] .hero-tags .hero-tag {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 11px;
  font-weight: 700;
  padding: 0.25rem 0.65rem;
  border-radius: 999px;
}
html[data-marketplace="mixed"] .welcome-page .hero-tag--ozon,
html[data-marketplace="mixed"] .hero-tags .hero-tag--ozon {
  color: var(--sh-ozon-primary) !important;
  background: color-mix(in srgb, var(--sh-ozon-primary) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--sh-ozon-primary) 35%, transparent);
}
html[data-marketplace="mixed"] .welcome-page .hero-tag--wb,
html[data-marketplace="mixed"] .hero-tags .hero-tag--wb {
  color: var(--sh-wb-primary) !important;
  background: color-mix(in srgb, var(--sh-wb-primary) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--sh-wb-primary) 35%, transparent);
}

html[data-marketplace="mixed"] .welcome-page .feature .ico,
html[data-marketplace="mixed"] .sh-app--public .feature .ico {
  background: linear-gradient(135deg, color-mix(in srgb, var(--sh-ozon-primary) 14%, transparent), color-mix(in srgb, var(--sh-wb-primary) 14%, transparent));
  border: 1px solid transparent;
  background-clip: padding-box;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sh-ozon-primary) 28%, var(--sh-wb-primary) 28%, var(--sh-border));
  color: var(--sh-ozon-primary);
}
html[data-marketplace="mixed"] .welcome-page .grid .feature:nth-child(3n+2) .ico .sh-ico--tone-primary {
  color: var(--sh-wb-primary);
}
html[data-marketplace="mixed"] .welcome-page .grid .feature:nth-child(3n) .ico .sh-ico--tone-primary {
  color: color-mix(in srgb, var(--sh-ozon-primary) 50%, var(--sh-wb-primary) 50%);
}
html[data-marketplace="mixed"] .welcome-page .roadmap-pin .sh-ico--tone-primary {
  color: color-mix(in srgb, var(--sh-ozon-primary) 55%, var(--sh-wb-primary) 45%);
}
html[data-marketplace="mixed"] .tariff-plan.card {
  border: 1px solid color-mix(in srgb, var(--sh-ozon-primary) 16%, var(--sh-wb-primary) 16%, var(--sh-border));
}
html[data-marketplace="mixed"] .tariff-cards {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--sh-bg) 92%, rgba(0, 91, 255, 0.06)) 0%,
    color-mix(in srgb, var(--sh-bg) 90%, rgba(203, 17, 171, 0.08)) 100%
  );
  border-radius: 16px;
  padding: 8px 4px 12px;
}
html[data-marketplace="mixed"] .welcome-page .section-title {
  background: linear-gradient(90deg, var(--sh-ozon-primary), var(--sh-wb-primary));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
html[data-marketplace="mixed"] .welcome-page .roadmap,
html[data-marketplace="mixed"] .tariff-plan.card {
  border: 1px solid transparent;
  background-clip: padding-box;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sh-ozon-primary) 22%, var(--sh-wb-primary) 22%, var(--sh-border));
}
html[data-marketplace="mixed"] .tariff-btn--primary {
  background: linear-gradient(135deg, var(--sh-ozon-primary) 0%, var(--sh-wb-primary) 100%);
  border: none;
  color: #fff;
}
html[data-marketplace="mixed"] .tariff-btn--primary:hover {
  filter: brightness(1.06);
  background: linear-gradient(135deg, var(--sh-ozon-primary) 0%, var(--sh-wb-primary) 100%);
  color: #fff;
}
html[data-marketplace="mixed"][data-theme="light"] .tariff-btn--primary {
  background: linear-gradient(135deg, var(--sh-ozon-primary) 0%, var(--sh-wb-primary) 100%);
  border: none;
  color: #fff;
}
html[data-marketplace="mixed"][data-theme="light"] .tariff-btn--primary:hover {
  filter: brightness(1.06);
  background: linear-gradient(135deg, var(--sh-ozon-primary) 0%, var(--sh-wb-primary) 100%);
}
html[data-marketplace="mixed"] .tariff-plan-summary {
  background: linear-gradient(135deg, color-mix(in srgb, var(--sh-ozon-primary) 10%, transparent), color-mix(in srgb, var(--sh-wb-primary) 10%, transparent));
  border-color: color-mix(in srgb, var(--sh-ozon-primary) 22%, var(--sh-wb-primary) 22%, var(--sh-border));
  color: var(--sh-text);
}
html[data-marketplace="mixed"] .tariff-period-chip.is-active {
  border-color: color-mix(in srgb, var(--sh-ozon-primary) 40%, var(--sh-wb-primary) 40%, var(--sh-border));
  background: linear-gradient(135deg, color-mix(in srgb, var(--sh-ozon-primary) 12%, transparent), color-mix(in srgb, var(--sh-wb-primary) 12%, transparent));
}
html[data-marketplace="mixed"] .welcome-page .card.feature,
html[data-marketplace="mixed"] .welcome-page .card.for-whom,
html[data-marketplace="mixed"] .welcome-page .final-cta {
  border: 1px solid transparent;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sh-ozon-primary) 18%, var(--sh-wb-primary) 18%, var(--sh-border));
}
html[data-marketplace="mixed"] .welcome-page .roadmap-pin {
  border-color: color-mix(in srgb, var(--sh-ozon-primary) 45%, var(--sh-wb-primary) 45%, var(--sh-border));
  color: var(--sh-ozon-primary);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--sh-ozon-primary) 14%, var(--sh-wb-primary) 14%, transparent);
}
html[data-marketplace="mixed"] .welcome-page .roadmap-board,
html[data-marketplace="mixed"] .welcome-page .roadmap-track {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--sh-surface) 94%, var(--sh-ozon-primary) 3%) 0%,
    color-mix(in srgb, var(--sh-surface) 92%, var(--sh-wb-primary) 5%) 100%
  );
  border-color: color-mix(in srgb, var(--sh-ozon-primary) 16%, var(--sh-wb-primary) 16%, var(--sh-border));
}
html[data-marketplace="mixed"] .welcome-page .btn-secondary {
  border: 1px solid color-mix(in srgb, var(--sh-ozon-primary) 30%, var(--sh-wb-primary) 30%, var(--sh-border));
  color: var(--sh-text);
  background: color-mix(in srgb, var(--sh-surface) 92%, transparent);
}
html[data-marketplace="mixed"] .welcome-page .final-cta .welcome-btn.btn-link {
  background: linear-gradient(135deg, var(--sh-ozon-primary) 0%, var(--sh-wb-primary) 100%);
  border: none;
  color: #fff;
}

/* Форма добавления/настройки WB-кабинета — всегда фиолетовая */
#cabMenuWbForm .sh-cab-settings-submit {
  background: var(--sh-wb-primary) !important;
  color: #fff !important;
}
#cabMenuWbForm .sh-cab-settings-submit:hover {
  background: var(--sh-wb-primary-hover) !important;
}
#cabMenuWbForm .sh-cab-api-guide-link,
#cabMenuWbForm .sh-cab-form-hint a {
  color: var(--sh-wb-primary) !important;
  font-weight: 600;
}
#cabMenuWbForm .sh-cab-form-hint a:hover {
  color: var(--sh-wb-primary-hover) !important;
}
#cabMenuWbForm input:focus,
#cabMenuWbForm select:focus,
#cabMenuWbForm textarea:focus {
  border-color: color-mix(in srgb, var(--sh-wb-primary) 45%, var(--sh-border)) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--sh-wb-primary) 18%, transparent);
}

.sh-brand-accent-split {
  display: inline-flex;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.sh-brand-accent-ozon { color: var(--sh-ozon-primary); }
.sh-brand-accent-pivot {
  background: linear-gradient(135deg, var(--sh-ozon-primary) 0%, var(--sh-wb-primary) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.sh-brand-accent-wb { color: var(--sh-wb-primary); }

/* Кабинет Ozon — «Аналитика» целиком синяя */
html[data-marketplace="ozon"] .sh-brand-accent-split {
  background: none;
}
html[data-marketplace="ozon"] .sh-brand-accent-ozon,
html[data-marketplace="ozon"] .sh-brand-accent-pivot,
html[data-marketplace="ozon"] .sh-brand-accent-wb {
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  color: var(--sh-ozon-primary) !important;
}

/* Кабинет WB — «Аналитика» целиком фиолетовая */
html[data-marketplace="wb"] .sh-brand-accent-split {
  background: none;
}
html[data-marketplace="wb"] .sh-brand-accent-ozon,
html[data-marketplace="wb"] .sh-brand-accent-pivot,
html[data-marketplace="wb"] .sh-brand-accent-wb {
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  color: var(--sh-wb-primary) !important;
}

/* Лендинг / публичные страницы — «Анал» синий, «и» градиент, «тика» фиолетовая */
html[data-marketplace="mixed"] .sh-brand-accent-split {
  background: none !important;
}
html[data-marketplace="mixed"] .sh-brand-accent-ozon {
  color: var(--sh-ozon-primary) !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}
html[data-marketplace="mixed"] .sh-brand-accent-pivot {
  background: linear-gradient(90deg, var(--sh-ozon-primary), var(--sh-wb-primary)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}
html[data-marketplace="mixed"] .sh-brand-accent-wb {
  color: var(--sh-wb-primary) !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

.sh-mp-badge {
  border-radius: var(--sh-radius-sm);
  padding: 0.1rem 0.4rem;
  font-size: var(--sh-text-2xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  flex-shrink: 0;
}
.sh-mp-badge--ozon {
  background: color-mix(in srgb, var(--sh-ozon-primary) 14%, transparent);
  color: var(--sh-ozon-primary);
}
.sh-mp-badge--wb {
  background: color-mix(in srgb, var(--sh-wb-primary) 14%, transparent);
  color: var(--sh-wb-primary);
}

.sh-cab-cab-name-label { margin-right: 0.35rem; }

.wb-stub-msg {
  margin: 0 0 var(--sh-space-lg);
  color: var(--sh-muted);
  font-size: var(--sh-text-base);
  line-height: 1.5;
}

.wb-cards-section {
  margin: 0 0 var(--sh-space-xl);
}
.wb-cards-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: var(--sh-space-sm);
}
.wb-cards-title {
  margin: 0;
  font-size: var(--sh-text-lg);
  font-weight: 700;
}
.wb-cards-status {
  font-size: var(--sh-text-sm);
}
.wb-cards-table-shell {
  overflow: auto;
  max-height: min(52vh, 520px);
  border: 1px solid var(--sh-border);
  border-radius: var(--sh-radius-md);
}
.wb-cards-table {
  width: 100%;
  min-width: 720px;
}
.wb-cards-ellipsis {
  display: inline-block;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
}
.wb-cards-pager {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: var(--sh-space-md);
}
.wb-cards-pager-label {
  font-size: var(--sh-text-sm);
  color: var(--sh-muted);
}

.wb-raw-api-section {
  margin-top: var(--sh-space-xl);
  padding-top: var(--sh-space-lg);
  border-top: 1px solid var(--sh-border);
}
.wb-raw-api-title {
  margin: 0 0 var(--sh-space-sm);
  font-size: var(--sh-text-lg);
  font-weight: 700;
}
.wb-raw-api-hint {
  margin: 0 0 var(--sh-space-md);
  color: var(--sh-muted);
  font-size: var(--sh-text-sm);
  line-height: 1.45;
}
.wb-raw-panels-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 28rem), 1fr));
  gap: var(--sh-space-md);
  align-items: start;
}
.wb-raw-panel {
  border: 1px solid var(--sh-border);
  border-radius: var(--sh-radius);
  background: var(--sh-surface);
  padding: var(--sh-space-md);
  min-width: 0;
}
.wb-raw-panel--err { border-color: color-mix(in srgb, var(--sh-danger) 40%, var(--sh-border)); }
.wb-raw-panel-title {
  margin: 0;
  font-size: var(--sh-text-sm);
  font-weight: 700;
}
.wb-raw-panel-endpoint,
.wb-raw-panel-meta {
  margin: 0.25rem 0 0;
  font-size: var(--sh-text-xs);
  color: var(--sh-muted);
  word-break: break-all;
}
.wb-raw-panel-error { color: var(--sh-danger); font-size: var(--sh-text-sm); }
.wb-raw-panel-scroll {
  margin-top: var(--sh-space-sm);
  overflow: auto;
  max-height: 22rem;
}
.wb-raw-table {
  width: max-content;
  min-width: 100%;
  border-collapse: collapse;
  font-size: var(--sh-text-xs);
}
.wb-raw-table th,
.wb-raw-table td {
  border: 1px solid var(--sh-border);
  padding: 0.25rem 0.4rem;
  vertical-align: top;
  white-space: nowrap;
  max-width: 14rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wb-raw-table th {
  position: sticky;
  top: 0;
  background: var(--sh-table-header-bg, var(--sh-surface-2));
  font-weight: 600;
}

.home-metrics-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  gap: var(--sh-space-md);
}
.home-metric-card {
  border: 1px solid var(--sh-border);
  border-radius: var(--sh-radius);
  background: var(--sh-surface);
  padding: var(--sh-space-md);
}
.home-metric-label { font-size: var(--sh-text-sm); color: var(--sh-muted); }
.home-metric-val { font-size: var(--sh-text-xl); font-weight: 700; margin-top: 0.25rem; }
.home-metric-prev { font-size: var(--sh-text-xs); color: var(--sh-muted); margin-top: 0.25rem; }

.home-news-badge--saleshive,
.home-news-badge[data-badge="saleshive"] {
  background: color-mix(in srgb, var(--sh-primary) 12%, transparent);
  color: var(--sh-primary);
}

/* Форма добавления/настройки Ozon-кабинета — всегда синяя */
#cabMenuOzonForm .sh-cab-settings-submit {
  background: var(--sh-ozon-primary) !important;
  color: #fff !important;
}
#cabMenuOzonForm .sh-cab-settings-submit:hover {
  background: #0047cc !important;
}
#cabMenuOzonForm .sh-cab-api-guide-link,
#cabMenuOzonForm .sh-cab-form-hint a {
  color: var(--sh-ozon-primary) !important;
  font-weight: 600;
}
#cabMenuOzonForm input:focus,
#cabMenuOzonForm select:focus,
#cabMenuOzonForm textarea:focus {
  border-color: color-mix(in srgb, var(--sh-ozon-primary) 45%, var(--sh-border)) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--sh-ozon-primary) 18%, transparent);
}

/* Публичные страницы: дуальная тема (перекрывает sh-app-shell и инлайн-стили) */
html[data-marketplace="mixed"] .sh-app--public {
  background:
    radial-gradient(920px 500px at 0% 100%, rgba(0, 91, 255, 0.26), transparent 70%),
    radial-gradient(920px 500px at 100% 0%, rgba(203, 17, 171, 0.26), transparent 70%),
    var(--sh-bg) !important;
}
html[data-marketplace="mixed"] .auth-page .auth-intro a,
html[data-marketplace="mixed"] .auth-page .auth-agreement-item a {
  color: var(--sh-ozon-primary) !important;
  background: linear-gradient(90deg, var(--sh-ozon-primary), var(--sh-wb-primary));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}
html[data-marketplace="mixed"] .auth-actions button[type="submit"] {
  background: linear-gradient(135deg, var(--sh-ozon-primary) 0%, var(--sh-wb-primary) 100%) !important;
  border: none !important;
  color: #fff !important;
}
html[data-marketplace="mixed"] .auth-actions button[type="submit"]:hover:not(:disabled) {
  filter: brightness(1.06);
  background: linear-gradient(135deg, var(--sh-ozon-primary) 0%, var(--sh-wb-primary) 100%) !important;
}
html[data-marketplace="mixed"] .auth-actions .secondary-link {
  border: 1px solid color-mix(in srgb, var(--sh-ozon-primary) 30%, var(--sh-wb-primary) 30%, var(--sh-border)) !important;
}
html[data-marketplace="mixed"] .auth-card-form input:focus,
html[data-marketplace="mixed"] .auth-card-form select:focus,
html[data-marketplace="mixed"] .auth-card-form textarea:focus {
  border-color: color-mix(in srgb, var(--sh-ozon-primary) 35%, var(--sh-wb-primary) 35%, var(--sh-border)) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--sh-ozon-primary) 12%, var(--sh-wb-primary) 12%, transparent);
}
html[data-marketplace="mixed"] .welcome-page .btn-link,
html[data-marketplace="mixed"] .welcome-page .welcome-btn.btn-link,
html[data-marketplace="mixed"] .tariff-btn--primary {
  background: linear-gradient(135deg, var(--sh-ozon-primary) 0%, var(--sh-wb-primary) 100%) !important;
  border: none !important;
  color: #fff !important;
  text-decoration: none !important;
}
html[data-marketplace="mixed"] .welcome-page .btn-link:hover,
html[data-marketplace="mixed"] .welcome-page .welcome-btn.btn-link:hover,
html[data-marketplace="mixed"] .tariff-btn--primary:hover {
  filter: brightness(1.06);
  color: #fff !important;
}
html[data-theme="light"][data-marketplace="mixed"] .tariff-btn--primary {
  background: linear-gradient(135deg, var(--sh-ozon-primary) 0%, var(--sh-wb-primary) 100%) !important;
  border: none !important;
}
html[data-marketplace="mixed"] .tariff-period-chip.is-active {
  border-color: color-mix(in srgb, var(--sh-ozon-primary) 40%, var(--sh-wb-primary) 40%, var(--sh-border)) !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--sh-ozon-primary) 10%, transparent), color-mix(in srgb, var(--sh-wb-primary) 10%, transparent)) !important;
}
html[data-marketplace="mixed"] .tariff-discount {
  background: linear-gradient(135deg, color-mix(in srgb, var(--sh-ozon-primary) 14%, transparent), color-mix(in srgb, var(--sh-wb-primary) 14%, transparent)) !important;
  color: var(--sh-ozon-primary) !important;
}
html[data-marketplace="mixed"] .hero-tags .hero-tag--ozon,
html[data-marketplace="mixed"] .welcome-page .hero-tag--ozon {
  color: var(--sh-ozon-primary) !important;
  background: color-mix(in srgb, var(--sh-ozon-primary) 14%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--sh-ozon-primary) 40%, transparent) !important;
}
html[data-marketplace="mixed"] .welcome-page .hero-tag--wb {
  color: var(--sh-wb-primary) !important;
  background: color-mix(in srgb, var(--sh-wb-primary) 14%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--sh-wb-primary) 40%, transparent) !important;
}

/* Кнопка «Уже есть аккаунт» на лендинге */
html[data-marketplace="mixed"] .welcome-page .welcome-btn.btn-secondary,
html[data-marketplace="mixed"] .welcome-page .btn-secondary {
  border: 2px solid transparent !important;
  background:
    linear-gradient(color-mix(in srgb, var(--sh-surface) 96%, transparent), color-mix(in srgb, var(--sh-surface) 96%, transparent)) padding-box,
    linear-gradient(135deg, var(--sh-ozon-primary), var(--sh-wb-primary)) border-box !important;
  color: var(--sh-text) !important;
  font-weight: 600;
  text-decoration: none !important;
  box-shadow: 0 2px 10px color-mix(in srgb, var(--sh-ozon-primary) 8%, var(--sh-wb-primary) 8%, transparent);
}
html[data-marketplace="mixed"] .welcome-page .welcome-btn.btn-secondary:hover,
html[data-marketplace="mixed"] .welcome-page .btn-secondary:hover {
  border-color: color-mix(in srgb, var(--sh-ozon-primary) 55%, var(--sh-wb-primary) 55%) !important;
  filter: brightness(1.02);
}

/* Рамки логина / регистрации */
html[data-marketplace="mixed"] .auth-card-form {
  border: 1.5px solid color-mix(in srgb, var(--sh-ozon-primary) 24%, var(--sh-wb-primary) 24%, var(--sh-border)) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--sh-ozon-primary) 6%, var(--sh-wb-primary) 6%, transparent),
    0 12px 32px color-mix(in srgb, var(--sh-ozon-primary) 6%, var(--sh-wb-primary) 6%, transparent) !important;
}

/* Выбранный период тарифа — дуальная рамка */
html[data-marketplace="mixed"] .tariff-period-chip.is-active {
  border: 2px solid transparent !important;
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--sh-ozon-primary) 10%, var(--sh-surface)),
      color-mix(in srgb, var(--sh-wb-primary) 10%, var(--sh-surface))
    ) padding-box,
    linear-gradient(135deg, var(--sh-ozon-primary), var(--sh-wb-primary)) border-box !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--sh-ozon-primary) 10%, var(--sh-wb-primary) 10%, transparent) inset !important;
}

html[data-marketplace="mixed"] .tariff-plan.is-active-plan {
  border: 2px solid transparent !important;
  background:
    linear-gradient(var(--sh-surface), var(--sh-surface)) padding-box,
    linear-gradient(135deg, var(--sh-ozon-primary), var(--sh-wb-primary)) border-box !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--sh-ozon-primary) 12%, var(--sh-wb-primary) 12%, transparent) inset,
    0 8px 28px color-mix(in srgb, var(--sh-ozon-primary) 8%, var(--sh-wb-primary) 8%, transparent) !important;
}

/* Тарифы / рефералка / промокоды — тема кабинета */
html[data-marketplace="wb"] .sh-app--billing .sh-main,
html[data-marketplace="wb"] .sh-app--billing .sh-header {
  background-color: transparent;
}
html[data-marketplace="wb"] .sh-app--billing {
  background:
    radial-gradient(900px 480px at 100% 0%, rgba(203, 17, 171, 0.2), transparent 72%),
    radial-gradient(700px 420px at 0% 100%, rgba(203, 17, 171, 0.1), transparent 70%),
    var(--sh-bg);
}
html[data-marketplace="wb"] .sh-app--billing .tariff-period-chip.is-active,
html[data-marketplace="wb"] .tariff-plan-summary {
  border-color: color-mix(in srgb, var(--sh-wb-primary) 45%, var(--sh-border)) !important;
}
html[data-marketplace="wb"] .sh-app--billing .tariff-btn--primary,
html[data-marketplace="wb"] .sh-app--billing .auth-actions button[type="submit"],
html[data-marketplace="wb"] .sh-cab-settings-submit {
  background: var(--sh-wb-primary) !important;
  border-color: var(--sh-wb-primary) !important;
}
html[data-marketplace="ozon"] .sh-app--billing {
  background:
    radial-gradient(900px 480px at 0% 100%, rgba(0, 91, 255, 0.14), transparent 72%),
    var(--sh-bg);
}
html[data-marketplace="ozon"] .sh-app--billing .tariff-period-chip.is-active,
html[data-marketplace="ozon"] .tariff-plan-summary {
  border-color: color-mix(in srgb, var(--sh-ozon-primary) 45%, var(--sh-border)) !important;
}

html[data-marketplace="wb"] #cabMenuAccount .sh-cab-settings-submit,
html[data-marketplace="wb"] #cabMenuAccount button[type="submit"] {
  background: var(--sh-wb-primary) !important;
  border-color: var(--sh-wb-primary) !important;
}
html[data-marketplace="wb"] #cabMenuAccount .card {
  border-color: color-mix(in srgb, var(--sh-wb-primary) 18%, var(--sh-border)) !important;
}
html[data-marketplace="ozon"] #cabMenuAccount .sh-cab-settings-submit,
html[data-marketplace="ozon"] #cabMenuAccount button[type="submit"] {
  background: var(--sh-ozon-primary) !important;
  border-color: var(--sh-ozon-primary) !important;
}

html[data-marketplace="wb"] .sh-app--billing .card,
html[data-marketplace="ozon"] .sh-app--billing .card {
  border-color: color-mix(in srgb, var(--sh-primary) 16%, var(--sh-border));
}
html[data-marketplace="wb"] .sh-app--billing .auth-page h1::after {
  content: "";
  display: block;
  width: 3.5rem;
  height: 3px;
  margin: 10px 0 0;
  border-radius: 999px;
  background: var(--sh-wb-primary);
}
html[data-marketplace="ozon"] .sh-app--billing .auth-page h1::after {
  content: "";
  display: block;
  width: 3.5rem;
  height: 3px;
  margin: 10px 0 0;
  border-radius: 999px;
  background: var(--sh-ozon-primary);
}

/* Финансы WB: те же таблицы, что у Ozon, в фиолетовой теме (--sh-primary → WB). */
html[data-marketplace="wb"] .fin-workspace .sh-table.finance-raw-table thead th,
html[data-marketplace="wb"] .fin-workspace .sh-table.sh-sku-period-table thead th {
  background: color-mix(in srgb, var(--sh-wb-primary) 10%, var(--sh-surface));
  border-bottom-color: color-mix(in srgb, var(--sh-wb-primary) 22%, var(--sh-border));
}
html[data-marketplace="wb"] .fin-workspace .fin-metric-card--bright {
  border-color: var(--sh-wb-primary) !important;
}
html[data-marketplace="wb"] .fin-workspace tr.fin-sku-totals td {
  background: color-mix(in srgb, var(--sh-wb-primary) 6%, var(--sh-surface));
}
html[data-marketplace="wb"] .fin-workspace .sh-table.finance-raw-table--wb thead th {
  white-space: nowrap;
  font-size: var(--sh-text-sm);
}
html[data-marketplace="wb"] .fin-workspace .fin-raw-section .sh-table-wrap {
  border-color: color-mix(in srgb, var(--sh-wb-primary) 18%, var(--sh-border));
  box-shadow: 0 1px 0 color-mix(in srgb, var(--sh-wb-primary) 8%, transparent);
}
html[data-marketplace="wb"] .fin-workspace .fin-section-head .fin-btn-compact,
html[data-marketplace="wb"] .fin-workspace .fin-raw-head .fin-btn-compact {
  background: var(--sh-surface);
  border-color: color-mix(in srgb, var(--sh-wb-primary) 24%, var(--sh-border));
  color: var(--sh-text);
}
html[data-marketplace="wb"] .fin-workspace .sh-table.finance-raw-table.finance-raw-table--wb {
  table-layout: auto;
  width: max-content;
  min-width: 100%;
}
html[data-marketplace="wb"] .fin-workspace .sh-table.finance-raw-table.finance-raw-table--wb tbody td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

html[data-marketplace="wb"] .content-table thead th,
html[data-marketplace="wb"] .sag-table thead th,
html[data-marketplace="wb"] .fbs-table thead th,
html[data-marketplace="wb"] .fbo-table thead th,
html[data-marketplace="wb"] .unit-table thead th,
html[data-marketplace="wb"] .repricer-table thead th,
html[data-marketplace="wb"] .ads-table thead th,
html[data-marketplace="wb"] .promo-table thead th,
html[data-marketplace="wb"] .price-table thead th,
html[data-marketplace="wb"] .sh-sku-period-table thead th,
html[data-marketplace="wb"] .sh-data-table thead th {
  background: var(--sh-table-header-bg) !important;
  border-bottom-color: color-mix(in srgb, var(--sh-wb-primary) 22%, var(--sh-border)) !important;
}

html[data-marketplace="wb"] .sh-sticky-head-float,
html[data-marketplace="wb"] .sh-sticky-head-float .sh-sag-float-head__pin,
html[data-marketplace="wb"] .sh-sticky-head-float .sh-sag-float-head__track,
html[data-marketplace="wb"] .sh-sticky-head-float .sh-sticky-head-float__table thead th {
  background: color-mix(in srgb, var(--sh-wb-primary) 10%, var(--sh-surface)) !important;
}