/*
 * LeadSense Filament Customizations
 * To revert: remove the renderHook lines in AdminPanelProvider & ClientPanelProvider.
 */

/* Subtle shadow-sm to sections and input fields (Filament demo style) */
.fi-section:not(.fi-section-not-contained):not(.fi-aside),
.fi-input-wrp {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a) !important;
}

/* Sticky page header — stays visible on scroll so you always know which page you're on */
.fi-header {
    position: sticky !important;
    top: 4rem; /* sits below the topbar (h-16 = 4rem) */
    z-index: 10; /* below Filament topbar (z-20) so user menu dropdown isn't clipped */
    background-color: rgb(249 250 251); /* gray-50 — matches Filament light page bg */
    padding: 1rem 1.5rem 0.75rem 1.5rem;
    margin-top: -1rem;
    border-bottom: 1px solid rgb(229 231 235); /* gray-200 subtle separator */
}

.dark .fi-header {
    background-color: rgb(24 24 27); /* gray-900 — matches Filament dark page bg */
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

/* AboveContent filters: push last filter to far right */
.fi-ta-filters-form .fi-fo {
    display: flex !important;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: end;
}

.fi-ta-filters-form .fi-fo > .fi-fo-field-wrp:last-child {
    margin-left: auto;
}

/* Larger headings for StatsOverview widgets (dashboard sections) */
.fi-wi-stats-overview-header-heading {
    font-size: 1.25rem !important; /* text-xl */
    font-weight: 700 !important; /* font-bold */
}

/* Larger headings for infolist sections (Account Overview etc.) */
.fi-section-header-heading {
    font-size: 1.25rem !important; /* text-xl */
    font-weight: 700 !important; /* font-bold */
}