/* /assets/sbn-review-person-actions-69cfd3b4e34226bb.css */
.shrink-0 {
    flex-shrink: 0
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse))
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}
@media (min-width: 640px) {
    .sm\:basis-auto {
        flex-basis: auto
    }
}
/* /assets/bird-voice-setup-814c1e0312d963c2.css */
.flex-shrink-0 {
    flex-shrink: 0
}
.list-decimal {
    list-style-type: decimal
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse))
}
.ring-black {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--app-border-black, 0 0 0) / var(--tw-ring-opacity, 1))
}
.ring-opacity-5 {
    --tw-ring-opacity: 0.05
}
/* /assets/tenant-telephony-ab2e09a2359ced88.css */
.flex-shrink-0 {
    flex-shrink: 0
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse))
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse))
}
.ring-black {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--app-border-black, 0 0 0) / var(--tw-ring-opacity, 1))
}
.ring-opacity-5 {
    --tw-ring-opacity: 0.05
}
/* /assets/bird-browserphone-f5bb5334971c7404.css */
.z-\[500\] {
    z-index: 500
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse))
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}
.bg-green-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--app-bg-green-700, 21 128 61) / var(--tw-bg-opacity, 1))
}
.bg-inkt-900\/40 {
    background-color: rgb(var(--app-bg-inkt-900, 20 36 56) / 0.4)
}
/* /assets/menu-responsive-28fb1c168fe91acf.css */
.h-dvh {
    height: 100dvh
}
.flex-shrink-0 {
    flex-shrink: 0
}
.shrink-0 {
    flex-shrink: 0
}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.125rem * var(--tw-space-y-reverse))
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.ring-inkt-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--app-border-inkt-100, 220 228 238) / var(--tw-ring-opacity, 1))
}
.ring-white {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--app-border-white, 255 255 255) / var(--tw-ring-opacity, 1))
}
.focus\:ring-inkt-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--app-border-inkt-600, 43 78 124) / var(--tw-ring-opacity, 1))
}
@media (min-width: 1024px) {
    .lg\:w-60 {
        width: 15rem
    }
}
@media (min-width:1024px) {
  .sidebar-hover-slot[data-hover-enabled="true"] {
    display:block; position:sticky; top:var(--app-header-height,44px); align-self:flex-start;
    flex:0 0 auto; height:calc(100dvh - var(--app-header-height,44px)); z-index:35;
  }
  .sidebar-hover-slot[data-hover-enabled="true"][data-manually-collapsed="true"] {
    width:64px; flex-basis:64px;
  }
  .sidebar-hover-slot[data-hover-enabled="true"] > [data-app-sidebar] {
    position:relative; top:0; height:100%; z-index:35; transition:none;
  }
  .sidebar-hover-slot[data-hover-enabled="true"][data-manually-collapsed="true"] > [data-app-sidebar] {
    position:absolute; left:0;
  }
  .sidebar-hover-slot[data-hover-enabled="true"][data-hover-expanded="true"] > [data-app-sidebar] {
    box-shadow:4px 0 10px rgb(0 0 0 / .10);
  }
}

[data-app-sidebar-slot][data-hover-enabled="true"] > [data-app-sidebar] {
  max-width: calc(100vw - 48px);
}
[data-app-sidebar-slot] [data-app-nav-flat] {
  overscroll-behavior-y: contain;
  scrollbar-width: thin;
  scrollbar-color: rgb(var(--app-nav-border, 180 185 190)) transparent;
}
[data-app-sidebar-slot] [data-app-nav-flat]::-webkit-scrollbar { width: 6px; }
[data-app-sidebar-slot] [data-app-nav-flat]::-webkit-scrollbar-thumb {
  background: rgb(var(--app-nav-border, 180 185 190)); border-radius: 3px;
}
@supports selector(::-webkit-scrollbar) {
  /* Keep the custom track visible even when the OS uses transient scrollbars. */
  [data-app-sidebar-slot] [data-app-nav-flat] { scrollbar-width: auto; scrollbar-color: auto; }
}
@media (max-width:1023px) {
  [data-app-sidebar-slot][data-hover-enabled="true"] > [data-app-sidebar] {
    height: 100dvh;
    padding-top: env(safe-area-inset-top, 0px);
    padding-bottom: env(safe-area-inset-bottom, 0px);
    visibility: hidden;
    transition-property: transform;
  }
  [data-app-sidebar-slot][data-hover-enabled="true"] > [data-app-sidebar][data-open="true"] { visibility: visible; }
  [data-app-sidebar-slot] [data-app-nav-mobile] button { min-width: 44px; min-height: 44px; }
  [data-app-sidebar-slot] [data-app-nav-office] { padding: 10px 14px; min-height: 0; }
  [data-app-sidebar-slot][data-hover-enabled="true"] [data-app-nav-flat] :is(a, button),
  [data-app-sidebar-slot] [data-app-sidebar] > div:last-child a,
  [data-app-sidebar-slot] [data-app-nav-admin] a { min-height: 44px; }
}
@media (pointer:coarse) {
  [data-app-sidebar-slot][data-hover-enabled="true"] [data-app-nav-flat] :is(a, button) { min-height: 44px; }
}

