@import '../../../../vendor/filament/filament/resources/css/theme.css';

@source '../../../../app/Filament/**/*';
@source '../../../../resources/views/filament/**/*';
@source '../../../../vendor/relaticle/flowforge/resources/views/**/*.blade.php';

/*
|--------------------------------------------------------------------------
| School Management System - Custom Theme
|--------------------------------------------------------------------------
|
| Deep indigo primary with warm accents. Clean, professional look
| designed for school administrators, teachers, and staff.
|
*/

/* ── Sidebar ─────────────────────────────────────────────────────────── */

.fi-sidebar {
    @apply bg-gradient-to-b from-slate-900 to-slate-800 dark:from-gray-950 dark:to-gray-900;
}

.fi-sidebar-header {
    @apply border-b border-white/10;
}

.fi-sidebar .fi-tenant-menu-trigger-tenant-name {
    @apply text-white;
}

.fi-sidebar .fi-tenant-menu-trigger-current-tenant-label {
    @apply text-slate-400;
}

.fi-body-has-topbar .fi-sidebar-header {
    @apply bg-slate-900 ring-0 dark:bg-gray-950;
}

:not(.fi-body-has-topbar) .fi-sidebar-header {
    @apply bg-transparent;
}

.fi-sidebar-nav {
    @apply px-4;
}

.fi-sidebar-group-label {
    @apply text-xs uppercase tracking-wider text-slate-400 dark:text-gray-500;
}

.fi-sidebar-item-btn {
    @apply rounded-lg transition-all duration-150;

    & > .fi-icon {
        @apply text-slate-400;
    }
}

.fi-sidebar-item-label {
    @apply text-slate-300 text-[0.8125rem] font-normal;
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    @apply bg-white/10 shadow-sm;

    & > .fi-icon {
        @apply text-white;
    }
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-sidebar-item-label {
    @apply text-white font-medium;
}

.fi-sidebar-item.fi-sidebar-item-has-url > .fi-sidebar-item-btn {
    @apply hover:bg-white/[0.07] focus-visible:bg-white/[0.07];
}

.fi-sidebar-group-btn .fi-icon {
    @apply text-slate-500;
}

.fi-sidebar-group-dropdown-trigger-btn {
    @apply hover:bg-white/[0.07] focus-visible:bg-white/[0.07];

    & .fi-icon {
        @apply text-slate-400;
    }
}

.fi-sidebar-item-grouped-border-part {
    @apply bg-slate-500;
}

.fi-sidebar-item-grouped-border-part-not-first,
.fi-sidebar-item-grouped-border-part-not-last {
    @apply bg-slate-600;
}

.fi-sidebar-database-notifications-btn {
    @apply hover:bg-white/[0.07] focus-visible:bg-white/[0.07];

    & > .fi-icon {
        @apply text-slate-400;
    }

    & > .fi-sidebar-database-notifications-btn-label {
        @apply text-slate-300;
    }
}

.fi-sidebar-close-overlay {
    @apply bg-slate-950/60;
}

/* ── Topbar ──────────────────────────────────────────────────────────── */

.fi-topbar {
    @apply shadow-sm;
}

.fi-topbar nav {
    @apply border-b border-gray-200 dark:border-gray-700/60;
}

/* ── Login / Simple Pages ────────────────────────────────────────────── */

.fi-simple-layout {
    @apply bg-gradient-to-br from-slate-50 via-indigo-50/40 to-slate-100 dark:from-gray-950 dark:via-gray-900 dark:to-gray-950;
}

.fi-simple-main {
    @apply border-t-4 border-t-primary-600 shadow-lg ring-gray-200/80 dark:ring-white/10;
}

/* ── Body & Main Content ─────────────────────────────────────────────── */

.fi-body {
    @apply bg-gray-50 dark:bg-gray-950;
}

/* ── Widgets & Cards ─────────────────────────────────────────────────── */

.fi-wi-stats-overview-stat {
    @apply transition-shadow duration-200 hover:shadow-md;
}

/* ── Page Header ─────────────────────────────────────────────────────── */

.fi-page-header {
    @apply pb-2;
}

.fi-page-heading {
    @apply text-gray-800 dark:text-gray-100;
}

/* ── Tables ──────────────────────────────────────────────────────────── */

.fi-ta {
    @apply shadow-sm;
}

.fi-ta-header-cell {
    @apply bg-gray-50/80 dark:bg-gray-800/50;
}

/* ── Logo area brand styling ─────────────────────────────────────────── */

.fi-logo {
    @apply flex items-center gap-3;
}

.school-brand-icon {
    @apply flex size-9 items-center justify-center rounded-lg bg-gradient-to-br from-primary-500 to-primary-700 text-white shadow-sm;
}

.school-brand-text {
    @apply text-[0.9375rem] font-bold tracking-tight;
}

.fi-sidebar .school-brand-text {
    @apply text-white;
}

:not(.fi-sidebar) .school-brand-text {
    @apply text-gray-800 dark:text-white;
}

.school-brand-subtitle {
    @apply text-[0.625rem] font-medium uppercase tracking-widest text-slate-400;
}

/* ── Notification Badge ──────────────────────────────────────────────── */

.fi-sidebar-item-badge-ctn .fi-badge {
    @apply shadow-sm;
}

/* ── Scrollbar styling for sidebar ───────────────────────────────────── */

.fi-sidebar-nav {
    scrollbar-width: thin;
    scrollbar-color: rgba(148, 163, 184, 0.2) transparent;
}

.fi-sidebar-nav::-webkit-scrollbar {
    width: 4px;
}

.fi-sidebar-nav::-webkit-scrollbar-track {
    background: transparent;
}

.fi-sidebar-nav::-webkit-scrollbar-thumb {
    background-color: rgba(148, 163, 184, 0.2);
    border-radius: 9999px;
}

/* ── Prospect Board – full-width breakout ──────────────────────────── */

.fi-page.prospect-board .fi-page-content {
    @apply max-w-none;
}

.fi-page.prospect-board .fi-page-content > div {
    @apply max-w-none;
}

/* Smooth scrollbar for the board columns container */
.flowforge-column::-webkit-scrollbar {
    width: 4px;
}

.flowforge-column::-webkit-scrollbar-track {
    background: transparent;
}

.flowforge-column::-webkit-scrollbar-thumb {
    @apply rounded-full bg-gray-200 dark:bg-gray-700;
}

/* Cards: tighter spacing on the board */
.flowforge-card {
    @apply text-sm;
}