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

@source '../../../../../app/Filament';
@source '../../../../../resources/views/filament';

.bg-white {
  background-color: rgb(244 246 249);
}

:is(.dark .dark\:text-white) {
  --tw-text-opacity: 1;
  color: rgb(232 232 232 / var(--tw-text-opacity));
}

body.bg-gray-50 {
  background-color: rgb(244 246 249);
}

:is(:where(.dark) body.bg-gray-50) {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--gray-950), var(--tw-bg-opacity));
}

.fi-sidebar-item-active .bg-gray-100,
.fi-sidebar-item .hover\:bg-gray-100:hover,
.fi-sidebar-item .focus\:bg-gray-100:focus {
  background-color: rgb(255, 255, 255);
}

:is(:where(.dark) .fi-sidebar-item-active .bg-gray-100),
:is(:where(.dark) .fi-sidebar-item .hover\:bg-gray-100:hover),
:is(:where(.dark) .fi-sidebar-item .focus\:bg-gray-100:focus) {
  background-color: rgb(255 255 255 / 0.05);
}