/* ===== GYM Dashboard - Modern Professional Theme ===== */

/* Stats Overview Cards - Enhanced with gradient borders */
.fi-wi-stats-overview-stat {
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 1rem;
    overflow: hidden;
}
.fi-wi-stats-overview-stat:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}
.fi-wi-stats-overview-stat:hover .fi-wi-stats-overview-stat-value {
    transform: scale(1.02);
}

/* Chart Cards - Rounded corners and subtle shadow */
.fi-wi-chart {
    transition: all 0.35s ease;
    border-radius: 1rem;
}
.fi-wi-chart:hover {
    box-shadow: 0 12px 24px -8px rgb(0 0 0 / 0.12);
}

/* Table Widget Cards */
.fi-wi-table {
    transition: all 0.3s ease;
    border-radius: 1rem;
}

/* Sidebar - Smooth transitions */
.fi-sidebar-item-button {
    transition: all 0.2s ease;
    border-radius: 0.5rem;
}
.fi-sidebar-item-button:hover {
    background-color: rgb(59 130 246 / 0.1);
}

/* Table rows - Subtle hover */
.fi-ta-row {
    transition: background-color 0.15s ease;
}
.fi-ta-row:hover {
    background-color: rgb(34 197 94 / 0.06);
}
.dark .fi-ta-row:hover {
    background-color: rgb(34 197 94 / 0.08);
}

/* Dashboard grid - Staggered fade-in */
.fi-wi-stats-overview-stats-ctn {
    animation: fadeInUp 0.6s ease-out;
}
.fi-wi-chart {
    animation: fadeInUp 0.6s ease-out backwards;
}
.fi-wi-chart:nth-child(1) { animation-delay: 0.1s; }
.fi-wi-chart:nth-child(2) { animation-delay: 0.15s; }
.fi-wi-chart:nth-child(3) { animation-delay: 0.2s; }
.fi-wi-chart:nth-child(4) { animation-delay: 0.25s; }
.fi-wi-chart:nth-child(5) { animation-delay: 0.3s; }
.fi-wi-table {
    animation: fadeInUp 0.6s ease-out 0.35s backwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(1.25rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Page header - Clean spacing */
.fi-header-heading {
    font-weight: 700;
    letter-spacing: -0.02em;
}

/* Badge styling - Pill style */
.fi-badge {
    border-radius: 9999px;
    font-weight: 600;
}

/* Card headers - Bolder */
.fi-wi-stats-overview-stat-label,
.fi-wi-chart-header,
.fi-wi-table-heading {
    font-weight: 600;
}

/* RTL support - Arabic layout */
[dir="rtl"] .fi-sidebar-nav-groups {
    padding-right: 0;
    padding-left: 0.5rem;
}
[dir="rtl"] .fi-ta-table {
    text-align: right;
}
[dir="rtl"] .fi-wi-stats-overview-stat-value {
    text-align: right;
}