@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');


@tailwind base;
@tailwind components;
@tailwind utilities;


body {
    @apply bg-gray-50 dark:bg-gray-900 font-poppins font-thin text-gray-900 dark:text-gray-100;
}
.fi-sidebar {
    @apply bg-white dark:bg-gray-800;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400 !important; /* normal weight for sidebar */
}
.fi-main, .fi-layout {
    @apply bg-gray-50 dark:bg-gray-900;
}

/* --- Navbar & table styling --- */
.filament-main-topbar {
    @apply border-b border-gray-200 dark:border-gray-700;
}
.fi-navbar, .fi-table {
    @apply shadow-sm rounded-lg;
}

/* --- Sidebar tweaks --- */
.fi-sidebar .fi-sidebar-item-icon {
    @apply text-gray-500 dark:text-gray-400;
    width: 1rem !important;
}
.fi-sidebar ul li a {
    @apply py-2 px-3 !important;
    @apply rounded-md hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400 !important;
}
.fi-sidebar .fi-sidebar-group-label {
    @apply font-medium text-gray-600 dark:text-gray-400;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400 !important;
}

/* --- Button styling --- */
.fi-button-primary {
    @apply bg-primary-600 hover:bg-primary-700 text-white shadow-md;
}

/* --- Table row hover --- */
.fi-table tbody tr:hover {
    @apply bg-gray-100 dark:bg-gray-800;
}

/* --- Badge tweaks --- */
.fi-badge {
    @apply rounded-md px-2 py-[0.15rem] text-xs font-semibold;
}
.badge-primary {
    @apply bg-primary-100 text-primary-800 dark:bg-primary-800 dark:text-primary-100;
}
.badge-success {
    @apply bg-green-100 text-green-800 dark:bg-green-800 dark:text-green-100;
}
.badge-danger {
    @apply bg-red-100 text-red-800 dark:bg-red-800 dark:text-red-100;
}

/* --- Card & panel refinements --- */
.fi-card, .fi-summary-card {
    @apply shadow-md rounded-lg !important;
}

/* Reduce vertical padding and line-height for sidebar links */
.fi-sidebar ul li a {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    min-height: 28px !important;     /* smaller row height */
    font-size: 15px !important;      /* optional: slightly smaller font */
    line-height: 1.2 !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400 !important;
}

/* Reduce spacing between sidebar groups */
.fi-sidebar .fi-sidebar-group {
    margin-top: 6px !important;
    margin-bottom: 2px !important;
}

/* Reduce vertical padding for sidebar group labels */
.fi-sidebar .fi-sidebar-group-label {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    font-size: 13px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400 !important;
    row-gap: 0 !important;
}

/* Make sidebar narrower */
.fi-sidebar {
    width: 15rem !important;   /* default is often 15rem */
    min-width: 15rem !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400 !important;
}

/* Global badge font and font size */
.fi-badge, .badge, .badge-primary, .badge-success, .badge-danger {
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 12px !important;      /* Adjust as needed */
    font-weight: 500 !important;     /* Or 400, or any value you want */
    letter-spacing: 0.02em !important; /* Optional for readability */
}

/* Reduce left/right padding for icon and badge containers */
.fi-sidebar-item-icon {
    margin-right: 7px !important;
}
.fi-sidebar ul li a .fi-sidebar-item-badge {
    margin-left: 6px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    font-size: 12px !important;
}

/* Optional: make the badge more compact */
.fi-sidebar ul li a .fi-sidebar-item-badge {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

/* Remove or shrink vertical divider (if present) */
.fi-sidebar-divider {
    margin: 0 !important;
    height: 1px !important;
}

/* Optional: reduce sidebar overall font size for more density */
.fi-sidebar, .fi-sidebar * {
    font-size: 13px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400 !important;
}

/* Optional: reduce the space above/below logo/user section */
.fi-sidebar .fi-sidebar-header,
.fi-sidebar .fi-sidebar-footer {
    padding-top: 0.6rem !important;
    padding-bottom: 0.0rem !important;
}

.fi-sidebar-nav {
    padding-right: 0rem !important;
    padding-left: 1rem !important;
    row-gap: 7px !important;
}

.fi-sidebar-nav-groups {
    row-gap: 0 !important;
}

.fi-main {
    padding-left: 1.5rem !important;
}
/* Hide scrollbars for all modern browsers */
::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
}

body, .fi-sidebar, .fi-main, .fi-table, .fi-layout {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer/Edge */
}

body::-webkit-scrollbar,
.fi-sidebar::-webkit-scrollbar,
.fi-main::-webkit-scrollbar,
.fi-table::-webkit-scrollbar,
.fi-layout::-webkit-scrollbar {
    display: none !important;
}

/*!* Snow Color Scheme *!*/
.bg-snow-25 {
    background-color: #fcf7f8;
}

.bg-snow-50 {
    background-color: #fcf4f5;
}

.bg-snow-100 {
    background-color: #f7e9eb;
}

.bg-snow-200 {
    background-color: #efcdd1;
}

.bg-snow-300 {
    background-color: #e7b1b7;
}

.bg-snow-400 {
    background-color: #df959d;
}

.bg-snow-500 {
    background-color: #d77a83;
}

.bg-snow-600 {
    background-color: #ac6168;
}

.bg-snow-700 {
    background-color: #81484d;
}

.bg-snow-800 {
    background-color: #562f32;
}

.bg-snow-900 {
    background-color: #2b1618;
}

.text-snow-25 {
    color: #fcf7f8;
}

.text-snow-50 {
    color: #fcf4f5;
}

.text-snow-100 {
    color: #f7e9eb;
}

.text-snow-200 {
    color: #efcdd1;
}

.text-snow-300 {
    color: #e7b1b7;
}

.text-snow-400 {
    color: #df959d;
}

.text-snow-500 {
    color: #d77a83;
}

.text-snow-600 {
    color: #ac6168;
}

.text-snow-700 {
    color: #81484d;
}

.text-snow-800 {
    color: #562f32;
}

.text-snow-900 {
    color: #2b1618;
}