/* Blue & pink themes — kept outside Tailwind bundle so snapshots keep accent themes. */

/* Синяя тема: референс navy + лёгкий холодный сине-фиолетовый оттенок */
html.theme-blue {
  color-scheme: dark;
  --color-zinc-50: #f2f5fc;
  --color-zinc-100: #e8ecf6;
  --color-zinc-200: #cbd2e0;
  --color-zinc-300: #b3bbcc;
  --color-zinc-400: #8d96a8;
  --color-zinc-500: #6f788c;
  --color-zinc-600: #4a5162;
  --color-zinc-700: #323848;
  --color-zinc-800: #222836;
  --color-zinc-900: #171c28;
  --color-zinc-950: #0e121c;
}

html.theme-blue body {
  background-color: #0e121c;
  color: #e8ecf6;
}

html.theme-blue .unify-dropdown-scroll {
  scrollbar-color: #4a5162 transparent;
}

html.theme-blue .unify-dropdown-scroll::-webkit-scrollbar-thumb {
  background: #4a5162;
}

html.theme-blue .unify-dropdown-scroll::-webkit-scrollbar-thumb:hover {
  background: #6f788c;
}

html.theme-blue,
html.theme-blue .unify-surface-scroll {
  scrollbar-color: #4a5162 #0e121c73;
}

html.theme-blue::-webkit-scrollbar-thumb,
html.theme-blue .unify-surface-scroll::-webkit-scrollbar-thumb {
  background: #4a5162;
}

html.theme-blue::-webkit-scrollbar-thumb:hover,
html.theme-blue .unify-surface-scroll::-webkit-scrollbar-thumb:hover {
  background: #6f788c;
}

html.theme-blue .unify-shimmer {
  background-image: linear-gradient(
    105deg,
    #222836,
    #222836 38%,
    #323848,
    #222836 62%,
    #222836
  );
}

html.theme-blue .unify-app-loader__ring {
  border-color: #e8ecf6 #6f788c #323848 #222836;
}

/* Розовая тема — пастельный фон + тёмный бордово-угольный акцент (референс) */
html.theme-pink {
  color-scheme: light;
  --color-zinc-50: #fce4ec;
  --color-zinc-100: #f8dce6;
  --color-zinc-200: #f4d0d9;
  --color-zinc-300: #e8b8c6;
  --color-zinc-400: #9a7a88;
  --color-zinc-500: #7d6572;
  --color-zinc-600: #5c4a54;
  --color-zinc-700: #453940;
  --color-zinc-800: #352c32;
  --color-zinc-900: #211a1d;
  --color-zinc-950: #1a1617;
  --color-white: #f4d0d9;
}

html.theme-pink body {
  background-color: #fce4ec;
  color: #1a1617;
}

html.theme-pink aside.unify-sidebar-reveal {
  background-color: #f4d0d9 !important;
  border-color: #e8b8c6 !important;
}

html.theme-pink :where(.bg-white) {
  background-color: #f4d0d9 !important;
}

html.theme-pink :where(.bg-white\/60) {
  background-color: #f4d0d999 !important;
}

html.theme-pink :where(.bg-white\/80) {
  background-color: #f4d0d9cc !important;
}

html.theme-pink :where(.hover\:bg-white:hover) {
  background-color: #f8dce6 !important;
}

html.theme-pink :where(.focus\:bg-white:focus) {
  background-color: #f8dce6 !important;
}

html.theme-pink :where(.from-white) {
  --tw-gradient-from: #f4d0d9;
}

html.theme-pink :where(.to-white) {
  --tw-gradient-to: #f4d0d9;
}

html.theme-pink .unify-numbers-main-section {
  background-color: #f4d0d9 !important;
  border-color: #e8b8c6 !important;
}

html.theme-pink .unify-nav-link[aria-current="page"] {
  background-color: #211a1d !important;
  border-color: #1a1617 !important;
  color: #fff8fa !important;
  box-shadow: 0 1px #1a16171a;
}

html.theme-pink [aria-label="Тема оформления"] button[aria-pressed="true"],
html.theme-pink [aria-label="Color theme"] button[aria-pressed="true"],
html.theme-pink [aria-label="Язык интерфейса"] button[aria-pressed="true"],
html.theme-pink [aria-label="Interface language"] button[aria-pressed="true"] {
  background-color: #211a1d !important;
  color: #fff8fa !important;
  border-color: transparent;
}

html.theme-pink .unify-dropdown-scroll {
  scrollbar-color: #c9a0b0 transparent;
}

