/* === Переключатель темы в блоке .share === */
.theme-toggle-share {
  width: 28px;
  height: 28px;
  margin-left: 6px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: transparent;
  box-shadow: none;
  transition: opacity .2s, transform .2s;
}

.theme-toggle-share:hover {
  opacity: .8;
  transform: scale(1.06);
}

.theme-toggle-share .theme-icon {
  width: 18px;
  height: 18px;
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  transition: transform .35s;
}

/* Анимация вращения */
.theme-toggle-share--spin .theme-icon {
  transform: rotate(180deg);
}

/* Светлая тема → Луна 🌙 */
html:not([data-theme="dark"]) .theme-toggle-share .theme-icon {
  background: #00003c;
  mask-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' xmlns='http://www.w3.org/2000/svg'><path fill='black' d='M12.75 2.001a.75.75 0 0 0-.75.75 9.5 9.5 0 1 0 9.5 9.5.75.75 0 0 0-.75-.75 7.999 7.999 0 0 1-7.999-7.999.75.75 0 0 0-.75-.75Z'/></svg>");
}

/* Тёмная тема → Солнце ☀️ (аккуратный круг) */
html[data-theme="dark"] .theme-toggle-share .theme-icon {
  background: #fbbf24;
  mask-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='5'/></svg>");
}

/* Адаптация под мобилки */
@media (max-width: 767px) {
  .theme-toggle-share {
    width: 24px;
    height: 24px;
    margin-left: 4px;
  }
  .theme-toggle-share .theme-icon {
    width: 16px;
    height: 16px;
  }
}


/* ======================
   Dark Theme Tokens
   ====================== */
:root[data-theme="dark"] {
  --bg-main: #121212;
  --bg-card: #181818;
  --bg-card-alt: #1f1f1f;
  --border-color: #333333;
  --text-main: #f1f1f1;
  --text-muted: #b3b3b3;
  --accent: #a781ff;
  --accent-soft: #7c3aed;
}

/* ======================
   Base
   ====================== */
html[data-theme="dark"] body,
html[data-theme="dark"] .site-body {
  background: var(--bg-main) !important;
  color: var(--text-main) !important;
}

html[data-theme="dark"] a {
  color: var(--accent) !important;
}
html[data-theme="dark"] a:hover {
  color: #c4b5fd !important;
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] .page-title {
  color: var(--text-main) !important;
}

html[data-theme="dark"] .preview-text,
html[data-theme="dark"] .navigation,
html[data-theme="dark"] .orders-row__top-title,
html[data-theme="dark"] .form-user__info {
  color: var(--text-muted) !important;
}

/* ======================
   Inputs / Selects / Textareas
   ====================== */
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
  background: #1a1a1a !important;
  color: var(--text-main) !important;
  border: 1px solid var(--border-color) !important;
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
  color: var(--text-muted) !important;
}

/* nice-select */
html[data-theme="dark"] .nice-select {
  background: #1a1a1a !important;
  border-color: var(--border-color) !important;
  color: var(--text-main) !important;
}
html[data-theme="dark"] .nice-select .list {
  background: #111 !important;
  border-color: var(--border-color) !important;
}
html[data-theme="dark"] .nice-select .option {
  color: var(--text-main) !important;
}

/* ======================
   Buttons
   ====================== */
html[data-theme="dark"] .purple-button,
html[data-theme="dark"] .bt,
html[data-theme="dark"] .bt-green,
html[data-theme="dark"] .sm-bt-green,
html[data-theme="dark"] .sm-bt-purle,
html[data-theme="dark"] .bt-replenish,
html[data-theme="dark"] .bt-withdraw,
html[data-theme="dark"] .bt-purle,
html[data-theme="dark"] .filter-content__button {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #fff !important;
}
html[data-theme="dark"] .purple-button:hover,
html[data-theme="dark"] .bt:hover,
html[data-theme="dark"] .bt-green:hover,
html[data-theme="dark"] .sm-bt-green:hover,
html[data-theme="dark"] .sm-bt-purle:hover,
html[data-theme="dark"] .bt-replenish:hover,
html[data-theme="dark"] .bt-withdraw:hover,
html[data-theme="dark"] .bt-purle:hover,
html[data-theme="dark"] .filter-content__button:hover {
  background: var(--accent-soft) !important;
}

