/* Нормальная раскладка админ-таблицы вместо зума */

html { zoom: 1; }

/* убрать узкий центрированный контейнер, если он есть — растянуть на весь экран */
body, app-root, main, .container, .wrapper, .page, .content, .admin, .admin-panel {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
  font-size: 14px;
}

th, td {
  padding: 6px 10px;
  text-align: left;
  border-bottom: 1px solid #2c4552;
  vertical-align: top;
}

th {
  position: sticky;
  top: 0;
  background: #0e161c;
  z-index: 1;
}

/* узкие поля ввода растягивать под ячейку, а не оставлять с краю */
td input, td select {
  width: 100%;
  min-width: 80px;
  box-sizing: border-box;
}

.price-input { max-width: 70px; }
.date-input { max-width: 130px; }
.email-input { min-width: 140px; }

.key-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  max-width: 260px;
}

.key-chip {
  white-space: nowrap;
}

/* колонка с кнопками действий не должна разъезжаться */
td:last-child {
  white-space: nowrap;
}
