/* servers_list.css — очищено от неиспользуемых правил */
.adM_server_name {
  font-weight: bold;
  margin-left:10px;
  font-family: "Cuprum", sans-serif;
  font-size: 14px;
}
.adM_server_info {
  color: #838383;
  margin: 10px 0px 10px 0px;
  font: 500 15px/18px "Cuprum", sans-serif;
}
.adM_server_info span {
  margin: 0px 10px 0px 10px;
}
.adM_server_info span b {
  font-weight: normal;
  color: #3B3B3B;
}
.adM_server_pay {
  margin: 0px 10px 0px 10px;
}
.btn-pro {
  text-decoration: none;
  border: medium none currentColor;
  color: #000000;
  cursor: pointer;
  display: inline-block;
  font: 13px/20px "Arial", sans-serif;
  height: 21px;
  padding: 1px 10px 0px;
  position: relative;
  background-image: linear-gradient(-180deg, #FAFAFA 0px, #EBEBEB 100%);
}
.btn-pro:hover {
  background-image: linear-gradient(-180deg, #FAFAFA 0px, #D2D2D2 100%);
  color: #000000 !important;
}
#adM_server_table tr {
  
}
#adM_server_table td {
  padding-bottom: 15px;
}

/* =====================================================================
   Список серверов: сортировка, шапка таблицы, ровные колонки.
   Строки — CSS-grid с одинаковой сеткой у шапки (.srvtable__head) и
   у каждой строки (.item), поэтому поля больше не съезжают.
   Базовые стили строк в main.css (display:table) переопределяются здесь.
   ===================================================================== */

/* --- Панель сортировки над списком --- */
.srvtable__toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 6px 14px;
  margin: 0 0 8px;
}
.srvtable__sorts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}
.srvtable__sorts-label {
  font: 700 11px/1 "Cuprum", sans-serif;
  color: #8a97a5;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-right: 2px;
}
.srvtable__sort {
  display: inline-block;
  padding: 6px 12px 5px;
  border: 1px solid #dfe6ee;
  border-radius: 16px;
  background: #fff;
  color: #5b6673;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  text-decoration: none;
  transition: color .12s, border-color .12s, background .12s;
}
.srvtable__sort:hover {
  border-color: #2793e6;
  color: #2793e6;
}
.srvtable__sort.is-active {
  background: #2793e6;
  border-color: #2793e6;
  color: #fff;
}
.srvtable__count {
  font-size: 12px;
  color: #8a97a5;
}

/* --- Единая сетка шапки и строк (ничего не съезжает) --- */
.srvtable__head,
.servers__list a.item,
.servers__list .item {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 100px 130px 170px 34px;
  align-items: center;
}

/* --- Шапка таблицы --- */
.srvtable__head {
  background: #eef3f8;
  border: 1px solid #e0e7ef;
  border-radius: 8px 8px 0 0;
}
.srvtable__th {
  padding: 8px 10px;
  font: 700 11px/1.2 "Cuprum", sans-serif;
  color: #6b7683;
  text-transform: uppercase;
  letter-spacing: .06em;
  text-align: left;
  white-space: nowrap;
}
.srvtable__th--num { text-align: center; }

/* --- Строки: сброс табличной вёрстки main.css --- */
.servers__list {
  border: 1px solid #e6ebf1;
  border-top: 0;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
  margin-bottom: 15px;
}
.servers__list .item {
  border-bottom: 1px solid #eef1f5;
}
.servers__list .item:last-of-type {
  border-bottom: 0;
}
/* --- Цветовое выделение сервера (услуга «Цвет сервера», colorServer()).
       Классы serverVip-1..8 вешаются на строку .item в шаблоне списка;
       1–4 и 5 — цвета старого сайта (Tpl/css/main.css), 6–8 — новые
       платные (розовый/сиреневый/бирюзовый) в тон существующей пастели. --- */
.servers__list .item.serverVip-1, .serverVip-1 { background: #CEFFCE; }
.servers__list .item.serverVip-2, .serverVip-2 { background: #A8DCFF; }
.servers__list .item.serverVip-3, .serverVip-3 { background: #CECECE; }
.servers__list .item.serverVip-4, .serverVip-4 { background: #F9B493; }
.servers__list .item.serverVip-5, .serverVip-5 { background: #FFEF93; }
.servers__list .item.serverVip-6, .serverVip-6 { background: #FFC8DC; }
.servers__list .item.serverVip-7, .serverVip-7 { background: #DCC8FF; }
.servers__list .item.serverVip-8, .serverVip-8 { background: #A8EFEF; }
.servers__list .item > span {
  display: block;
  height: auto;
  min-width: 0;
  border-bottom: 0;
  padding: 8px 10px;
}
.servers__list .item > span.servers__li-nr {
  padding: 8px 8px;
  text-align: center;
}
.servers__list .item > span.servers__li-title {
  width: auto;
  max-width: none;
  padding-left: 2px;
}
.servers__list .item > span.servers__li-title span {
  max-width: 100%;
}
.servers__list .item > span.servers__li-players {
  width: auto;
  text-align: center;
  font-weight: 700;
  color: #33393f;
}
.servers__list .item > span.servers__li-map,
.servers__list .item > span.servers__li-ip {
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.servers__list .item > span.servers__li-map { font-size: 11px; color: #6b7683; }
.servers__list .item > span.servers__li-ip { font-size: 11px; }
.servers__list .item > span.servers__li-time {
  width: auto;
  text-align: center;
  padding: 8px 4px;
}

/* --- Пустой результат («Ничего не найдено») --- */
.servers__list--empty {
  border-top: 1px solid #e6ebf1;
  border-radius: 8px;
  margin-bottom: 18px;
}
.servers__list--empty .srv-empty {
  margin: 0;
  border: 0;
  border-radius: 0;
}
.srv-empty {
  margin-bottom: 18px;
  padding: 36px 24px 32px;
  text-align: center;
  background: #fff;
  border: 1px dashed #d7dfea;
  border-radius: 12px;
}
.srv-empty__icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 14px;
  border-radius: 50%;
  background: #eaf6fd;
  color: #2e86d6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.srv-empty__icon svg { width: 30px; height: 30px; }
.srv-empty__title {
  margin: 0 0 8px;
  font: 700 19px/1.3 "Cuprum", sans-serif;
  color: #23262b;
}
.srv-empty__text {
  margin: 0 auto 18px;
  max-width: 430px;
  font-size: 13.5px;
  line-height: 1.55;
  color: #5a6b80;
}
.srv-empty__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 22px;
  border-radius: 8px;
  background: #3aaee4;
  color: #fff !important;
  font: 600 13px/1 Arial, sans-serif;
  text-decoration: none;
  transition: background .15s;
}
.srv-empty__btn:hover { background: #2e86d6; }
.srv-empty__btn i { font-size: 12px; }

/* --- Полировка строк списка --- */
.servers__list {
  box-shadow: 0 2px 6px rgba(23, 52, 84, .06);
}
.servers__list .item {
  transition: background .12s;
}
/* hover мягче старого #e2e2e2 и перекрывает зебру main.css */
.servers__list .item:hover {
  background: #f2f8fd;
}
.servers__list .item > span.servers__li-title {
  font-weight: 600;
  color: #1d2b3a;
}
.servers__list .item > span.servers__li-title span {
  transition: color .12s;
}
.servers__list .item:hover > span.servers__li-title span {
  color: #2793e6;
}
/* Онлайн: цвет по заполненности (list.tpl ставит is-full / is-empty) */
.servers__list .item > span.servers__li-players.is-full { color: #d9534f; }
.servers__list .item > span.servers__li-players.is-empty { color: #aab6c2; }
/* Адрес — табличные цифры, чтобы IP не «плясали» между строками */
.servers__list .item > span.servers__li-ip {
  font-variant-numeric: tabular-nums;
  letter-spacing: .01em;
}
/* ТОП-звезда: платный ТОП — золото, обычный — контур серым */
.servers__list .item > span.servers__li-time .i-star { color: #f7b500; }
.servers__list .item > span.servers__li-time .i-star-o { color: #c6d2de; }

/* --- Адаптив: прячем второстепенные колонки --- */
@media (max-width: 1000px) {
  .srvtable__head,
  .servers__list a.item,
  .servers__list .item {
    grid-template-columns: 28px minmax(0, 1fr) 90px 160px 30px;
  }
  .servers__list .item > span.servers__li-map,
  .srvtable__th--map {
    display: none;
  }
}
@media (max-width: 620px) {
  .srvtable__head,
  .servers__list a.item,
  .servers__list .item {
    grid-template-columns: 26px minmax(0, 1fr) 80px 28px;
  }
  .servers__list .item > span.servers__li-ip,
  .srvtable__th--ip {
    display: none;
  }
}
