/* টেবিলের জন্য বেসিক স্টাইল */
table {
  border-collapse: collapse;
  width: 100%;
  min-width: 600px; /* মোবাইলে হরিজন্টাল স্ক্রল হবে */
  font-family: 'SutonnyOMJ', sans-serif;
  font-size: 16px; /* ফন্ট সাইজ হালকা কমিয়ে নিন */
  color: #000;
}

/* হেডার এবং সেলের বর্ডার */
th, td {
  border: 1px solid #999;
  padding: 8px 12px;
  text-align: center;
  vertical-align: middle;
}

/* হেডার ব্যাকগ্রাউন্ড */
thead th {
  background-color: #f5f5f5;
  font-weight: 600;
}

/* রো ভ্যারিয়েশন দিয়ে পটভূমি */
tbody tr:nth-child(even) {
  background-color: #fafafa;
}

/* Responsive: ছোট স্ক্রিনে টেবিল স্ক্রল যোগ করা */
div[style*="overflow-x: auto;"] {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 1rem;
}

/* ছোট স্ক্রিনে ফন্ট সাইজ আর প্যাডিং হ্রাস */
@media (max-width: 768px) {
  table {
    font-size: 14px;
    min-width: 100%;
  }
  th, td {
    padding: 6px 8px;
  }
}