@import '../../../../vendor/filament/filament/resources/css/theme.css';

@source '../../../../app/Filament/**/*';
@source '../../../../resources/views/filament/**/*';
@source '../../../../vendor/mokhosh/filament-jalali/resources/**/*';



.fi-modal-close-overlay{
    @apply backdrop-blur-sm;
}
.fi-sidebar-nav-groups {
    @apply !gap-y-2;
}
.fi-simple-layout {
    background-image: url('/images/login-background.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.flx-rw .fi-ac {
    display: flex !important;
    flex-direction: column !important;
    width: 100%;
}

.flx-rw .fi-sc-actions .fi-ac-btn-action {
    width: 100% !important;
}

.fi-wi-stats-overview-stat-label-ctn .fi-wi-stats-overview-stat-value{
    direction:ltr;
}
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    @apply bg-primary-500;

    & > svg,
    & > span {
        @apply text-white;
    }

    &:hover {
        @apply bg-primary-400;
    }
}
@media (hover: hover) {
    .fi-sidebar-item.fi-sidebar-item-has-url:not(.fi-active) > .fi-sidebar-item-btn:where(.dark, .dark *):hover {
        background-color: #ffffff0d;
    }

    @supports (color: color-mix(in lab,red,red)) {
        .fi-sidebar-item.fi-sidebar-item-has-url:not(.fi-active) > .fi-sidebar-item-btn:where(.dark, .dark *):hover {
            background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
        }
    }
}

/* Table loading: skeleton shimmer on cells (pagination, sort, filter, etc.) */
.fi-ta-content-ctn.table-loading-overlay .fi-ta-col {
    position: relative;
    display: inline-block;
    width: 100%;
    min-height: 1.5em;
}

.fi-ta-content-ctn.table-loading-overlay .fi-ta-col * {
    opacity: 0;
}

.fi-ta-content-ctn.table-loading-overlay .fi-ta-col::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0.25rem;
    right: 0.25rem;
    height: 0.75rem;
    border-radius: 9999px;
    background-color: rgba(200, 200, 200, 0.3);
    transform: translateY(-50%);
    animation: fi-ta-skeleton-pulse 1.5s ease-in-out infinite;
}

.dark .fi-ta-content-ctn.table-loading-overlay .fi-ta-col::after {
    background-color: rgba(255, 255, 255, 0.15);
}

/* Actions column skeleton (edit/delete etc. buttons) */
.fi-ta-content-ctn.table-loading-overlay .fi-ta-cell:has(.fi-ta-actions) {
    position: relative;
    min-height: 1.5em;
}

.fi-ta-content-ctn.table-loading-overlay .fi-ta-cell:has(.fi-ta-actions) * {
    opacity: 0;
}

.fi-ta-content-ctn.table-loading-overlay .fi-ta-cell:has(.fi-ta-actions)::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.5rem;
    height: 0.75rem;
    border-radius: 9999px;
    background-color: rgba(200, 200, 200, 0.3);
    transform: translate(-50%, -50%);
    animation: fi-ta-skeleton-pulse 1.5s ease-in-out infinite;
}

.dark .fi-ta-content-ctn.table-loading-overlay .fi-ta-cell:has(.fi-ta-actions)::after {
    background-color: rgba(255, 255, 255, 0.15);
}

@keyframes fi-ta-skeleton-pulse {
    0%,
    100% {
        opacity: 0.3;
    }
    50% {
        opacity: 0.6;
    }
}