/* ---------------------------------------------------------------------
   patch.css — کلاس‌هایی که در CSS کامپایل‌شدهٔ بلیتیک نیستند.

   بیلد Tailwind اینجا اجرا نمی‌شود و فایل‌های .css دستی نگهداری می‌شوند،
   پس هر کلاسی که در آن بیلد نبوده روی صفحه بی‌اثر است. به‌جای بازنویسی
   قالب‌ها با کلاس‌های موجود، همان نام‌ها اینجا تعریف می‌شوند تا markup
   استاندارد Tailwind بماند و اگر روزی بیلد دوباره اجرا شد چیزی نشکند.
   --------------------------------------------------------------------- */

/* --- شبکه --- */
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.col-span-2  { grid-column: span 2 / span 2; }

/* --- اندازهٔ متن و ارتفاع خط --- */
.text-\[10px\] { font-size: 10px; line-height: 1.35; }
.text-\[11px\] { font-size: 11px; line-height: 1.35; }
.leading-tight { line-height: 1.25; }
.leading-6     { line-height: 1.5rem; }

/* --- فاصله‌ها --- */
.mt-16 { margin-top: 4rem; }
.gap-x-6 { column-gap: 1.5rem; }
.gap-y-1 { row-gap: 0.25rem; }

/* --- جداکنندهٔ عمودی بین ردیف‌ها --- */
.divide-y > :not([hidden]) ~ :not([hidden]) { border-top-width: 1px; }
.divide-border > :not([hidden]) ~ :not([hidden]) {
    border-color: hsl(var(--border, 214 32% 91%));
}

/* --- پالت amber (برای هشدارها) --- */
.bg-amber-50   { background-color: #fffbeb; }
.bg-amber-100  { background-color: #fef3c7; }
.border-amber-200 { border-color: #fde68a; }
.border-amber-300 { border-color: #fcd34d; }
.text-amber-600 { color: #d97706; }
.text-amber-700 { color: #b45309; }
.text-amber-900 { color: #78350f; }
.hover\:bg-amber-100:hover { background-color: #fef3c7; }

/* --- سایر --- */
.hover\:border-purple-300:hover { border-color: #d8b4fe; }
.break-words { overflow-wrap: break-word; word-break: break-word; }

/* --- واریانت‌های sm --- */
@media (min-width: 640px) {
    .sm\:col-span-2 { grid-column: span 2 / span 2; }
    .sm\:gap-6      { gap: 1.5rem; }
    .sm\:mt-20      { margin-top: 5rem; }
    .sm\:flex-wrap  { flex-wrap: wrap; }
    .sm\:pt-0       { padding-top: 0; }
    .sm\:pb-6       { padding-bottom: 1.5rem; }
    .sm\:px-6       { padding-left: 1.5rem; padding-right: 1.5rem; }
    .sm\:border-t-0 { border-top-width: 0; }
    .sm\:text-xl    { font-size: 1.25rem; line-height: 1.75rem; }
}

/* --- واریانت‌های lg --- */
@media (min-width: 1024px) {
    .lg\:gap-0         { gap: 0; }
    .lg\:ml-3          { margin-left: 0.75rem; }
    .lg\:text-right    { text-align: right; }
    .lg\:justify-start { justify-content: flex-start; }
    .lg\:mb-1          { margin-bottom: 0.25rem; }
    .lg\:px-3          { padding-left: 0.75rem; padding-right: 0.75rem; }
    .lg\:mt-6          { margin-top: 1.5rem; }
    .lg\:border-purple-600 { border-color: #9333ea; }
    .lg\:border-red-600    { border-color: #dc2626; }
}