.classic-app-header { gap: 8px; }
.classic-app-header > div { flex-shrink: 0; min-width: 0; }
@media (max-width:1365px) {
  .classic-app-header [data-app-header-brand] > a > span,
  .classic-app-header button[title="Zoeken"] > :is(span, kbd),
  .classic-app-header button[aria-label="Profielmenu"] > :is(span, svg) { display: none; }
  .classic-app-header button[title="Zoeken"] { padding: 8px; }
  .classic-app-header button[title="Weergave als medewerker"] { min-width: 0; width: 160px; }
}
@media (max-width:1199px) {
  .classic-app-header [data-app-header-brand] > span { display: none; }
}
@media (max-width:1023px) {
  .classic-app-header button[title="Van bedrijf wisselen"] > span.truncate { max-width: 100px; }
  .classic-app-header button[title="Weergave als medewerker"] { width: 36px; padding: 8px; }
  .classic-app-header button[title="Weergave als medewerker"] > :is(span, svg:last-child) { display: none; }
}
@media (max-width:639px) {
  [data-app-header] button[title="Van bedrijf wisselen"] > span.truncate { display: none; }
  .classic-app-header { gap: 4px; }
  .classic-app-header [data-app-header-brand] { gap: 4px; }
  [data-app-header] button[aria-label="Profielmenu"] { padding: 4px; }
}

@media(min-width:1024px){[data-app-sidebar-slot][data-hover-enabled="true"][data-manually-collapsed]{z-index:35}}

@media(max-width:639px){[role="dialog"][data-app-sidebar]{max-height:none;max-width:calc(100vw - 48px)!important;margin:0;overflow:hidden}}

/* /assets/menu-responsive-2dcc7cc95bf9832c.css */
.h-dvh {
    height: 100dvh
}
.flex-shrink-0 {
    flex-shrink: 0
}
.shrink-0 {
    flex-shrink: 0
}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.125rem * var(--tw-space-y-reverse))
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.ring-inkt-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--app-border-inkt-100, 220 228 238) / var(--tw-ring-opacity, 1))
}
.ring-white {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--app-border-white, 255 255 255) / var(--tw-ring-opacity, 1))
}
.focus\:ring-inkt-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--app-border-inkt-600, 43 78 124) / var(--tw-ring-opacity, 1))
}
@media (min-width: 1024px) {
    .lg\:w-60 {
        width: 15rem
    }
}
@media (min-width:1024px) {
  .sidebar-hover-slot[data-hover-enabled="true"] {
    display:block; position:sticky; top:var(--app-header-height,44px); align-self:flex-start;
    flex:0 0 auto; height:calc(100dvh - var(--app-header-height,44px)); z-index:35;
  }
  .sidebar-hover-slot[data-hover-enabled="true"][data-manually-collapsed="true"] {
    width:64px; flex-basis:64px;
  }
  .sidebar-hover-slot[data-hover-enabled="true"] > [data-app-sidebar] {
    position:relative; top:0; height:100%; z-index:35; transition:none;
  }
  .sidebar-hover-slot[data-hover-enabled="true"][data-manually-collapsed="true"] > [data-app-sidebar] {
    position:absolute; left:0;
  }
  .sidebar-hover-slot[data-hover-enabled="true"][data-hover-expanded="true"] > [data-app-sidebar] {
    box-shadow:4px 0 10px rgb(0 0 0 / .10);
  }
}