/* btn-nobg */
html[data-theme="dark"] .btn-area.btn-nobg {
  background: transparent !important;
  color: var(--text-main) !important;
  border-color: var(--text-main) !important;
  opacity: 0.85;
}
html[data-theme="dark"] .btn-area.btn-nobg:hover {
  opacity: 1;
  background: var(--bg-card-alt) !important;
}

/* Filters button */
html[data-theme="dark"] .filter-button {
  background: #1f1f1f !important;
  border-color: var(--border-color) !important;
  color: var(--text-main) !important;
}
html[data-theme="dark"] .filter-button:hover {
  background: #272727 !important;
}

/* ======================
   Cards and Tables
   ====================== */
html[data-theme="dark"] .page,
html[data-theme="dark"] .orders-row,
html[data-theme="dark"] .orders-table,
html[data-theme="dark"] .jobs-table,
html[data-theme="dark"] .page-table,
html[data-theme="dark"] .personal-area__block,
html[data-theme="dark"] .form-user,
html[data-theme="dark"] .user-profile__content,
html[data-theme="dark"] .edit-task__content,
html[data-theme="dark"] .job,
html[data-theme="dark"] .job_section {
  background: var(--bg-card) !important;
  color: var(--text-main) !important;
  border-color: var(--border-color) !important;
}

/* строки таблиц */
html[data-theme="dark"] .order-table__row,
html[data-theme="dark"] .job-table__row,
html[data-theme="dark"] .page-table tr,
html[data-theme="dark"] .money-table__row,
html[data-theme="dark"] .withdrawal-table__row {
  background: #161616 !important;
}
html[data-theme="dark"] .order-table__row:nth-child(odd),
html[data-theme="dark"] .job-table__row:nth-child(odd),
html[data-theme="dark"] .page-table tr:nth-child(odd),
html[data-theme="dark"] .money-table__row:nth-child(odd),
html[data-theme="dark"] .withdrawal-table__row:nth-child(odd) {
  background: #1b1b1b !important;
}

/* table headers */
html[data-theme="dark"] .order-table__head,
html[data-theme="dark"] .job-table__head,
html[data-theme="dark"] .page-table thead tr,
html[data-theme="dark"] .money-table__head,
html[data-theme="dark"] .withdrawal-table__head {
  background: #101018 !important;
  color: var(--text-main) !important;
}

/* ======================
   Dashboard (ЛК)
   ====================== */
html[data-theme="dark"] .personal-area__block h4,
html[data-theme="dark"] .blue,
html[data-theme="dark"] .personal-area__block .title-block {
  color: var(--text-main) !important;
}

/* акценты */
html[data-theme="dark"] .personal-area__block span > span {
  color: var(--accent) !important;
}

/* left menu + news */
html[data-theme="dark"] .personal-area-menu,
html[data-theme="dark"] .personal-area-news {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-main) !important;
}
html[data-theme="dark"] .personal-area-news ul li span {
  background: #272727 !important;
  border-color: #3a3a3a !important;
}

/* referral block */
html[data-theme="dark"] .block-invite {
  background: var(--bg-card) !important;
  border-color: var(--border-color) !important;
}

/* side-note + внутрянка */
html[data-theme="dark"] .side-note,
html[data-theme="dark"] .user-side-note,
html[data-theme="dark"] .user-rating-info {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-main) !important;
}

html[data-theme="dark"] .side-note *,
html[data-theme="dark"] .user-side-note *,
html[data-theme="dark"] .user-rating-info * {
  color: var(--text-main) !important;
}

/* inline white bg inside */
html[data-theme="dark"] .side-note [style*="background:#fff"],
html[data-theme="dark"] .user-side-note [style*="background:#fff"] {
  background: var(--bg-card-alt) !important;
}

/* ======================
   Search tasks
   ====================== */
html[data-theme="dark"] .search-task__table-head {
  background: var(--bg-card) !important;
  color: var(--text-muted) !important;
}
html[data-theme="dark"] .search-task__table-row {
  border-left-color: var(--border-color) !important;
  border-right-color: var(--border-color) !important;
}
html[data-theme="dark"] .search-task__table .task-name,
html[data-theme="dark"] .search-task__table-desc,
html[data-theme="dark"] .task-type,
html[data-theme="dark"] .task-price,
html[data-theme="dark"] .task-client {
  color: var(--text-main) !important;
}

/* VIP rows */
html[data-theme="dark"] .vip-search-task__table-row {
  background: #2b2230 !important;
}
html[data-theme="dark"] .vip-search-task__table-row:nth-child(odd) {
  background: #322639 !important;
}

