/* Login page background */
.fi-simple-layout {
    background-image: url('/images/achtergrond.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-color: #0f172a !important;
}

.fi-simple-layout::before {
    content: '' !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: rgba(15, 23, 42, 0.6) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

.fi-simple-layout > * {
    position: relative !important;
    z-index: 1 !important;
}

/* Login card white */
.fi-simple-main {
    background-color: white !important;
}

/* Login logo - gebruik het volledige logo */
.fi-simple-header .fi-logo {
    height: 8rem !important;
}

.fi-simple-header .fi-logo img {
    content: url('/images/logo.png') !important;
    height: 8rem !important;
    width: auto !important;
}

/* Verberg de tekst naast het logo op login pagina */
.fi-simple-header .fi-logo span {
    display: none !important;
}

/* Sidebar donkerder maken */
.fi-sidebar {
    background-color: #1e293b !important;
}

.fi-sidebar-header {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}

.fi-sidebar-nav {
    background-color: #1e293b !important;
}

/* Sidebar tekst wit maken */
.fi-sidebar-item-label {
    color: #e2e8f0 !important;
}

.fi-sidebar-item-icon {
    color: #94a3b8 !important;
}

.fi-sidebar-group-label {
    color: #94a3b8 !important;
}

/* Sidebar logo kleiner */
.fi-sidebar-header img,
.fi-sidebar .fi-logo img {
    height: 2.5rem !important;
    width: auto !important;
    object-fit: contain !important;
}

/* Sidebar hover */
.fi-sidebar-item:hover {
    background-color: #0891b2 !important;
}

.fi-sidebar-item:hover .fi-sidebar-item-label {
    color: #0f172a !important;
}

.fi-sidebar-item:hover .fi-sidebar-item-icon {
    color: #0f172a !important;
}

.fi-sidebar-item-active {
    background-color: #0891b2 !important;
}

.fi-sidebar-item-active .fi-sidebar-item-label {
    color: #0f172a !important;
    font-weight: 600 !important;
}

.fi-sidebar-item-active .fi-sidebar-item-icon {
    color: #0f172a !important;
}