:root{--bp-mobile-sm: 23.75rem;--bp-mobile: 30rem;--bp-mobile-lg: 48rem;--bp-tablet: 78rem}@media(max-width:48rem){html,body{min-height:100svh;min-height:100dvh}html,body{overflow-x:hidden}.app-frame .workspace-shell,.app-frame .app-shell.workspace-shell{min-height:100vh;min-height:100svh;min-height:100dvh}.app-frame .workspace-shell>.right>.topbar,.app-frame .workspace-shell>.right>.app-topbar{padding-top:env(safe-area-inset-top,0px)}.app-frame .workspace-shell>.right{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.app-frame .workspace-shell>.left,.app-frame .app-shell.workspace-shell>.left,.app-frame .profile-app.workspace-shell>.left{width:min(86vw,320px);max-width:min(86vw,320px)}.app-frame .workspace-shell>.left:not(.is-open),.app-frame .app-shell.workspace-shell>.left:not(.is-open),.app-frame .profile-app.workspace-shell>.left:not(.is-open){transform:translate(-100%)}.app-frame .app-shell__backdrop,.app-frame .app-sidebar__backdrop{background:#00000080}html.has-sidebar-open .app-frame,body.has-sidebar-open .app-frame{overflow:hidden}.app-frame .workspace-shell>.right>.topbar,.app-frame .workspace-shell>.right>.app-topbar{padding-left:max(1rem,env(safe-area-inset-left,0px));padding-right:max(1rem,env(safe-area-inset-right,0px))}.app-frame .app-topbar__menu-toggle{min-width:2.75rem;min-height:2.75rem}.app-frame .workspace-shell .sidebar.app-sidebar,.app-frame .app-shell.workspace-shell .sidebar.app-sidebar,.app-frame .profile-app.workspace-shell .sidebar.app-sidebar{height:100dvh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain}}@media(max-width:30rem){.app-frame .topbar__left,.app-frame .app-topbar__heading{min-width:0}.app-frame .workspace-shell .page-heading__title,.app-frame .workspace-shell .topbar h1,.app-frame .workspace-shell .app-topbar__content h1{font-size:clamp(.95rem,4vw,1.05rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}}@media(max-width:48rem){.app-frame .wizard-stepper__caption{padding:0 1rem;font-size:.8125rem;color:var(--muted)}.app-frame .wizard-stepper{padding:.5rem 1rem;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%)}.app-frame .wizard-stepper__step{scroll-snap-align:start;min-width:7rem}.app-frame .gesprek-toolbar{position:static}}@media(max-width:37.5rem){.app-frame .gesprek-toolbar{gap:8px}.app-frame .gesprek-toolbar .primary-button,.app-frame .gesprek-toolbar .secondary-button{height:auto;min-height:2.75rem}.app-frame .gesprek-toolbar__right{flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:8px}.app-frame .gesprek-toolbar__right .primary-button,.app-frame .gesprek-toolbar__right .secondary-button{width:100%;flex:1 1 auto;min-width:0}}@media(max-width:23.75rem){.app-frame .gesprek-toolbar__right .primary-button,.app-frame .gesprek-toolbar__right .secondary-button{min-width:2.75rem;min-height:2.75rem;justify-content:center}}@media(max-width:48rem){.app-frame .services-grid{grid-template-columns:1fr}.app-frame .service-card{align-items:center;padding:1rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.app-frame .service-card__check{margin-top:0;align-self:center;width:1.125rem;height:1.125rem}.app-frame .service-card__body{padding-left:.25rem}.app-frame .wizard-panel--centered .wizard-actions,.app-frame .wizard-panel:has(.services-grid) .wizard-actions{flex-direction:column;align-items:stretch;gap:.75rem}.app-frame .wizard-panel--centered .wizard-actions>span:empty,.app-frame .wizard-panel:has(.services-grid) .wizard-actions>span:empty{display:none}.app-frame .wizard-panel--centered .wizard-actions .primary-button,.app-frame .wizard-panel--centered .wizard-actions .secondary-button,.app-frame .wizard-panel:has(.services-grid) .wizard-actions .primary-button,.app-frame .wizard-panel:has(.services-grid) .wizard-actions .secondary-button{flex:0 0 auto;width:100%;min-height:2.75rem;padding-left:1rem;padding-right:1rem}}@media(max-width:30rem){.app-frame .role-cards{grid-template-columns:1fr;gap:.75rem}.app-frame .role-card{flex-direction:row;align-items:center;text-align:left;gap:.75rem;padding:1rem;min-height:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.app-frame .role-card__icon{flex-shrink:0;align-self:center}.app-frame .role-card__title,.app-frame .role-card__desc{text-align:left}}@media(max-width:48rem){.app-frame .ideale-klant-grid--wizard{grid-template-columns:1fr;gap:.75rem 0}.app-frame .ideale-klant-field input,.app-frame .ideale-klant-field textarea{width:100%;box-sizing:border-box;min-height:2.75rem;padding:.625rem .75rem;font-size:16px;border-radius:var(--radius-md, 5px)}.app-frame .ideale-klant-field input:focus,.app-frame .ideale-klant-field input:focus-visible,.app-frame .ideale-klant-field textarea:focus,.app-frame .ideale-klant-field textarea:focus-visible{outline:2px solid var(--primary, #2B67F6);outline-offset:2px}.app-frame .ideale-klant-field textarea{min-height:6rem;resize:vertical}.app-frame .wizard-panel:has(.ideale-klant-grid--wizard) .wizard-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;justify-content:stretch;gap:.5rem}.app-frame .wizard-panel:has(.ideale-klant-grid--wizard) .wizard-actions .primary-button,.app-frame .wizard-panel:has(.ideale-klant-grid--wizard) .wizard-actions .secondary-button{flex:1 1 0;min-width:0;width:auto;min-height:2.75rem;padding-left:.5rem;padding-right:.5rem}.app-frame .gesprek-main .checklist-step__header{position:relative;padding:.875rem 3.25rem .875rem .875rem;gap:.625rem}.app-frame .gesprek-main .checklist-step__title,.app-frame .gesprek-main .checklist-step__question{min-width:0;overflow-wrap:anywhere;word-break:break-word}.app-frame .gesprek-main .checklist-step__chevron{position:absolute;top:50%;right:.25rem;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin:0}.app-frame .gesprek-sidebar .page-panel{padding:1rem}.app-frame .mrs-score-row{flex-wrap:wrap;gap:.75rem}.app-frame .verhaal-check-item--editable .verhaal-check-item__chips{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%;margin-left:0}.app-frame .verhaal-check-item--editable .verhaal-check-item__chips .status-chip{flex:none;width:100%;min-height:2.75rem;justify-content:center;padding-top:.5rem;padding-bottom:.5rem}}@media(max-width:30rem){.app-frame .wizard-panel:has(.ideale-klant-grid--wizard) .wizard-actions{flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:.5rem}.app-frame .wizard-panel:has(.ideale-klant-grid--wizard) .wizard-actions .primary-button,.app-frame .wizard-panel:has(.ideale-klant-grid--wizard) .wizard-actions .secondary-button{flex:0 0 auto;width:100%;min-height:2.75rem;padding-left:1rem;padding-right:1rem}.app-frame .wizard-panel:has(.ideale-klant-grid--wizard) .wizard-actions>:nth-child(1){order:3}.app-frame .wizard-panel:has(.ideale-klant-grid--wizard) .wizard-actions>:nth-child(2){order:2}.app-frame .wizard-panel:has(.ideale-klant-grid--wizard) .wizard-actions>:nth-child(3){order:1}}@media(max-width:23.75rem){.app-frame .verhaal-check-item--editable .verhaal-check-item__chips{grid-template-columns:1fr}}@media(min-width:78.0001rem){.app-frame .workspace-shell>.left,.app-frame .app-shell.workspace-shell>.left,.app-frame .profile-app.workspace-shell>.left{position:sticky;top:0;align-self:flex-start;height:100vh;max-height:100vh}.app-frame .workspace-shell .sidebar.app-sidebar.app-shell__sidebar,.app-frame .app-shell.workspace-shell .sidebar.app-sidebar.app-shell__sidebar,.app-frame .profile-app.workspace-shell .sidebar.app-sidebar.app-shell__sidebar{height:100vh;max-height:100vh;overflow-y:auto;overscroll-behavior:contain}.app-frame .sidebar-progress.sidebar-stepper{position:sticky;bottom:0;background:var(--ibizz-shell-sidebar-bg);z-index:1}}