/* WRAPPER */
.table-scroll {
  width: 100%;
  max-height: calc(100vh - 200px);
  overflow-y: auto;
  overflow-x: auto;

  /* gray -> your gray */
  border: 1px solid #a3a3a3;
  border-radius: 6px;

  /* جلوگیری از فضای خالی */
  display: block;
  padding: 0;
  margin: 0;

  position: relative; /* مهم برای sticky داخل wrapper */
}

/* جدول */
.estate-table {
  margin-bottom: 0 !important; /* حذف فاصله اضافی بوت‌استرپ */
  border-collapse: separate !important;
  border-spacing: 0 !important;

  --bs-table-bg: transparent !important;
  --bs-table-striped-bg: transparent !important;
  --bs-table-accent-bg: transparent !important;
}

/* هدر */
.estate-table thead th {
  background-color: #a3a3a3 !important; /* your gray */
  color: #fff !important;
  padding: 10px;
  white-space: nowrap;

  position: sticky;
  top: 0;
  z-index: 5; /* بالاتر از ردیف‌ها */
}

/* سلول‌ها */
.estate-table td {
  padding: 10px;
  white-space: nowrap !important;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 200px;
}

/* یکی در میان */
.estate-table tbody tr:nth-child(odd) {
  background-color: #fff !important;
}
.estate-table tbody tr:nth-child(even) {
  background-color: rgba(
    49,
    143,
    227,
    0.12
  ) !important; /* light tint of your blue */
}

/* hover */
.estate-table tbody tr:hover {
  background-color: #318fe3 !important; /* your blue */
  color: #fff;
}

/* موبایل */
@media (max-width: 575px) {
  .estate-table td,
  .estate-table th {
    font-size: 0.78rem;
    padding: 6px;
  }
}

.clickable-row {
  cursor: pointer;
}