:root {
        --bs-topbar-hoogte: 3.75rem;
        --bs-bg: #fafafa;
        --bs-chrome: #fafafa;
        --bs-chrome-hover: rgba(56, 78, 99, 0.08);
        --bs-kaart: #ffffff;
        --bs-schaduw: 0 1px 2px rgba(16, 24, 40, 0.05), 0 4px 12px -4px rgba(16, 24, 40, 0.1);
        --bs-kopbalk: var(--bs-kaart);
        --bs-zacht: #f9fafb;
        --bs-chip: #f2f4f7;
        --bs-chip-ink: #344054;
        --bs-veldrand: #d0d5dd;
        --bs-line: #e4e7ec;
        --bs-ink: #1e293b;
        --bs-heading: #0f1836;
        --bs-muted: #667085;
        --bs-accent: #1c7456;
        --bs-accent-ink: #ffffff;
        --bs-accent-text: #1c7456;
        --bs-accent-soft: color-mix(in srgb, #41e6ac 14%, #ffffff);
        --bs-primary: #0f1836;
        --bs-primary-ink: #ffffff;
        --bs-primary-hover: #1b2a52;
        --bs-mint: #41e6ac;
        --sb-bg: #ffffff;
        --sb-ink: #0f172a;
        --sb-item-radius: 10px;
        --bs-knop-radius: 999px;
        --sb-menu-ink: #5b6478;
        --sb-muted: #6b7385;
        --sb-icon: currentColor;
        --sb-line: #e4e7ef;
        --sb-groepslijn: #eef0f4;
        --sb-hover: rgba(15, 24, 54, 0.05);
        --sb-actief-bg: #0f1836;
        --sb-actief-rand: transparent;
        --sb-actief-ink: #ffffff;
        --sb-actief-schaduw: none;
        --sb-kaart: #f7f8fa;
        --sb-kaart-hover: #eef0f4;
    }
    .fi-page-content > .transition-opacity {
        align-self: start;
    }
    .fi-body {
        background: var(--bs-bg);
    }
    .fi-wi-stats-overview-stat {
        background: var(--bs-kaart);
    }
    @media (min-width: 1024px) {
        .fi-body-has-navigation .fi-sidebar {
            position: fixed;
            inset-block: 0;
            inset-inline-start: 0;
            height: 100dvh;
            z-index: 50;
        }
        .fi-body-has-navigation .fi-layout {
            padding-inline-start: var(--sidebar-width, 16rem);
            transition: padding-inline-start 0.25s ease;
        }
        .fi-body-has-navigation .fi-topbar-ctn {
            padding-inline-start: var(--sidebar-width, 16rem);
            transition: padding-inline-start 0.25s ease;
        }
        .fi-body-has-navigation:has(.fi-main-sidebar:not([x-cloak]):not(.fi-sidebar-open)) .fi-topbar-ctn,
        .fi-body-has-navigation:has(.fi-main-sidebar.bs-peek) .fi-topbar-ctn {
            padding-inline-start: 4.5rem;
        }
        .fi-body-has-navigation:has(.fi-main-sidebar:not([x-cloak]):not(.fi-sidebar-open)) .fi-layout,
        .fi-body-has-navigation:has(.fi-main-sidebar.bs-peek) .fi-layout {
            padding-inline-start: 4.5rem;
        }
        .fi-topbar-open-sidebar-btn,
        .fi-topbar-close-sidebar-btn {
            display: none !important;
        }
        .fi-topbar-start .fi-logo {
            display: none;
        }
    }
    .fi-sidebar,
    .fi-main-sidebar {
        background: var(--sb-bg) !important;
        border: none !important;
        border-inline-end: 1px solid var(--sb-line) !important;
        margin: 0;
        border-radius: 0;
        box-shadow: none;
        transition: background-color 0.2s ease;
    }
    .fi-main-sidebar.bs-peek {
        box-shadow: 0 18px 48px -18px rgba(16, 24, 40, 0.28);
    }
    @media (max-width: 1023.98px) {
        .fi-sidebar {
            box-shadow: 0 18px 48px -18px rgba(16, 24, 40, 0.28);
        }
        .bs-topbar-gebruiker {
            position: relative;
            z-index: 40;
        }
        .fi-sidebar .bs-sidebar-brand {
            margin-top: calc(3.75rem + env(safe-area-inset-top, 0px));
        }
        .fi-sidebar .fi-sidebar-header-ctn {
            display: none;
        }
    }
    .fi-sidebar-nav,
    .fi-sidebar-header {
        border-radius: 0;
    }
    .bs-sidebar-brand {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0.5rem;
        padding: 22px 16px 22px 16px;
    }
    .bs-brand-bel {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 2.1rem;
        height: 2.1rem;
        flex: none;
        border: 0;
        border-radius: 9999px;
        background: transparent;
        color: var(--sb-muted);
        cursor: pointer;
        transition: background-color 0.15s ease, color 0.15s ease;
    }
    .bs-brand-bel svg {
        width: 1.35rem;
        height: 1.35rem;
    }
    .bs-brand-bel:hover,
    .bs-brand-bel:focus-visible {
        color: var(--sb-ink);
        background: var(--sb-hover);
    }
    .fi-sidebar:not([x-cloak]):not(.fi-sidebar-open) .bs-brand-bel {
        display: none;
    }
    .bs-brand-woord {
        height: 24px;
        width: auto;
    }
    .bs-brand-logo {
        content: url('/images/brightsafe-logo-donker-128.png?v=1');
    }
    .bs-sidebar-brand-custom .bs-brand-woord {
        background: var(--bs-kaart);
        border-radius: 0.5rem;
        padding: 0.25rem 0.5rem;
        height: 2rem;
    }
    .bs-brand-merk {
        display: none;
    }
    .fi-sidebar:not([x-cloak]):not(.fi-sidebar-open) .bs-sidebar-brand {
        justify-content: center;
        padding-inline: 0;
    }
    .fi-sidebar:not([x-cloak]):not(.fi-sidebar-open) .bs-brand-woord {
        display: none;
    }
    .fi-sidebar:not([x-cloak]):not(.fi-sidebar-open) .bs-brand-merk {
        display: inline-flex;
        width: 2rem;
        height: 1.7rem;
        overflow: hidden;
    }
    .bs-brand-merk img {
        height: 1.7rem;
        width: auto;
        max-width: none;
    }
    .fi-sidebar-header {
        background: transparent !important;
        border-bottom: none;
        box-shadow: none;
    }
    .fi-page-header-main-ctn:has(> .fi-header):not(:has(.fi-header-heading)) {
        padding-top: 0.75rem;
        row-gap: 0.75rem;
    }
    .fi-sidebar .fi-sidebar-nav {
        padding: 0 14px;
    }
    .fi-sidebar,
    .fi-sidebar-nav {
        scrollbar-width: thin;
        scrollbar-color: rgba(15, 23, 42, 0.2) transparent;
    }
    .fi-sidebar::-webkit-scrollbar,
    .fi-sidebar-nav::-webkit-scrollbar {
        width: 8px;
    }
    .fi-sidebar::-webkit-scrollbar-track,
    .fi-sidebar-nav::-webkit-scrollbar-track {
        background: transparent;
    }
    .fi-sidebar::-webkit-scrollbar-thumb,
    .fi-sidebar-nav::-webkit-scrollbar-thumb {
        background-color: rgba(15, 23, 42, 0.16);
        border-radius: 999px;
        border: 2px solid transparent;
        background-clip: padding-box;
    }
    .fi-sidebar::-webkit-scrollbar-thumb:hover,
    .fi-sidebar-nav::-webkit-scrollbar-thumb:hover {
        background-color: rgba(15, 23, 42, 0.28);
    }
    .fi-sidebar .fi-sidebar-group-items {
        row-gap: 0.1rem;
    }
    .fi-sidebar .fi-sidebar-sub-group-items {
        row-gap: 0;
        margin-top: 0.1rem;
    }
    .fi-sidebar .fi-sidebar-sub-group-items .fi-sidebar-item-btn {
        position: relative;
        padding-block: 7px;
        padding-inline-start: 36px;
    }
    .fi-sidebar .fi-sidebar-sub-group-items .fi-sidebar-item-btn::before {
        content: "";
        position: absolute;
        inset-inline-start: 17px;
        top: 50%;
        transform: translateY(-50%);
        width: 5px;
        height: 5px;
        border-radius: 999px;
        background: var(--sb-muted);
    }
    .fi-sidebar .fi-sidebar-sub-group-items .fi-sidebar-item.fi-active > .fi-sidebar-item-btn::before {
        background: var(--sb-ink);
    }
    .fi-sidebar .fi-sidebar-sub-group-items .fi-sidebar-item-label {
        font-size: 14px;
        font-weight: 500;
    }
    .fi-sidebar .fi-sidebar-sub-group-items .fi-sidebar-item-icon,
    .fi-sidebar .fi-sidebar-item-grouped-border,
    .fi-sidebar .fi-sidebar-item-grouped-border-part {
        display: none !important;
    }
    .fi-sidebar .fi-sidebar-item-label {
        color: inherit;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
    }
    .fi-sidebar .fi-sidebar-item-icon {
        width: 17px;
        height: 17px;
        color: var(--sb-icon);
    }
    .fi-sidebar .fi-sidebar-item-badge-ctn {
        display: flex;
        align-items: center;
        line-height: 17px;
    }
    .fi-sidebar .fi-sidebar-item-badge-ctn .fi-badge {
        min-height: 0;
        padding: 0 6px;
        font-size: 11px;
        line-height: 17px;
    }
    .fi-sidebar .fi-sidebar-item-btn {
        border-radius: var(--sb-item-radius);
        margin-inline: 0;
        border: 0;
        padding-inline: 12px;
        column-gap: 9px;
        color: var(--sb-menu-ink);
        transition: background-color 0.15s ease, color 0.15s ease;
    }
    .fi-sidebar .fi-sidebar-item-btn:hover {
        background-color: var(--sb-hover);
    }
    .fi-sidebar .fi-sidebar-item-btn:hover {
        color: var(--sb-ink);
    }
    .fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
        background: var(--sb-actief-bg);
        color: var(--sb-actief-ink);
        box-shadow: var(--sb-actief-schaduw);
    }
    .fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn .fi-sidebar-item-label {
        font-weight: 700;
    }
    .fi-sidebar .fi-sidebar-group-btn {
        padding: 0.55rem 0.9rem 0.25rem;
        cursor: default;
    }
    .fi-sidebar .fi-sidebar-group-label {
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--sb-muted);
    }
    .fi-sidebar .fi-sidebar-group:not(.fi-collapsible) .fi-sidebar-group-collapse-btn {
        display: none !important;
    }
    .fi-sidebar .fi-sidebar-group.bs-module-regel > .fi-sidebar-group-btn {
        display: flex;
        align-items: center;
        gap: 9px;
        margin-inline: 0;
        padding: 8px 12px;
        position: relative;
        border-radius: var(--sb-item-radius);
        border: 0;
        cursor: pointer;
        color: var(--sb-menu-ink);
        transition: background-color 0.15s ease, color 0.15s ease;
    }
    .fi-sidebar .fi-sidebar-group.bs-module-regel > .fi-sidebar-group-btn:hover {
        background: var(--sb-hover);
        color: var(--sb-ink);
    }
    .fi-sidebar .fi-sidebar-group.bs-module-regel .fi-sidebar-group-link {
        order: 1;
        display: flex;
        flex: 1 1 0%;
        align-items: center;
        gap: 9px;
        min-width: 0;
        overflow: hidden;
        padding-inline-end: 20px;
        color: inherit;
    }
    .fi-sidebar .fi-sidebar-group.bs-module-regel .fi-sidebar-group-link > .bs-module-teller {
        order: 3;
        flex: none;
    }
    .fi-sidebar .fi-sidebar-group.bs-module-regel > .fi-sidebar-group-btn .fi-sidebar-group-label {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .fi-sidebar .fi-sidebar-group.bs-module-regel .fi-sidebar-group-link > svg,
    .fi-sidebar .fi-sidebar-group.bs-module-regel > .fi-sidebar-group-btn > svg {
        order: 1;
        width: 17px;
        height: 17px;
        flex: none;
    }
    .fi-sidebar .fi-sidebar-group.bs-module-regel > .fi-sidebar-group-btn .fi-sidebar-group-label {
        order: 2;
        flex: 1;
        font-size: 14px;
        line-height: 17px;
        font-weight: 500;
        letter-spacing: 0;
        text-transform: none;
        color: inherit;
    }
    .fi-sidebar .fi-sidebar-group.bs-module-regel .fi-sidebar-group-collapse-btn {
        position: absolute;
        inset-inline-end: 12px;
        inset-block: 0;
        width: 14px;
        height: 14px;
        min-height: 0;
        padding: 0;
        margin-inline: 0;
        margin-block: auto;
        flex: none;
        color: var(--sb-muted);
        background: none !important;
        transform: rotate(180deg);
        transition: transform 0.2s ease;
    }
    .fi-sidebar .fi-sidebar-group.bs-module-regel .fi-sidebar-group-collapse-btn svg {
        width: 14px;
        height: 14px;
    }
    .fi-sidebar .fi-sidebar-group.bs-module-regel.fi-collapsed .fi-sidebar-group-collapse-btn {
        transform: rotate(270deg);
    }
    .fi-sidebar .fi-sidebar-group.bs-module-regel.fi-active > .fi-sidebar-group-btn {
        background: var(--sb-actief-bg);
        box-shadow: var(--sb-actief-schaduw);
        color: var(--sb-actief-ink);
    }
    .fi-sidebar .fi-sidebar-group.bs-module-regel.fi-active > .fi-sidebar-group-btn .fi-sidebar-group-label {
        font-weight: 700;
    }
    .fi-sidebar .fi-sidebar-group.bs-module-regel.fi-active > .fi-sidebar-group-btn .fi-sidebar-group-collapse-btn {
        color: rgba(255, 255, 255, 0.7);
    }
    .fi-sidebar .fi-sidebar-group.bs-module-regel.fi-active > .fi-sidebar-group-btn .fi-sidebar-group-link .fi-icon {
        color: var(--sb-actief-ink) !important;
    }
    .fi-sidebar .fi-sidebar-group.bs-module-regel:has(> .fi-sidebar-group-btn) .fi-sidebar-group-items .fi-sidebar-item-btn {
        padding-inline-start: 36px;
    }
    .fi-sidebar .fi-sidebar-group.bs-module-regel:has(> .fi-sidebar-group-btn) .fi-sidebar-group-items .fi-sidebar-item-label {
        font-size: 13px;
        font-weight: 500;
    }
    .fi-sidebar .fi-sidebar-group-items .fi-sidebar-item-btn {
        padding-block: 8px;
    }
    .fi-sidebar .fi-sidebar-nav-groups {
        margin-inline: 0;
        row-gap: 0.5rem;
    }
    .fi-sidebar .fi-sidebar-nav-groups:has(> .fi-sidebar-group.bs-module-regel) {
        row-gap: 2px;
    }
    .fi-sidebar .fi-sidebar-group-items {
        row-gap: 2px;
    }
    .fi-sidebar .fi-sidebar-nav-groups > .fi-sidebar-group:not([data-bs-kopje]) > .fi-sidebar-group-items {
        row-gap: 3px;
    }
    .fi-sidebar .fi-sidebar-nav-groups > .fi-sidebar-group[data-bs-kopje]::before {
        content: attr(data-bs-kopje);
        display: block;
        margin: 14px 0 5px;
        padding-top: 12px;
        padding-inline-start: 12px;
        border-top: 1px solid var(--sb-groepslijn);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--sb-muted);
    }
    .fi-sidebar .bs-sb-voettekst {
        margin-top: auto;
        flex: 0 0 auto;
        padding: 14px 14px 16px;
        border-top: 1px solid var(--sb-line);
    }
    .bs-sb-voettekst-merk,
    .bs-sb-voettekst-versie {
        padding-inline: 12px;
        font-size: 12px;
        line-height: 1.4;
        color: var(--sb-muted);
    }
    .fi-sidebar:not([x-cloak]):not(.fi-sidebar-open) .bs-sb-voettekst {
        display: none;
    }
    .fi-sidebar:not([x-cloak]):not(.fi-sidebar-open) .fi-sidebar-nav-groups > .fi-sidebar-group + .fi-sidebar-group {
        border-top: 1px solid var(--sb-line);
        margin-top: 0.55rem;
        padding-top: 0.55rem;
    }
    .fi-sidebar:not([x-cloak]):not(.fi-sidebar-open) .fi-sidebar-item-btn {
        width: 2.6rem;
        height: 2.6rem;
        border-radius: 999px;
        justify-content: center;
        padding: 0;
        margin-inline: auto;
    }
    .fi-sidebar .fi-tenant-menu-trigger-tenant-name,
    .fi-sidebar .fi-tenant-menu-trigger-text,
    .fi-sidebar .fi-dropdown-trigger .fi-icon-btn {
        color: var(--sb-ink);
    }
    .fi-sidebar .fi-tenant-menu-trigger:hover,
    .fi-sidebar .fi-tenant-menu-trigger:focus {
        background-color: var(--sb-hover) !important;
    }
    .fi-sidebar .fi-tenant-menu-trigger:hover .fi-tenant-menu-trigger-tenant-name,
    .fi-sidebar .fi-tenant-menu-trigger:hover .fi-tenant-menu-trigger-text {
        color: var(--sb-ink);
    }
    .fi-tenant-menu .fi-dropdown-panel {
        background-color: var(--bs-kaart) !important;
        border: 1px solid var(--bs-line);
        box-shadow: 0 12px 30px -10px rgba(0, 0, 0, 0.18);
    }
    .fi-tenant-menu .fi-dropdown-list-item,
    .fi-tenant-menu .fi-dropdown-list-item-label,
    .fi-tenant-menu .fi-dropdown-list-item-icon {
        color: var(--bs-ink) !important;
    }
    .fi-tenant-menu .fi-dropdown-list-item:hover {
        background-color: var(--bs-zacht) !important;
    }
    .fi-topbar-ctn {
        background: transparent;
        padding: 0;
        z-index: 45;
        overflow: visible;
    }
    .fi-topbar {
        position: relative;
        background-color: transparent !important;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        margin: 0;
        padding-block: 1rem 0;
        padding-inline: 1rem;
        min-height: 0;
        gap: 0.75rem;
    }
    @media (min-width: 48rem) {
        .fi-topbar {
            padding-inline: 1.5rem;
        }
    }
    @media (min-width: 64rem) {
        .fi-topbar {
            padding-inline: 2rem;
        }
    }
    @media (min-width: 1024px) {
        .fi-topbar-ctn {
            position: absolute;
            inset-block-start: 0;
            inset-inline-end: 0;
            inset-inline-start: auto;
            width: auto;
            padding-inline-start: 0 !important;
            overflow: visible;
        }
        .fi-topbar {
            padding-block: 2.79rem 0;
        }
        .fi-topbar-ctn,
        .fi-topbar {
            pointer-events: none;
        }
        .fi-topbar > *,
        .fi-topbar-ctn > :not(.fi-topbar) {
            pointer-events: auto;
        }
        .fi-page-header-main-ctn > .fi-header {
            padding-inline-end: 8.5rem;
        }
        .fi-page-header-main-ctn > .fi-header .fi-header-actions-ctn {
            flex-shrink: 1;
            min-width: 0;
        }
        .fi-page-header-main-ctn > .fi-header > div:first-child {
            flex-shrink: 100;
            min-width: 0;
        }
        .fi-page-header-main-ctn > .fi-header .fi-header-actions-ctn > .fi-ac {
            justify-content: flex-end;
        }
    }
    .fi-sidebar .fi-global-search-ctn {
        margin: 0;
    }
    .fi-sidebar .fi-global-search {
        max-width: none;
        padding: 0 14px 14px;
    }
    .fi-sidebar .fi-global-search .fi-input-wrp {
        width: 100%;
        background: var(--sb-kaart);
        border: 1px solid var(--sb-line);
        border-radius: var(--sb-item-radius);
        box-shadow: none;
        padding-inline: 12px;
        min-height: 33px;
        align-items: center;
        gap: 8px;
    }
    .fi-sidebar .fi-global-search .fi-input-wrp:focus-within {
        border-color: var(--bs-veldrand);
    }
    .fi-sidebar .fi-global-search .fi-input-wrp-prefix .fi-icon {
        width: 14px;
        height: 14px;
    }
    .fi-sidebar .fi-global-search .fi-input {
        padding: 0;
        font-size: 13px;
        color: var(--sb-ink);
    }
    .fi-sidebar .fi-global-search .fi-input::placeholder,
    .fi-sidebar .fi-global-search .fi-input-wrp-prefix .fi-icon {
        color: var(--sb-muted);
    }
    .fi-sidebar:not([x-cloak]):not(.fi-sidebar-open) .fi-global-search-ctn {
        display: none;
    }
    .fi-topbar a,
    .fi-topbar button,
    .fi-topbar .fi-icon-btn,
    .fi-topbar .fi-icon-btn-icon {
        color: var(--bs-muted);
    }
    .fi-topbar .fi-icon-btn:hover {
        background-color: var(--bs-chrome-hover);
    }
    .fi-topbar .fi-logo {
        display: none !important;
    }
    .fi-topbar .fi-topbar-end {
        flex: 0 0 auto;
        margin-inline-start: auto;
        gap: 0.5rem;
    }
    .fi-topbar .fi-topbar-start {
        display: none;
    }
    .bs-topbar-gebruiker {
        display: flex;
        align-items: center;
        flex: 0 0 auto;
    }
    .bs-topbar-gebruiker .bs-sb-gebruikerskaart {
        --sb-ink: var(--bs-ink);
        --sb-menu-ink: var(--bs-ink);
        --sb-muted: var(--bs-muted);
        --sb-icon: var(--bs-muted);
        width: auto;
        margin: 0;
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
        padding: 0;
        border: 0;
        border-radius: 9999px;
        background: transparent;
        gap: 0.35rem;
        transition: opacity 0.15s ease;
    }
    .bs-topbar-gebruiker .bs-sb-gebruikerskaart:hover {
        opacity: 0.85;
    }
    .bs-topbar-gebruiker .bs-sb-kaart-avatar {
        width: 2rem;
        height: 2rem;
        font-size: 0.75rem;
    }
    .bs-topbar-gebruiker .bs-sb-kaart-tekst,
    .bs-topbar-gebruiker .bs-sb-kaart-meer {
        display: none;
    }
    @media (max-width: 767.98px) {
        .bs-topbar-gebruiker .bs-sb-kaart-tekst {
            display: none;
        }
    }
    .bs-taalkolom {
        background: var(--bs-zacht);
        border: 1px solid var(--bs-line);
        border-radius: 0.75rem;
        padding: 1rem;
    }
    .fi-page-sub-navigation-dropdown {
        display: none !important;
    }
    @media (min-width: 1024px) {
        .fi-page-has-sub-navigation-top .fi-header {
            min-height: 6.75rem;
        }
    }
    .fi-page-has-sub-navigation-top .fi-page-content .fi-tabs:not(.fi-page-sub-navigation-tabs) {
        margin-inline: 0;
        background: transparent;
        box-shadow: none;
        border: 0;
        padding-inline: 0;
    }
    .fi-page:has(.bs-tab-zonder-opslaan.fi-active) .bs-formulieracties {
        display: none;
    }
    .bs-statgrid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 1.25rem;
        align-items: start;
        max-width: 1600px;
        margin-top: 1.25rem;
    }
    @media (min-width: 1024px) {
        .bs-statgrid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .bs-statgrid > .bs-statgrid-breed {
            grid-column: 1 / -1;
        }
    }
    .bs-formgroep > .fi-section:not(.fi-section-not-contained) {
        background: var(--bs-zacht);
        border: 1px solid var(--bs-line);
        box-shadow: none;
    }
    .bs-formgroep > .fi-section:not(.fi-section-not-contained) > .fi-section-header {
        background: transparent;
        border-bottom: none;
        padding-bottom: 0;
    }
    .bs-formgroep > .fi-section:not(.fi-section-not-contained) > .fi-section-content-ctn {
        background: transparent;
        border-top: none;
    }
    @media (max-width: 639.98px) {
        .bs-formblok > .fi-section > .fi-section-content-ctn > .fi-section-content,
        .bs-formgroep > .fi-section > .fi-section-content-ctn > .fi-section-content,
        .bs-formgroep > .fi-section > .fi-section-header {
            padding-inline: 0.75rem;
        }
    }
    .bs-taalkolom .fi-fo-file-upload {
        background: var(--bs-kaart);
        border-radius: 0.5rem;
    }
    .fi-input-wrp {
        background-color: var(--bs-zacht);
    }
    .bs-taalkolom .fi-input-wrp,
    .bs-formgroep .fi-input-wrp,
    .fi-ta-ctn .fi-input-wrp {
        background-color: var(--bs-kaart);
    }
    .bs-juist-vinkje {
        display: flex;
        align-items: center;
        min-height: 2.75rem;
        margin-top: 1.7rem;
    }
    .bs-vragen .fi-fo-repeater-item {
        background: var(--bs-kaart);
        border: 1px solid var(--bs-veldrand);
        border-radius: 0.875rem;
        box-shadow: var(--bs-schaduw);
        overflow: hidden;
    }
    .bs-vragen .fi-fo-repeater-item + .fi-fo-repeater-item {
        margin-top: 1rem;
    }
    .bs-vragen .fi-fo-repeater-item-header {
        background: var(--bs-chrome);
        border-bottom: 1px solid var(--bs-line);
        padding-block: 0.65rem;
    }
    .bs-vragen .fi-fo-repeater-item-header .fi-fo-repeater-item-label {
        font-weight: 600;
        color: var(--bs-heading);
    }
    .fi-section:not(.fi-section-not-contained),
    .fi-wi-stats-overview-stat {
        background-color: var(--bs-kaart);
        border: 1px solid var(--bs-line);
        border-radius: 0.75rem;
        box-shadow: var(--bs-schaduw);
        box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.07);
    }
    .fi-wi-stats-overview,
    .fi-section-not-contained {
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }
    .fi-section:not(.fi-section-not-contained) {
        box-shadow: var(--bs-schaduw);
        border-radius: var(--radius-card, 12px);
    }
    .fi-section:not(.fi-section-not-contained) > .fi-section-header {
        background-color: var(--bs-kopbalk);
        border-bottom: 1px solid var(--bs-line);
        border-start-start-radius: var(--radius-card, 12px);
        border-start-end-radius: var(--radius-card, 12px);
    }
    .fi-section:not(.fi-section-not-contained) > .fi-section-content-ctn {
        background-color: var(--bs-kaart);
        border-end-start-radius: var(--radius-card, 12px);
        border-end-end-radius: var(--radius-card, 12px);
    }
    .fi-section:not(.fi-section-not-contained):not(:has(> .fi-section-header)) > .fi-section-content-ctn {
        border-start-start-radius: var(--radius-card, 12px);
        border-start-end-radius: var(--radius-card, 12px);
    }
    .fi-section.fi-collapsed:not(.fi-section-not-contained) > .fi-section-header {
        border-bottom-color: transparent;
        border-end-start-radius: var(--radius-card, 12px);
        border-end-end-radius: var(--radius-card, 12px);
    }
    .fi-section-header-heading {
        letter-spacing: -0.01em;
        color: var(--bs-heading);
    }
    .fi-modal-header {
        background-color: var(--bs-kopbalk);
        border-bottom: 1px solid var(--bs-line);
        border-start-start-radius: var(--radius-card, 12px);
        border-start-end-radius: var(--radius-card, 12px);
    }
    .bs-kaartkop {
        background-color: var(--bs-kopbalk);
    }
    .bs-schaduwkaart {
        box-shadow: var(--bs-schaduw);
    }
    .fi-ta-ctn {
        background-color: var(--bs-kaart);
        border: 1px solid var(--bs-line);
        border-radius: 0.75rem;
        box-shadow: var(--bs-schaduw);
    }
    .fi-ta-header-ctn {
        border-bottom: 1px solid var(--bs-line);
    }
    .fi-ta-table thead {
        background-color: var(--bs-chrome);
    }
    .fi-ta-table .fi-ta-header-cell .fi-ta-header-cell-label {
        color: var(--bs-muted);
        font-size: 0.75rem;
        font-weight: 500;
        letter-spacing: 0;
        text-transform: none;
    }
    .fi-ta-row:hover {
        background-color: var(--bs-zacht);
    }
    .fi-ta-table .fi-ta-cell .fi-ta-text-item {
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 1 !important;
        line-clamp: 1 !important;
        overflow: clip !important;
        overflow-clip-margin: content-box !important;
    }
    .fi-ta-table .fi-ta-cell.bs-cel-afkappen {
        min-width: 10rem;
    }
    .fi-ta-table .fi-ta-cell.bs-cel-afkappen :is(.fi-ta-text-item, .fi-ta-text-description) {
        display: block !important;
        max-width: 0;
        min-width: 100%;
        overflow: hidden !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .fi-ta-table .fi-ta-cell.bs-cel-afkappen .fi-ta-text {
        row-gap: 0;
    }
    .fi-ta-table .fi-ta-cell.bs-cel-afkappen .fi-ta-text-description {
        margin-top: 0.25rem;
    }
    .fi-ta-table .fi-ta-cell.bs-cel-afkappen .fi-ta-text::before {
        content: attr(data-bs-maat);
    }
    .fi-ta-table .fi-ta-cell.bs-cel-afkappen .fi-ta-text::after {
        content: attr(data-bs-maat-onderschrift);
    }
    .fi-ta-table .fi-ta-cell.bs-cel-afkappen .fi-ta-text::before,
    .fi-ta-table .fi-ta-cell.bs-cel-afkappen .fi-ta-text::after {
        display: block;
        height: 0;
        overflow: hidden;
        visibility: hidden;
        white-space: normal;
    }
    [data-logboek="ouder"] > summary::-webkit-details-marker {
        display: none;
    }
    [data-logboek="ouder"][open] > summary .fi-icon {
        transform: rotate(180deg);
    }
    [data-logboek="ouder"] > summary [data-logboek-open],
    [data-logboek="ouder"][open] > summary [data-logboek-dicht] {
        display: none;
    }
    [data-logboek="ouder"][open] > summary [data-logboek-open] {
        display: inline;
    }
    .fi-ta-table th.fi-growable {
        min-width: min(15rem, 45vw);
    }
    .bs-paginatabs {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.625rem;
        min-width: 0;
    }
    .bs-paginatabs .fi-tabs {
        margin-inline: 0;
        max-width: 100%;
    }
    .fi-resource-list-records-page .fi-sc-tabs .fi-tabs {
        margin-inline: 0;
    }
    @media (min-width: 768px) {
        .bs-paginatabs .fi-tabs {
            flex-wrap: wrap;
            overflow-x: visible;
        }
    }
    .bs-paginatabs-rij-sub .fi-tabs-item {
        font-size: 0.8125rem;
    }
    .bs-melding-cel {
        display: flex;
        align-items: center;
        gap: 0.875rem;
        min-width: 0;
        padding: 0.5rem 0.75rem;
    }
    .bs-melding-foto {
        flex: none;
        display: grid;
        place-items: center;
        width: 2.75rem;
        height: 2.75rem;
        overflow: hidden;
        border-radius: 0.625rem;
        background-color: var(--bs-chip);
    }
    .bs-melding-foto img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .bs-melding-tekst {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 0.125rem;
        min-width: 0;
        min-height: 2.75rem;
        white-space: normal;
    }
    .bs-melding-titel,
    .bs-melding-omschrijving {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .bs-melding-titel {
        -webkit-line-clamp: 1;
        line-clamp: 1;
        font-weight: 600;
        line-height: 1.35;
        color: var(--bs-heading);
    }
    .bs-melding-omschrijving {
        -webkit-line-clamp: 1;
        line-clamp: 1;
        font-size: 0.8125rem;
        line-height: 1.35;
        color: var(--bs-muted);
    }
    .bs-melding-slot {
        display: inline-block;
        width: 1rem;
        height: 1rem;
        margin-inline-end: 0.25rem;
        vertical-align: -0.15em;
        color: var(--bs-muted);
    }
    .bs-melding-cel-gedimd .bs-melding-titel {
        font-weight: 500;
        color: var(--bs-muted);
    }
    .bs-lijst-voorbeeld {
        position: relative;
    }
    .bs-lijst-voorbeeld img {
        object-position: top;
    }
    .bs-lijst-voorbeeld::after {
        content: '';
        position: absolute;
        inset: 0;
        border: 1px solid var(--bs-line);
        border-radius: inherit;
        pointer-events: none;
    }
    .bs-lijst-tegel {
        grid-auto-flow: row;
        align-content: center;
        gap: 0.0625rem;
        color: var(--bs-chip-ink);
    }
    .bs-lijst-tegel-icoon {
        width: 1.125rem;
        height: 1.125rem;
        color: var(--bs-muted);
    }
    .bs-lijst-tegel-tekst {
        font-size: 0.5625rem;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0.06em;
    }
    .bs-melding-cel-gedimd .bs-melding-foto {
        opacity: 0.6;
    }
    .bs-lijst-cel-vast .bs-melding-tekst {
        flex: none;
    }
    .bs-lijst-cel-vast .bs-melding-titel,
    .bs-lijst-cel-vast .bs-melding-omschrijving {
        display: block;
        overflow: visible;
        white-space: nowrap;
    }
    @media (max-width: 639.98px) {
        .fi-ta-table.fi-ta-table-stacked-on-mobile .bs-melding-cel {
            padding-inline: 0;
        }
    }
    .fi-ac-link-action.bs-stapel-positie {
        opacity: 1 !important;
        cursor: default;
        color: var(--bs-muted) !important;
        font-variant-numeric: tabular-nums;
    }
    .fi-ta-table th.fi-ta-actions-header-cell,
    .fi-ta-table td.fi-ta-cell:has(> .fi-ta-actions) {
        position: sticky;
        inset-inline-end: 0;
        z-index: 1;
        background-color: var(--bs-kaart);
        box-shadow: -8px 0 8px -8px rgb(15 24 54 / 0.18);
    }
    .fi-ta-table th.fi-ta-actions-header-cell {
        background-color: var(--bs-kopbalk);
    }
    .fi-ta-row:hover > td.fi-ta-cell:has(> .fi-ta-actions) {
        background-color: var(--bs-zacht);
    }
    .fi-ta-table.fi-ta-table-stacked-on-mobile td.fi-ta-cell:has(> .fi-ta-actions) {
        box-shadow: none;
    }
    .fi-ta-table td.fi-ta-cell:has(> .fi-ta-actions):has([aria-expanded="true"]) {
        z-index: 3;
    }
    .fi-ta-table .fi-ta-cell.bs-krimpt .fi-ta-text-item {
        overflow-wrap: anywhere !important;
    }
    @media (max-width: 639.98px) {
        .fi-ta-table.fi-ta-table-stacked-on-mobile > tbody > tr > .fi-ta-cell.bs-in-kaart {
            display: block !important;
        }
    }
    @media (max-width: 639.98px) {
        .fi-ta-table.fi-ta-table-stacked-on-mobile .fi-ta-actions .fi-icon-btn.bs-knoptekst-in-kaart {
            display: none !important;
        }
        .fi-ta-table.fi-ta-table-stacked-on-mobile .fi-ta-actions .fi-btn.bs-knoptekst-in-kaart {
            display: inline-grid !important;
        }
    }
    .fi-ta-table .fi-ta-cell.bs-note-cell .fi-ta-text-item {
        display: block !important;
        -webkit-line-clamp: unset !important;
        line-clamp: unset !important;
        white-space: normal !important;
        overflow: visible !important;
    }
    .fi-ta-table .fi-ta-cell .bs-doc-titel {
        max-width: calc(100vw - 9.25rem);
    }
    .fi-ta-table .fi-ta-cell .fi-ta-text-item.bs-doc-titel,
    .fi-ta-table .fi-ta-cell .bs-doc-titel .fi-ta-text-item,
    .fi-ta-table .fi-ta-cell .bs-doc-titel .fi-ta-text-description {
        display: block !important;
        overflow: hidden !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    @media (max-width: 639.98px) {
        .fi-ta-table .fi-ta-cell .bs-doc-titel .bs-melding-titel {
            font-size: 0.875rem;
        }
    }
    @media (min-width: 640px) {
        .fi-ta-table .fi-ta-cell .bs-doc-titel {
            max-width: min(28rem, calc(100vw - 13rem));
        }
    }
    @media (min-width: 1024px) {
        .fi-ta-table .fi-ta-cell .bs-doc-titel {
            max-width: calc(100vw - 47.25rem);
        }
    }
    @media (min-width: 1280px) {
        .fi-ta-table .fi-ta-cell .bs-doc-titel {
            max-width: calc(100vw - 61.25rem);
        }
    }
    @media (min-width: 1536px) {
        .fi-ta-table .fi-ta-cell .bs-doc-titel {
            max-width: min(32rem, calc(100vw - 68.75rem));
        }
    }
    .bs-doc-bibliotheek .fi-ta-header > div:first-child {
        min-width: 0;
    }
    .bs-doc-bibliotheek .fi-ta-header-heading {
        overflow-wrap: anywhere;
    }
    @media (max-width: 639px) {
        .bs-doc-bibliotheek .fi-ta-row .fi-icon-btn,
        .bs-doc-bibliotheek .fi-ta-record .fi-icon-btn {
            min-height: 2.75rem;
            min-width: 2.75rem;
        }
    }
    .fi-page-header-main-ctn h1,
    .fi-header-heading {
        font-size: 30px;
        font-weight: 800;
        letter-spacing: -0.02em;
        line-height: 1.2;
        color: var(--bs-heading);
    }
    .fi-header-subheading {
        font-size: 12.5px;
        margin-top: 4px;
        color: var(--bs-muted);
    }
    .fi-page-sub-navigation-tabs {
        display: inline-flex;
        gap: 0.2rem;
        flex-wrap: wrap;
        border: none;
        background: var(--bs-chip);
        border-radius: 0.75rem;
        padding: 0.25rem;
        box-shadow: inset 0 0 0 1px var(--bs-line);
    }
    .fi-page-sub-navigation-tabs .fi-tabs-item {
        border: none;
        border-radius: 0.55rem;
        padding: 0.4rem 0.9rem;
        background: transparent;
        box-shadow: none;
        color: var(--bs-muted) !important;
        font-weight: 600;
        transition: background-color 0.15s ease, color 0.15s ease;
    }
    .fi-page-sub-navigation-tabs .fi-tabs-item .fi-tabs-item-label {
        color: var(--bs-muted) !important;
    }
    .fi-page-sub-navigation-tabs .fi-tabs-item .fi-icon {
        color: var(--bs-muted);
    }
    .fi-page-sub-navigation-tabs .fi-tabs-item:hover .fi-tabs-item-label,
    .fi-page-sub-navigation-tabs .fi-tabs-item:hover .fi-icon {
        color: var(--bs-ink) !important;
    }
    .fi-page-sub-navigation-tabs .fi-tabs-item.fi-active {
        background: var(--bs-kaart);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.04);
    }
    .fi-page-sub-navigation-tabs .fi-tabs-item.fi-active .fi-tabs-item-label,
    .fi-page-sub-navigation-tabs .fi-tabs-item.fi-active .fi-icon {
        color: var(--bs-ink) !important;
    }
    .bs-module-tabs {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    .bs-module-tab {
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
        padding: 0.5rem 0.85rem;
        border-radius: 0.5rem;
        background: var(--bs-kaart);
        border: 1px solid var(--bs-line);
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--bs-ink);
        cursor: pointer;
        transition: border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
        box-shadow: 0 1px 4px -2px rgba(0, 0, 0, 0.12);
    }
    .bs-module-tab:hover {
        border-color: var(--bs-veldrand);
        transform: translateY(-1px);
        box-shadow: 0 4px 10px -4px rgba(0, 0, 0, 0.18);
    }
    .bs-module-tab-active,
    .bs-module-tab-active:hover {
        background: var(--bs-primary);
        border-color: var(--bs-primary);
        color: var(--bs-primary-ink);
    }
    .bs-module-tab-count {
        font-size: 0.75rem;
        font-weight: 700;
        padding: 0.1rem 0.5rem;
        border-radius: 999px;
        background: var(--bs-chip);
        color: var(--bs-muted);
    }
    .bs-module-tab-active .bs-module-tab-count {
        background: rgba(255, 255, 255, 0.16);
        color: #ffffff;
    }
    .bs-module-tab-done .bs-module-tab-count {
        background: var(--bs-accent);
        color: var(--bs-accent-ink);
    }
    .bs-badge {
        display: inline-flex;
        align-items: center;
        gap: 0.3rem;
        padding: 0.15rem 0.6rem;
        border-radius: 999px;
        font-size: 0.75rem;
        font-weight: 700;
    }
    .bs-badge-icon {
        width: 0.85rem;
        height: 0.85rem;
    }
    .bs-badge-gray { background: #f2f4f7; color: #344054; }
    .bs-badge-primary { background: #ecfcf7; color: #1c7456; }
    .bs-badge-success { background: #d9efec; color: #1d6f65; }
    .bs-badge-danger { background: #fbe3e5; color: #b02a35; }
    .bs-badge-warning { background: #fdf0d7; color: #8a5b00; }
    .bs-badge-info { background: var(--info-50); color: var(--info-700); }
    .bs-chip {
        display: inline-flex;
        align-items: center;
        padding: 0.1rem 0.55rem;
        border-radius: 999px;
        background: var(--bs-chip);
        border: 1px solid var(--bs-line);
        color: var(--bs-muted);
        font-size: 0.72rem;
        font-weight: 600;
        white-space: nowrap;
    }
    .bs-action-card {
        display: block;
        background: var(--bs-kaart);
        border: 1px solid var(--bs-line);
        border-radius: 0.75rem;
        box-shadow: none;
        padding: 0.75rem 0.85rem;
        margin-bottom: 0.75rem;
        transition: border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
    }
    .bs-action-card:hover {
        border-color: var(--bs-veldrand);
        transform: translateY(-1px);
        box-shadow: 0 5px 12px -4px rgba(0, 0, 0, 0.16);
    }
    .bs-action-card-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 0.5rem;
        margin-bottom: 0.45rem;
    }
    .bs-action-card-title {
        color: var(--bs-ink);
        font-size: 0.9rem;
        font-weight: 600;
        line-height: 1.3;
        margin: 0 0 0.55rem;
    }
    .bs-action-card-meta {
        display: flex;
        align-items: center;
        gap: 0.45rem;
    }
    .bs-action-card-spacer {
        flex: 1;
    }
    .bs-action-card-due {
        display: inline-flex;
        align-items: center;
        gap: 0.25rem;
        color: var(--bs-muted);
        font-size: 0.75rem;
        font-weight: 600;
        white-space: nowrap;
    }
    .bs-action-card-due-overdue {
        color: #e11d48;
    }
    .bs-avatar {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 1.6rem;
        height: 1.6rem;
        border-radius: 999px;
        background: var(--bs-accent);
        color: #ffffff;
        font-size: 0.68rem;
        font-weight: 700;
    }
    .bs-board {
        display: grid;
        grid-template-columns: repeat(var(--bs-board-kolommen, 4), minmax(var(--bs-board-kolom-min, 230px), 1fr));
        background: var(--bs-kaart);
        border: 1px solid var(--bs-line);
        border-radius: 0.75rem;
        overflow-x: auto;
    }
    .bs-board-column {
        padding: 1rem;
        border-inline-end: 1px solid var(--bs-line);
    }
    .bs-board-column:last-child {
        border-inline-end: none;
    }
    @media (max-width: 1023.98px) {
        .bs-board {
            grid-template-columns: 1fr;
        }
        .bs-board-column {
            border-inline-end: none;
            border-block-end: 1px solid var(--bs-line);
        }
        .bs-board-column:last-child {
            border-block-end: none;
        }
    }
    .bs-board-column-head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0.85rem;
    }
    .bs-board-count {
        background: var(--bs-chip);
        color: var(--bs-chip-ink);
        border-radius: 9999px;
        padding: 0.1rem 0.55rem;
        font-size: 0.72rem;
        font-weight: 600;
    }
    .bs-board-empty {
        color: var(--bs-muted);
        font-size: 0.8rem;
        margin: 0.25rem 0 0;
    }
    @media (max-width: 1023.98px) {
        .fi-sidebar {
            width: 272px !important;
        }
        .fi-sidebar .fi-sidebar-item-label,
        .fi-sidebar .fi-sidebar-group.bs-module-regel > .fi-sidebar-group-btn .fi-sidebar-group-label,
        .fi-sidebar .fi-sidebar-group.bs-module-regel:has(> .fi-sidebar-group-btn) .fi-sidebar-group-items .fi-sidebar-item-label,
        .fi-sidebar .fi-sidebar-sub-group-items .fi-sidebar-item-label {
            font-size: 15px;
            line-height: 18px;
        }
        .fi-sidebar .fi-sidebar-item-icon,
        .fi-sidebar .fi-sidebar-group.bs-module-regel .fi-sidebar-group-link > svg,
        .fi-sidebar .fi-sidebar-group.bs-module-regel > .fi-sidebar-group-btn > svg {
            width: 18px;
            height: 18px;
        }
        .fi-sidebar .fi-sidebar-group-items .fi-sidebar-item-btn,
        .fi-sidebar .fi-sidebar-sub-group-items .fi-sidebar-item-btn,
        .fi-sidebar .fi-sidebar-group.bs-module-regel > .fi-sidebar-group-btn {
            padding-block: 13px;
        }
        .fi-sidebar .fi-sidebar-group.bs-module-regel:has(> .fi-sidebar-group-btn) .fi-sidebar-group-items .fi-sidebar-item-btn,
        .fi-sidebar .fi-sidebar-sub-group-items .fi-sidebar-item-btn {
            padding-inline-start: 39px;
        }
        .fi-sidebar .fi-sidebar-sub-group-items .fi-sidebar-item-btn::before {
            inset-inline-start: 18px;
        }
        .fi-sidebar .fi-sidebar-group-label {
            font-size: 12px;
        }
        .fi-sidebar .fi-global-search .fi-input-wrp {
            min-height: 44px;
        }
        .fi-sidebar .fi-global-search .fi-input {
            font-size: 15px;
        }
        .fi-sidebar .fi-global-search .fi-input-wrp-prefix .fi-icon {
            width: 16px;
            height: 16px;
        }
        .bs-brand-woord {
            height: 28px;
        }
        .bs-sb-voettekst-merk,
        .bs-sb-voettekst-versie {
            font-size: 12px;
        }
    }
    .bs-periodekeuze {
        display: flex;
        align-items: center;
        gap: 1px;
        padding: 3px;
        border-radius: 999px;
        background: #eef0f4;
    }
    .bs-periodeknop {
        padding: 6px 13px;
        border: 0;
        border-radius: 999px;
        background: transparent;
        font-size: 12px;
        font-weight: 500;
        color: var(--sb-menu-ink);
        cursor: pointer;
        white-space: nowrap;
        transition: background-color 0.15s ease, color 0.15s ease;
    }
    .bs-periodeknop:hover {
        color: var(--bs-heading);
    }
    .bs-periodeknop-actief {
        background: #ffffff;
        box-shadow: 0 1px 2px rgba(15, 24, 54, 0.1);
        font-weight: 600;
        color: var(--bs-heading);
    }
    .fi-topbar .fi-topbar-database-notifications-btn {
        width: 34px;
        height: 34px;
        border-radius: 9999px;
        background: var(--bs-kaart);
        border: 1px solid var(--sb-line);
        color: #3a4258;
    }
    .fi-topbar .fi-topbar-database-notifications-btn:hover {
        background: var(--bs-zacht);
    }
    .fi-topbar .fi-topbar-database-notifications-btn .fi-badge {
        background: #dc3b2e !important;
        color: #ffffff !important;
        font-size: 11px;
        font-weight: 700;
        border-radius: 8px;
        padding: 1px 5px;
        min-width: 0;
    }
    .fi-btn.bs-kopknop-primair {
        padding: 8px 15px;
        font-size: 12.5px;
        font-weight: 600;
    }
    .fi-btn.fi-color-primary.bs-kopknop-primair:not(.fi-outlined) {
        background-color: var(--bs-mint) !important;
        border-color: var(--bs-mint) !important;
    }
    .fi-btn.fi-color-primary.bs-kopknop-primair:not(.fi-outlined),
    .fi-btn.fi-color-primary.bs-kopknop-primair:not(.fi-outlined) .fi-btn-label,
    .fi-btn.fi-color-primary.bs-kopknop-primair:not(.fi-outlined) .fi-icon {
        color: #0f172a !important;
    }
    .fi-btn.fi-color-primary.bs-kopknop-primair:not(.fi-outlined):hover {
        background-color: #2faf82 !important;
        border-color: #2faf82 !important;
    }
    .bs-agenda {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    .bs-agenda-kop {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        margin-bottom: 0.85rem;
    }
    .bs-agenda-titel {
        margin: 0;
        font-size: 1.05rem;
        font-weight: 600;
        color: var(--bs-heading);
    }
    .bs-agenda-blader {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 2rem;
        height: 2rem;
        border: 1px solid var(--bs-line);
        border-radius: 999px;
        color: var(--bs-ink);
        text-decoration: none;
    }
    .bs-agenda-blader:hover {
        background: var(--bs-zacht);
    }
    .bs-agenda-keuze {
        display: flex;
        gap: 0.4rem;
    }
    .bs-agenda-keuze select {
        border: 1px solid var(--bs-veldrand);
        border-radius: 0.5rem;
        background: var(--bs-kaart);
        color: var(--bs-ink);
        font-size: 0.85rem;
        font-weight: 600;
        padding: 0.3rem 0.5rem;
    }
    .bs-agenda-rooster {
        display: grid;
        grid-template-columns: repeat(7, minmax(0, 1fr));
        gap: 1px;
        background: var(--bs-line);
        border: 1px solid var(--bs-line);
        border-radius: 0.75rem;
        overflow: hidden;
    }
    .bs-agenda-weekdag {
        background: var(--bs-zacht);
        padding: 0.4rem 0.5rem;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: var(--bs-muted);
        text-align: center;
    }
    .bs-agenda-dag {
        background: var(--bs-kaart);
        border: 1px solid var(--bs-line);
        border-radius: 0.75rem;
        min-height: 5.5rem;
        padding: 0.4rem;
        display: flex;
        flex-direction: column;
        gap: 0.2rem;
    }
    .bs-agenda-dag-buiten {
        background: var(--bs-zacht);
    }
    .bs-agenda-dag-buiten .bs-agenda-datum {
        color: var(--bs-muted);
    }
    .bs-agenda-dag-vandaag {
        box-shadow: inset 0 0 0 2px var(--bs-mint);
    }
    .bs-agenda-datum {
        font-size: 12px;
        font-weight: 600;
        color: var(--bs-ink);
    }
    .bs-agenda-item {
        display: block;
        margin-top: 0.2rem;
        padding: 0.2rem 0.35rem;
        border-radius: 0.35rem;
        background: color-mix(in srgb, var(--bs-mint) 25%, #ffffff);
        color: var(--bs-heading);
        font-size: 12px;
        line-height: 1.3;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .bs-agenda-item-verstuurd {
        background: var(--bs-chip);
        color: var(--bs-muted);
    }
    .bs-agenda-tijd {
        font-weight: 600;
        margin-right: 0.2rem;
    }
    @media (max-width: 767.98px) {
        .bs-agenda-dag {
            min-height: 4rem;
            padding: 0.3rem 0.1rem;
            border-radius: 0.5rem;
        }
        .bs-agenda-weekdag {
            padding: 0.4rem 0;
        }
        .bs-agenda-datum {
            padding: 0 0.2rem;
        }
        .bs-agenda-item {
            padding: 0.15rem 0;
            text-align: center;
            font-size: 12px;
            letter-spacing: -0.02em;
            text-overflow: clip;
        }
        .bs-agenda-tijd {
            margin-right: 0;
            font-weight: 500;
        }
        .bs-agenda-item-titel {
            position: absolute;
            width: 1px;
            height: 1px;
            overflow: hidden;
            clip: rect(0 0 0 0);
            white-space: nowrap;
        }
    }
    .fi-toggle.fi-toggle-on.fi-color-primary,
    .fi-toggle.fi-toggle-on.fi-color-success {
        background-color: #0f1836 !important;
    }
    .bs-vragen .fi-btn.fi-color-success:not(.fi-outlined) {
        background-color: #0f1836 !important;
        border-color: #0f1836 !important;
    }
    .bs-vragen .fi-btn.fi-color-success:not(.fi-outlined),
    .bs-vragen .fi-btn.fi-color-success:not(.fi-outlined) .fi-btn-label,
    .bs-vragen .fi-btn.fi-color-success:not(.fi-outlined) .fi-icon {
        color: #ffffff !important;
    }
    .bs-vragen .fi-btn.fi-color-success:not(.fi-outlined):hover {
        background-color: #1b2a52 !important;
        border-color: #1b2a52 !important;
    }
    .bs-profielmenu {
        position: relative;
    }
    .bs-profielmenu > summary {
        list-style: none;
        cursor: pointer;
        line-height: 0;
    }
    .bs-profielmenu > summary::-webkit-details-marker,
    .bs-profielmenu > summary::marker {
        display: none;
        content: '';
    }
    .bs-profielmenu > summary > .bs-sb-gebruikerskaart {
        display: inline-flex;
    }
    .bs-profielmenu:not([open]) > [role='menu'] {
        display: none;
    }
    .bs-profielmenu > [role='menu'] {
        position: absolute;
        top: 100%;
        inset-inline-end: 0;
        z-index: 50;
        margin-top: 0.5rem;
        min-width: 14rem;
        overflow: hidden;
        border-radius: 0.75rem;
        border: 1px solid var(--bs-line);
        background: var(--bs-kaart);
        padding-block: 0.25rem;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    }
    .bs-topbar-gebruiker .bs-sb-kaart-avatar {
        width: 34px;
        height: 34px;
        border-radius: 9999px;
    }
    .bs-hero {
        display: flex;
        flex-wrap: wrap;
        border-radius: 20px;
        overflow: hidden;
        background:
            radial-gradient(circle at 90% -35%, rgba(16, 214, 158, 0.6), transparent 50%),
            radial-gradient(circle at 8% 130%, rgba(16, 214, 158, 0.32), transparent 45%),
            linear-gradient(125deg, #1e2f5e 0%, #0a0e20 100%);
        box-shadow: 0 12px 28px rgba(10, 15, 35, 0.28);
    }
    .bs-hero-vak {
        flex: 1 1 13rem;
        min-width: 0;
        padding: 20px 22px;
        display: flex;
        flex-direction: column;
        gap: 7px;
        box-shadow:
            -1px 0 0 rgba(255, 255, 255, 0.14),
            0 -1px 0 rgba(255, 255, 255, 0.14);
    }
    .bs-hero-vak-link {
        color: inherit;
        text-decoration: none;
        transition: background-color 0.15s ease;
    }
    .bs-hero-vak-link:hover {
        background: rgba(255, 255, 255, 0.06);
    }
    .bs-hero-vak-link:focus-visible {
        outline: 2px solid #ffffff;
        outline-offset: -6px;
        border-radius: 16px;
    }
    .bs-hero-label {
        font-size: 12px;
        line-height: 1.4;
        font-weight: 600;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.78);
    }
    @media (min-width: 1024px) {
        .bs-hero-label {
            min-height: 2.8em;
        }
    }
    .bs-hero-getal {
        font-size: 31px;
        font-weight: 800;
        line-height: 1.1;
        color: #ffffff;
    }
    .bs-hero-sub {
        font-size: 12px;
        color: rgba(255, 255, 255, 0.85);
    }
    .bs-tiles {
        display: flex;
        flex-wrap: wrap;
        border-radius: 20px;
        overflow: hidden;
        background:
            radial-gradient(circle at 90% -35%, rgba(16, 214, 158, 0.6), transparent 50%),
            radial-gradient(circle at 8% 130%, rgba(16, 214, 158, 0.32), transparent 45%),
            linear-gradient(125deg, #1e2f5e 0%, #0a0e20 100%);
        box-shadow: 0 12px 28px rgba(10, 15, 35, 0.28);
    }
    .bs-tile {
        flex: 1 1 13rem;
        min-width: 0;
        padding: 15px 22px;
        display: flex;
        flex-direction: column;
        gap: 6px;
        box-shadow:
            -1px 0 0 rgba(255, 255, 255, 0.14),
            0 -1px 0 rgba(255, 255, 255, 0.14);
    }
    .bs-tiles-rows-of-three > .bs-tile {
        flex-basis: max(13rem, 30%);
    }
    @media (max-width: 639.98px) {
        .bs-tiles-two-on-phone > .bs-tile {
            flex-basis: 40%;
            padding: 10px 14px;
        }
        .bs-tiles-two-on-phone > .bs-tile:first-child {
            flex-basis: 100%;
        }
    }
    .bs-tile-link {
        color: inherit;
        text-decoration: none;
        transition: background-color 0.15s ease;
    }
    .bs-tile-link:hover {
        background: rgba(255, 255, 255, 0.06);
    }
    .bs-tile-link:focus-visible {
        outline: 2px solid #ffffff;
        outline-offset: -6px;
        border-radius: 16px;
    }
    .bs-tile-label {
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.78);
    }
    .bs-tile-count {
        font-size: 26px;
        font-weight: 800;
        line-height: 1.1;
        color: #ffffff;
    }
    .bs-tile-urgent .bs-tile-count {
        color: #ff8a99;
    }
    .bs-tile-good .bs-tile-count {
        color: #6ff0c6;
    }
    .bs-tile-more {
        border-top: 1px solid rgba(255, 255, 255, 0.14);
        color: rgba(255, 255, 255, 0.85);
        font-size: 0.8rem;
        font-weight: 600;
        margin-top: 0.7rem;
        padding-top: 0.6rem;
        text-decoration: none;
    }
    .bs-tile-more:hover {
        text-decoration: underline;
    }
    .bs-tile-sub {
        font-size: 12px;
        color: rgba(255, 255, 255, 0.85);
    }
    .bs-tile-delta {
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0.02em;
        color: rgba(255, 255, 255, 0.72);
        white-space: nowrap;
    }
    .bs-delta-note {
        margin: 0.75rem 0 0;
        font-size: 0.78rem;
        line-height: 1.4;
        color: var(--bs-muted);
    }
    .bs-onboarding-count {
        color: var(--bs-accent-text);
        font-weight: 700;
    }
    .bs-tile-icon {
        display: none;
    }
    .bs-matrix-card {
        background: var(--bs-kaart);
        border: 1px solid var(--bs-line);
        border-radius: 0.75rem;
        box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.07);
        overflow: hidden;
    }
    .bs-matrix-scroll {
        overflow-x: auto;
    }
    .bs-matrix {
        width: 100%;
        border-collapse: collapse;
        font-size: 0.875rem;
    }
    .bs-matrix thead th {
        background: var(--bs-kopbalk);
        border-bottom: 1px solid var(--bs-line);
        padding: 0.5rem 0.75rem;
        text-align: center;
        white-space: nowrap;
    }
    .bs-matrix-module-head {
        color: var(--bs-ink);
        font-weight: 700;
        border-inline-start: 1px solid var(--bs-line);
    }
    .bs-matrix-action-head,
    .bs-matrix-role-head {
        color: var(--bs-muted);
        font-size: 0.75rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }
    .bs-matrix thead th.bs-matrix-role-head {
        text-align: start;
    }
    .bs-matrix tbody td {
        border-bottom: 1px solid var(--bs-line);
        padding: 0.55rem 0.75rem;
        text-align: center;
    }
    .bs-matrix thead th.bs-matrix-role-head,
    .bs-matrix-role {
        position: sticky;
        inset-inline-start: 0;
        z-index: 1;
    }
    .bs-matrix thead th.bs-matrix-role-head {
        background: var(--bs-kopbalk);
    }
    .bs-matrix-role {
        background: var(--bs-kaart);
        color: var(--bs-ink);
        font-weight: 600;
        text-align: start;
        white-space: nowrap;
        border-inline-end: 1px solid var(--bs-line);
    }
    .bs-matrix-role-inner {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }
    .bs-matrix-lock {
        color: var(--bs-muted);
        display: inline-flex;
    }
    .bs-matrix-checkbox {
        width: 1rem;
        height: 1rem;
        border-radius: 0.25rem;
        border: 1px solid var(--bs-line);
        accent-color: var(--bs-accent);
    }
    .bs-matrix-checkbox:disabled {
        opacity: 0.55;
    }
    .bs-matrix-footer {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 0.75rem;
        padding: 0.9rem 1rem;
        border-top: 1px solid var(--bs-line);
        background: var(--bs-kaart);
    }
    .bs-sections-bulk {
        font-weight: 400;
    }
    .bs-sections-bulk .fi-link {
        display: block;
        margin-inline: auto;
    }
    .bs-sections-default .bs-matrix-role,
    .bs-sections-default .bs-matrix-cell {
        background: var(--bs-kopbalk);
    }
    .bs-matrix tbody td.bs-matrix-role.bs-sections-default-cell {
        text-align: start;
    }
    .bs-sections-default-label {
        display: block;
    }
    .bs-sections-consequence {
        display: block;
        color: var(--bs-muted);
    }
    .bs-sections-default-help {
        display: block;
        color: var(--bs-muted);
        font-size: 0.75rem;
        font-weight: 400;
        white-space: normal;
        max-width: 16rem;
    }
    .bs-sections-badge {
        display: block;
        margin-top: 0.25rem;
        color: var(--bs-muted);
        font-size: 0.7rem;
        white-space: nowrap;
    }
    .bs-sections-summary {
        list-style: disc;
        margin-top: 0.5rem;
        padding-inline-start: 1.25rem;
        text-align: start;
    }
    .bs-sections-note {
        color: var(--bs-muted);
        font-size: 0.875rem;
    }
    .bs-sections-exceptions tbody td.bs-sections-text {
        text-align: start;
    }
    .bs-sections-transition-action {
        margin-top: 0.75rem;
    }
    .bs-proposal-preview {
        margin-block: 0.75rem;
        padding: 0.75rem 1rem;
        border-inline-start: 3px solid var(--bs-line);
        background: var(--bs-kopbalk);
        text-align: start;
    }
    .bs-proposal-preview p + p {
        margin-top: 0.5rem;
    }
    .fi-link.fi-color-primary,
    .fi-link.fi-color-primary .fi-link-label,
    .fi-link.fi-color-primary .fi-icon,
    .fi-ac-link-action.fi-color-primary,
    .fi-ac-link-action.fi-color-primary .fi-link-label,
    .fi-ac-link-action.fi-color-primary .fi-icon {
        color: var(--bs-accent) !important;
    }
    .fi-tabs-item.fi-active .fi-tabs-item-label {
        color: var(--bs-heading) !important;
    }
    .fi-tabs.bs-tabs-meer {
        -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 3rem), transparent);
        mask-image: linear-gradient(to right, #000 calc(100% - 3rem), transparent);
    }
    .fi-btn.fi-color-primary:not(.fi-outlined),
    .fi-btn.fi-color-primary:not(.fi-outlined) .fi-btn-label,
    .fi-btn.fi-color-primary:not(.fi-outlined) .fi-icon {
        color: var(--bs-primary-ink) !important;
    }
    .fi-btn.fi-color-primary.fi-outlined {
        box-shadow: inset 0 0 0 1px var(--bs-primary) !important;
        background-color: transparent;
    }
    .fi-btn.fi-color-primary.fi-outlined,
    .fi-btn.fi-color-primary.fi-outlined .fi-btn-label,
    .fi-btn.fi-color-primary.fi-outlined .fi-icon {
        color: var(--bs-primary) !important;
    }
    .fi-btn.fi-color-primary.fi-outlined:hover {
        background-color: var(--bs-chip) !important;
    }
    .fi-btn {
        border-radius: var(--bs-knop-radius);
        transition: background-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
    }
    .fi-icon-btn {
        border-radius: 9999px;
    }
    .fi-link {
        color: var(--bs-accent-text);
    }
    .fi-btn-color-primary:not(.fi-outlined) {
        background-color: var(--bs-primary) !important;
        color: var(--bs-primary-ink) !important;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18), 0 2px 6px -2px rgba(0, 0, 0, 0.14);
    }
    .fi-btn-color-primary:not(.fi-outlined) .fi-icon {
        color: var(--bs-primary-ink);
    }
    .fi-btn-color-primary:not(.fi-outlined):hover {
        background-color: var(--bs-primary-hover) !important;
        box-shadow: 0 6px 16px -6px rgba(0, 0, 0, 0.35);
    }
    .fi-input-wrp:not(:focus-within):not(.fi-invalid) {
        box-shadow: 0 0 0 1px var(--bs-veldrand), 0 1px 2px rgba(16, 24, 40, 0.05);
    }
    .fi-input-wrp .fi-input {
        padding-block: 0.625rem;
    }
    .fi-input-wrp {
        min-height: 2.75rem;
    }
    .fi-input-wrp > .fi-input-wrp-content-ctn {
        align-self: stretch;
        display: flex;
        align-items: center;
    }
    .fi-input-wrp > .fi-input-wrp-content-ctn > * {
        flex: 1 1 auto;
        min-width: 0;
    }
    .fi-input-wrp:focus-within {
        border-color: var(--bs-accent) !important;
        box-shadow: 0 0 0 1px var(--bs-accent) !important;
    }
    .fi-btn:focus-visible,
    .fi-icon-btn:focus-visible {
        outline: 2px solid var(--bs-accent);
        outline-offset: 2px;
    }
    .fi-sidebar-header-logo-ctn {
        display: none !important;
    }
    .fi-sidebar:not([x-cloak]):not(.fi-sidebar-open) .fi-sidebar-sub-group-items {
        display: none;
    }
    .fi-topbar-collapse-sidebar-btn-ctn,
    .fi-topbar-open-collapse-sidebar-btn,
    .fi-topbar-close-collapse-sidebar-btn {
        display: none !important;
    }
    .bs-sidebar-footer {
        display: flex;
        flex-direction: column;
        gap: 0.45rem;
        padding: 0.6rem 0.75rem 0.85rem;
        border-top: 1px solid var(--sb-line);
        position: relative;
        z-index: 30;
    }
    .bs-sidebar-footer-knoppen {
        display: flex;
        justify-content: flex-end;
        gap: 0.25rem;
    }
    .fi-sidebar:not([x-cloak]):not(.fi-sidebar-open) .bs-sidebar-footer {
        align-items: center;
        padding-inline: 0;
    }
    .bs-sb-gebruikerskaart {
        display: flex;
        align-items: center;
        gap: 0.65rem;
        width: 100%;
        padding: 0.5rem 0.6rem;
        border: 0;
        border-radius: 0.9rem;
        background: var(--sb-kaart);
        cursor: pointer;
        text-align: start;
        transition: background-color 0.15s ease;
    }
    .bs-sb-gebruikerskaart:hover {
        background: var(--sb-kaart-hover);
    }
    .bs-sb-kaart-avatar {
        width: 2.25rem;
        height: 2.25rem;
        border-radius: 9999px;
        object-fit: cover;
        flex: none;
    }
    .bs-sb-kaart-tekst {
        display: flex;
        flex-direction: column;
        flex: 1;
        min-width: 0;
    }
    .bs-sb-kaart-naam {
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--sb-ink);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .bs-sb-kaart-sub {
        font-size: 0.72rem;
        color: var(--sb-muted);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .bs-sb-kaart-meer {
        width: 1.1rem;
        height: 1.1rem;
        color: var(--sb-muted);
        flex: none;
    }
    .fi-sidebar:not([x-cloak]):not(.fi-sidebar-open) .bs-sb-gebruikerskaart {
        width: auto;
        padding: 0;
        background: transparent;
    }
    .fi-sidebar:not([x-cloak]):not(.fi-sidebar-open) .bs-sb-kaart-tekst,
    .fi-sidebar:not([x-cloak]):not(.fi-sidebar-open) .bs-sb-kaart-meer {
        display: none;
    }
    .bs-sidebar-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 1.75rem;
        height: 1.75rem;
        flex: none;
        border: 0;
        border-radius: 9999px;
        background: transparent;
        color: var(--sb-muted);
        cursor: pointer;
        transition: background-color 0.15s ease, color 0.15s ease;
    }
    .bs-sidebar-toggle svg {
        width: 1.1rem;
        height: 1.1rem;
    }
    .bs-sidebar-toggle:hover,
    .bs-sidebar-toggle:focus-visible {
        background: var(--sb-hover);
        color: var(--sb-ink);
    }
    .bs-uitloggen-terug {
        margin-top: 1.5rem;
        text-align: center;
    }
    .bs-uitloggen-terug-wie {
        margin: 0 0 0.35rem;
        font-size: 0.78rem;
        color: var(--bs-muted);
    }
    .bs-uitloggen-terug-knop {
        border: 0;
        background: none;
        padding: 0;
        font-size: 0.82rem;
        font-weight: 600;
        color: var(--bs-accent-text);
        cursor: pointer;
        text-decoration: underline;
        text-underline-offset: 2px;
    }
    .bs-uitloggen-terug-knop:hover {
        color: var(--bs-heading);
    }
    .fi-simple-header .fi-logo {
        content: url('/images/brightsafe-logo-donker-128.png?v=1');
    }
    .fi-btn.fi-color-primary[class*='fi-bg-color-'] {
        background-color: var(--bs-primary) !important;
        color: var(--bs-primary-ink) !important;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18), 0 2px 6px -2px rgba(0, 0, 0, 0.14);
    }
    .fi-btn.fi-color-primary[class*='fi-bg-color-']:hover {
        background-color: var(--bs-primary-hover) !important;
        box-shadow: 0 6px 16px -6px rgba(0, 0, 0, 0.35);
    }
    .fi-btn.fi-color-primary[class*='fi-bg-color-'] .fi-icon {
        color: var(--bs-primary-ink) !important;
    }
    @media (min-width: 1024px) {
        .fi-main-ctn {
            margin-inline-start: 0 !important;
            transform: none !important;
            transition: none !important;
        }
        .fi-body-has-navigation .fi-layout {
            transition: none !important;
        }
    }
    html,
    .fi-main-ctn,
    .fi-main {
        scrollbar-gutter: stable;
    }
    .fi-page-main,
    .fi-page-content {
        min-width: 0;
    }
    @media (min-width: 1024px) {
        #database-notifications.fi-modal-slide-over > .fi-modal-window-ctn > .fi-modal-window {
            margin-inline-end: auto;
            margin-inline-start: calc(var(--sidebar-width, 16rem) + 0.75rem);
            margin-block: 0.75rem;
            height: calc(100dvh - 1.5rem);
            border-radius: 1.25rem;
            box-shadow: 0 18px 48px -16px rgba(0, 0, 0, 0.3);
        }
        #database-notifications.fi-modal-slide-over > .fi-modal-window-ctn > .fi-modal-window.fi-transition-enter-start,
        #database-notifications.fi-modal-slide-over > .fi-modal-window-ctn > .fi-modal-window.fi-transition-leave-end {
            translate: -100% 0;
        }
        #database-notifications .fi-modal-close-overlay {
            z-index: 55;
            background: transparent;
        }
        #database-notifications > .fi-modal-window-ctn {
            z-index: 56;
        }
    }
    .fi-fo-date-time-picker-panel {
        border-radius: 1rem;
        border: 1px solid var(--bs-line);
        box-shadow: 0 18px 44px -16px rgba(0, 0, 0, 0.25);
    }
    .fi-fo-date-time-picker-calendar-day {
        border-radius: 9999px;
    }
    .fi-fo-date-time-picker-calendar-day.fi-selected,
    .fi-fo-date-time-picker-calendar-day.fi-selected.fi-focused {
        background: var(--bs-ink) !important;
        color: var(--bs-kaart) !important;
    }
    .fi-fo-date-time-picker-calendar-day.fi-focused:not(.fi-selected) {
        background: var(--bs-chip);
        color: var(--bs-ink);
    }
    .fi-fo-date-time-picker-calendar-day-today:not(.fi-selected) {
        box-shadow: inset 0 0 0 1px var(--bs-ink);
    }
    .bs-golf-datums .fi-sc,
    .bs-golf-datums form {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.4rem;
    }
    .bs-golf-datums .fi-fo-date-time-picker-display-text-input {
        font-size: 0.78rem;
        padding-block: 0.3rem;
        width: 7.5rem;
    }
    .fi-modal.fi-modal-open .fi-modal-window {
        display: flex !important;
    }
    .fi-modal.fi-modal-open .fi-modal-window.fi-transition-enter-start,
    .fi-modal.fi-modal-open .fi-modal-window.fi-transition-enter {
        opacity: 1 !important;
        transform: none !important;
    }
    .fi-modal.fi-modal-open .fi-modal-close-overlay {
        z-index: 55 !important;
    }
    .fi-modal.fi-modal-open .fi-modal-window-ctn {
        z-index: 60 !important;
    }
    .fi-badge {
        font-weight: 500 !important;
    }
    .fi-badge.fi-color-primary { background: var(--primary-50) !important; color: var(--primary-800) !important; }
    .fi-badge.fi-color-danger { background: var(--danger-50) !important; color: var(--danger-700) !important; }
    .fi-badge.fi-color-success { background: var(--success-50) !important; color: var(--success-700) !important; }
    .fi-badge.fi-color-info { background: var(--info-50) !important; color: var(--info-700) !important; }
    .fi-badge.fi-color-warning { background: var(--warning-50) !important; color: var(--warning-700) !important; }
    .fi-badge.fi-color-gray { background: var(--gray-100) !important; color: var(--gray-700) !important; }
    .fi-badge.fi-color-risk-zk { background: var(--risk-zk-50) !important; color: var(--risk-zk-600) !important; }
    .fi-badge.fi-color-risk-k { background: var(--risk-k-50) !important; color: var(--risk-k-600) !important; }
    .fi-badge.fi-color-risk-m { background: var(--risk-m-50) !important; color: var(--risk-m-600) !important; }
    .fi-badge.fi-color-risk-g { background: var(--risk-g-50) !important; color: var(--risk-g-600) !important; }
    .fi-badge.fi-color-risk-zg { background: var(--risk-zg-50) !important; color: var(--risk-zg-600) !important; }
    .fi-badge:not(.fi-color) {
        background: var(--gray-100) !important;
        color: var(--gray-700) !important;
    }
    .fi-badge .fi-icon[data-bs-niveau],
    .bs-badge svg[data-bs-niveau] {
        color: inherit !important;
    }
    .bs-deadline-te-laat {
        color: var(--danger-600);
        font-weight: 500;
        white-space: nowrap;
    }
    .bs-hero-trendregel {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 4px 8px;
    }
    .bs-hero-trend {
        display: inline-flex;
        align-items: center;
        white-space: nowrap;
        border-radius: 999px;
        padding: 1px 8px;
        font-size: 12px;
        line-height: 18px;
        font-weight: 600;
    }
    .bs-hero-trend-better {
        background: color-mix(in oklab, var(--success-400) 20%, transparent);
        color: var(--success-200);
    }
    .bs-hero-trend-worse {
        background: color-mix(in oklab, var(--danger-400) 22%, transparent);
        color: var(--danger-200);
    }
    .bs-hero-trend-same {
        background: rgba(255, 255, 255, 0.1);
        color: rgba(255, 255, 255, 0.85);
    }
    .bs-venster-noot {
        display: block;
        margin-top: 8px;
    }
    @media (max-width: 639.98px) {
        .fi-resource-actions .fi-ta-table .fi-ta-selection-cell {
            display: none;
        }
    }
    @media (min-width: 48rem) {
        .bs-titelregel-deadline {
            display: none;
        }
    }