/* Зебра строк в тёмной таблице поиска */
html[data-theme="dark"] .search-task__table-row:nth-child(odd) {
  background: #151518 !important;
  color: #e7e7ed !important;
}
html[data-theme="dark"] .search-task__table-row:nth-child(even) {
  background: #1d1d22 !important;
  color: #e7e7ed !important;
}

/* ======================
   Orders Status Page — descriptions
   ====================== */
html[data-theme="dark"] .order-table__desc,
html[data-theme="dark"] .order-table__desc p,
html[data-theme="dark"] .order-table__desc li,
html[data-theme="dark"] .order-table__desc span {
  color: var(--text-main) !important;
}

/* ======================
   FIX: Финансы
   ====================== */
/* баланс — сделать всё читаемым */
html[data-theme="dark"] .panel-balance__subhead,
html[data-theme="dark"] .panel-balance__val,
html[data-theme="dark"] .panel-balance__val a {
  color: var(--text-main) !important;
}

/* кнопки Пополнить / Вывести */
html[data-theme="dark"] .panel-balance__buttons a {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #fff !important;
}
html[data-theme="dark"] .panel-balance__buttons a:hover {
  background: var(--accent-soft) !important;
}

/* таблица “Заявки на вывод средств” */
html[data-theme="dark"] .withdrawal-table__cell,
html[data-theme="dark"] .withdrawal-table__cell a,
html[data-theme="dark"] .withdrawal-table__cell span {
  color: var(--text-main) !important;
}

/* таблица операций (money-table) */
html[data-theme="dark"] .money-table__cell,
html[data-theme="dark"] .money-table__cell a,
html[data-theme="dark"] .money-table__cell span {
  color: var(--text-main) !important;
}

/* статус “Обработана” и прочие */
html[data-theme="dark"] .sum,
html[data-theme="dark"] .status,
html[data-theme="dark"] .tooltip {
  color: var(--text-main) !important;
}

/* фильтр дат — вернуть видимый текст */
html[data-theme="dark"] .partner_date_filter div,
html[data-theme="dark"] .partner_date_filter input,
html[data-theme="dark"] .partner_date_filter button {
  color: var(--text-main) !important;
}

/* убрать нежелательные светлые заливки */
html[data-theme="dark"] .partner_date_filter {
  background: var(--bg-card-alt) !important;
  border-color: var(--border-color) !important;
}

/* ======================
   Create Task
   ====================== */
html[data-theme="dark"] .edit-task {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
}
html[data-theme="dark"] .edit-task__tabs {
  background: #101018 !important;
  border-bottom: 1px solid var(--border-color) !important;
}
html[data-theme="dark"] .edit-task__tabs a {
  color: var(--text-muted) !important;
}
html[data-theme="dark"] .edit-task__tabs a.active {
  background: var(--bg-card-alt) !important;
  color: var(--text-main) !important;
  border-radius: 4px 4px 0 0;
}

/* Заголовки полей: “Ссылка”, “Цена”, “Описание” */
html[data-theme="dark"] .edit-task__label {
  color: var(--text-main) !important;
  font-weight: 600;
}

/* Подсказки под полями: мелкий текст */
html[data-theme="dark"] .edit-task__hint {
  color: var(--text-muted) !important;
  opacity: 0.9;
}

/* Текст внутри отключённых полей */
html[data-theme="dark"] .edit-task__item[disabled],
html[data-theme="dark"] .edit-task__item[readonly] {
  color: var(--text-muted) !important;
}

/* ======================
   Footer
   ====================== */
html[data-theme="dark"] .footer {
  background: #101018 !important;
  border-top: 1px solid var(--border-color) !important;
  color: rgba(255,255,255,0.7) !important;
}

/* ======================
   Header (keep light!)
   ====================== */
html[data-theme="dark"] .header-menu li a,
html[data-theme="dark"] .header-button__frame,
html[data-theme="dark"] .header-user__name {
  color: #00003c !important;
}

/* ======================
   custom-select (фильтры)
   ====================== */
html[data-theme="dark"] .custom-select__select {
  background: #1e1e23 !important;
  color: #e6e6eb !important;
  border-color: #3a3a46 !important;
}

/* Список опций */
html[data-theme="dark"] .custom-select__dropdown {
  background: #1c1c22 !important;
  color: #e6e6eb !important;
  border-color: #3a3a46 !important;
}