[data-app-sidebar-slot][data-hover-enabled="true"] > [data-app-sidebar] {
  max-width: calc(100vw - 48px);
}
[data-app-sidebar-slot] [data-app-nav-flat] {
  overscroll-behavior-y: contain;
  scrollbar-width: thin;
  scrollbar-color: rgb(var(--app-nav-border, 180 185 190)) transparent;
}
[data-app-sidebar-slot] [data-app-nav-flat]::-webkit-scrollbar { width: 6px; }
[data-app-sidebar-slot] [data-app-nav-flat]::-webkit-scrollbar-thumb {
  background: rgb(var(--app-nav-border, 180 185 190)); border-radius: 3px;
}
@supports selector(::-webkit-scrollbar) {
  /* Keep the custom track visible even when the OS uses transient scrollbars. */
  [data-app-sidebar-slot] [data-app-nav-flat] { scrollbar-width: auto; scrollbar-color: auto; }
}
@media (max-width:1023px) {
  [data-app-sidebar-slot][data-hover-enabled="true"] > [data-app-sidebar] {
    height: 100dvh;
    padding-top: env(safe-area-inset-top, 0px);
    padding-bottom: env(safe-area-inset-bottom, 0px);
    visibility: hidden;
    transition-property: transform;
    z-index: 70;
  }
  [data-app-sidebar-backdrop] { z-index: 60; }
  [data-app-sidebar-slot][data-hover-enabled="true"] > [data-app-sidebar][data-open="true"] { visibility: visible; }
  [data-app-sidebar-slot] [data-app-nav-mobile] button { min-width: 44px; min-height: 44px; }
  [data-app-sidebar-slot] [data-app-nav-office] { padding: 10px 14px; min-height: 0; }
  [data-app-sidebar-slot][data-hover-enabled="true"] [data-app-nav-flat] :is(a, button),
  [data-app-sidebar-slot] [data-app-sidebar] > div:last-child a,
  [data-app-sidebar-slot] [data-app-nav-admin] a { min-height: 44px; }
}
@media (pointer:coarse) {
  [data-app-sidebar-slot][data-hover-enabled="true"] [data-app-nav-flat] :is(a, button) { min-height: 44px; }
}

.classic-app-header { gap: 8px; }
.classic-app-header > div { flex-shrink: 0; min-width: 0; }
@media (max-width:1365px) {
  .classic-app-header [data-app-header-brand] > a > span,
  .classic-app-header button[title="Zoeken"] > :is(span, kbd),
  .classic-app-header button[aria-label="Profielmenu"] > :is(span, svg) { display: none; }
  .classic-app-header button[title="Zoeken"] { padding: 8px; }
  .classic-app-header button[title="Weergave als medewerker"] { min-width: 0; width: 160px; }
}
@media (max-width:1199px) {
  .classic-app-header [data-app-header-brand] > span { display: none; }
}
@media (max-width:1023px) {
  .classic-app-header button[title="Van bedrijf wisselen"] > span.truncate { max-width: 100px; }
  .classic-app-header button[title="Weergave als medewerker"] { width: 36px; padding: 8px; }
  .classic-app-header button[title="Weergave als medewerker"] > :is(span, svg:last-child) { display: none; }
}
@media (max-width:639px) {
  [data-app-header] button[title="Van bedrijf wisselen"] > span.truncate { display: none; }
  .classic-app-header { gap: 4px; }
  .classic-app-header [data-app-header-brand] { gap: 4px; }
  [data-app-header] button[aria-label="Profielmenu"] { padding: 4px; }
}

@media(min-width:1024px){[data-app-sidebar-slot][data-hover-enabled="true"][data-manually-collapsed]{z-index:35}}

@media(max-width:639px){[role="dialog"][data-app-sidebar]{max-height:none;max-width:calc(100vw - 48px)!important;margin:0;overflow:hidden}}

