/* Отключаем полупрозрачный белый фон, если где-то остался utility-класс */
.bg-white\/10 { background-color: transparent !important; }

/* === admin responsive tweaks === */
@media (max-width: 640px){
  /* фильтры: складываются в сетку, элементы на 100% */
  #adminFilters{ display:grid; grid-template-columns: 1fr; gap: .75rem; }
  #adminFilters select,
  #adminFilters input{ width:100%; }
  #adminFilters .actions,
  #adminFilters button{ width:100%; }
  #adminFilters .actions{ display:flex; gap:.5rem; }

  /* таблица: компактные паддинги, перенос строк */
  .adm-table th, .adm-table td{ padding:.5rem .6rem; white-space:nowrap; }
  .adm-table td:nth-child(3),
  .adm-table td:nth-child(4),
  .adm-table td:nth-child(5){ white-space:normal; } /* кто/тел/почта можно переносить */

  /* кнопки действий рядом */
  .adm-table .action-cell{ display:flex; gap:.5rem; align-items:center; }
}
/* общий вид таблицы */
.adm-table{ border-collapse:separate; border-spacing:0; }
.adm-table th{ background:#f8fafc; position:sticky; top:0; z-index:1; }

/* фикс: скролл таблицы только на мобильных, без «среза» на ПК */
.table-wrap{ overflow: visible; }
@media (max-width: 640px){
  .table-wrap{ overflow-x:auto; }
  .adm-table th, .adm-table td{ padding:.5rem .6rem; }
}
/* безопасная минимальная ширина, но не «вылазит» за контейнер на ПК */
.adm-table{ width:100%; min-width: 900px; border-collapse:separate; border-spacing:0; }

/* ---- Admin table: actions column always visible on desktop ---- */
.adm-table{ width:100%; min-width: 960px; border-collapse:separate; border-spacing:0; }
.adm-table th:last-child,
.adm-table td:last-child{ text-align: right; }
.adm-table .action-col{ width: 160px; }                 /* фикс ширина заголовка */
.adm-table .action-cell{ display: inline-flex; gap: .5rem; align-items: center; }
.adm-table .action-cell a,
.adm-table .action-cell form button{ white-space: nowrap; }

/* обёртка таблицы: без overflow на десктопе */
.table-wrap{ overflow: visible; }

/* на мобильном включаем горизонтальный скролл и компактные паддинги */
@media (max-width: 640px){
  .table-wrap{ overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .adm-table th, .adm-table td{ padding:.5rem .6rem; }
  .adm-table .action-col{ width: 140px; }
  .adm-table th:last-child,
  .adm-table td:last-child{ text-align: left; }        /* на мобиле выровняем влево */
  .adm-table .action-cell{ gap: .4rem; }
}

/* --- Контейнеры таблицы --- */
.table-outer{ overflow: visible; }
.table-scroll{ overflow-x: auto; -webkit-overflow-scrolling: touch; }
@media (min-width: 1024px){ .table-scroll{ overflow: visible; } }

/* --- Сетка таблицы --- */
.adm-table{ width:100%; min-width: 980px; border-collapse: separate; border-spacing: 0; }
.adm-table th{ background:#f8fafc; }
.adm-table th, .adm-table td{ padding:.75rem .9rem; }

/* --- Последняя колонка (Действия): всегда видна --- */
.adm-table th:last-child,
.adm-table td:last-child{
  position: sticky;
  right: 0;
  background: #fff;            /* фон под прилипшей ячейкой */
  z-index: 2;
  white-space: nowrap;
  text-align: right;
  box-shadow: -1px 0 0 #e5e7eb; /* тонкая разделительная линия слева */
}
.adm-table .action-cell{ display:inline-flex; gap:.5rem; align-items:center; }

/* --- Мобильные уплотнения --- */
@media (max-width: 640px){
  .adm-table th, .adm-table td{ padding:.5rem .6rem; }
  .adm-table th:last-child, .adm-table td:last-child{ text-align:left; }
  .adm-table{ min-width: 860px; }
}