/* СетьЕсть: белый основной, чёрный дополнительный */

:root,
:root[data-mantine-color-scheme="dark"],
:root[data-mantine-color-scheme="light"],
html[data-mantine-color-scheme="dark"],
html[data-mantine-color-scheme="light"] {
  color-scheme: light;

  --mantine-color-body: #ffffff;
  --mantine-color-text: #111111;
  --mantine-color-bright: #000000;
  --mantine-color-dimmed: #5c5c5c;
  --mantine-color-placeholder: #8a8a8a;
  --mantine-color-anchor: #111111;
  --mantine-color-white: #ffffff;
  --mantine-color-black: #111111;

  --mantine-color-default: #ffffff;
  --mantine-color-default-hover: #f2f2f2;
  --mantine-color-default-color: #111111;
  --mantine-color-default-border: #dcdcdc;

  --mantine-color-dark-0: #f7f7f7;
  --mantine-color-dark-1: #efefef;
  --mantine-color-dark-2: #dcdcdc;
  --mantine-color-dark-3: #c2c2c2;
  --mantine-color-dark-4: #9a9a9a;
  --mantine-color-dark-5: #6d6d6d;
  --mantine-color-dark-6: #ffffff;
  --mantine-color-dark-7: #ffffff;
  --mantine-color-dark-8: #f7f7f7;
  --mantine-color-dark-9: #ffffff;
  --mantine-color-dark-text: #111111;
  --mantine-color-dark-filled: #111111;
  --mantine-color-dark-filled-hover: #000000;
  --mantine-color-dark-light: rgba(0,0,0,.06);
  --mantine-color-dark-light-color: #111111;
  --mantine-color-dark-outline: #111111;

  --mantine-primary-color-filled: #111111;
  --mantine-primary-color-filled-hover: #000000;
  --mantine-primary-color-light: rgba(0,0,0,.07);
  --mantine-primary-color-light-hover: rgba(0,0,0,.12);
  --mantine-primary-color-light-color: #111111;
  --mantine-primary-color-outline: #111111;
  --mantine-primary-color-outline-hover: rgba(0,0,0,.06);
  --mantine-primary-color-contrast: #ffffff;
}

html, body, #root {
  background-color: #ffffff !important;
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.035) 1px, transparent 1px),
    linear-gradient(rgba(0,0,0,.035) 1px, transparent 1px) !important;
  color: #111111 !important;
}

.animated-background { background: none !important; }

