/* dark-theme.css */ :root{ --bg: #ffffff; --card: #f8f8f8; --text: #111; --muted: #666; --link: #0066cc; --border: #e1e1e1; --accent: #0d6efd; } html[data-theme="dark"]{ --bg: #0f1115; --card: #121417; --text: #e6eef6; --muted: #9aa6b2; --link: #66b0ff; --border: #22262b; --accent: #3b82f6; }
/* Основные */ html[data-theme="dark"], html[data-theme="dark"] body { background-image: url(https://ez-host.ru/template/images/dark.png);
    background-position-x: center;
	background-attachment: fixed;
    background-repeat: no-repeat; color: var(--text) !important; }

/* Частые контейнеры */ html[data-theme="dark"] .wrap, html[data-theme="dark"] .container, html[data-theme="dark"] .content, html[data-theme="dark"] .main, html[data-theme="dark"] .site { background: transparent !important; color: var(--text) !important; }

/* Хедер/футер */ html[data-theme="dark"] header, html[data-theme="dark"] .header, html[data-theme="dark"] .navbar, html[data-theme="dark"] .topbar { background: url(https://ez-host.ru/template/images/header.png); color: var(--text) !important; border-bottom-color: var(--border) !important; } html[data-theme="dark"] footer, html[data-theme="dark"] .footer {     background: #111827 !important;
    color: var(--muted) !important; border: 1px solid #111827;}

/* Карточки / блоки */ html[data-theme="dark"] .card, html[data-theme="dark"] .panel, html[data-theme="dark"] .box, html[data-theme="dark"] .widget { background: #111827 !important; color: var(--text) !important; border: 1px solid var(--border) !important; }

/* Ссылки */ html[data-theme="dark"] a, html[data-theme="dark"] a:link, html[data-theme="dark"] a:visited { color: var(--link) !important; }


/* Формы */ html[data-theme="dark"] input, html[data-theme="dark"] textarea, html[data-theme="dark"] select { background: rgba(255,255,255,0.02) !important; color: var(--text) !important; border: 1px solid var(--border) !important; } html[data-theme="dark"] ::placeholder { color: var(--muted) !important; }

/* Таблицы */ html[data-theme="dark"] table, html[data-theme="dark"] th, html[data-theme="dark"] td { color: var(--text) !important; border-color: var(--border) !important; }

/* Модальные/выпадающие меню */ html[data-theme="dark"] .modal-content, html[data-theme="dark"] .dropdown-menu { background: #111827 !important; color: var(--text) !important; border: 1px solid var(--border) !important; }

/* Скролл (WebKit) */ html[data-theme="dark"] ::-webkit-scrollbar { width:12px;height:12px; } html[data-theme="dark"] ::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.06); border-radius:10px; }

/* Кнопка переключателя: можно изменить позицию */ #theme-toggle{  right: 18px; bottom: 18px; z-index: 9999;margin: -45px 0px 0px 0px; width:46px; height:46px; border-radius:50%; border:none; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; background: rgba(0,0,0,0.06); color: inherit; box-shadow: 0 6px 18px rgba(0,0,0,0.25); } html[data-theme="dark"] #theme-toggle{ background: rgba(255,255,255,0.03); color: var(--text); } #theme-toggle svg{ width:22px; height:22px; fill: currentColor; }

html[data-theme="dark"] a, html[data-theme="dark"] a:link, html[data-theme="dark"] a:visited {
    color: #eff5fc !important;
}
/* Стили для .block_content в тёмной теме */
html[data-theme="dark"] .block_content {
  background: #111827 !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
  border-radius: 6px;

  box-shadow: 0 2px 8px rgba(0,0,0,0.35);
}

/* Заголовок блока */
html[data-theme="dark"] .block_content .title,
html[data-theme="dark"] .block_content .block-title,
html[data-theme="dark"] .block_content h3,
html[data-theme="dark"] .block_content h2 {
  color: var(--text) !important;
}

/* Текст внутри блока */
html[data-theme="dark"] .block_content p,
html[data-theme="dark"] .block_content .text,
html[data-theme="dark"] .block_content span,
html[data-theme="dark"] .block_content li {
  color:#9aa6b2 !important;
}

/* Вспомогательные/мутные тексты */
html[data-theme="dark"] .block_content .muted,
html[data-theme="dark"] .block_content small {
  color: var(--muted) !important;
}

/* Ссылки внутри блока */
html[data-theme="dark"] .block_content a,
html[data-theme="dark"] .block_content a:link,
html[data-theme="dark"] .block_content a:visited {
  color: var(--link) !important;
}
html[data-theme="dark"] .block_content a:hover,
html[data-theme="dark"] .block_content a:focus {
  color: lighten(var(--link, #66b0ff), 8%) !important;
}



/* Формы в блоке */
html[data-theme="dark"] .block_content input,
html[data-theme="dark"] .block_content textarea,
html[data-theme="dark"] .block_content select {
  background: rgba(255,255,255,0.02) !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
}

/* Если в вашем base.css есть специфичные подблоки, добавьте их сюда *//* Стили для заголовков таблиц .table_pad в тёмной теме */
html[data-theme="dark"] .table_pad th {
  background: rgba(255,255,255,0.02) !important; /* или можно использовать var(--card) */
  color: var(--text) !important;
  border-bottom: 1px solid var(--border) !important;
  padding: 12px 14px !important;
  font-weight: 600;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}

/* Ссылка/сортировка внутри th */
html[data-theme="dark"] .table_pad th a,
html[data-theme="dark"] .table_pad th button {
  color: var(--text) !important;
}

/* Подсветка при наведении на заголовок (если нужно) */
html[data-theme="dark"] .table_pad th:hover {
  background: rgba(255,255,255,0.03) !important;
}

/* Если в таблице используются клетки заголовка без бордера сверху/сбоку — подстраховка */
html[data-theme="dark"] .table_pad th:first-child {
  border-left: 1px solid var(--border) !important;
}
html[data-theme="dark"] .table_pad th:last-child {
  border-right: 1px solid var(--border) !important;
}
/* Стили для main .content в тёмной теме */
html[data-theme="dark"] main .content,
html[data-theme="dark"] .main .content,
html[data-theme="dark"] main.content {
  background: #111827 !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px;

  box-shadow: 0 6px 18px rgba(0,0,0,0.45);
}

/* Заголовки внутри контента */
html[data-theme="dark"] main .content h1,
html[data-theme="dark"] main .content h2,
html[data-theme="dark"] main .content h3,
html[data-theme="dark"] .main .content h1,
html[data-theme="dark"] .main .content h2,
html[data-theme="dark"] .main .content h3 {
color: var(--muted) !important;
}

/* Текст и вспомогательные элементы */
html[data-theme="dark"] main .content p,
html[data-theme="dark"] main .content li,
html[data-theme="dark"] .main .content p,
html[data-theme="dark"] .main .content li {
   color: var(--muted) !important;
}
html[data-theme="dark"] main .content .muted,
html[data-theme="dark"] .main .content .muted,
html[data-theme="dark"] main .content small,
html[data-theme="dark"] .main .content small {
  color: var(--muted) !important;
}

/* Ссылки и кнопки внутри */
html[data-theme="dark"] main .content a,
html[data-theme="dark"] .main .content a {
  color: var(--link) !important;
}


/* Формы внутри */
html[data-theme="dark"] main .content input,
html[data-theme="dark"] main .content textarea,
html[data-theme="dark"] main .content select,
html[data-theme="dark"] .main .content input,
html[data-theme="dark"] .main .content textarea,
html[data-theme="dark"] .main .content select {
  background: rgba(255,255,255,0.02) !important;
  color: #9aa6b2 !important;
  border: 1px solid var(--border) !important;
}
/* Стили для .server-manager в тёмной теме */
html[data-theme="dark"] .server-manager {
  background: #111827 !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px;

  box-shadow: 0 6px 18px rgba(0,0,0,0.45);
}

/* Заголовок / шапка блока */
html[data-theme="dark"] .server-manager .sm-header,
html[data-theme="dark"] .server-manager .header {
  background: transparent !important;
  color: var(--text) !important;
  border-bottom: 1px solid rgba(255,255,255,0.02) !important;
  padding-bottom: 10px;
  margin-bottom: 12px;
}

/* Элементы списка/строки сервера */
html[data-theme="dark"] .server-manager .sm-item,
html[data-theme="dark"] .server-manager .server-row {
  background: linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,0.00)) !important;
  color: var(--text) !important;
  border: 1px solid transparent !important;
  padding: 12px;
  border-radius: 6px;
  margin-bottom: 10px;
}

/* Активная/hover строка */
html[data-theme="dark"] .server-manager .sm-item:hover,
html[data-theme="dark"] .server-manager .server-row:hover {
  background: rgba(255,255,255,0.02) !important;
}

/* Статусы (online/offline) */
html[data-theme="dark"] .server-manager .status {
  color: var(--text) !important;
  font-weight: 600;
}
html[data-theme="dark"] .server-manager .status.online { color: #66ff99 !important; }
html[data-theme="dark"] .server-manager .status.offline { color: #ff8b8b !important; }
html[data-theme="dark"] .server-manager .badge {
  background: rgba(255,255,255,0.03) !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 12px;
}

/* Информация о сервере (IP, name, resources) */
html[data-theme="dark"] .server-manager .server-name,
html[data-theme="dark"] .server-manager .server-title {
  color: var(--text) !important;
  font-weight: 700;
}
html[data-theme="dark"] .server-manager .server-ip,
html[data-theme="dark"] .server-manager .server-meta {
  color: var(--muted) !important;
  font-size: 13px;
}

/* Кнопки/действия */
html[data-theme="dark"] .server-manager .actions,
html[data-theme="dark"] .server-manager .sm-actions {
  display: flex;
  gap: 8px;
}
html[data-theme="dark"] .server-manager .btn,
html[data-theme="dark"] .server-manager button {
  background: var(--accent) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  box-shadow: none !important;
  padding: 6px 10px !important;
}

/* Таблицы внутри менеджера */
html[data-theme="dark"] .server-manager table {
  background: transparent !important;
  color: var(--text) !important;
  border-collapse: collapse !important;
}
html[data-theme="dark"] .server-manager table th,
html[data-theme="dark"] .server-manager table td {
  border: 1px solid var(--border) !important;
  padding: 10px !important;
  color: var(--text) !important;
  background: rgba(255,255,255,0.01) !important;
}

/* Формы и input внутри */
html[data-theme="dark"] .server-manager input,
html[data-theme="dark"] .server-manager select,
html[data-theme="dark"] .server-manager textarea {
  background: rgba(255,255,255,0.02) !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
}

/* Иконки/кнопки действий */
html[data-theme="dark"] .server-manager .icon,
html[data-theme="dark"] .server-manager .sm-icon {
  color: var(--muted) !important;
}
html[data-theme="dark"] .server-manager .icon:hover,
html[data-theme="dark"] .server-manager .sm-icon:hover {
  color: var(--link) !important;
}

/* Поддержка компактных/специфичных селекторов (при необходимости) */
html[data-theme="dark"] .server-manager .sm-item .title,
html[data-theme="dark"] .server-manager .sm-item .desc {
  color: var(--text) !important;
}
/* Стили для блока .services в тёмной теме */
html[data-theme="dark"] .services {
  background: #111827 !important;
  color: var(--text) !important;
  border-radius: 8px;

  box-shadow: 0 6px 18px rgba(0,0,0,0.45);
      text-align: center;
    float: left;
    margin: 8.45px 8.26px;
   
    position: relative;
  
    padding: 6px;
    height: 30px;
    font-family: tahoma;
}

/* Список/сетка сервисов */
html[data-theme="dark"] .services .services-list,
html[data-theme="dark"] .services .services-grid {
  gap: 16px;
}

/* Одиночный сервис */
html[data-theme="dark"] .services .service,
html[data-theme="dark"] .services .service-item {
  background: linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,0.00)) !important;
  color: var(--text) !important;
  border: 1px solid rgba(255,255,255,0.02) !important;
  border-radius: 8px;

  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}

/* Hover эффект для карточки */
html[data-theme="dark"] .services .service:hover {
  transform: translateY(-4px);
  background: rgba(255,255,255,0.02) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.55);
}

/* Заголовки сервиса */
html[data-theme="dark"] .services .service .title,
html[data-theme="dark"] .services .service h3,
html[data-theme="dark"] .services .service h4 {
  color: var(--text) !important;
  font-weight: 700;
}

/* Описание */
html[data-theme="dark"] .services .service .desc,
html[data-theme="dark"] .services .service p {
  color: var(--muted) !important;
  font-size: 14px;
}

/* Цена/ключевая информация */
html[data-theme="dark"] .services .service .price,
html[data-theme="dark"] .services .service .info {
  color: var(--text) !important;
  font-weight: 600;
}

/* Ссылки и действия */
html[data-theme="dark"] .services .service a,
html[data-theme="dark"] .services .service .link {
  color: var(--link) !important;
}
html[data-theme="dark"] .services .service .btn,
html[data-theme="dark"] .services .service button {
  background: var(--accent) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
}

/* Иконки/изображения */
html[data-theme="dark"] .services .service .icon,
html[data-theme="dark"] .services .service img {
  color: var(--muted) !important;
  filter: none !important;
}

/* Мелкие вспомогательные элементы */
html[data-theme="dark"] .services .service .badge,
html[data-theme="dark"] .services .service .tag {
  background: rgba(255,255,255,0.03) !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 12px;
}

/* Адаптивные/специфичные селекторы (при необходимости добавьте более специфичные из base.css) */
html[data-theme="dark"] .services .service .meta { color: var(--muted) !important; }
/* Стили для .list-services li в тёмной теме */
html[data-theme="dark"] .list-services li {
  background: linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,0.00)) !important;
  background-color: var(--card) !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px;

  margin-bottom: 10px;
  list-style: none;


  gap: 12px;
}

/* Альтернативная заливка для четных/нечетных элементов (если нужно) */
html[data-theme="dark"] .list-services li:nth-child(odd) {
  background-color: rgba(255,255,255,0.015) !important;
}
html[data-theme="dark"] .list-services li:nth-child(even) {
  background-color: rgba(255,255,255,0.01) !important;
}

/* Ссылки и заголовки внутри пункта */
html[data-theme="dark"] .list-services li a,
html[data-theme="dark"] .list-services li .title {
  color: var(--link) !important;
  font-weight: 600;
  text-decoration: none;
}

/* Описание / вспомогательный текст */
html[data-theme="dark"] .list-services li .desc,
html[data-theme="dark"] .list-services li p,
html[data-theme="dark"] .list-services li span {
  color: var(--muted) !important;
  font-size: 14px;
}

/* Цена / основная информация */
html[data-theme="dark"] .list-services li .price,
html[data-theme="dark"] .list-services li .info {
  color: var(--text) !important;
  font-weight: 700;
}

/* Значки/бейджи */
html[data-theme="dark"] .list-services li .badge,
html[data-theme="dark"] .list-services li .tag {
  background: rgba(255,255,255,0.03) !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 12px;
}

/* Иконки / изображения */
html[data-theme="dark"] .list-services li .icon,
html[data-theme="dark"] .list-services li img {
  color: var(--muted) !important;
  filter: none !important;
}

/* Кнопки / действия */
html[data-theme="dark"] .list-services li .btn,
html[data-theme="dark"] .list-services li button {
  background: var(--accent) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  padding: 6px 10px !important;
  border-radius: 6px;
}

/* Hover эффект */
html[data-theme="dark"] .list-services li:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.6);
  background-color: rgba(255,255,255,0.03) !important;
}

/* Если пункты представляют собой таблицу/строки — подстраховка для ячеек */
html[data-theme="dark"] .list-services li div,
html[data-theme="dark"] .list-services li .col {
  color: var(--text) !important;
}

/* Поддержка ссылок внутри — чтобы текст ссылок не оставался светлым */
html[data-theme="dark"] .list-services li a,
html[data-theme="dark"] .list-services li a:link,
html[data-theme="dark"] .list-services li a:visited {
  color: var(--link) !important;
}
html[data-theme="dark"] .list-services li a:hover,
html[data-theme="dark"] .list-services li a:focus {
  color: #99cfff !important;
}