/* /assets/menu-responsive-c7a24cca77062339.css */
.h-dvh {
    height: 100dvh
}
.flex-shrink-0 {
    flex-shrink: 0
}
.shrink-0 {
    flex-shrink: 0
}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.125rem * var(--tw-space-y-reverse))
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.ring-inkt-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--app-border-inkt-100, 220 228 238) / var(--tw-ring-opacity, 1))
}
.ring-white {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--app-border-white, 255 255 255) / var(--tw-ring-opacity, 1))
}
.focus\:ring-inkt-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--app-border-inkt-600, 43 78 124) / var(--tw-ring-opacity, 1))
}
@media (min-width: 1024px) {
    .lg\:w-60 {
        width: 15rem
    }
}
@media (min-width:1024px) {
  .sidebar-hover-slot[data-hover-enabled="true"] {
    display:block; position:sticky; top:var(--app-header-height,44px); align-self:flex-start;
    flex:0 0 auto; height:calc(100dvh - var(--app-header-height,44px)); z-index:35;
  }
  .sidebar-hover-slot[data-hover-enabled="true"][data-manually-collapsed="true"] {
    width:64px; flex-basis:64px;
  }
  .sidebar-hover-slot[data-hover-enabled="true"] > [data-app-sidebar] {
    position:relative; top:0; height:100%; z-index:35; transition:none;
  }
  .sidebar-hover-slot[data-hover-enabled="true"][data-manually-collapsed="true"] > [data-app-sidebar] {
    position:absolute; left:0;
  }
  .sidebar-hover-slot[data-hover-enabled="true"][data-hover-expanded="true"] > [data-app-sidebar] {
    box-shadow:4px 0 10px rgb(0 0 0 / .10);
  }
}

[data-app-sidebar-slot][data-hover-enabled="true"] > [data-app-sidebar] {
  max-width: calc(100vw - 48px);
}
[data-app-sidebar-slot] [data-app-nav-flat] {
  overscroll-behavior-y: contain;
  scrollbar-width: thin;
  scrollbar-color: rgb(var(--app-nav-border, 180 185 190)) transparent;
}
[data-app-sidebar-slot] [data-app-nav-flat]::-webkit-scrollbar { width: 6px; }
[data-app-sidebar-slot] [data-app-nav-flat]::-webkit-scrollbar-thumb {
  background: rgb(var(--app-nav-border, 180 185 190)); border-radius: 3px;
}
@supports selector(::-webkit-scrollbar) {
  /* Keep the custom track visible even when the OS uses transient scrollbars. */
  [data-app-sidebar-slot] [data-app-nav-flat] { scrollbar-width: auto; scrollbar-color: auto; }
}
@media (max-width:1023px) {
  [data-app-sidebar-slot][data-hover-enabled="true"] > [data-app-sidebar] {
    height: 100dvh;
    padding-top: env(safe-area-inset-top, 0px);
    padding-bottom: env(safe-area-inset-bottom, 0px);
    visibility: hidden;
    transition-property: transform;
    z-index: 70;
  }
  [data-app-sidebar-backdrop] { z-index: 60; }
  [data-app-content][inert] button[aria-label="Spotlight openen"] { visibility: hidden; }
  [data-app-sidebar-slot][data-hover-enabled="true"] > [data-app-sidebar][data-open="true"] { visibility: visible; }
  [data-app-sidebar-slot] [data-app-nav-mobile] button { min-width: 44px; min-height: 44px; }
  [data-app-sidebar-slot] [data-app-nav-office] { padding: 10px 14px; min-height: 0; }
  [data-app-sidebar-slot][data-hover-enabled="true"] [data-app-nav-flat] :is(a, button),
  [data-app-sidebar-slot] [data-app-sidebar] > div:last-child a,
  [data-app-sidebar-slot] [data-app-nav-admin] a { min-height: 44px; }
}
@media (pointer:coarse) {
  [data-app-sidebar-slot][data-hover-enabled="true"] [data-app-nav-flat] :is(a, button) { min-height: 44px; }
}

.classic-app-header { gap: 8px; }
.classic-app-header > div { flex-shrink: 0; min-width: 0; }
@media (max-width:1365px) {
  .classic-app-header [data-app-header-brand] > a > span,
  .classic-app-header button[title="Zoeken"] > :is(span, kbd),
  .classic-app-header button[aria-label="Profielmenu"] > :is(span, svg) { display: none; }
  .classic-app-header button[title="Zoeken"] { padding: 8px; }
  .classic-app-header button[title="Weergave als medewerker"] { min-width: 0; width: 160px; }
}
@media (max-width:1199px) {
  .classic-app-header [data-app-header-brand] > span { display: none; }
}
@media (max-width:1023px) {
  .classic-app-header button[title="Van bedrijf wisselen"] > span.truncate { max-width: 100px; }
  .classic-app-header button[title="Weergave als medewerker"] { width: 36px; padding: 8px; }
  .classic-app-header button[title="Weergave als medewerker"] > :is(span, svg:last-child) { display: none; }
}
@media (max-width:639px) {
  [data-app-header] button[title="Van bedrijf wisselen"] > span.truncate { display: none; }
  .classic-app-header { gap: 4px; }
  .classic-app-header [data-app-header-brand] { gap: 4px; }
  [data-app-header] button[aria-label="Profielmenu"] { padding: 4px; }
}

