/* Custom styles for Filament */

/* Logo styling for login page */
.fi-logo img {
    max-height: 4rem;
    width: auto;
    transition: transform 0.3s ease;
}

/* Logo styling for sidebar */
.fi-sidebar-header img {
    max-height: 3rem;
    width: auto;
    transition: transform 0.3s ease;
}

/* Invert logo colors in Light Mode */
:root:not(.dark) .fi-logo img,
:root:not(.dark) .fi-sidebar-header img {
    filter: invert(1);
}

/* Keep original colors in Dark Mode */
.dark .fi-logo img,
.dark .fi-sidebar-header img {
    filter: none;
}

/* Add a subtle hover effect to the logo */
.fi-logo img:hover,
.fi-sidebar-header img:hover {
    transform: scale(1.05);
}

/* Custom Sky blue theme enhancements */
.fi-btn-color-primary {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(14 165 233 / var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border-color: rgb(14 165 233 / var(--tw-border-opacity));
}

.fi-btn-color-primary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(2 132 199 / var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border-color: rgb(2 132 199 / var(--tw-border-opacity));
}

/* Enhance sidebar active item indicator with sky blue */
.fi-sidebar-item-active {
    --tw-border-opacity: 1;
    border-color: rgb(14 165 233 / var(--tw-border-opacity));
}