/**
 * Bảng danh sách admin (DataTables): viền, zebra, khoảng cách cột thống nhất.
 */
.table.table-admin-dt thead th {
  white-space: nowrap;
  vertical-align: middle;
  border-bottom-width: 2px;
}

/**
 * Cột thời gian: căn phải, gọn (H:i d-m-Y), không ép min-width lớn.
 * width: 1% + nowrap: ưu tiên co theo nội dung, phần ngang dư nhường các cột khác.
 */
.table th.table-col-time,
.table td.table-col-time {
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  width: 1%;
  min-width: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* Khoảng cách ngang giữa các cột dễ đọc hơn */
.table.table-comfortable th,
.table.table-comfortable td {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  vertical-align: middle;
}

/* Cột thời gian trong bảng comfortable: padding ngang nhỏ hơn, tránh “dư” so với nội dung ngắn */
.table.table-comfortable th.table-col-time,
.table.table-comfortable td.table-col-time {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/**
 * Sneat core.css: `.table .btn-icon { color: var(--bs-table-color); }` overrides
 * outline button colors so hover/active/focus do not update icon contrast.
 * Restore Bootstrap button CSS variables for outline icon buttons in tables.
 */
.table .btn-icon[class*='btn-outline-'] {
  color: var(--bs-btn-color);
}
.table .btn-icon[class*='btn-outline-']:hover,
.table .btn-icon[class*='btn-outline-']:focus,
.table .btn-icon[class*='btn-outline-']:focus-visible {
  color: var(--bs-btn-hover-color);
}
.table .btn-icon[class*='btn-outline-']:active,
.table .btn-icon[class*='btn-outline-'].active {
  color: var(--bs-btn-active-color);
}
.table .btn-icon[class*='btn-outline-']:disabled,
.table .btn-icon[class*='btn-outline-'].disabled {
  color: var(--bs-btn-disabled-color);
}

/* Theme `.btn:hover { transform: translateY(-1px); }` — icon cạnh badge/code bị lệch dọc */
.table .btn-icon:hover,
.table .btn-icon:focus {
  transform: none;
}