/* Элементы */
html[data-theme="dark"] .custom-select__item {
  background: transparent !important;
  color: #e6e6eb !important;
}

/* Актив */
html[data-theme="dark"] .custom-select__item.active {
  background: #3c3c44 !important;
}

/* Весь контент и подгруппы */
html[data-theme="dark"] .custom-select__content {
  background: #1c1c22 !important;
  color: #e6e6eb !important;
  border-color: #3a3a46 !important;
}

html[data-theme="dark"] .custom-select__content *,
html[data-theme="dark"] .tarsubgroup * {
  color: #e6e6eb !important;
}

/* disabled-пункты */
html[data-theme="dark"] .custom-select__content .disabled,
html[data-theme="dark"] .custom-select__content [disabled] {
  color: #8b8d99 !important;
}

/* Hover в custom-select */
html[data-theme="dark"] .custom-select__content .custom-select__item:hover,
html[data-theme="dark"] .custom-select__content label:hover,
html[data-theme="dark"] .custom-select__content .tarsubgroup:hover {
  background: #2c2c34 !important;
  color: #e6e6eb !important;
}

html[data-theme="dark"] .custom-select__content .custom-select__item:hover *,
html[data-theme="dark"] .custom-select__content label:hover *,
html[data-theme="dark"] .custom-select__content .tarsubgroup:hover * {
  color: #e6e6eb !important;
}

/* ======================
   Модальные окна
   ====================== */
html[data-theme="dark"] .modal,
html[data-theme="dark"] .modal-dialog,
html[data-theme="dark"] .modal__content,
html[data-theme="dark"] .modal-content {
  background: #18181b !important;
  color: var(--text-main) !important;
  border-radius: 6px;
  border: 1px solid #333333 !important;
}

html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer,
html[data-theme="dark"] .modal-body,
html[data-theme="dark"] .modal__header,
html[data-theme="dark"] .modal__footer,
html[data-theme="dark"] .modal__body {
  background: transparent !important;
  color: var(--text-main) !important;
}

html[data-theme="dark"] .modal-title,
html[data-theme="dark"] .modal__title {
  color: var(--text-main) !important;
}

html[data-theme="dark"] .modal p,
html[data-theme="dark"] .modal li,
html[data-theme="dark"] .modal span {
  color: var(--text-main) !important;
}

/* Кнопки внутри модалки */
html[data-theme="dark"] .modal .bt,
html[data-theme="dark"] .modal .purple-button,
html[data-theme="dark"] .modal .btn-primary {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #ffffff !important;
}
html[data-theme="dark"] .modal .bt:hover,
html[data-theme="dark"] .modal .purple-button:hover,
html[data-theme="dark"] .modal .btn-primary:hover {
  background: var(--accent-soft) !important;
}

/* Крестик / иконка закрытия */
html[data-theme="dark"] .modal-close,
html[data-theme="dark"] .modal .close {
  color: var(--text-main) !important;
}

/* Затемнение фона под модалкой */
html[data-theme="dark"] .modal-backdrop,
html[data-theme="dark"] .modal__overlay,
html[data-theme="dark"] .modal-overlay {
  background: rgba(0, 0, 0, 0.7) !important;
}

/* ===== Modal: блок .buy ===== */
html[data-theme="dark"] .modal .buy,
html[data-theme="dark"] .modal-buy,
html[data-theme="dark"] .buy {
  background: #1a1a20 !important;
  color: #e7e7ed !important;
  border-color: #33343a !important;
}

/* Вложенный текст */
html[data-theme="dark"] .buy *,
html[data-theme="dark"] .modal .buy *,
html[data-theme="dark"] .modal-buy * {
  color: #e7e7ed !important;
}

/* Цена / суммы — ярче */
html[data-theme="dark"] .buy .price,
html[data-theme="dark"] .buy .sum,
html[data-theme="dark"] .buy .balance {
  color: #ffffff !important;
}

/* Пояснения / мелкий текст */
html[data-theme="dark"] .buy small,
html[data-theme="dark"] .buy .note,
html[data-theme="dark"] .buy .hint {
  color: #9ea0a9 !important;
}

/* Инпуты внутри buy */
html[data-theme="dark"] .buy input,
html[data-theme="dark"] .buy textarea {
  background: #26262c !important;
  border-color: #3f3f45 !important;
  color: #e7e7ed !important;
}