/* ============ SMB Filament — Colorful + refined hovers ============ */

/* ---------- LOGIN ---------- */
.fi-simple-layout{
  background:linear-gradient(135deg,rgba(13,45,115,.93),rgba(8,29,77,.93)),
    url('/images/slider/slide01.jpg') center/cover no-repeat fixed;
}
.fi-simple-layout .fi-simple-main{background:#fff;border-radius:20px;box-shadow:0 25px 60px rgba(0,0,0,.35);padding:2.4rem 2rem;}
.dark .fi-simple-layout .fi-simple-main{background:#0f172a;}
.fi-simple-header .fi-logo{height:3rem !important;margin-inline:auto;}

/* ---------- SIDEBAR ---------- */
.fi-sidebar,.fi-sidebar-nav{background:linear-gradient(180deg,#0D2D73 0%,#081d4d 100%) !important;border-right:0 !important;}
.fi-sidebar-header{background:rgba(255,255,255,.04) !important;border-bottom:1px solid rgba(255,255,255,.08) !important;}
.fi-sidebar-header .fi-logo,.fi-sidebar-header img{filter:brightness(0) invert(1);}
.fi-sidebar-group-label{color:#9fb3d9 !important;text-transform:uppercase;letter-spacing:.06em;font-size:.7rem !important;font-weight:700;}
.fi-sidebar-item-button{color:#dbe6fb !important;border-radius:10px !important;margin:2px 8px;transition:background .15s ease,transform .15s ease;}
.fi-sidebar-item-icon{color:#9fb3d9 !important;}

/* refined hover — soft brand-tint, not harsh */
.fi-sidebar-item-button:hover{background:rgba(255,255,255,.12) !important;color:#fff !important;transform:translateX(2px);}
.fi-sidebar-item-button:hover .fi-sidebar-item-icon{color:#fff !important;}

.fi-sidebar-item.fi-active .fi-sidebar-item-button{background:linear-gradient(90deg,#D61F2C,#ef3b48) !important;color:#fff !important;box-shadow:0 6px 16px rgba(214,31,44,.40) !important;}
.fi-sidebar-item.fi-active .fi-sidebar-item-icon{color:#fff !important;}

/* ---------- TOPBAR ---------- */
.fi-topbar nav{background:#fff !important;box-shadow:0 2px 14px rgba(13,45,115,.07) !important;border-bottom:2px solid #0D2D73;}
.dark .fi-topbar nav{background:#0f172a !important;}

/* ---------- HOVERS (refined, brand-consistent) ---------- */
.fi-ta-row:hover{background:rgba(13,45,115,.05) !important;}
.dark .fi-ta-row:hover{background:rgba(255,255,255,.04) !important;}
.fi-link:hover,a.fi-link:hover{color:#0D2D73 !important;}
.fi-dropdown-list-item:hover{background:rgba(13,45,115,.06) !important;}
.fi-btn:hover{filter:brightness(.96);}
.fi-ta-actions .fi-icon-btn:hover{background:rgba(13,45,115,.08) !important;color:#0D2D73 !important;}

/* ---------- DASHBOARD: stat cards ---------- */
.fi-wi-stats-overview-stat{border-radius:16px !important;box-shadow:0 12px 28px rgba(13,45,115,.10) !important;border:1px solid #eef1f7 !important;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden;position:relative;}
.fi-wi-stats-overview-stat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#0D2D73,#D61F2C);}
.fi-wi-stats-overview-stat:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(13,45,115,.16) !important;}
.dark .fi-wi-stats-overview-stat{border-color:#1e293b !important;}

/* ---------- chart / table widget cards ---------- */
.fi-wi .fi-section,.fi-wi-chart,.fi-section,.fi-ta-ctn{border-radius:16px !important;}
.fi-section{box-shadow:0 8px 22px rgba(13,45,115,.06) !important;}
.fi-ta-header-cell{background:#f6f8fc !important;}
.dark .fi-ta-header-cell{background:#0b1220 !important;}

/* ---------- buttons / inputs ---------- */
.fi-btn{border-radius:10px !important;}
.fi-input,.fi-select-input{border-radius:10px !important;}