/* Tệp: public/css/custom-admin.css */

/* 1. Bo góc siêu mượt và đổ bóng 3D cho các thẻ Thống kê (Stats Overview) */
.fi-wi-stats-overview-stat {
    border-radius: 1.25rem !important; /* Bo góc tròn 20px */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.04), 0 4px 6px -4px rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important; /* Viền siêu nhạt */
    background: linear-gradient(145deg, #ffffff, #f8fafc) !important; /* Nền Gradient nhẹ */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Hiệu ứng nảy lên nhẹ khi rê chuột vào thẻ thống kê */
.fi-wi-stats-overview-stat:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.04) !important;
}

/* 2. Làm đẹp Bảng dữ liệu (Table), Biểu đồ và Form */
.fi-ta-record, .fi-fo-section, .fi-wi-chart {
    border-radius: 1.25rem !important;
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    overflow: hidden;
}

/* 3. Tinh chỉnh Header của Table cho xịn xò hơn */
.fi-ta-header {
    background-color: #f8fafc !important; 
    border-bottom: 1px solid #e2e8f0 !important;
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
}

/* 4. Hỗ trợ Chế độ tối (Dark Mode) cực kỳ sang trọng */
.dark .fi-wi-stats-overview-stat {
    background: linear-gradient(145deg, #1e293b, #0f172a) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3) !important;
}
.dark .fi-wi-stats-overview-stat:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5) !important;
}
.dark .fi-ta-record, .dark .fi-fo-section, .dark .fi-wi-chart {
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    background-color: #0f172a !important;
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.4) !important;
}
.dark .fi-ta-header {
    background-color: #0f172a !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}