@media(min-width:1024px){[data-app-sidebar-slot][data-hover-enabled="true"][data-manually-collapsed]{z-index:35}}

@media(max-width:639px){[role="dialog"][data-app-sidebar]{max-height:none;max-width:calc(100vw - 48px)!important;margin:0;overflow:hidden}}

/* /assets/sbn-statistics-af58da5ddb966a56.css */
.sbn-statistics{--sbn-text:#172b3a;--sbn-muted:#637386;--sbn-line:#e3e9ef;color:var(--sbn-text);max-width:1480px;margin:0 auto;padding:30px 32px 48px;font-family:Inter,system-ui,sans-serif}
.sbn-statistics *{box-sizing:border-box}.sbn-statistics h1,.sbn-statistics h2,.sbn-statistics h3,.sbn-statistics h4,.sbn-statistics p{margin:0}
.sbn-statistics button,.sbn-statistics a,.sbn-statistics input{font:inherit}.sbn-statistics button{cursor:pointer}.sbn-statistics button:disabled{opacity:.4;cursor:default}.sbn-statistics button:focus-visible,.sbn-statistics a:focus-visible,.sbn-statistics input:focus-visible{outline:3px solid #98bafd;outline-offset:3px}
.sbn-page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.sbn-eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:1.35px;text-transform:uppercase;color:#667c90;margin-bottom:7px}.sbn-page-heading h1{font-size:30px;letter-spacing:-1px;line-height:1.2;font-weight:700}.sbn-page-heading p{color:var(--sbn-muted);font-size:13px;margin-top:7px}
.sbn-button,.sbn-arrow{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 12px;border:1px solid var(--sbn-line);border-radius:8px;background:white;color:#43576b;font-size:12px;font-weight:600}.sbn-button:hover:not(:disabled),.sbn-arrow:hover:not(:disabled){background:#f1f5f9}.sbn-arrow{width:34px;padding:6px}
.sbn-categories{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:26px}.sbn-category{display:flex;align-items:center;gap:13px;padding:17px 18px;border:1px solid var(--sbn-line);border-radius:12px;background:#fff;text-decoration:none;color:inherit;transition:border-color .15s}.sbn-category:hover{border-color:#9eafc5}.sbn-category-active{background:#edf4ff;border-color:#c3d8fc}.sbn-category>div{flex:1}.sbn-category strong{display:block;font-size:13px;font-weight:650}.sbn-category div>span{display:block;color:var(--sbn-muted);font-size:11px;margin-top:5px}.sbn-category-icon{display:grid;place-items:center;width:40px;height:40px;background:#f0f4f8;border-radius:10px;color:#5b728c;flex-shrink:0}.sbn-category-active .sbn-category-icon{background:#dceaff;color:#356ed1}.sbn-category-badge{font-size:10px;background:#dceaff;color:#356ed1;border-radius:12px;padding:4px 8px}
.sbn-filter{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:14px;background:white;border:1px solid var(--sbn-line);border-radius:12px}.sbn-unit-switch{display:flex;background:#f1f4f7;padding:4px;border-radius:8px;gap:2px}.sbn-unit-switch button{padding:7px 15px;border:0;border-radius:6px;font-size:12px;color:#64748b;background:transparent}.sbn-unit-switch button[aria-pressed=true]{background:#fff;color:#18344c;font-weight:650;box-shadow:0 1px 4px #21364a14}.sbn-period-controls{display:flex;align-items:center;gap:6px}.sbn-date-input{display:flex;gap:8px;align-items:center;border:1px solid var(--sbn-line);padding:7px 10px;border-radius:7px;color:#60748a;font-size:12px}.sbn-date-input input{color:#344b63;border:0;outline:none;background:transparent;min-width:112px;width:118px}
.sbn-period-heading{display:flex;justify-content:space-between;align-items:center;margin:26px 0 16px;gap:12px}.sbn-period-heading h2{font-size:21px;font-weight:650;letter-spacing:-.45px}.sbn-period-heading h2::first-letter{text-transform:uppercase}.sbn-period-heading p{font-size:11px;color:var(--sbn-muted);margin-top:5px}.sbn-live-badge{color:#477858;background:#edf7ef;padding:6px 10px;font-size:10px;white-space:nowrap;border-radius:20px}
.sbn-card{background:white;border:1px solid var(--sbn-line);border-radius:13px;box-shadow:0 2px 3px #29425c03}.sbn-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sbn-kpi{padding:18px 20px;border-top:3px solid var(--sbn-accent);min-height:137px}.sbn-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.sbn-card h3{font-size:13px;font-weight:650;line-height:1.5}.sbn-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:var(--sbn-soft,#f0ebff);color:var(--sbn-accent,#7b5dc1);flex-shrink:0}.sbn-kpi .sbn-value{display:block;font-size:29px;font-weight:650;letter-spacing:-.6px;font-variant-numeric:tabular-nums;margin:7px 0 5px;line-height:1.2}.sbn-kpi p{font-size:10px;color:var(--sbn-muted);line-height:1.5}
.sbn-tone-blue{--sbn-accent:#4c86e5;--sbn-soft:#edf4ff}.sbn-tone-green{--sbn-accent:#43a28a;--sbn-soft:#eaf7f1}.sbn-tone-teal{--sbn-accent:#3c9eac;--sbn-soft:#eaf8fa}.sbn-tone-amber{--sbn-accent:#d3a454;--sbn-soft:#fff7e8}.sbn-tone-slate{--sbn-accent:#7b8fa6;--sbn-soft:#f0f4f8}.sbn-tone-indigo{--sbn-accent:#8b85ce;--sbn-soft:#f2f0ff}
.sbn-insights{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:16px;margin-top:18px}.sbn-trend,.sbn-frequency,.sbn-results,.sbn-daytable{padding:22px}.sbn-legend{display:flex;gap:12px;font-size:10px;color:var(--sbn-muted)}.sbn-legend>span{display:flex;align-items:center;gap:5px}.sbn-legend i{display:inline-block;width:7px;height:7px;border-radius:2px}.sbn-dot-blue,.sbn-out-bar{background:#6596e7}.sbn-dot-green,.sbn-in-bar{background:#69b6a1}
.sbn-chart{display:flex;gap:8px;height:243px;margin-top:29px;min-width:0}.sbn-chart-y{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:30px;font-size:9px;color:#8a99a8;min-width:20px}.sbn-chart-bars{display:flex;flex:1;min-width:0;gap:3px;background:repeating-linear-gradient(to top,transparent 0,transparent calc(50% - 1px),#edf1f5 50%);background-size:100% calc(100% - 29px)}.sbn-chart-column{flex:1;min-width:0;display:flex;flex-direction:column}.sbn-bar-space{height:100%;display:flex;align-items:flex-end;justify-content:center}.sbn-stacked-bar{width:75%;max-width:32px;display:flex;flex-direction:column;border-radius:3px 3px 0 0;overflow:hidden;min-width:2px}.sbn-stacked-bar span{min-height:0}.sbn-chart-label{height:29px;flex-shrink:0;white-space:nowrap;color:#7a8b9c;font-size:8px;padding-top:11px}.sbn-empty-note{text-align:center;color:var(--sbn-muted);font-size:12px;margin-top:12px!important}
.sbn-frequency{border-top:3px solid #a18bd7}.sbn-frequency>p{color:var(--sbn-muted);font-size:11px;line-height:1.7;margin-top:8px}.sbn-frequency-head{display:flex;justify-content:space-between;font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:#8a809e;margin-top:21px;margin-bottom:12px}.sbn-frequency-row{margin-top:12px}.sbn-frequency-row>div:first-child{display:flex;justify-content:space-between;font-size:12px}.sbn-frequency-row strong{font-variant-numeric:tabular-nums}.sbn-track{height:6px;border-radius:8px;background:#f3effa;overflow:hidden;margin-top:7px}.sbn-track span{height:100%;display:block;background:#9371ce;border-radius:8px;min-width:0}.sbn-explanation{font-size:10px;line-height:1.8;color:#78648c;background:#f8f5fc;border-radius:8px;padding:11px 12px;margin-top:20px}.sbn-frequency .sbn-reconcile{font-size:10px;margin-top:10px;color:#897a9c}
.sbn-results{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;column-gap:35px;row-gap:6px}.sbn-results>.sbn-eyebrow,.sbn-results>h3,.sbn-results>.sbn-explanation,.sbn-results>.sbn-muted{grid-column:1/-1}.sbn-results>section{margin-top:15px}.sbn-result-title{display:flex;justify-content:space-between;gap:8px;font-size:11px}.sbn-result-title h4{font-weight:600}.sbn-result-title strong{font-weight:500;color:#469680}.sbn-result-track{background:#f2e9d9;height:7px;border-radius:8px;overflow:hidden;margin:10px 0}.sbn-result-track span{display:block;height:100%;background:#6bb69e}.sbn-results section p{font-size:10px;color:var(--sbn-muted);line-height:1.8}.sbn-results section p span{padding:0 5px}.sbn-muted{font-size:10px;color:#8493a2;margin-top:12px!important}
.sbn-daytable{margin-top:18px;overflow:hidden}.sbn-daytable .sbn-card-top>p{color:#7a8b9c;font-size:10px}.sbn-table-scroll{overflow-x:auto;margin:18px -22px -22px}.sbn-daytable table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:10px;text-align:right}.sbn-daytable th,.sbn-daytable td{padding:12px 11px;border-top:1px solid #edf1f5;font-variant-numeric:tabular-nums}.sbn-daytable th:first-child{padding-left:22px;text-align:left;min-width:125px}.sbn-daytable th:last-child,.sbn-daytable td:last-child{padding-right:22px}.sbn-daytable thead th{font-size:9px;color:#6b7d90;font-weight:600;background:#f8fafc}.sbn-daytable thead .sbn-table-blue{background:#edf4ff;color:#4875b7}.sbn-daytable thead .sbn-table-green{background:#edf7f3;color:#478975}.sbn-daytable thead .sbn-table-purple{background:#f4effb;color:#8563ae}.sbn-daytable tbody th{font-weight:500}.sbn-daytable tbody button{background:none;border:none;padding:0;color:#3b6fae;text-decoration:underline;text-decoration-color:#bad0ed;text-underline-offset:3px}.sbn-daytable tr:hover td,.sbn-daytable tr:hover th{background:#f8fafc}.sbn-today{display:inline-block;margin-left:6px;font-size:8px;color:#4a8f74}
.sbn-source{font-size:10px;color:#8a98a6;line-height:1.9;margin-top:22px}.sbn-source span{display:block}.sbn-state{text-align:center;padding:55px 20px;margin-top:22px}.sbn-state>svg{margin:0 auto 12px;color:#6d91b6}.sbn-state h2{font-size:17px;margin-bottom:10px}.sbn-state p{color:var(--sbn-muted);font-size:12px;margin-bottom:15px}.sbn-spinning{animation:sbn-spin 1.4s linear infinite}@keyframes sbn-spin{to{transform:rotate(360deg)}}.sbn-back{display:inline-flex;align-items:center;gap:6px;color:#53799c;font-size:12px;text-decoration:none;margin-bottom:22px}
@media(min-width:1500px){.sbn-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.sbn-kpi{padding:15px}.sbn-kpi .sbn-value{font-size:26px}.sbn-kpi p{font-size:9px}.sbn-kpi h3{font-size:11px}}
@media(max-width:1000px){.sbn-statistics{padding:24px 20px}.sbn-insights{grid-template-columns:1fr}.sbn-chart{height:220px}.sbn-frequency{display:block}.sbn-kpi{padding:16px}.sbn-kpi h3{font-size:11px}.sbn-kpi .sbn-value{font-size:24px}.sbn-category{padding:14px}.sbn-category-badge{display:none}}
@media(max-width:640px){.sbn-statistics{padding:20px 12px 36px}.sbn-page-heading h1{font-size:26px}.sbn-page-heading p{font-size:11px;max-width:210px;line-height:1.6}.sbn-page-heading>.sbn-button{font-size:0;padding:10px}.sbn-categories{grid-template-columns:1fr;gap:9px;margin-bottom:18px}.sbn-category-icon{width:32px;height:32px}.sbn-category strong{font-size:12px}.sbn-category div>span{font-size:10px}.sbn-filter{padding:10px;gap:12px}.sbn-unit-switch{width:100%}.sbn-unit-switch button{flex:1;padding:7px 10px}.sbn-period-controls{width:100%;justify-content:space-between}.sbn-current{font-size:10px;padding:7px}.sbn-date-input{padding:7px;font-size:11px;gap:4px}.sbn-date-input input{width:105px;min-width:100px}.sbn-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sbn-kpi{padding:13px;min-height:133px}.sbn-kpi .sbn-value{font-size:23px}.sbn-icon{width:25px;height:25px}.sbn-kpi h3{font-size:10px}.sbn-kpi p{font-size:9px}.sbn-period-heading h2{font-size:18px}.sbn-live-badge{font-size:9px;padding:5px 7px}.sbn-trend,.sbn-frequency,.sbn-results,.sbn-daytable{padding:17px}.sbn-results{grid-template-columns:1fr;gap:8px}.sbn-table-scroll{margin:15px -17px -17px}.sbn-daytable .sbn-card-top{align-items:start}.sbn-daytable .sbn-card-top>p{max-width:95px;text-align:right;line-height:1.6}.sbn-chart-label{font-size:7px}.sbn-chart-bars{gap:2px}.sbn-legend{font-size:9px;gap:7px}}
@media(prefers-reduced-motion:reduce){.sbn-spinning{animation:none}}

.classic-app-header { gap: 8px; }
.classic-app-header > div { flex-shrink: 0; min-width: 0; }
/* A header dropdown must escape the sticky dossier header's stacking context. */
[data-app-header]:has([data-app-header-surface]) { z-index: 70; }
[data-app-header] [data-app-header-surface] {
  max-height: calc(100dvh - var(--app-header-height, 44px) - 16px);
  overflow-y: auto;
  overscroll-behavior: contain;
}
@media (max-width:1365px) {
  .classic-app-header [data-app-header-brand] > a > span,
  .classic-app-header button[title="Zoeken"] > :is(span, kbd),
  .classic-app-header button[aria-label="Profielmenu"] > :is(span, svg) { display: none; }
  .classic-app-header button[title="Zoeken"] { padding: 8px; }
  .classic-app-header button[title="Weergave als medewerker"] { min-width: 0; width: 160px; }
}
@media (max-width:1199px) {
  .classic-app-header [data-app-header-brand] > span { display: none; }
}
@media (max-width:1023px) {
  .classic-app-header button[title="Van bedrijf wisselen"] > span.truncate { max-width: 100px; }
  .classic-app-header button[title="Weergave als medewerker"] { width: 36px; padding: 8px; }
  .classic-app-header button[title="Weergave als medewerker"] > :is(span, svg:last-child) { display: none; }
}
@media (max-width:639px) {
  [data-app-shell] [data-app-header] [data-app-header-surface] {
    position: fixed; inset-inline: 12px; top: var(--app-header-height, 44px);
    width: auto; max-width: none; transform: none;
  }
  [data-app-header] button[title="Van bedrijf wisselen"] > span.truncate { display: none; }
  .classic-app-header { gap: 4px; }
  .classic-app-header [data-app-header-brand] { gap: 4px; }
  [data-app-header] button[aria-label="Profielmenu"] { padding: 4px; }
}
@scope (:is([data-app-theme="atelier"],[data-app-theme="ledger"],[data-app-theme="precision"])) to (:is([data-app-theme],[data-app-document-surface],[data-app-design-exempt])) {
}
[data-app-dossier-identity] > div:first-child { flex-wrap: wrap; }
[data-app-dossier-identity] > div:first-child > div:first-child { flex-basis: 16rem; }
[data-app-dossier-identity] > div:first-child > div:last-child { flex-wrap: wrap; min-width: 0; max-width: 100%; }
@media (max-width: 639px) {
  [data-app-dossier-header] .absolute.shadow-dropdown {
    position: fixed; inset-inline: 12px; top: calc(var(--app-header-height, 44px) + 8px);
    width: auto; max-height: calc(100dvh - var(--app-header-height, 44px) - 24px);
    overflow-y: auto; overscroll-behavior: contain;
  }
}

[data-app-case-filters] { flex-wrap: wrap; }
[data-app-case-filters] > :first-child { min-width: 0; }
@media (min-width: 640px) {
  [data-app-case-filters] > :first-child { flex-basis: 16rem; }
}
/* Keep employee names readable; scroll the metric rows within their card. */
[data-app-inbox-grid] { overflow-x: auto; overscroll-behavior-x: contain; }
[data-app-inbox-grid] > div { min-width: 480px; }