/* «همه تیم‌ها»، «همه باشگاه‌ها»، «تیم‌های استان‌ها» و «باشگاه‌های استان‌ها»
   — تسک ۱۴۰۵/۰۷/۰۹/۰۳، بند ۱۶ … ۱۹، ۲۲ و ۲۷.

   اینجا و نه در `theme.css`، به همان دلیل هر فایل سراسری دیگری در `public/css/`:
   این فایل را خود صفحه لینک می‌کند، پس روی سرور بدون ساخت دوباره دارایی‌ها اثر
   می‌گذارد. */

/* ───────────────────────── نشان، و بعد نام (بند ۱۶ و ۱۷) ───────────────── */

/* ردیف است و جهتش را از صفحه می‌گیرد: در پنل راست‌به‌چپ، نشان سمت راست نام
   می‌نشیند — یعنی «قبل از نام». */
.org-name-cell {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

/* اندازهٔ ثابت و `flex: none`: نام بلند (بند ۳۸ «نام تیم بسیار طولانی») نباید
   نشان را له کند، و نشانِ نبوده نباید ارتفاع ردیف را عوض کند. */
.org-name-cell-logo {
    flex: none;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 9999px;
    object-fit: cover;
    background-color: rgb(243 244 246);
}

.dark .org-name-cell-logo {
    background-color: rgb(55 65 81);
}

/* نام، با همان رنگ و وزنی که ستون «نام» از قبل داشت — این فایل فقط جای نشان را
   باز می‌کند و رنگ لینک ستون را عوض نمی‌کند. */
.org-name-cell-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ─────────────────── ردیف‌های یکی‌درمیان (بند ۱۹، ۲۷ و ۳۳) ───────────────── */

/* خود رنگِ یکی‌درمیان کار `->striped()` فیلامنت است: ردیف‌های زوج
   `bg-gray-50 dark:bg-white/5` می‌گیرند — کم‌رنگ، هماهنگ با حالت تاریک، و فقط
   روی `tbody` (سربرگ جدول اصلاً ردیف نیست). سه شرط از چهار شرط بند ۱۹ همان‌جا
   جواب داده‌اند.

   شرط چهارم — «Hover را از بین نبرد» — نه: رنگِ hover خود فیلامنت دقیقاً همان
   `bg-gray-50 / white/5` است، پس روی ردیف زوج هیچ اتفاقی دیده نمی‌شود. این یک
   قاعده همان را درست می‌کند و یک پله تیره‌تر (و در تاریکی روشن‌تر) می‌رود، تا
   ردیف زیر نشانگر در هر دو حالت دیده شود.

   محدود به همین چهار مدیریت است و نه سراسر پنل: کلاس `org-list-row` را خود
   جدول روی ردیف‌هایش می‌گذارد (`recordClasses()`). */
.fi-ta-row.org-list-row:hover {
    background-color: rgb(229 231 235);
}

.dark .fi-ta-row.org-list-row:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

/* ─────────── کادر سبز تعداد استان در منو (بند ۲۲ و ۳۰) ─────────── */

/* فیلامنت هر badge منو را در `<x-filament::badge>` خودش می‌پیچد. اینجا فقط
   وقتی کنار گذاشته می‌شود که آنچه داخلش است همین کادر باشد، تا کادر داخل کادر
   کشیده نشود. هیچ badge دیگری دست نمی‌خورد. */
.fi-badge:has(> .fi-org-count) {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
    min-width: 0;
}

/* سبز، با متن سفید — بند ۲۲ «تعداد ... در یک Badge/کادر سبز». مستطیل و نه قرص،
   به همان زبان کادرهای «بازی‌های هر استان» که کنارش نوشته شده‌اند. */
.fi-org-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    padding: 0.0625rem 0.3125rem;
    border-radius: 0.25rem;
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: 1.125rem;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    background-color: #16a34a;
    color: #ffffff;
}

/* ردیفی که همین حالا باز است با رنگ خود پنل پر می‌شود؛ کادر سبز رنگش را نگه
   می‌دارد و فقط یک خط مویی می‌گیرد تا صاف روی آن ننشیند. */
.fi-sidebar-item-active .fi-org-count,
.dark .fi-sidebar-item-active .fi-org-count {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.55);
}

@media (max-width: 480px) {
    .fi-org-count {
        min-width: 1.125rem;
        padding: 0.0625rem 0.25rem;
    }
}