/* Listiqo Open: shared visual layer over the existing server-rendered components.
   Local font files and original brand assets live beside this file. */
html,body { margin:0; background:#FAFBF9; color:#252728; }
.fw {
  --fw-bg:#FAFBF9; --fw-panel:#fff; --fw-panel-subtle:#F5F6F3;
  --fw-text:#252728; --fw-muted:#626764; --fw-border:#E1E5E2;
  --fw-accent:#334E57; --fw-hover:#F6F8F4; --fw-radius:8px;
  --fw-focus:var(--fw-accent);
  --fw-success:#2F6448; --fw-success-bg:#ECF3ED;
  --fw-warning:#7A5B19; --fw-warning-bg:#FBF2DA;
  --fw-danger:#A13D36; --fw-danger-bg:#FCEDEB;
  --fw-display:"Bricolage Grotesque",sans-serif; --fw-sky:#EAF2F6; --fw-lilac:#EEEAF5; --fw-citron:#E8EDB7;
  font:400 13px/1.55 'DM Sans',ui-sans-serif,system-ui,sans-serif;
  grid-template-columns:214px minmax(0,1fr); height:100dvh;
  -webkit-font-smoothing:antialiased;
}
.fw [hidden] { display:none!important; }
.fw input,.fw select,.fw textarea,.fw button { font-family:inherit; color:inherit; }
.fw button,.fw a { -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
.fw-skip { border:1px solid #E1E5E2; border-radius:6px; color:#252728; font:13px 'DM Sans',sans-serif; }
.fw .fw-sidebar { display:flex; background:var(--fw-bg); padding:24px 14px 12px; overflow-y:auto; scrollbar-width:thin; gap:0; border-right:1px solid var(--fw-border); }
.fw .fw-brand { display:flex; justify-content:flex-start; gap:12px; padding:0; margin:0 12px 25px; color:var(--fw-text); font-size:24px; font-weight:500; }
.fw .fw-brand span { display:inline; }
.fw-brand-logo { display:block; width:128px; height:46px; object-fit:contain; }
.fw-brand-symbol { width:30px; height:24px; object-fit:contain; }
.fw .fw-workspace { display:flex; gap:10px; margin:0 0 25px; padding:10px 9px; border-radius:7px; font-weight:400; color:var(--fw-text); text-decoration:none; }
.fw .fw-workspace:hover { border-color:#B7C2BA; }
.fw-workspace-monogram { display:grid; place-items:center; background:var(--fw-citron); width:29px; height:31px; flex-shrink:0; border-radius:5px; font:400 23px 'Bricolage Grotesque',sans-serif; }
.fw-workspace-name { min-width:0; flex:1; }
.fw-workspace-name strong { display:block; font-size:12px; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.fw-workspace-name small { display:block; font-size:10px; color:var(--fw-muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.fw-workspace-chevron { font-size:16px; color:var(--fw-muted); }
.fw .fw-nav-label { display:block; font-size:9px; font-weight:400; letter-spacing:.08em; padding:0 12px 8px; color:var(--fw-muted); }
.fw .fw-manage-label { margin-top:25px; }
.fw .fw-nav,.fw .fw-sidebar nav[aria-label="Beheer"] { display:grid; gap:3px; flex-shrink:0; }
.fw .fw-nav a { justify-content:flex-start; padding:9px 11px; min-height:39px; font-size:12px; font-weight:400; border-radius:6px; gap:10px; }
.fw .fw-nav a span { display:inline; }
.fw .fw-nav svg { display:block; width:17px; height:17px; stroke-width:1.5; }
.fw .fw-nav a[aria-current=page] { background:var(--fw-sky); color:var(--fw-text); font-weight:500; }
.fw .fw-nav a:hover { background:#F0F2EE; }
.fw .fw-sidebar-foot { display:block; border:0; padding:22px 5px 0; margin-top:auto; font-size:11px; }
.fw-agent-shortcut { display:flex; align-items:center; gap:10px; padding:14px 3px; border-top:1px solid var(--fw-border); color:var(--fw-text); }
.fw-agent-shortcut>span { display:grid; place-items:center; height:29px; width:29px; background:var(--fw-lilac); border-radius:5px; font-size:20px; }
.fw-agent-shortcut small { display:block; color:var(--fw-muted); font-size:10px; }
.fw .fw-account { margin:0; padding:8px 3px 0; border-top:1px solid var(--fw-border); gap:10px; }
.fw .fw-account-wie { display:flex; align-items:center; gap:8px; font-size:10px; }
.fw-avatar { display:grid; place-items:center; width:27px; height:27px; flex-shrink:0; border-radius:50%; color:white; background:var(--fw-text); font-style:normal; }
.fw .fw-account :is(.fw-secondary,.fw-field) { font-size:10px; padding:5px 8px; min-height:28px; }
.fw .fw-account form[action='/uitloggen'] .fw-secondary { border-color:transparent; background:none; color:var(--fw-muted); }
.fw .fw-main { padding:0; min-width:0; min-height:0; overflow:auto; }
.fw .fw-main:focus { outline:none; }
.fw .fw-contextbar { min-height:64px; margin:0; padding:13px 33px; background:#fff; font-size:11px; gap:16px; color:var(--fw-muted); }
.fw-contextbar .fw-breadcrumb { display:flex; gap:12px; align-items:center; min-width:0; }
.fw-breadcrumb>span { overflow-wrap:anywhere; }
.fw .fw-context-caption { display:block; color:var(--fw-muted); font-size:10px; flex-shrink:0; }
.fw .fw-context-divider { margin:0 11px; color:#B7BDB9; }
.fw-content { padding:30px 34px 40px; max-width:1540px; margin:0 auto; min-width:0; }
.fw-main>.fw-diffstrip { margin:20px 34px 0; }
.fw .fw-head { align-items:center; gap:20px; margin-bottom:27px; }
.fw .fw-head h1,.fw .fw-channel-heading h1 { font:500 30px/1.22 'Bricolage Grotesque',sans-serif; letter-spacing:-.8px; margin:0 0 8px; }
.fw .fw-head p { font-size:12px; line-height:1.8; max-width:680px; }
.fw .fw-eyebrow { font-size:10px; font-weight:400; margin-bottom:8px; color:var(--fw-muted); }
.fw h2 { font-size:15px; font-weight:500; letter-spacing:-.2px; }
.fw h3 { font-size:13px; font-weight:500; }
.fw p { font-size:12px; line-height:1.75; }
.fw :is(.fw-primary,.fw-secondary) { display:inline-flex; align-items:center; justify-content:center; gap:8px; font-size:11px; font-weight:500; border-radius:6px; padding:8px 13px; min-height:37px; line-height:1.55; box-shadow:none; }
.fw .fw-primary { border:1px solid var(--fw-text); background:var(--fw-text); color:white; }
.fw .fw-primary:hover:not(:disabled) { background:var(--fw-accent); border-color:var(--fw-accent); }
.fw .fw-secondary { background:#fff; border:1px solid var(--fw-border); }
.fw .fw-secondary:hover:not(:disabled) { background:var(--fw-bg); border-color:#BAC4BE; }
.fw .fw-primary:disabled,.fw .fw-secondary:disabled { opacity:.48; cursor:not-allowed; }
.fw .fw-section-box { border-radius:8px; box-shadow:none; overflow:hidden; min-width:0; }
.fw .fw-pad { padding:21px; }
.fw .fw-section-title { margin:0; }
.fw .fw-section-title p { margin:5px 0 0; }
.fw .fw-kpis { border:1px solid var(--fw-border); border-radius:8px; background:white; gap:0; overflow:hidden; margin-bottom:25px; }
.fw .fw-kpi { display:block; border:0; border-right:1px solid var(--fw-border); padding:20px 23px; border-radius:0; margin:0; }
.fw .fw-kpi:last-child { border:0; display:block; }
.fw .fw-kpi span { font-size:11px; font-weight:400; }
.fw .fw-kpi strong { margin:9px 0 7px; font:400 30px/1.1 'Bricolage Grotesque',sans-serif; }
.fw .fw-kpi small { font-size:10px; }
.fw .fw-tag { padding:3px 7px; font-size:10px; font-weight:400; letter-spacing:0; border:0; border-radius:4px; line-height:1.5; }
.fw .fw-diffstrip { border:1px solid var(--fw-border); background:var(--fw-sky); border-radius:7px; font-size:12px; padding:14px 17px; }
.fw .fw-diffstrip strong { font-weight:500; }
.fw .fw-logo { height:36px; width:36px; border-radius:6px; }
.fw .fw-logo img { display:block; width:22px; height:22px; object-fit:contain; }
.fw .fw-table { overflow:auto; scrollbar-width:thin; max-width:100%; border-radius:8px; }
.fw .fw-data th { background:#FCFCFA; color:var(--fw-muted); padding:11px 16px; font-size:10px; font-weight:400; letter-spacing:0; text-transform:none; }
.fw .fw-data td { padding:13px 16px; font-size:12px; line-height:1.55; }
.fw .fw-data td small { font-size:10px; }
.fw .fw-data tbody tr:hover { background:#FCFCFA; }
.fw a.fw-link { font-size:12px; }
.fw .fw-table-head { font-weight:400; }
.fw .fw-regels td { padding-top:12px; padding-bottom:12px; }
.fw .fw-regels td strong { font-weight:500; }
.fw .fw-tabs { display:flex; gap:23px; border:0; border-bottom:1px solid var(--fw-border); border-radius:0; background:transparent; padding:0; width:auto; overflow:auto; scrollbar-width:thin; }
.fw .fw-tabs a { padding:10px 0 12px; border-radius:0; border-bottom:2px solid transparent; font-size:12px; white-space:nowrap; }
.fw .fw-tabs a[aria-selected=true],.fw .fw-tabs a[aria-current=page] { border-bottom-color:var(--fw-text); background:transparent; box-shadow:none; font-weight:500; color:var(--fw-text); }
.fw .fw-search { border-radius:6px; font-size:12px; padding:9px 11px; }
.fw .fw-toolbar { gap:15px; flex-wrap:wrap; }
.fw .fw-field { border:1px solid var(--fw-border); border-radius:6px; padding:9px 11px; background:#fff; font-size:12px; max-width:100%; }
.fw .rb-form .fw-field { font-size:12px; padding:9px 11px; }
/* One focus indicator: fields follow their existing edge; keyboard-operated
   actions get a small gap. Outlines do not change a control's dimensions. */
.fw :is(a,button,input,select,textarea,summary):focus-visible {
  outline:2px solid var(--fw-focus); outline-offset:2px; box-shadow:none;
}
.fw :is(input,select,textarea):where(:not([type=checkbox],[type=radio],[type=range],[type=button],[type=submit],[type=reset],[type=color])):focus,
.fw :is(.fw-field,.fw-search,.fw-editor):focus {
  outline:2px solid var(--fw-focus); outline-offset:-1px; box-shadow:none;
}
/* Scroll containers and closed disclosure cards would clip an outside ring. */
.fw .fw-tabs :is(a,button):focus-visible,
.fw .cn-setup>summary:focus-visible { outline-offset:-2px; }
.fw .cn-steps button[aria-current=step]:focus-visible { box-shadow:none; }
/* The Shopify suffix and input are one control. These selectors also outrank
   the later connection stylesheet, so its old glow cannot add a second ring. */
.fw .cn-domain:has(input:focus) {
  border-color:var(--fw-focus); outline:2px solid var(--fw-focus);
  outline-offset:-1px; box-shadow:none;
}
.fw .cn-domain .fw-field:focus { outline:none; box-shadow:none; }
@media(forced-colors:active) { .fw { --fw-focus:Highlight; } }
.fw .rb-form label { font-size:12px; }
.fw .rb-layout { gap:22px; }
.fw .rb-label { font-weight:500; }
.fw .rb-case-header { padding:16px 20px; }
.fw .rb-section { padding:19px 20px; }
.fw .rb-preview { border-top:3px solid #D7CDEC; }
.fw .rb-badge { background:var(--fw-sky); color:var(--fw-accent); }
.fw .rb-savebar { background:var(--fw-bg); }
.fw .fw-runbar { border-radius:7px; padding:15px 20px; font-size:11px; }
.fw .fw-funnel-row:last-child { background:var(--fw-success-bg); }
.fw .fw-la { box-shadow:-18px 0 60px #25272812; }
.fw .fw-la h2 { font-family:'Bricolage Grotesque',sans-serif; font-weight:500; font-size:25px; }
.fw .fw-leeg { padding:36px 24px; border-style:solid; background:white; font-size:12px; }
.fw .fw-line { font-size:12px; }
.fw .fw-line strong { font-weight:500; }
.fw .fw-bottomnote { font-size:11px; }
.fw.fw-kaal { height:auto; min-height:100dvh; background:var(--fw-bg); padding:70px 20px; overflow:auto; }
.fw .fw-kaal-kader { padding:30px; border-radius:10px; box-shadow:none; }
.fw .fw-kaal-kader .fw-brand { margin:0 0 12px; }
.fw .fw-kaal-kader h1 { font:500 27px/1.2 'Bricolage Grotesque',sans-serif; letter-spacing:-.6px; }
.fw .fw-menu-toggle,.fw .fw-menu-close { display:none; border:0; background:transparent; padding:7px; cursor:pointer; }
.fw-menu-toggle svg { display:block; width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.5; }
.fw .fw-nav-backdrop { display:none; }
.fw-activity { list-style:none; padding:0; margin:0; }
.fw-activity li { display:grid; grid-template-columns:32px minmax(0,1fr) auto; gap:14px; padding:19px 22px; border-bottom:1px solid var(--fw-border); align-items:start; }
.fw-activity li:last-child { border-bottom:0; }
.fw-activity-icon { width:29px; height:29px; border-radius:6px; display:grid; place-items:center; background:var(--fw-sky); color:var(--fw-accent); }
.fw-activity strong { font-size:12px; font-weight:500; }
.fw-activity p { font-size:11px; margin:4px 0 0; }
.fw-activity time { color:var(--fw-muted); font-size:10px; white-space:nowrap; }
@media(min-width:1500px) { .fw-content { padding:38px 46px 44px; } .fw .fw-contextbar { padding-left:46px; padding-right:46px; } }
@media(max-width:1100px) { .fw { grid-template-columns:195px minmax(0,1fr); } .fw-content { padding:27px 25px 35px; } .fw .fw-contextbar { padding-left:25px; padding-right:25px; } .fw .fw-sidebar { padding-left:11px; padding-right:11px; } }
@media(max-width:800px) {
  .fw { grid-template-columns:185px minmax(0,1fr); }
  .fw .fw-brand { margin-left:9px; }
  .fw .fw-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .fw .fw-kpi { padding:18px; border-bottom:1px solid var(--fw-border); }
  .fw .fw-kpi:nth-child(even) { border-right:0; }
  .fw .fw-kpi:last-child:nth-child(odd) { grid-column:1 / -1; }
  .fw .fw-head { flex-wrap:wrap; }
  .fw .fw-context-caption { display:none; }
  .fw .fw-head h1 { font-size:28px; }
}
@media(max-width:700px) {
  .fw { display:block; height:auto; min-height:100dvh; overflow:visible; }
  .fw .fw-sidebar { display:flex; padding:24px 16px 14px; border-right:1px solid var(--fw-border); border-bottom:0; }
  .fw .fw-main { padding:0; overflow:visible; }
  .fw-content { padding:24px 20px 30px; }
  .fw .fw-contextbar { min-height:60px; padding:12px 20px; margin:0; }
  .fw .fw-context-divider { margin:0 7px; }
  .fw .fw-head { gap:16px; margin-bottom:23px; }
  .fw .fw-head h1 { font-size:29px; }
  .fw .fw-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .fw .fw-kpi { display:block; padding:17px; }
  .fw .fw-kpi strong { font-size:28px; margin:9px 0 7px; }
  .fw .fw-pad { padding:19px; }
  .fw .fw-sidebar-foot { display:block; margin-top:24px; }
  .fw .fw-nav,.fw .fw-sidebar nav[aria-label="Beheer"] { display:grid; overflow:visible; }
  .fw .fw-nav a { font-size:13px; min-height:41px; }
  .fw .fw-nav a span { font-size:13px; }
  .fw .fw-nav svg { display:block; }
  .fw .fw-brand { display:flex; }
  .fw .fw-workspace,.fw .fw-nav-label { display:flex; }
  .fw .fw-header-actions { gap:7px; flex-wrap:wrap; }
  .fw .fw-primary,.fw .fw-secondary { white-space:normal; }
  .fw-main>.fw-diffstrip { margin:15px 20px 0; }
  .fw .fw-toolbar>form { flex:1; min-width:0; }
  .fw .fw-search { width:100%; }
  .fw .fw-la { width:100vw; }
  .fw-activity li { grid-template-columns:29px minmax(0,1fr); padding:17px; gap:10px; }
  .fw-activity time { grid-column:2; }
  .fw-enhanced .fw:not(.fw-kaal) { height:100dvh; overflow:hidden; }
  .fw-enhanced .fw .fw-main { height:100dvh; overflow:auto; }
  .fw-enhanced .fw .fw-sidebar { position:fixed; inset:0 auto 0 0; width:246px; height:100dvh; z-index:60; transform:translateX(-100%); visibility:hidden; transition:transform .18s ease; }
  .fw-enhanced .fw .fw-sidebar.is-open { transform:translateX(0); visibility:visible; }
  .fw-enhanced .fw .fw-menu-toggle { display:inline-flex; padding-left:0; }
  .fw-enhanced .fw .fw-menu-close { display:block; position:absolute; right:12px; top:20px; font-size:24px; }
  .fw-enhanced .fw .fw-nav-backdrop:not([hidden]) { display:block; position:fixed; inset:0; background:#25272838; z-index:50; }
}
@media(prefers-reduced-motion:reduce) { .fw *, .fw *::before, .fw *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }