/* 1: Дата заказа (views-field-field-data-zakaza-montazha) */
/* 2: Номер заказа (views-field-field-nomer-zakaza) */
/* 3: Адрес объекта (views-field-field-adres-obekta) */
/* 4: Оборудование в заказе (views-field-field-oborudovanie-v-zakaze) */
/* 5: Стоимость заказа (views-field-field-stoimost-zakaza) */
/* 6: Контактное лицо (views-field-field-kontaktnoe-lico) */
/* 7: Логистика (views-field-view) */
/* 8: Фото/видео (views-field-view-3) */
/* 9: Акт (views-field-view-1) */
/* 10: Документы на оплату (views-field-view-4) */

/* --- Далее ядро таблицы (общие стили) --- */

/* Стилизация главной таблицы с фиксированными колонками */
.views-glavna-2-table-wrapper {
  width: 100%;
  overflow-x: auto;
  position: relative;
  background: #f7fafd;
  border-radius: 14px;
  box-shadow: 0 2px 14px 0 rgba(40,58,112,0.06);
  margin-bottom: 18px;
}

.views-glavna-2-table {
  min-width: 0;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif;
  background: #fff;
  border-radius: 14px;
}

.views-glavna-2-table th, .views-glavna-2-table td {
  padding: 7px 4px; /* минимальные оступы для экономии ширины */
  font-size: 0.97em;
  border-bottom: 1px solid #e2eafd;
  background-clip: padding-box;
  white-space: normal;
  background: none;
}

/* Убираем z-index и background для sticky */
.views-glavna-2-table thead th {
  /* position: sticky; */
  top: 0;
  /* z-index: 3; */
  background: linear-gradient(90deg,#377dff 0%,#46c2ff 100%);
  color: #fff;
  font-weight: 700;
  text-align: left;
  border-bottom: 2px solid #377dff;
}

/* sticky первые 2 столбца */
/* .views-glavna-2-table th:first-child, .views-glavna-2-table td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  background: #eaf2ff;
  box-shadow: 2px 0 2px -2px #b5c4e0 inset;
} */
/* .views-glavna-2-table th:nth-child(2), .views-glavna-2-table td:nth-child(2) {
  position: sticky;
  left: 160px;
  z-index: 2;
  background: #eaf2ff;
  box-shadow: 2px 0 2px -2px #b5c4e0 inset;
} */
/* .views-glavna-2-table th:nth-child(3), .views-glavna-2-table td:nth-child(3) {
  position: sticky;
  left: 330px;
  z-index: 2;
  background: #eaf2ff;
  box-shadow: 2px 0 2px -2px #b5c4e0 inset;
} */

.views-glavna-2-table tbody tr {
  transition: background 0.3s cubic-bezier(.4,0,.2,1);
}
.views-glavna-2-table tbody tr:hover {
  background-color: #d4e8fc;
  animation: row-hover-fade 0.36s;
}
@keyframes row-hover-fade {
  from { background-color: #f7fafd; }
  to { background-color: #d4e8fc; }
}

.views-glavna-2-table tbody tr.active-row {
  background: linear-gradient(90deg,#a5e0ff,#e6f0ff 80%);
  box-shadow: 0 2px 14px #bde5ff3d;
  animation: row-active-fade 0.5s;
}
@keyframes row-active-fade {
  from { background-color: #f7fafd; }
  to { background: linear-gradient(90deg,#a5e0ff,#e6f0ff 80%); }
}

.views-glavna-2-table tr:last-child td {
  border-bottom: none;
}

.views-glavna-2-table tfoot tr {
  background: #f0f6ff;
  font-weight: 700;
  color: #245ab7;
}

.views-pager, .js-pager__items {
  display: flex;
  gap: 9px;
  justify-content: flex-end;
  margin: 17px 6px 3px 0;
  padding: 0;
}
.views-pager .pager__item a, .js-pager__items .pager__item a {
  background: #377dff;
  color: #fff !important;
  padding: 7px 18px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.14s;
  box-shadow: 0 1px 3px rgba(55,125,255,0.06);
}
.views-pager .pager__item a:hover, .js-pager__items .pager__item a:hover {
  background: #245ab7;
}

/* Вертикальные рамки столбцов (кроме последнего) */
.views-glavna-2-table th:not(:last-child),
.views-glavna-2-table td:not(:last-child) {
  border-right: 1.5px solid #e2eafd;
}

/* Для закрепленных колонок справа клипуем верхнюю и нижнюю часть */
/* .views-glavna-2-table th:first-child, .views-glavna-2-table td:first-child {
  box-shadow: 2px 0 0 -1.2px #e2eafd;
} */
/* .views-glavna-2-table th:nth-child(2), .views-glavna-2-table td:nth-child(2) {
  box-shadow: 2px 0 0 -1.2px #e2eafd;
} */
/* .views-glavna-2-table th:nth-child(3), .views-glavna-2-table td:nth-child(3) {
  box-shadow: 2px 0 0 -1.2px #e2eafd;
} */

/* Плавность при наведении */
.views-glavna-2-table td, .views-glavna-2-table th {
  transition: background 0.26s, box-shadow 0.22s, color 0.17s;
}

/* Подсветка строки, если есть views-label-nothing с непустым значением (использует data-атрибут или presence классов) */
/*
.views-glavna-2-table tr.has-label-nothing {
  background: linear-gradient(90deg, #d4f8e8 0%, #f3fff9 100%) !important;
  animation: row-green-fade 0.46s;
}
@keyframes row-green-fade {
  from { background: #f7fafd; }
  to { background: linear-gradient(90deg, #d4f8e8, #f3fff9 100%); }
}
.views-glavna-2-table tr.has-label-nothing td.views-label-nothing {
  font-weight: 700;
  color: #247805;
}
*/

/* --- Оптимизация ширины всех столбцов для экрана без горизонтального скролла --- */
.views-glavna-2-table {
  min-width: 0;
}
.views-glavna-2-table th, .views-glavna-2-table td {
  padding: 7px 4px; /* минимальные оступы для экономии ширины */
  font-size: 0.97em;
  white-space: normal;
}
/* 1: Дата заказа */
.views-glavna-2-table th:nth-child(1), .views-glavna-2-table td:nth-child(1) {
  width: 85px;
}
/* 2: Номер заказа */
.views-glavna-2-table th:nth-child(2), .views-glavna-2-table td:nth-child(2) {
  width: 70px;
}
/* 3: Адрес объекта */
.views-glavna-2-table th:nth-child(3), .views-glavna-2-table td:nth-child(3) {
  width: 235px;
}
/* 4: Оборудование */
.views-glavna-2-table th:nth-child(4), .views-glavna-2-table td:nth-child(4) {
  width: 85px;
}
/* 5: Стоимость заказа */
.views-glavna-2-table th:nth-child(5), .views-glavna-2-table td:nth-child(5) {
  width: 100px;
}
/* 6: Контактное лицо */
.views-glavna-2-table th:nth-child(6), .views-glavna-2-table td:nth-child(6) {
  width: 105px;
}
/* 7-10: Вложенные views (логистика, фотоотчет, акт, документы) */
.views-glavna-2-table th:nth-child(7), .views-glavna-2-table td:nth-child(7),
.views-glavna-2-table th:nth-child(8), .views-glavna-2-table td:nth-child(8),
.views-glavna-2-table th:nth-child(9), .views-glavna-2-table td:nth-child(9),
.views-glavna-2-table th:nth-child(10), .views-glavna-2-table td:nth-child(10) {
  width: 90px;
}
@media (min-width: 1400px) {
  .views-glavna-2-table th, .views-glavna-2-table td {
    padding: 10px 8px;
    font-size: 1em;
  }
}

/* Медиазапросы: здесь явно подписаны скрываемые столбцы */
@media (max-width: 1200px) {
  .views-glavna-2-table {
    min-width: 900px;
    font-size: 0.96em;
  }
  .views-glavna-2-table th, 
  .views-glavna-2-table td {
    padding: 10px 9px;
  }
}
@media (max-width: 900px) {
  .views-glavna-2-table {
    min-width: 700px;
    font-size: 0.93em;
  }
  /* 3: Адрес объекта (скрываем на очень узких) */
  .views-glavna-2-table th:nth-child(3),
  .views-glavna-2-table td:nth-child(3),
  /* 4: Оборудование (скрываем на очень узких) */
  .views-glavna-2-table th:nth-child(4),
  .views-glavna-2-table td:nth-child(4) {
    display: none;
  }
  .views-glavna-2-table-wrapper {
    border-radius: 0;
    margin: 0 -10px 20px -10px;
  }
}
@media (max-width: 650px) {
  .views-glavna-2-table {
    min-width: 320px;
    font-size: 0.88em;
  }
  /* 5: Стоимость заказа (ещё убираем) */
  .views-glavna-2-table th:nth-child(5),
  .views-glavna-2-table td:nth-child(5),
  /* 6: Контактное лицо (убираем) */
  .views-glavna-2-table th:nth-child(6),
  .views-glavna-2-table td:nth-child(6),
  /* 7: Логистика (убираем) */
  .views-glavna-2-table th:nth-child(7),
  .views-glavna-2-table td:nth-child(7) {
    display: none;
  }
  .views-glavna-2-table th, 
  .views-glavna-2-table td {
    padding: 6px 6px;
  }
}

.views-glavna-2-table-wrapper {
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x pan-y;
}