html.theme-pink .unify-dropdown-scroll::-webkit-scrollbar-thumb {
  background: #c9a0b0;
}

html.theme-pink .unify-dropdown-scroll::-webkit-scrollbar-thumb:hover {
  background: #9a7a88;
}

html.theme-pink,
html.theme-pink .unify-surface-scroll {
  scrollbar-color: #c9a0b0 #fce4ec99;
}

html.theme-pink::-webkit-scrollbar-thumb,
html.theme-pink .unify-surface-scroll::-webkit-scrollbar-thumb {
  background: #c9a0b0;
}

html.theme-pink::-webkit-scrollbar-thumb:hover,
html.theme-pink .unify-surface-scroll::-webkit-scrollbar-thumb:hover {
  background: #9a7a88;
}

html.theme-pink .unify-shimmer {
  background-image: linear-gradient(
    105deg,
    #f4d0d9,
    #f4d0d9 38%,
    #f8dce6,
    #f4d0d9 62%,
    #f4d0d9
  );
}

html.theme-pink .unify-app-loader__ring {
  border-color: #211a1d #c9a0b0 #e8b8c6 #f4d0d9;
}
/* providers-country-cell-compact-v1: one line country name, full text in title */
.unify-providers-country-cell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* providers-table-fixed-v1: RU/EN same row height — fixed cols, compact cells */
.unify-providers-table-compact.unify-table tbody td {
  vertical-align: middle;
}
.unify-providers-limits-cell {
  font-size: 0.75rem;
  line-height: 1.125rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.unify-providers-banned-cell {
  font-size: 0.75rem;
  line-height: 1.125rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
/* providers-table-scroll-v3: fit content, scroll inside when tall */
.unify-providers-table-scroll {
  max-height: min(72vh, calc(100dvh - 10.5rem));
  overflow-x: auto;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
/* providers-row-anim-v1: row reveal for Providers (global .unify-table caps stagger at 12) */
.unify-providers-table-live--rows .unify-table tbody tr {
  animation: 0.36s cubic-bezier(0.22, 1, 0.36, 1) both unify-row-in;
}
@media (prefers-reduced-motion: reduce) {
  .unify-providers-table-live--rows .unify-table tbody tr {
    animation: none !important;
  }
}
/* mail-addr-copy-v1 */
@keyframes unify-mail-copy-blink {
  0%,
  to {
    opacity: 1;
  }
  33% {
    opacity: 0.2;
  }
  66% {
    opacity: 1;
  }
}
.unify-mail-copy-blink {
  animation: 0.55s ease-in-out unify-mail-copy-blink;
}
/* mail-text-body-dark-v2 */
.unify-mail-text-body {
  border-color: #e4e4e7;
  background-color: #fafafa;
  color: #18181b;
}

html.dark .unify-mail-text-body,
html.dark .unify-mail-text-body,
.dark .unify-mail-text-body,
html.theme-blue .unify-mail-text-body {
  border-color: #52525b;
  background-color: rgba(39, 39, 42, 0.92);
  color: #fafafa !important;
}

html.theme-blue .unify-mail-text-body {
  border-color: #4a5162;
  background-color: rgba(34, 40, 54, 0.92);
  color: #f4f4f6 !important;
}

html.dark .unify-mail-html-frame,
html.theme-blue .unify-mail-html-frame {
  background-color: #fff !important;
}

/* Справочник: ключи/ссылки слева, модули справа (50/50) */
.unify-core-configs-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}

@media (max-width: 900px) {
  .unify-core-configs-split {
    grid-template-columns: 1fr;
  }
}

.unify-core-configs-modules {
  min-width: 0;
}

@media (min-width: 901px) {
  .unify-core-configs-modules {
    position: sticky;
    top: 0.75rem;
    max-height: calc(100vh - 5.5rem);
    overflow-y: auto;
  }
}

.unify-reference-module-download {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  border: 1px solid var(--color-zinc-200, #e4e4e7);
  background-color: var(--color-zinc-50, #fafafa);
  padding: 0.625rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-zinc-800, #27272a);
  text-decoration: none;
  transition: background-color 0.15s ease;
}

.unify-reference-module-download:hover {
  background-color: #fff;
}

html.dark .unify-reference-module-download,
.dark .unify-reference-module-download {
  border-color: #52525b;
  background-color: #27272a;
  color: #e4e4e7;
}

html.dark .unify-reference-module-download:hover,
.dark .unify-reference-module-download:hover {
  background-color: #3f3f46;
}