/* Хедер — белый, знак и иконки чёрные */
.header-wrapper {
  background: #ffffff !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border-bottom: 1px solid #e6e6e6 !important;
}
.header-wrapper, .header-wrapper * { color: #111111 !important; }
.logo-text-highlight, .logo-text-normal { color: #111111 !important; }
.header-wrapper .mantine-ActionIcon-root,
.header-wrapper button {
  background: #ffffff !important;
  border: 1px solid #dcdcdc !important;
}
.header-wrapper svg { color: #111111 !important; }

/* Плашки статистики — светло-серые с чёрным текстом */
.info-card-cyan, .info-card-violet, .info-card-green, .info-card-red,
.info-card-yellow, .info-card-blue, .info-card-teal, .info-card-orange,
[class*="_blue_"], [class*="_cyan_"], [class*="_green_"], [class*="_teal_"],
[class*="_red_"], [class*="_yellow_"], [class*="_orange_"], [class*="_violet_"],
[class*="_iconBlue_"], [class*="_iconCyan_"], [class*="_iconGreen_"], [class*="_iconTeal_"],
[class*="_iconRed_"], [class*="_iconYellow_"], [class*="_iconOrange_"], [class*="_iconViolet_"] {
  background: #f4f4f4 !important;
  border: 1px solid #e0e0e0 !important;
  color: #111111 !important;
}
[class*="_infoBlock_"] *, [class*="_cardItem_"] * { color: #111111 !important; }
[class*="_label_"] { color: #5c5c5c !important; }
[class*="_value_"] { color: #111111 !important; font-weight: 600; }

/* Кнопки приложений (Happ, Shadowrocket и т.п.) */
[class*="_appButton_"] {
  background: #f6f6f6 !important;
  border: 1px solid #dcdcdc !important;
  border-left: 3px solid #dcdcdc !important;
  box-shadow: none !important;
}
[class*="_appButton_"]:not([class*="_appButtonActive_"]):hover {
  background: #ececec !important;
  border-left-color: #b5b5b5 !important;
}
[class*="_appButton_"]:not([class*="_appButtonActive_"]) [class*="_appName_"] {
  color: #111111 !important;
}

/* Выбранное приложение: всегда чёрная заливка, в т.ч. после тапа (hover/focus залипает) */
[class*="_appButtonActive_"],
[class*="_appButtonActive_"]:hover,
[class*="_appButtonActive_"]:focus,
[class*="_appButtonActive_"]:focus-visible,
[class*="_appButtonActive_"]:active,
[class*="_appButton_"][class*="_appButtonActive_"],
[class*="_appButton_"][class*="_appButtonActive_"]:hover,
[class*="_appButton_"][class*="_appButtonActive_"]:focus,
[class*="_appButton_"][class*="_appButtonActive_"]:active {
  background: #111111 !important;
  border: 1px solid #111111 !important;
  border-left: 3px solid #111111 !important;
  box-shadow: none !important;
  outline: none !important;
}
[class*="_appButtonActive_"] [class*="_appName_"],
[class*="_appButtonActive_"]:hover [class*="_appName_"],
[class*="_appButtonActive_"]:focus [class*="_appName_"],
[class*="_appButtonActive_"]:active [class*="_appName_"],
[class*="_appButton_"][class*="_appButtonActive_"] [class*="_appName_"] {
  color: #ffffff !important;
}
[class*="_bgIcon_"] { color: #111111 !important; opacity: .16 !important; }
[class*="_appButtonActive_"] [class*="_bgIcon_"],
[class*="_appButtonActive_"]:hover [class*="_bgIcon_"],
[class*="_appButton_"][class*="_appButtonActive_"] [class*="_bgIcon_"] {
  color: #ffffff !important;
  opacity: .3 !important;
}
[class*="_appButtonActive_"] [class*="_featuredBadge_"] {
  background: #ffffff !important;
  box-shadow: none !important;
}
[class*="_featuredBadge_"] {
  background: #111111 !important;
  box-shadow: none !important;
}

/* Карточки, аккордеон, шаги */
[class*="_root_xtro1"],
[class*="_accordionItem_"],
[class*="_cardItem_"],
.mantine-Paper-root,
.mantine-Card-root,
.mantine-Accordion-item {
  background: #ffffff !important;
  border: 1px solid #e6e6e6 !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.04) !important;
  color: #111111 !important;
}
[class*="_accordionControl_"]:hover, [class*="_root_x1nv4"]:hover { background: #f6f6f6 !important; }
[class*="_stepBlock_"] { border-bottom-color: #ededed !important; }
[class*="_timelineRoot_"] { --tl-line-color: #dcdcdc !important; }

/* Модалки */
[class*="_modalContent_"] {
  background: #ffffff !important;
  border: 1px solid #e6e6e6 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
[class*="_modalTitle_"] { color: #111111 !important; }
[class*="_keyBox_"], [class*="_actionIcon_"] {
  background: #f4f4f4 !important;
  border: 1px solid #e0e0e0 !important;
  color: #111111 !important;
}

/* Типографика */
.mantine-Text-root, .mantine-Title-root, .mantine-Anchor-root,
.mantine-List-item, .mantine-Accordion-label, .mantine-Accordion-content {
  color: #111111 !important;
}
.mantine-Text-root[data-dimmed="true"] { color: #5c5c5c !important; }
a { color: #111111; }

/* Кнопки */
.mantine-Button-root[data-variant="filled"],
.mantine-ActionIcon-root[data-variant="filled"] {
  background: #111111 !important;
  border-color: #111111 !important;
}
.mantine-Button-root[data-variant="filled"] *,
.mantine-ActionIcon-root[data-variant="filled"] * { color: #ffffff !important; }
.mantine-Button-root[data-variant="filled"] { color: #ffffff !important; }

.mantine-Button-root[data-variant="light"],
.mantine-Button-root[data-variant="default"],
.mantine-Button-root[data-variant="outline"],
.mantine-Button-root[data-variant="subtle"] {
  background: #ffffff !important;
  border-color: #111111 !important;
  color: #111111 !important;
}
.mantine-Button-root[data-variant="light"] *,
.mantine-Button-root[data-variant="default"] *,
.mantine-Button-root[data-variant="outline"] *,
.mantine-Button-root[data-variant="subtle"] * { color: #111111 !important; }

.mantine-ActionIcon-root { color: #111111 !important; }

/* Иконки-плашки в гайдах */
.mantine-ThemeIcon-root {
  background: #111111 !important;
  border-color: #111111 !important;
}
.mantine-ThemeIcon-root, .mantine-ThemeIcon-root * { color: #ffffff !important; }

.mantine-Select-input, .mantine-Input-input {
  background: #ffffff !important;
  border-color: #dcdcdc !important;
  color: #111111 !important;
}
