/* این فایل کلاس‌های Tailwind را که در فایل اصلی main.css (به‌دلیل فشرده‌سازی
   بر اساس قالب اولیه) وجود نداشتند، به‌صورت دستی و مطمئن تعریف می‌کند.
   هر وقت کلاس جدیدی در صفحات اضافه شد که در main.css/dashboard.css نبود،
   همین‌جا اضافه کنید. */

.gap-5 { gap: 1.25rem; }
.w-auto { width: auto; }
.h-16 { height: 4rem; }
.w-16 { width: 4rem; }

.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.min-w-\[480px\] { min-width: 480px; }
.min-w-\[640px\] { min-width: 640px; }

.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.375rem;
}

@media (min-width: 640px) {
  .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.text-end { text-align: end; }
.max-h-40 { max-height: 10rem; }
.overflow-y-auto { overflow-y: auto; }
.p-2\.5 { padding: 0.625rem; }
.border-harbor-200 { border-color: rgb(213 242 236); }
.bg-harbor-50\/60 { background-color: rgb(240 250 248 / 0.6); }
.bg-white\/70 { background-color: rgb(255 255 255 / 0.7); }
.object-cover { object-fit: cover; }

/* شبکه‌ی کارت‌های حساب — اندازه‌ی ثابت و واقع‌گرایانه شبیه کارت بانکی (نه کشیده) */
.cards-auto-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 340px));
  gap: 1.25rem;
  justify-content: start;
}
.bank-card {
  width: 100%;
  max-width: 340px;
  aspect-ratio: 1.586;
}