/* Junity 2026 — wordt alleen geladen als de nieuwe weergave aan staat (App\Helpers\Ui::modern()). */
/* Junity 2026 — gedeelde stijl voor alle mockups */
:root{
  --j26-navy:#1B2B4B;--j26-navy-2:#24385F;--j26-navy-3:#2A3D63;--j26-navy-tint:#E8EDF6;--j26-navy-tint-2:#F1F4F9;
  --j26-green:#8BB453;--j26-green-dark:#6E9A3A;--j26-green-text:#3F6618;--j26-green-tint:#EAF3DC;--j26-green-tint-2:#F2F7EA;--j26-green-border:#DCE9C8;
  --j26-ink:#1B2433;--j26-ink-2:#3A4354;--j26-muted:#5B6474;--j26-faint:#6A7280;--j26-placeholder:#8A909B;
  --j26-ground:#F2F3EF;--j26-surface:#FFFFFF;--j26-subtle:#FAFAF8;--j26-hover:#F8F9F6;
  --j26-line:#E6E8E2;--j26-line-2:#EFF0EC;--j26-line-3:#DADDD6;
  --j26-orange:#9A3D0A;--j26-orange-tint:#FCE9DF;--j26-amber:#7A5300;--j26-amber-tint:#FFF3D1;--j26-red:#B0360A;
  --j26-radius:16px;
}




.j26-topbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--j26-line-2)}
.j26-crumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--j26-muted)}
.j26-crumbs a{color:var(--j26-muted)}
.j26-crumbs strong{color:var(--j26-navy);font-weight:500}
.j26-page{padding:28px 32px 40px;display:flex;flex-direction:column;gap:24px}
.j26-page-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px}
.j26-page-actions{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.j26-h1{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-size:34px;line-height:1.05;font-weight:700;letter-spacing:-0.03em;color:var(--j26-navy)}
.j26-sub{margin:0;font-size:14px;color:var(--j26-muted)}
.j26-h2{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-size:17px;font-weight:700;letter-spacing:-0.01em;color:var(--j26-navy)}
.j26-label{font-size:12px;font-weight:600;color:var(--j26-muted);text-transform:uppercase;letter-spacing:.03em}
.j26-muted{color:var(--j26-muted)}
.j26-mono{font-family:'Geist Mono',monospace;font-size:12.5px}
.j26-num{text-align:right;font-variant-numeric:tabular-nums}
.j26-ico{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.j26-ico-sm{width:14px;height:14px}
.j26-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* knoppen */
.j26-btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:10px;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;border:1px solid var(--j26-line-3);background:#fff;color:var(--j26-navy);white-space:nowrap}
.j26-btn:hover{background:#F6F7F4;color:var(--j26-navy)}
.j26-btn-p{background:var(--j26-navy);color:#fff;border-color:var(--j26-navy)}
.j26-btn-p:hover{background:var(--j26-navy-2);color:#fff}
.j26-btn-g{background:transparent;border-color:transparent}
.j26-btn-danger{color:var(--j26-red);border-color:#F3D3C2}
.j26-btn-sm{height:32px;padding:0 10px;font-size:13px}
.j26-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--j26-ink-2);cursor:pointer}
.j26-icon-btn:hover{background:#F0F1EC}
.j26-icon-btn-sm{width:30px;height:30px}
.j26-kbd{font-family:'Geist Mono',monospace;font-size:11px;color:var(--j26-muted);border:1px solid var(--j26-line-3);border-radius:5px;padding:1px 5px;background:#fff}
.j26-kbd-d{background:var(--j26-navy-2);border-color:#3C5280;color:#C3CCDD}
.j26-seg{display:inline-flex;padding:3px;border-radius:10px;background:#F0F1EC;gap:2px}
.j26-seg button,.j26-seg a{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:8px;border:0;background:transparent;font:inherit;font-size:13px;font-weight:500;color:var(--j26-muted);cursor:pointer}
.j26-seg .j26-on{background:#fff;color:var(--j26-navy);font-weight:600;box-shadow:0 1px 2px rgba(27,43,75,.10)}

/* badges, pills, avatars */
.j26-badge{font-size:11.5px;font-weight:600;color:var(--j26-ink-2);background:#E4E6E0;border-radius:6px;padding:1px 6px;font-variant-numeric:tabular-nums}
.j26-badge-g{background:var(--j26-green-tint);color:var(--j26-green-text)}
.j26-pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:999px;font:inherit;font-size:12px;font-weight:600;border:0;white-space:nowrap}
.j26-pill i{width:6px;height:6px;border-radius:50%;background:currentColor}
.j26-pill-btn{cursor:pointer;padding-right:6px}
.j26-p-gray{background:#EFF0EC;color:#4A5262}
.j26-p-navy{background:var(--j26-navy-tint);color:var(--j26-navy)}
.j26-p-green{background:var(--j26-green-tint);color:var(--j26-green-text)}
.j26-p-orange{background:var(--j26-orange-tint);color:var(--j26-orange)}
.j26-p-amber{background:var(--j26-amber-tint);color:var(--j26-amber)}
.j26-p-rose{background:#F3EEEE;color:#6B4545}
.j26-av{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex:none;background:#EFF0EC;color:var(--j26-ink-2)}
.j26-av-r{border-radius:50%}
.j26-av-sm{width:24px;height:24px;font-size:10px}
.j26-av-lg{width:52px;height:52px;border-radius:14px;font-size:17px}
.j26-av-navy{background:var(--j26-navy-tint);color:var(--j26-navy)}
.j26-av-green{background:var(--j26-green-tint);color:var(--j26-green-text)}
.j26-av-orange{background:var(--j26-orange-tint);color:var(--j26-orange)}
.j26-av-dark{background:var(--j26-navy);color:#fff}
.j26-stack{display:inline-flex;align-items:center}
.j26-stack .j26-av{box-shadow:0 0 0 2px #fff;margin-left:-6px}
.j26-stack .j26-av:first-child{margin-left:0}

/* kaarten */
.j26-card{border:1px solid var(--j26-line);border-radius:var(--j26-radius);background:#fff}
.j26-card-h{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--j26-line-2)}
.j26-card-b{padding:16px 18px}
.j26-card-f{display:flex;align-items:center;gap:10px;padding:12px 18px;border-top:1px solid var(--j26-line-2);background:var(--j26-subtle);border-radius:0 0 var(--j26-radius) var(--j26-radius)}
.j26-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.j26-kpi{border:1px solid var(--j26-line);border-radius:var(--j26-radius);padding:16px 18px;display:flex;flex-direction:column;gap:8px;background:#fff;min-width:0}
.j26-kpi-l{font-size:12.5px;font-weight:600;color:var(--j26-muted)}
.j26-kpi-v{font-family:'Bricolage Grotesque',sans-serif;font-size:26px;font-weight:700;letter-spacing:-0.02em;color:var(--j26-navy);font-variant-numeric:tabular-nums}
.j26-kpi-s{font-size:12.5px;color:var(--j26-muted)}
.j26-kpi-dark{background:var(--j26-navy);border-color:var(--j26-navy)}
.j26-kpi-dark .j26-kpi-l,.j26-kpi-dark .j26-kpi-s{color:#C3CCDD}.j26-kpi-dark .j26-kpi-v{color:#fff}
.j26-kpi-green{background:var(--j26-green-tint-2);border-color:var(--j26-green-border)}
.j26-kpi-green .j26-kpi-l,.j26-kpi-green .j26-kpi-s{color:var(--j26-green-text)}
.j26-track{height:6px;border-radius:999px;background:#ECEEE8;overflow:hidden}
.j26-fill{display:block;height:100%;border-radius:999px;background:var(--j26-green)}
.j26-fill-navy{background:var(--j26-navy)}.j26-fill-orange{background:#D9774A}
.j26-kv{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;padding:9px 0;border-bottom:1px solid #F0F1EC}
.j26-kv:last-child{border-bottom:0}
.j26-kv>span:first-child{color:var(--j26-muted)}
.j26-kv>span:last-child,.j26-kv>a{text-align:right;font-weight:500}
.j26-cols{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.j26-col-main{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:24px}
.j26-col-side{flex:1 1 300px;max-width:380px;display:flex;flex-direction:column;gap:24px}
.j26-note-y{display:flex;gap:12px;padding:14px 16px;border-radius:14px;background:#FFF8E3;border:1px solid #F2E3B3}
.j26-alert{display:flex;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid var(--j26-line);background:var(--j26-subtle);font-size:13.5px}
.j26-alert-warn{background:#FFF8F3;border-color:#F3D9C7;color:#5A3214}
.j26-alert-ok{background:var(--j26-green-tint-2);border-color:var(--j26-green-border);color:#2E4A10}
.j26-alert-info{background:var(--j26-navy-tint-2);border-color:#D5DDEA;color:var(--j26-navy)}

/* tabs */
.j26-tabs{display:flex;gap:22px;overflow-x:auto;border-bottom:1px solid var(--j26-line-2)}
.j26-tab{display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 2px;font-size:13.5px;font-weight:500;color:var(--j26-muted);border-bottom:2px solid transparent;white-space:nowrap}
.j26-tab .j26-badge{font-size:11px}
.j26-tab-on{color:var(--j26-navy);font-weight:600;border-bottom-color:var(--j26-green)}
.j26-stages{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.j26-stage{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:14px;border:1px solid var(--j26-line);background:#fff;color:var(--j26-ink);min-width:0}
.j26-stage:hover{border-color:#C5CFE0;color:var(--j26-ink)}
.j26-stage-on{border-color:var(--j26-navy);box-shadow:0 0 0 1px var(--j26-navy)}
.j26-stage-l{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--j26-ink-2)}
.j26-stage-l i{width:8px;height:8px;border-radius:50%}
.j26-stage-n{font-family:'Bricolage Grotesque',sans-serif;font-size:26px;font-weight:700;letter-spacing:-0.02em;color:var(--j26-navy);font-variant-numeric:tabular-nums}

/* tabellen */
.j26-tbl-wrap{display:flex;flex-direction:column;border:1px solid var(--j26-line);border-radius:var(--j26-radius);overflow:hidden;background:#fff}
.j26-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--j26-line-2)}
.j26-search{display:flex;align-items:center;gap:8px;height:32px;padding:0 10px;border:1px solid #DFE2DA;border-radius:10px;flex:0 1 260px;color:var(--j26-faint);background:#fff}
.j26-search input{border:0;outline:0;font:inherit;font-size:13px;width:100%;color:var(--j26-ink);background:transparent}
.j26-chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border-radius:999px;border:1px dashed #CDD1C8;background:#fff;font:inherit;font-size:13px;color:var(--j26-ink-2);cursor:pointer}
.j26-chip-on{border-style:solid;border-color:#C5CFE0;background:var(--j26-navy-tint);color:var(--j26-navy);font-weight:500}
.j26-scroll-x{overflow-x:auto}
table.j26-tbl{border-collapse:collapse;width:100%;min-width:960px}
.j26-tbl th{font-size:12px;font-weight:600;color:var(--j26-muted);text-align:left;padding:0 14px;height:40px;border-bottom:1px solid var(--j26-line);background:var(--j26-subtle);white-space:nowrap}
.j26-tbl td{font-size:13.5px;color:var(--j26-ink);padding:0 14px;height:56px;border-bottom:1px solid var(--j26-line-2);white-space:nowrap}
.j26-tbl tr.j26-sel td{background:var(--j26-navy-tint-2)}
.j26-tbl tbody tr:hover td{background:var(--j26-hover)}
.j26-tbl tr.j26-group td{background:var(--j26-subtle);height:38px;font-size:12.5px;font-weight:600;color:var(--j26-ink-2)}
.j26-tbl tfoot td{background:var(--j26-subtle);font-weight:600;height:48px}
.j26-cb{width:16px;height:16px;accent-color:var(--j26-navy);margin:0;cursor:pointer}
.j26-tbl-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 18px;font-size:13px;color:var(--j26-muted)}
.j26-bulk{align-self:center;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 6px 6px 16px;border-radius:14px;background:var(--j26-navy);color:#fff;box-shadow:0 12px 32px rgba(27,43,75,.25)}
.j26-bulk strong{font-size:13.5px;font-weight:600;padding-right:8px;color:#C4E09B}
.j26-bulk button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:8px;border:0;background:var(--j26-navy-3);color:#fff;font:inherit;font-size:13px;font-weight:500;cursor:pointer}
.j26-row-link{color:var(--j26-navy);font-weight:500}
.j26-cell2{display:flex;flex-direction:column;line-height:1.25}
.j26-cell2 small{font-size:12px;color:var(--j26-muted)}
.j26-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 24px;text-align:center;color:var(--j26-muted)}

/* formulieren */
.j26-sec{display:flex;flex-wrap:wrap;gap:20px 40px;padding:28px 0;border-top:1px solid var(--j26-line-2)}
.j26-sec-l{flex:1 1 220px;max-width:280px;display:flex;flex-direction:column;gap:6px}
.j26-sec-l h2{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-size:19px;font-weight:700;letter-spacing:-0.01em;color:var(--j26-navy)}
.j26-sec-l p{margin:0;font-size:13px;line-height:1.5;color:var(--j26-muted)}
.j26-sec-r{flex:999 1 380px;min-width:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 16px}
.j26-f{display:flex;flex-direction:column;gap:7px;min-width:0}
.j26-f>label,.j26-f .j26-lbl{font-size:13px;font-weight:600;color:var(--j26-ink)}
.j26-opt{font-weight:400;color:var(--j26-faint)}
.j26-in{height:40px;border:1px solid var(--j26-line-3);border-radius:10px;padding:0 12px;font:inherit;font-size:14px;color:var(--j26-ink);background:#fff;width:100%;outline:0;min-width:0}
textarea.j26-in{height:auto;min-height:96px;padding:10px 12px;line-height:1.5;resize:vertical}
select.j26-in{appearance:none;padding-right:34px}
.j26-in::placeholder{color:var(--j26-placeholder)}
.j26-in-focus{border-color:var(--j26-navy);box-shadow:0 0 0 4px rgba(27,43,75,.10)}
.j26-in-err{border-color:#C2410C;box-shadow:0 0 0 4px rgba(194,65,12,.10)}
.j26-in-auto{background:#F6F9F1;border-color:var(--j26-green-border)}
.j26-sel-wrap{position:relative}
.j26-sel-wrap .j26-ico{position:absolute;right:12px;top:12px;color:var(--j26-muted);pointer-events:none}
.j26-hint{font-size:12.5px;color:var(--j26-muted)}
.j26-err{font-size:12.5px;color:var(--j26-red);display:flex;align-items:center;gap:6px}
.j26-c1{grid-column:span 1}.j26-c2{grid-column:span 2}.j26-c3{grid-column:span 3}.j26-c4{grid-column:span 4}.j26-c5{grid-column:span 5}.j26-c6{grid-column:span 6}
.j26-choice{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--j26-line-3);border-radius:12px;cursor:pointer;background:#fff}
.j26-choice-on{border-color:var(--j26-navy);box-shadow:0 0 0 1px var(--j26-navy);background:#F4F6FA}
.j26-choice input{width:16px;height:16px;margin:2px 0 0;accent-color:var(--j26-navy)}
.j26-switch{width:38px;height:22px;border-radius:999px;background:#CDD1C8;position:relative;flex:none;display:inline-block}
.j26-switch::after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.j26-switch-on{background:var(--j26-green-dark)}
.j26-switch-on::after{left:19px}
.j26-savebar{position:sticky;bottom:16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 12px 12px 18px;border:1px solid #E3E5E0;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 10px 30px rgba(27,43,75,.08)}

/* overlays */
.j26-scrim{position:absolute;inset:0;background:rgba(27,36,51,.32)}
.j26-modal{position:relative;background:#fff;border-radius:18px;box-shadow:0 24px 60px rgba(27,43,75,.25);display:flex;flex-direction:column;overflow:hidden}
.j26-modal-h{display:flex;align-items:center;gap:10px;padding:18px 20px;border-bottom:1px solid var(--j26-line-2)}
.j26-modal-f{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--j26-line-2);background:var(--j26-subtle)}
.j26-drawer{position:absolute;top:0;right:0;bottom:0;width:min(520px,100%);background:#fff;box-shadow:-20px 0 50px rgba(27,43,75,.18);display:flex;flex-direction:column}
.j26-menu{background:#fff;border:1px solid #E1E4DD;border-radius:12px;box-shadow:0 16px 40px rgba(27,43,75,.14);padding:6px}
.j26-menu-i{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:13.5px;color:var(--j26-ink)}
.j26-menu-i:hover,.j26-menu-on{background:var(--j26-navy-tint-2);color:var(--j26-ink)}

/* tijdlijn, lijsten */
.j26-tl{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start}
.j26-tl-i{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--j26-ground);color:var(--j26-ink-2)}
.j26-list-row{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--j26-line-2)}
.j26-list-row:last-child{border-bottom:0}
.j26-dropzone{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px;border:1.5px dashed #CDD1C8;border-radius:14px;background:var(--j26-subtle);color:var(--j26-muted);font-size:13.5px;text-align:center}

/* mobiel */
.j26-phone{width:390px;height:844px;display:flex;flex-direction:column;background:var(--j26-ground);font-family:'Geist',system-ui,sans-serif;color:var(--j26-ink);-webkit-font-smoothing:antialiased;overflow:hidden;position:relative}
.j26-m-head{padding:18px 18px 12px;display:flex;align-items:center;gap:10px;background:var(--j26-ground)}
.j26-m-body{flex:1;overflow:auto;padding:0 14px 18px;display:flex;flex-direction:column;gap:12px}
.j26-m-card{background:#fff;border:1px solid var(--j26-line);border-radius:16px}
.j26-m-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--j26-line);background:#fff;padding:6px 6px 22px}
.j26-m-tab{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;font-size:11.5px;font-weight:500;color:var(--j26-muted);border-radius:10px}
.j26-m-tab-on{color:var(--j26-navy);font-weight:600}
.j26-m-tab-on .j26-ico{color:var(--j26-green-dark)}
.j26-m-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:50px;border-radius:14px;font:inherit;font-size:15px;font-weight:600;border:0;background:var(--j26-navy);color:#fff;width:100%;cursor:pointer}
.j26-m-btn-2{background:#fff;color:var(--j26-navy);border:1px solid var(--j26-line-3)}

@media (max-width:760px){
  .j26-page{padding:20px 16px 32px}
  .j26-sec-r{grid-template-columns:repeat(1,minmax(0,1fr))}
  .j26-c1,.j26-c2,.j26-c3,.j26-c4,.j26-c5,.j26-c6{grid-column:span 1}
}

/* =========================================================
   Schil: zijmenu, topbalk, content (alleen met body.ui-2026)
   ========================================================= */
body.ui-2026{
  --j26-side-w:256px;
  background:var(--j26-ground) !important;
  font-family:'Geist',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:14px;
  color:var(--j26-ink);
  -webkit-font-smoothing:antialiased;
}
.ui-2026 .wrapper{background:var(--j26-ground) !important;overflow:visible}
.ui-2026 h1,.ui-2026 h2,.ui-2026 h3,.ui-2026 h4,.ui-2026 h5{font-family:'Geist',system-ui,sans-serif;color:var(--j26-ink)}
.ui-2026 a{color:#2D4A80}
.ui-2026 a:hover,.ui-2026 a:focus{color:var(--j26-navy)}
.j26-ico{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.j26-ico-sm{width:14px;height:14px}
.j26-ico-green{color:var(--j26-green-dark)}
.j26-kbd{font-family:'Geist Mono',monospace;font-size:11px;line-height:1.4;color:var(--j26-muted);border:1px solid var(--j26-line-3);border-radius:5px;padding:0 5px;background:#fff}

/* zijmenu */
.ui-2026 .main-sidebar.j26-side{
  position:fixed;top:0;left:0;bottom:0;width:var(--j26-side-w);padding:0;margin:0;
  background:var(--j26-ground) !important;border:0;box-shadow:none;z-index:900;
  overflow-y:auto;overflow-x:hidden;transition:transform .2s ease;
}
.j26-side-inner{display:flex;flex-direction:column;min-height:100%;padding:14px 12px 14px 14px;gap:6px}
.j26-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 10px;position:relative}
.j26-brand-logo{width:30px;height:30px;object-fit:contain;flex:none}
.j26-brand-text{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.j26-brand-text strong{font-family:'Bricolage Grotesque',sans-serif;font-size:17px;font-weight:800;color:var(--j26-navy);letter-spacing:-0.01em}
.j26-brand-text span{font-size:12px;color:var(--j26-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.j26-brand-switch{margin-left:auto;color:var(--j26-faint) !important;display:inline-flex;padding:6px;border-radius:8px}
.j26-brand-switch:hover{background:#E7E9E3}
.j26-side-actions{display:flex;gap:6px}
.j26-jump{flex:1;display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;border-radius:10px;border:1px solid #DFE2DA;background:#fff;font:inherit;font-size:13px;color:var(--j26-muted);cursor:pointer;min-width:0;text-align:left}
.j26-jump span:first-of-type{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.j26-jump:hover{border-color:#C5CFE0}
.j26-new{width:36px;height:36px;border-radius:10px;border:1px solid var(--j26-navy);background:var(--j26-navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.j26-new:hover{background:var(--j26-navy-2)}
.j26-nav{display:flex;flex-direction:column;gap:1px;margin-top:10px}
.j26-group-head{display:flex;align-items:center;gap:10px;width:100%;height:35px;padding:0 10px;border-radius:9px;border:0;background:transparent;color:var(--j26-ink-2);font:inherit;font-size:13.5px;font-weight:500;cursor:pointer;text-align:left}
.j26-group-head span{flex:1}
.j26-group-head:hover{background:#E7E9E3;color:var(--j26-navy)}
.j26-chev{width:14px;height:14px;color:#8A909B;transition:transform .3s cubic-bezier(.4,0,.2,1)}
.j26-group.is-open>.j26-group-head{color:var(--j26-navy);font-weight:600}
.j26-group.is-open>.j26-group-head>.j26-ico:first-child{color:var(--j26-green-dark)}
.j26-group.is-open .j26-chev{transform:rotate(90deg)}
.j26-navsub{display:flex;flex-direction:column;gap:1px;margin:0 0 0 18px;padding-left:10px;border-left:1px solid #DCDFD7;max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-height .32s cubic-bezier(.4,0,.2,1),opacity .22s ease,margin .32s cubic-bezier(.4,0,.2,1),visibility 0s linear .32s}
.j26-group.is-open>.j26-navsub{max-height:420px;opacity:1;visibility:visible;margin:2px 0 6px 18px;transition:max-height .38s cubic-bezier(.4,0,.2,1),opacity .28s ease .06s,margin .38s cubic-bezier(.4,0,.2,1),visibility 0s}
@media (prefers-reduced-motion:reduce){.j26-navsub,.j26-group.is-open>.j26-navsub{transition:none}}
.j26-link{display:flex;align-items:center;gap:8px;min-height:31px;padding:4px 10px;border-radius:8px;color:var(--j26-ink-2) !important;font-size:13px;position:relative}
.j26-link span:first-of-type{flex:1}
.j26-link:hover{background:#E7E9E3;color:var(--j26-navy) !important;text-decoration:none}
.j26-link.is-active{background:#fff;color:var(--j26-navy) !important;font-weight:600;box-shadow:0 0 0 1px #E1E4DD,0 1px 2px rgba(27,43,75,.06)}
.j26-badge{font-size:11px;font-weight:600;color:var(--j26-ink-2);background:#E4E6E0;border-radius:6px;padding:1px 6px;line-height:1.5}
.j26-link.is-active .j26-badge{background:var(--j26-green-tint);color:var(--j26-green-text)}
.j26-badge-beta{background:var(--j26-navy-tint);color:var(--j26-navy)}
.j26-side-foot{margin-top:auto;padding-top:14px;display:flex;flex-direction:column;gap:2px}
.j26-foot-link{display:flex;align-items:center;gap:10px;height:35px;padding:0 10px;border-radius:9px;color:var(--j26-ink-2) !important;font-size:13.5px;font-weight:500}
.j26-foot-link:hover,.j26-foot-link.is-active{background:#E7E9E3;color:var(--j26-navy) !important;text-decoration:none}
.j26-user{margin-top:6px}
.j26-user-toggle{display:flex !important;align-items:center;gap:10px;padding:8px;border-radius:10px;color:var(--j26-ink) !important}
.j26-user-toggle:hover{background:#E7E9E3;text-decoration:none}
.j26-av{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:var(--j26-navy);color:#fff;flex:none}
.j26-user-text{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.j26-user-text strong{font-size:13px;color:var(--j26-navy)}
.j26-user-text span{font-size:12px;color:var(--j26-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}
.j26-menu{border:1px solid #E1E4DD !important;border-radius:12px !important;box-shadow:0 16px 40px rgba(27,43,75,.14) !important;padding:6px !important;min-width:200px}
.j26-menu>li>a{border-radius:8px;padding:8px 10px !important;font-size:13.5px;color:var(--j26-ink) !important;white-space:normal}
.j26-menu>li>a:hover{background:var(--j26-navy-tint-2) !important}
.j26-menu .dropdown-header{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--j26-faint);padding:6px 10px}
.j26-menu .divider{margin:4px 0;background:var(--j26-line-2)}
.j26-menu-empty{padding:8px 10px;font-size:13px;color:var(--j26-muted)}
.j26-notifications{width:340px;max-height:420px;overflow:auto}

/* topbalk */
.ui-2026 .main-header.j26-top{
  position:sticky;top:0;z-index:850;max-height:none;
  margin:8px 8px 0 calc(var(--j26-side-w) + 0px);
  display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 20px;
  background:#fff;border:1px solid #E3E5E0;border-bottom-color:var(--j26-line-2);border-radius:18px 18px 0 0;
}
.j26-top-menu{display:none;color:var(--j26-ink-2) !important;padding:6px;border-radius:8px}
.j26-top-menu:before{content:none !important}
.j26-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--j26-muted);min-width:0}
.j26-crumbs a{color:var(--j26-muted) !important}
.j26-crumbs strong{color:var(--j26-navy);font-weight:500}
.j26-top-actions{margin-left:auto;display:flex;align-items:center;gap:6px}
.j26-top-icons{display:flex;align-items:center;gap:2px;margin:0;padding:0;list-style:none}
.j26-top-icons>li{position:relative}
.j26-icon-btn{display:inline-flex !important;align-items:center;justify-content:center;width:36px;height:36px;padding:0 !important;border-radius:10px;color:var(--j26-ink-2) !important;position:relative;background:transparent}
.j26-icon-btn:hover,.j26-icon-btn:focus{background:#F0F1EC !important}
.j26-dot{position:absolute;top:4px;right:3px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--j26-green-dark);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center}
.j26-btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:10px;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;border:1px solid var(--j26-line-3);background:#fff;color:var(--j26-navy);white-space:nowrap;text-decoration:none !important}
.j26-btn:hover{background:#F6F7F4;color:var(--j26-navy)}
.j26-btn-p{background:var(--j26-navy);color:#fff !important;border-color:var(--j26-navy)}
.j26-btn-p:hover{background:var(--j26-navy-2);color:#fff}
.j26-btn-sm{height:32px;padding:0 10px;font-size:13px}

/* content */
.ui-2026 .content-wrapper{
  margin:0 8px 8px var(--j26-side-w) !important;
  background:#fff !important;border:1px solid #E3E5E0;border-top:0;border-radius:0 0 18px 18px;
  min-height:calc(100vh - 72px) !important;box-shadow:0 1px 2px rgba(27,43,75,.04);
}
.ui-2026 .content-header{padding:26px 32px 0}
.ui-2026 .content-header>h1{font-family:'Bricolage Grotesque',sans-serif;font-size:30px;font-weight:700;letter-spacing:-0.03em;color:var(--j26-navy);display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0}
.ui-2026 .content-header>h1>small{font-family:'Geist',sans-serif;font-size:14px;font-weight:400;color:var(--j26-muted);letter-spacing:0}
.ui-2026 .content-header>.breadcrumb{display:none}
.ui-2026 .content-header>h1>.btn{height:34px;width:34px;padding:0;display:inline-flex;align-items:center;justify-content:center}
.ui-2026 .content{padding:20px 32px 40px}
.ui-2026 .main-footer{margin:0 8px 8px var(--j26-side-w) !important;background:transparent;border:0;color:var(--j26-faint);font-size:12px;padding:10px 16px}
.ui-2026 .main-footer a{color:var(--j26-muted)}
.ui-2026 .control-sidebar,.ui-2026 .control-sidebar-bg{display:none}

/* werkplaats-terminal (geen zijmenu) */
.ui-2026.layout-top-nav .main-header.j26-top,
.ui-2026.layout-top-nav .content-wrapper,
.ui-2026.layout-top-nav .main-footer{margin-left:8px !important}

@media (max-width:767px){
  .ui-2026 .main-sidebar.j26-side{transform:translateX(-100%);box-shadow:20px 0 50px rgba(27,43,75,.18)}
  .ui-2026.sidebar-open .main-sidebar.j26-side{transform:translateX(0)}
  .ui-2026 .main-header.j26-top,.ui-2026 .content-wrapper,.ui-2026 .main-footer{margin-left:8px !important}
  .ui-2026.sidebar-open .content-wrapper,.ui-2026.sidebar-open .main-footer{transform:none !important}
  .j26-top-menu{display:inline-flex !important}
  .j26-hide-sm{display:none}
  .ui-2026 .content-header{padding:18px 16px 0}
  .ui-2026 .content{padding:16px 16px 32px}
  .ui-2026 #app.content{padding:16px 16px 32px !important}
  .ui-2026 #app.content .content.j26-hr-page{padding-left:0;padding-right:0}
  .ui-2026 .content-header>h1{font-size:24px}
}

/* =========================================================
   Bestaande AdminLTE/Bootstrap-onderdelen in de nieuwe stijl
   ========================================================= */
.ui-2026 .box{border:1px solid var(--j26-line);border-top:1px solid var(--j26-line) !important;border-radius:16px;box-shadow:none;background:#fff;margin-bottom:20px}
.ui-2026 .box>.box-header{padding:14px 18px;border-bottom:1px solid var(--j26-line-2);border-radius:16px 16px 0 0}
.ui-2026 .box>.box-header.with-border{border-bottom:1px solid var(--j26-line-2)}
.ui-2026 .box .box-title,.ui-2026 .box-header>.box-title{font-family:'Bricolage Grotesque',sans-serif;font-size:17px;font-weight:700;letter-spacing:-0.01em;color:var(--j26-navy)}
.ui-2026 .box>.box-body{padding:16px 18px}
.ui-2026 .box>.box-body.no-padding{padding:0}
.ui-2026 .box>.box-footer{border-top:1px solid var(--j26-line-2);background:var(--j26-subtle);border-radius:0 0 16px 16px;padding:12px 18px}
.ui-2026 .box.box-solid>.box-header{background:#fff !important;color:var(--j26-navy) !important}
.ui-2026 .box-header .box-tools{top:10px;right:14px}
.ui-2026 .btn-box-tool{color:var(--j26-faint)}

.ui-2026 .btn{border-radius:10px;font-weight:600;font-size:13.5px;box-shadow:none !important;border:1px solid var(--j26-line-3);transition:background .15s ease}
.ui-2026 .btn:not(.btn-xs):not(.btn-sm):not(.btn-lg){min-height:36px}
.ui-2026 .btn-default{background:#fff;color:var(--j26-navy)}
.ui-2026 .btn-default:hover,.ui-2026 .btn-default:focus{background:#F6F7F4;color:var(--j26-navy);border-color:var(--j26-line-3)}
.ui-2026 .btn-primary{background:var(--j26-navy) !important;border-color:var(--j26-navy) !important;color:#fff !important}
.ui-2026 .btn-primary:hover,.ui-2026 .btn-primary:focus{background:var(--j26-navy-2) !important}
.ui-2026 .btn-success{background:var(--j26-green-dark) !important;border-color:var(--j26-green-dark) !important;color:#fff !important}
.ui-2026 .btn-info{background:var(--j26-navy-tint) !important;border-color:#C5CFE0 !important;color:var(--j26-navy) !important}
.ui-2026 .btn-warning{background:var(--j26-amber-tint) !important;border-color:#F2E3B3 !important;color:var(--j26-amber) !important}
.ui-2026 .btn-danger{background:#fff !important;border-color:#F3D3C2 !important;color:var(--j26-red) !important}
.ui-2026 .btn-danger:hover{background:#FFF5F0 !important}
.ui-2026 .btn-xs{border-radius:7px;font-size:12px;padding:2px 7px}
.ui-2026 .btn-sm{border-radius:9px;font-size:12.5px}
.ui-2026 .btn-group>.btn:not(:first-child):not(:last-child){border-radius:0}

.ui-2026 .form-control{height:38px;border:1px solid var(--j26-line-3);border-radius:10px;box-shadow:none;font-size:14px;color:var(--j26-ink);padding:6px 12px}
.ui-2026 textarea.form-control{height:auto;min-height:80px;line-height:1.5}
.ui-2026 .form-control:focus{border-color:var(--j26-navy);box-shadow:0 0 0 4px rgba(27,43,75,.10)}
.ui-2026 .input-sm{height:32px;border-radius:9px}
.ui-2026 .input-group-addon{border-color:var(--j26-line-3);background:var(--j26-subtle);color:var(--j26-muted)}
.ui-2026 .input-group .form-control:first-child,.ui-2026 .input-group-addon:first-child{border-radius:10px 0 0 10px}
.ui-2026 .input-group .form-control:last-child,.ui-2026 .input-group-addon:last-child,.ui-2026 .input-group-btn:last-child>.btn{border-radius:0 10px 10px 0}
.ui-2026 label,.ui-2026 .control-label,.ui-2026 .title-label{font-weight:600;font-size:13px;color:var(--j26-ink)}
.ui-2026 .help-block{font-size:12.5px;color:var(--j26-muted)}
.ui-2026 .has-error .form-control{border-color:#C2410C;box-shadow:0 0 0 4px rgba(194,65,12,.10)}
.ui-2026 .has-error .help-block,.ui-2026 .has-error .control-label{color:var(--j26-red)}
.ui-2026 .select2-container--default .select2-selection--single,
.ui-2026 .select2-container--default .select2-selection--multiple{border:1px solid var(--j26-line-3);border-radius:10px;min-height:38px}
.ui-2026 .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:36px}
.ui-2026 .select2-container--default .select2-selection--single .select2-selection__arrow{height:36px}
.ui-2026 .chosen-container .chosen-single,.ui-2026 .chosen-container-multi .chosen-choices{border-radius:10px;border-color:var(--j26-line-3);background:#fff;box-shadow:none;min-height:38px}

.ui-2026 .table{color:var(--j26-ink);font-size:13.5px;margin-bottom:0}
.ui-2026 .table>thead>tr>th{font-size:12px;font-weight:600;color:var(--j26-muted);background:var(--j26-subtle);border-bottom:1px solid var(--j26-line) !important;border-top:0 !important;padding:10px 14px;white-space:nowrap;vertical-align:middle}
.ui-2026 .table>tbody>tr>td,.ui-2026 .table>tfoot>tr>td,.ui-2026 .table>tbody>tr>th{border-top:1px solid var(--j26-line-2) !important;padding:11px 14px;vertical-align:middle}
.ui-2026 .table-striped>tbody>tr:nth-of-type(odd){background:transparent}
.ui-2026 .table-hover>tbody>tr:hover,.ui-2026 table.dataTable tbody tr:hover{background:var(--j26-hover)}
.ui-2026 .table-bordered,.ui-2026 .table-bordered>thead>tr>th,.ui-2026 .table-bordered>tbody>tr>td{border-color:var(--j26-line-2)}
.ui-2026 table.dataTable tbody tr.selected{background:var(--j26-navy-tint-2) !important;color:var(--j26-ink)}
.ui-2026 table.dataTable tbody tr.selected a{color:var(--j26-navy)}
.ui-2026 .dataTables_wrapper{font-size:13px}
.ui-2026 .dataTables_wrapper .dataTables_filter input,.ui-2026 .dataTables_wrapper .dataTables_length select{height:34px;border:1px solid #DFE2DA;border-radius:10px;padding:0 10px;margin-left:6px;box-shadow:none}
.ui-2026 .dataTables_wrapper .dataTables_filter input:focus{border-color:var(--j26-navy);outline:0;box-shadow:0 0 0 4px rgba(27,43,75,.10)}
.ui-2026 .dataTables_wrapper .dataTables_info{color:var(--j26-muted);padding:12px 4px}
.ui-2026 .dt-buttons .btn,.ui-2026 .dt-buttons .dt-button{border-radius:9px !important;background:#fff !important;border:1px solid var(--j26-line-3) !important;color:var(--j26-navy) !important;font-weight:600;font-size:12.5px;box-shadow:none !important}
.ui-2026 .pagination>li>a,.ui-2026 .pagination>li>span{border:1px solid var(--j26-line-3);color:var(--j26-navy);margin-left:4px;border-radius:9px !important;min-width:34px;text-align:center}
.ui-2026 .pagination>.active>a,.ui-2026 .pagination>.active>a:hover,.ui-2026 .pagination>.active>span{background:var(--j26-navy);border-color:var(--j26-navy);color:#fff}
.ui-2026 .pagination>.disabled>a{color:var(--j26-placeholder)}

.ui-2026 .label,.ui-2026 .badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;font-size:11.5px;font-weight:600;padding:3px 9px;line-height:1.3}
.ui-2026 .label-default,.ui-2026 .label.bg-gray,.ui-2026 .badge.bg-gray{background:#EFF0EC !important;color:#4A5262 !important}
.ui-2026 .label-primary,.ui-2026 .label-info,.ui-2026 .label.bg-blue,.ui-2026 .label.bg-aqua,.ui-2026 .label.bg-light-blue,.ui-2026 .badge.bg-blue{background:var(--j26-navy-tint) !important;color:var(--j26-navy) !important}
.ui-2026 .label-success,.ui-2026 .label.bg-green,.ui-2026 .badge.bg-green{background:var(--j26-green-tint) !important;color:var(--j26-green-text) !important}
.ui-2026 .label-warning,.ui-2026 .label.bg-yellow,.ui-2026 .label.bg-orange,.ui-2026 .badge.bg-yellow{background:var(--j26-amber-tint) !important;color:var(--j26-amber) !important}
.ui-2026 .label-danger,.ui-2026 .label.bg-red,.ui-2026 .badge.bg-red{background:var(--j26-orange-tint) !important;color:var(--j26-orange) !important}
.ui-2026 .label.bg-purple,.ui-2026 .badge.bg-purple{background:#EFF0EC !important;color:#4A5262 !important}
.ui-2026 .label.bg-black,.ui-2026 .badge.bg-black{background:#F3EEEE !important;color:#6B4545 !important}
.ui-2026 table .label,.ui-2026 table .badge{display:inline-flex !important;width:auto !important;max-width:100%}

.ui-2026 .nav-tabs{border-bottom:1px solid var(--j26-line-2)}
.ui-2026 .nav-tabs>li>a{border:0 !important;border-bottom:2px solid transparent !important;border-radius:0;color:var(--j26-muted);font-weight:500;padding:10px 4px;margin-right:18px;background:transparent !important}
.ui-2026 .nav-tabs>li.active>a,.ui-2026 .nav-tabs>li.active>a:hover,.ui-2026 .nav-tabs>li.active>a:focus{color:var(--j26-navy);font-weight:600;border-bottom-color:var(--j26-green) !important}
.ui-2026 .nav-tabs-custom{box-shadow:none;border:1px solid var(--j26-line);border-radius:16px;overflow:hidden}
.ui-2026 .nav-tabs-custom>.nav-tabs{padding:0 18px;border-bottom-color:var(--j26-line-2);background:#fff}
.ui-2026 .nav-tabs-custom>.nav-tabs>li{border-top:0;margin-bottom:-1px}
.ui-2026 .nav-tabs-custom>.nav-tabs>li.active{border-top:0}
.ui-2026 .nav-pills>li>a{border-radius:8px;color:var(--j26-ink-2);border:0 !important}
.ui-2026 .nav-pills>li.active>a,.ui-2026 .nav-pills>li.active>a:hover{background:var(--j26-navy-tint-2);color:var(--j26-navy);font-weight:600}
.ui-2026 .nav-stacked>li>a{border-left:0 !important;padding:9px 12px}

.ui-2026 .modal-content{border:0;border-radius:18px;box-shadow:0 24px 60px rgba(27,43,75,.25);overflow:hidden}
.ui-2026 .modal-header{padding:16px 20px;border-bottom:1px solid var(--j26-line-2)}
.ui-2026 .modal-title{font-family:'Bricolage Grotesque',sans-serif;font-size:18px;font-weight:700;color:var(--j26-navy)}
.ui-2026 .modal-footer{padding:12px 20px;border-top:1px solid var(--j26-line-2);background:var(--j26-subtle)}
.ui-2026 .modal-backdrop.in{opacity:.32;background:#1B2433}

.ui-2026 .dropdown-menu{border:1px solid #E1E4DD;border-radius:12px;box-shadow:0 16px 40px rgba(27,43,75,.14);padding:6px}
.ui-2026 .dropdown-menu>li>a{border-radius:8px;padding:7px 10px;color:var(--j26-ink)}
.ui-2026 .dropdown-menu>li>a:hover{background:var(--j26-navy-tint-2)}

.ui-2026 .alert{border-radius:14px;border:1px solid var(--j26-line);font-size:13.5px}
.ui-2026 .alert-success{background:var(--j26-green-tint-2) !important;border-color:var(--j26-green-border) !important;color:#2E4A10 !important}
.ui-2026 .alert-info{background:var(--j26-navy-tint-2) !important;border-color:#D5DDEA !important;color:var(--j26-navy) !important}
.ui-2026 .alert-warning{background:#FFF8E3 !important;border-color:#F2E3B3 !important;color:#5A3F00 !important}
.ui-2026 .alert-danger{background:#FFF8F3 !important;border-color:#F3D9C7 !important;color:#6E2C07 !important}
.ui-2026 .callout{border-radius:14px;border-left-width:0;border:1px solid var(--j26-line)}

.ui-2026 .info-box,.ui-2026 .small-box{border-radius:16px;box-shadow:none;border:1px solid var(--j26-line);overflow:hidden}
.ui-2026 .small-box>.inner h3{font-family:'Bricolage Grotesque',sans-serif}

.ui-2026 .well{border-radius:14px;background:var(--j26-subtle);border:1px solid var(--j26-line);box-shadow:none}
.ui-2026 .panel{border-radius:14px;border-color:var(--j26-line);box-shadow:none}
.ui-2026 .panel-heading{border-radius:14px 14px 0 0}
.ui-2026 hr{border-top-color:var(--j26-line-2)}
.ui-2026 .text-muted{color:var(--j26-muted) !important}
.ui-2026 .progress{border-radius:999px;background:#ECEEE8;box-shadow:none;height:8px}
.ui-2026 .progress-bar{background:var(--j26-green)}
.ui-2026 .datepicker table tr td.active,.ui-2026 .datepicker table tr td.active:hover{background:var(--j26-navy) !important}

/* ---- order-detail.css ---- */
/* Orderdetail (Vue-SPA: Projects/View.vue + Projects/Tabs/*.vue) — alleen in de nieuwe weergave */

/* ---------- kop ---------- */
.ui-2026 .j26od{display:flex;flex-direction:column;gap:20px}
.ui-2026 .j26od-head{display:flex;flex-direction:column;gap:14px}
.ui-2026 .j26od-back{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:13px;font-weight:500;color:var(--j26-muted)}
.ui-2026 .j26od-back:hover{color:var(--j26-navy);text-decoration:none}
.ui-2026 .j26od-page-head{align-items:flex-start}
.ui-2026 .j26od-ident{display:flex;gap:16px;align-items:center;min-width:0;flex:1 1 360px}
.ui-2026 .j26od-titles{display:flex;flex-direction:column;gap:8px;min-width:0}
.ui-2026 .j26od-titlerow{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}
.ui-2026 .j26od-h1{font-size:30px;overflow-wrap:anywhere}
.ui-2026 .j26od-subline{margin:0;font-size:14px;color:var(--j26-muted)}
.ui-2026 .j26od-subline .j26-mono{color:var(--j26-ink-2)}
.ui-2026 .j26od-rel{font-weight:500}
.ui-2026 .j26od .j26-av-navy{background:var(--j26-navy-tint);color:var(--j26-navy)}
.ui-2026 .j26od .j26-page-actions{align-items:center}
.ui-2026 .j26od-pager{display:inline-flex;gap:2px}
.ui-2026 .j26od-partsel{display:inline-block;width:220px;max-width:100%}
.ui-2026 .j26od-partsel .j26-in{height:36px;font-size:13.5px;font-weight:500}
.ui-2026 .j26od-partsel .j26-ico{top:10px}
.ui-2026 .j26od .j26-btn{color:var(--j26-navy)}
.ui-2026 .j26od .j26-btn-p,.ui-2026 .j26od .j26-btn-p:hover{color:#fff}
.ui-2026 .j26od .j26-btn:hover{text-decoration:none}
.ui-2026 .j26od .j26-btn[disabled]{opacity:.5;cursor:not-allowed}
.ui-2026 .j26od-more-btn{width:36px;padding:0;justify-content:center}
.ui-2026 .j26od-btn-on{background:var(--j26-navy-tint-2)}

/* dropdowns */
.ui-2026 .j26od-dd{position:relative;display:inline-flex}
.ui-2026 .j26od-menu{position:absolute;top:calc(100% + 6px);z-index:60;width:260px;display:flex;flex-direction:column}
.ui-2026 .j26od-menu-r{right:0}
.ui-2026 .j26od-menu .j26-menu-i{width:100%;border:0;background:transparent;font:inherit;font-size:13.5px;text-align:left;cursor:pointer;color:var(--j26-ink)}
.ui-2026 .j26od-menu .j26-menu-i:hover,.ui-2026 .j26od-menu .j26-menu-i:focus{background:var(--j26-navy-tint-2);color:var(--j26-ink);text-decoration:none;outline:0}
.ui-2026 .j26od-menu .j26-menu-on,.ui-2026 .j26od-menu .router-link-active{background:var(--j26-navy-tint-2);font-weight:600}
.ui-2026 .j26od-menu-label{flex:1}
.ui-2026 .j26od-menu-sep{height:1px;background:var(--j26-line-2);margin:4px 0}

/* tabbalk */
.ui-2026 .j26od-tabbar{display:flex;align-items:stretch;gap:22px;border-bottom:1px solid var(--j26-line-2)}
.ui-2026 .j26od-tabs{flex:0 1 auto;min-width:0;border-bottom:0}
.ui-2026 .j26od .j26-tab{color:var(--j26-muted);text-decoration:none;margin-bottom:-1px}
.ui-2026 .j26od .j26-tab:hover{color:var(--j26-navy);text-decoration:none}
.ui-2026 .j26od .j26-tab-on,.ui-2026 .j26od .j26-tab-on:hover,.ui-2026 .j26od .j26-tab-on:focus{color:var(--j26-navy);font-weight:600;border-bottom-color:var(--j26-green)}
.ui-2026 .j26od .j26-tab-on .j26-badge{background:var(--j26-green-tint);color:var(--j26-green-text)}
.ui-2026 .j26od-tab-more{border:0;border-bottom:2px solid transparent;background:transparent;font:inherit;font-size:13.5px;cursor:pointer}

/* ---------- kaarten/tabellen in de tabs ---------- */
.ui-2026 .j26od-body{min-width:0}
.ui-2026 .j26od-body .j26-card{overflow:hidden}
.ui-2026 .j26od-body .j26-card + .j26-card{margin-top:24px}
.ui-2026 .j26od-body .j26-cols .j26-card + .j26-card{margin-top:0}
.ui-2026 .j26od-body .j26-card-h{flex-wrap:wrap}
.ui-2026 .j26od-tools{margin-left:auto;display:flex;flex-wrap:wrap;gap:6px}
.ui-2026 .j26od-ml{margin-left:auto}
.ui-2026 .j26od-hint{font-size:13px}
.ui-2026 .j26od-busy{opacity:.6;pointer-events:none;transition:opacity .15s ease}
.ui-2026 .j26od-table{margin:0}
.ui-2026 .j26od-table>tbody>tr>td{height:52px}
.ui-2026 .j26od-table>tfoot>tr>td{background:var(--j26-subtle);font-weight:600;border-top:1px solid var(--j26-line) !important}
.ui-2026 .j26od-table td.j26od-wrap{white-space:normal;min-width:180px}
.ui-2026 .j26od-table td{white-space:nowrap}
.ui-2026 .j26od-col-acts{width:1%}
.ui-2026 .j26od-col-toggle{width:44px}
.ui-2026 .j26od-subrow>td{background:var(--j26-subtle);font-size:13px}
.ui-2026 .j26od-acts{display:flex;justify-content:flex-end;gap:2px}
.ui-2026 .j26od-danger,.ui-2026 .j26od-danger:hover{color:var(--j26-red) !important}
.ui-2026 .j26od-ok,.ui-2026 .j26od-ok:hover{color:var(--j26-green-text) !important}
.ui-2026 .j26od-toggle .j26-ico{transition:transform .15s ease}
.ui-2026 .j26od-toggle-open .j26-ico{transform:rotate(90deg)}
.ui-2026 .j26od-strong{font-weight:500;color:var(--j26-ink)}
.ui-2026 .j26od-normal{font-weight:400}
.ui-2026 .j26od-small{font-size:13px}
.ui-2026 .j26od-grow{flex:1;min-width:0}
.ui-2026 .j26od-row{padding:10px 18px}
.ui-2026 .j26od-nr{width:110px;flex:none;color:var(--j26-ink-2)}
.ui-2026 .j26od-amount{width:110px;flex:none;font-weight:500}
.ui-2026 .j26od-old,.ui-2026 .j26od-old .j26-muted{color:var(--j26-faint)}
.ui-2026 .j26od-old .j26od-nr{text-decoration:line-through}
.ui-2026 .j26od-group-h{display:flex;align-items:center;gap:10px;padding:10px 18px;background:var(--j26-subtle);border-bottom:1px solid var(--j26-line-2);font-size:13px;font-weight:600;color:var(--j26-ink-2)}
.ui-2026 .j26od-group-h .j26-pill{height:22px;font-size:11.5px}
.ui-2026 .j26od-attachments{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}
.ui-2026 .j26od-attachments li{display:inline-flex;align-items:center;gap:6px}
.ui-2026 .j26od-side-alert{flex-direction:column;gap:8px;line-height:1.5}
.ui-2026 .j26od-side-alert strong{font-weight:600}
.ui-2026 .j26od-empty-sm{padding:20px 18px}

/* uren: uitgebreide export */
.ui-2026 .j26od-export{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;padding:14px 18px;background:var(--j26-subtle);border-bottom:1px solid var(--j26-line-2)}
.ui-2026 .j26od-export-full{flex-basis:100%}
.ui-2026 .j26od-export-date{width:170px}
.ui-2026 .j26od-in-sm{height:34px;font-size:13.5px}
.ui-2026 .j26od-check{display:inline-flex;align-items:center;gap:8px;height:34px;font-size:13px;font-weight:500;margin:0}
.ui-2026 .j26od-export-acts{margin-left:auto;display:flex;flex-wrap:wrap;gap:6px}

/* tijdslijn */
.ui-2026 .j26od-tl-list{display:flex;flex-direction:column;gap:14px}
.ui-2026 .j26od-tl-text{font-size:13.5px}
.ui-2026 .j26od-tl-created{background:var(--j26-green-tint);color:var(--j26-green-text)}
.ui-2026 .j26od-tl-updated{background:var(--j26-amber-tint);color:var(--j26-amber)}
.ui-2026 .j26od-tl-deleted{background:var(--j26-orange-tint);color:var(--j26-orange)}

/* bestanden */
.ui-2026 .j26od-ftype{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 8px;border-radius:8px;border:1px dashed transparent;background:transparent;font:inherit;font-size:13px;color:var(--j26-ink-2);cursor:pointer}
.ui-2026 .j26od-ftype:hover{border-color:var(--j26-line-3);background:#fff}
.ui-2026 .j26od-ftype-edit{display:inline-flex;align-items:center;gap:4px}
.ui-2026 .j26od-ftype-edit select{width:190px}
.ui-2026 .j26od-dropzone .vue-dropzone{border:1.5px dashed #CDD1C8;border-radius:14px;background:var(--j26-subtle);color:var(--j26-muted);font-family:inherit;font-size:13.5px}
.ui-2026 .j26od-dropzone .vue-dropzone:hover{background:var(--j26-navy-tint-2)}

/* ---------- overzicht (General.vue) ---------- */
.ui-2026 .j26od-quicknote{align-items:flex-start}
.ui-2026 .j26od-quicknote-i{color:var(--j26-amber);margin-top:2px}
.ui-2026 .j26od-quicknote-b{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.ui-2026 .j26od-quicknote-l{font-size:12px;font-weight:600;color:var(--j26-amber)}
.ui-2026 .j26od-quicknote-t{font-size:14px;color:#3D2C00;white-space:pre-line;overflow-wrap:anywhere}
.ui-2026 .j26od-quicknote-empty{color:#8A7440;font-style:italic}
.ui-2026 .j26od-quicknote-btn{color:var(--j26-amber) !important}

.ui-2026 .j26od-tasks{min-width:640px}
.ui-2026 .j26od-task{display:grid;grid-template-columns:22px minmax(0,1fr) 74px 130px 130px 84px;gap:14px;align-items:center;padding:9px 18px;border-bottom:1px solid var(--j26-line-2);font-size:13.5px}
.ui-2026 .j26od-task-head{padding-top:8px;padding-bottom:8px;font-size:12px;font-weight:600;color:var(--j26-muted);background:var(--j26-subtle)}
.ui-2026 .j26od-task-done .j26od-task-name{color:var(--j26-faint);text-decoration:line-through}
.ui-2026 .j26od-part-h{padding:10px 18px;background:var(--j26-subtle);border-bottom:1px solid var(--j26-line-2);font-size:12.5px;font-weight:600;color:var(--j26-ink-2)}
.ui-2026 .j26od-wt-h{padding:10px 18px 4px 54px;font-size:12px;font-weight:600;color:var(--j26-muted);text-transform:uppercase;letter-spacing:.03em}
.ui-2026 .j26od-hrs{display:inline-flex;align-items:center;justify-content:flex-end;min-width:44px;height:28px;padding:0 8px;border-radius:8px;border:1px dashed transparent;background:transparent;font-family:'Geist Mono',monospace;font-size:12.5px;color:var(--j26-ink-2);cursor:pointer}
.ui-2026 .j26od-hrs:hover,.ui-2026 .j26od-hrs:focus{border-color:var(--j26-line-3);background:#fff}
.ui-2026 .j26od-hrs-in{height:30px;padding:0 8px;text-align:right;font-size:13px}
.ui-2026 .j26od-task-status .label{white-space:nowrap}
.ui-2026 .j26od-progress{display:flex;align-items:center;gap:8px}
.ui-2026 .j26od-progress .j26-track{flex:1}
.ui-2026 .j26od-progress-n{width:38px;text-align:right;font-size:12px;color:var(--j26-muted);font-variant-numeric:tabular-nums}

.ui-2026 .j26od-note{font-size:13.5px;line-height:1.6;color:var(--j26-ink);overflow-wrap:anywhere}
.ui-2026 .j26od-note p{margin:0 0 8px}
.ui-2026 .j26od-kvs{padding:4px 18px 10px}
.ui-2026 .j26od-kvs .j26-kv>span:last-child,.ui-2026 .j26od-kvs .j26-kv>a{min-width:0;overflow-wrap:anywhere}
.ui-2026 .j26od-url{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-2026 .j26od-agmt{align-items:flex-start}
.ui-2026 .j26od-date{font-weight:600;color:var(--j26-ink-2)}
.ui-2026 .j26od-datepick{margin-top:10px;display:flex;flex-direction:column;gap:8px}
.ui-2026 .j26od-datepick .vdp-datepicker__calendar{width:100%;max-width:300px;border:1px solid var(--j26-line);border-radius:12px;overflow:hidden}
.ui-2026 .j26od-datepick .vdp-datepicker__calendar .cell.selected{background:var(--j26-navy);color:#fff}
.ui-2026 .j26od-datepick-acts{display:flex;gap:6px}
.ui-2026 .j26od-part-i{display:flex;align-items:center;gap:10px;padding:10px 18px;border-bottom:1px solid var(--j26-line-2);font-size:13.5px;color:var(--j26-ink)}
.ui-2026 .j26od-part-i:last-child{border-bottom:0}
.ui-2026 .j26od-part-i:hover{background:var(--j26-hover);color:var(--j26-ink);text-decoration:none}
.ui-2026 .j26od-part-i.router-link-active{background:var(--j26-navy-tint-2)}
.ui-2026 .j26od-part-i .j26-pill{height:20px;font-size:11px}
.ui-2026 .j26od-dot{width:8px;height:8px;border-radius:50%;flex:none;background:#CDD1C8}
.ui-2026 .j26od-dot-on{background:var(--j26-green-dark)}

@media (max-width:760px){
  .ui-2026 .j26od-h1{font-size:24px}
  .ui-2026 .j26od .j26-av-lg{width:42px;height:42px;font-size:14px}
  .ui-2026 .j26od .j26-page-actions{margin-left:0;width:100%}
  .ui-2026 .j26od-partsel{flex:1 1 180px;width:auto}
  .ui-2026 .j26od-menu{width:min(260px,calc(100vw - 48px))}
  .ui-2026 .j26od-tabbar{gap:12px}
  .ui-2026 .j26od-nr,.ui-2026 .j26od-amount{width:auto}
  .ui-2026 .j26od-row{flex-wrap:wrap}
}

/* ---- order-forms.css ---- */
/* Junity 2026 — order aanmaken/bewerken, orderdeel en order-modals (alleen onder .ui-2026) */

/* pagina */
.ui-2026 .j26-of-page{display:flex;flex-direction:column;gap:24px}
.ui-2026 .j26-of-title{display:flex;flex-direction:column;gap:8px;min-width:0}
.ui-2026 .j26-of-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.ui-2026 .j26-of-sub{margin:0;font-size:14px;color:var(--j26-muted)}
.ui-2026 .j26-of-main{gap:0}
.ui-2026 .j26-of-first{border-top:0;padding-top:4px}
.ui-2026 .j26-sec-l h2 .j26-of-h-pill{vertical-align:3px;margin-left:4px}
.ui-2026 .j26-of-push{margin-left:auto}
.ui-2026 .j26-of-grow{flex:1 1 auto;min-width:0}
.ui-2026 .j26-of-strong{font-weight:500}
.ui-2026 .j26-of-small{font-size:12.5px}
.ui-2026 .j26-of-wrap{white-space:normal}
.ui-2026 .j26-of-text{margin:8px 0 0;font-size:13.5px;line-height:1.5;color:var(--j26-ink)}
.ui-2026 .j26-of-empty{display:flex;align-items:center;justify-content:center;gap:8px;padding:18px;margin:0;font-size:13px;color:var(--j26-muted);text-align:center}
.ui-2026 .j26-of-empty-lg{flex-direction:column;padding:40px 18px}
.ui-2026 .j26-of-empty-lg .j26-ico{width:22px;height:22px}
.ui-2026 .j26-of-loading{opacity:.6;transition:opacity .15s ease}

/* formuliervelden */
.ui-2026 .j26-f.form-group{margin:0}
.ui-2026 .j26-f>label{margin:0}
.ui-2026 .j26-lbl{font-size:13px;font-weight:600;color:var(--j26-ink)}
.ui-2026 .j26-opt{font-weight:400;color:var(--j26-faint)}
.ui-2026 .has-error .j26-in,
.ui-2026 .has-error .multiselect__tags{border-color:#C2410C;box-shadow:0 0 0 4px rgba(194,65,12,.10)}
.ui-2026 .j26-in:focus{border-color:var(--j26-navy);box-shadow:0 0 0 4px rgba(27,43,75,.10)}
.ui-2026 .j26-in:disabled{background:var(--j26-subtle);color:var(--j26-faint)}
.ui-2026 .j26-of-row{display:flex;align-items:center;gap:8px;min-width:0}
.ui-2026 .j26-of-sq{width:40px;height:40px;padding:0;justify-content:center;flex:none}
.ui-2026 .j26-btn:disabled,.ui-2026 .j26-btn[disabled]{opacity:.5;cursor:not-allowed}
.ui-2026 .j26-of-fieldset{border:0;padding:0;margin:0;min-width:0}
.ui-2026 .j26-of-fieldset legend{border:0;margin:0 0 7px;padding:0;width:auto}
.ui-2026 .j26-of-choices{display:flex;flex-wrap:wrap;gap:8px}
.ui-2026 .j26-of-choice{padding:9px 12px;align-items:center;margin:0;font-weight:500}
.ui-2026 .j26-of-choice input{margin:0}
.ui-2026 .j26-of-choice:focus-within{border-color:var(--j26-navy)}
.ui-2026 .j26-of-subbox{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;background:var(--j26-navy-tint-2);border:1px solid #D5DDEA;font-size:13.5px;color:var(--j26-navy)}
.ui-2026 .j26-of-subbox-link{margin-left:auto;font-size:13px;font-weight:500}
.ui-2026 .j26-of-toggle{display:flex;align-items:center;gap:12px;margin:0;cursor:pointer;font-weight:400}
.ui-2026 .j26-of-toggle-inline{height:40px;font-size:13.5px;color:var(--j26-ink)}
.ui-2026 .j26-of-toggle:focus-within .j26-switch{box-shadow:0 0 0 4px rgba(27,43,75,.15)}
.ui-2026 .j26-of-toggle-t{display:flex;flex-direction:column;gap:2px}
.ui-2026 .j26-of-toggle-t strong{font-weight:600}
.ui-2026 .j26-of-toggle-t span{font-size:12.5px;color:var(--j26-ink-2)}
.ui-2026 .j26-of-group{margin:6px 0 -6px}
.ui-2026 .j26-of-group:first-child{margin-top:0}
.ui-2026 .j26-seg button{min-width:52px;justify-content:center}

/* vue-multiselect, v-autocomplete, datepicker en editor in de nieuwe stijl */
.ui-2026 .j26-of-page .multiselect,
.ui-2026 .j26-of-form .multiselect{min-height:40px}
.ui-2026 .j26-of-page .multiselect__tags,
.ui-2026 .j26-of-form .multiselect__tags{min-height:40px;border:1px solid var(--j26-line-3);border-radius:10px;padding:9px 40px 0 12px;font-size:14px}
.ui-2026 .j26-of-page .multiselect__single,
.ui-2026 .j26-of-page .multiselect__input,
.ui-2026 .j26-of-page .multiselect__placeholder{font-size:14px;color:var(--j26-ink);padding-left:0;margin-bottom:9px}
.ui-2026 .j26-of-page .multiselect__placeholder{color:var(--j26-placeholder)}
.ui-2026 .j26-of-page .multiselect--active .multiselect__tags{border-color:var(--j26-navy);box-shadow:0 0 0 4px rgba(27,43,75,.10)}
.ui-2026 .j26-of-page .multiselect__select{height:38px}
.ui-2026 .j26-of-page .multiselect__content-wrapper{border-color:#E1E4DD;border-radius:0 0 12px 12px;box-shadow:0 16px 40px rgba(27,43,75,.14)}
.ui-2026 .j26-of-page .multiselect__option--highlight{background:var(--j26-navy-tint-2);color:var(--j26-navy)}
.ui-2026 .j26-of-page .multiselect__option--selected.multiselect__option--highlight{background:var(--j26-navy);color:#fff}
.ui-2026 .j26-of-page .v-autocomplete,
.ui-2026 .j26-of-form .v-autocomplete{position:relative}
.ui-2026 .j26-of-page .v-autocomplete .form-control,
.ui-2026 .j26-of-form .v-autocomplete .form-control,
.ui-2026 .j26-of-page .vdp-datepicker .form-control{height:40px}
.ui-2026 .j26-of-page .v-autocomplete-list,
.ui-2026 .j26-of-form .v-autocomplete-list{position:absolute;left:0;right:0;z-index:20;background:#fff;border:1px solid #E1E4DD;border-radius:12px;box-shadow:0 16px 40px rgba(27,43,75,.14);padding:6px;margin-top:4px;max-height:280px;overflow:auto}
.ui-2026 .j26-of-page .v-autocomplete-list-item,
.ui-2026 .j26-of-form .v-autocomplete-list-item{padding:8px 10px;border-radius:8px;cursor:pointer}
.ui-2026 .j26-of-page .v-autocomplete-list-item:hover,
.ui-2026 .j26-of-page .v-autocomplete-item-active,
.ui-2026 .j26-of-form .v-autocomplete-list-item:hover,
.ui-2026 .j26-of-form .v-autocomplete-item-active{background:var(--j26-navy-tint-2)}
.ui-2026 .j26-of-editor .editr--toolbar{background:var(--j26-subtle);border-bottom:1px solid var(--j26-line-2)}
.ui-2026 .j26-of-editor .editr{border:1px solid var(--j26-line-3);border-radius:14px;overflow:hidden;background:#fff;margin:0}
.ui-2026 .j26-of-editor .editr--content{min-height:110px}

/* savebar */
.ui-2026 .j26-of-main>.j26-savebar{margin-top:8px;z-index:5}
.ui-2026 .j26-of-savebar-t{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-2026 .j26-of-savebar-a{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px}

/* zijkaarten */
.ui-2026 .j26-of-scroll{max-height:420px;overflow:auto}
.ui-2026 .j26-of-row-link{color:var(--j26-ink) !important;text-decoration:none !important}
.ui-2026 .j26-of-row-link:hover{background:var(--j26-hover)}
.ui-2026 .j26-of-row-link .j26-cell2>span{overflow:hidden;text-overflow:ellipsis}
.ui-2026 #latest_projects_block .j26-list-row{gap:10px;font-size:13.5px}
.ui-2026 .j26-of-drop{display:flex;flex-direction:column;gap:10px}
.ui-2026 .j26-of-drop .vue-dropzone{border:1.5px dashed #CDD1C8;border-radius:14px;background:var(--j26-subtle);color:var(--j26-muted);font-family:inherit;font-size:13.5px;min-height:120px;padding:16px}
.ui-2026 .j26-of-drop .vue-dropzone:hover{background:var(--j26-hover);border-color:#C5CFE0}
.ui-2026 .j26-of-drop .dz-message{margin:28px 0}

/* tabellen in formulieren */
.ui-2026 table.j26-of-tbl{min-width:0}
.ui-2026 .j26-of-tbl td{height:52px}
.ui-2026 .j26-of-img-col{width:72px}
.ui-2026 .j26-of-act-col{width:84px}
.ui-2026 .j26-of-acts{display:flex;justify-content:flex-end;gap:2px}
.ui-2026 .j26-of-thumb{width:40px;height:40px;object-fit:cover;border-radius:8px;border:1px solid var(--j26-line)}
.ui-2026 .j26-of-ph{width:40px;height:40px;border-radius:8px;background:#EFF0EC;display:inline-flex;align-items:center;justify-content:center;color:var(--j26-muted)}
.ui-2026 .j26-of-h3{font-size:15px}

/* orderdeel */
.ui-2026 .j26-of-part{display:flex;flex-direction:column;gap:24px}
.ui-2026 .j26-of-part-head{align-items:flex-start}
.ui-2026 .j26-of-part .j26-of-part-head .j26-h1{font-size:28px}
.ui-2026 .j26-of-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#2D4A80}
.ui-2026 .j26-of-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ui-2026 .j26-of-chips .j26-label{margin-right:4px}
.ui-2026 .j26-of-chips a.j26-chip{text-decoration:none}
.ui-2026 .j26-of-dot{width:8px;height:8px;border-radius:50%;background:#9AA0AA}
.ui-2026 .j26-of-dot-on{background:var(--j26-green)}
.ui-2026 .j26-of-wt-wrap{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr)}
.ui-2026 .j26-of-wt-list{border-right:1px solid var(--j26-line-2);padding:8px;min-width:0}
.ui-2026 .j26-of-wt{display:flex;align-items:flex-start;gap:8px;padding:10px;border-radius:10px;color:var(--j26-ink)}
.ui-2026 .j26-of-wt:hover{background:var(--j26-hover)}
.ui-2026 .j26-of-wt-on,.ui-2026 .j26-of-wt-on:hover{background:var(--j26-navy-tint-2);box-shadow:inset 0 0 0 1px #D5DDEA}
.ui-2026 .j26-of-wt .j26-cell2{gap:4px}
.ui-2026 .j26-of-wt-name{font-weight:600;color:var(--j26-navy) !important}
.ui-2026 .j26-of-wt-meta{display:flex;flex-wrap:wrap;gap:6px}
.ui-2026 .j26-of-wt .j26-of-acts{flex:none}
.ui-2026 .j26-of-grip{color:#A3A8B0;cursor:grab;margin-top:2px}
.ui-2026 .j26-of-pill-xs{height:20px;font-size:11px}
.ui-2026 .j26-of-wt-tasks{min-width:0}
.ui-2026 .j26-of-kvs{padding:6px 18px 12px}
.ui-2026 .j26-of-kvs-sep{border-top:1px solid var(--j26-line-2)}
.ui-2026 .j26-of-kvs-sep .j26-label{margin:12px 0 2px}
.ui-2026 .j26-of-note{font-size:13.5px;line-height:1.55}
.ui-2026 .j26-of-note p:last-child{margin-bottom:0}

/* taken (binnen de werktype-kaart) */
.ui-2026 .j26-of-tasks-h{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--j26-line-2)}
.ui-2026 .j26-of-tasks-t{margin:0;font-family:'Geist',system-ui,sans-serif;font-size:14px;font-weight:600;color:var(--j26-navy)}
.ui-2026 table.j26-of-tbl-tasks{min-width:640px}
.ui-2026 .j26-of-tbl-tasks td{height:50px}

/* modals: label boven veld in plaats van label links */
.ui-2026 .j26-of .form-group.row,
.ui-2026 .j26-of .form-group>.row{display:flex;flex-wrap:wrap;align-items:center;gap:7px 8px;margin-left:0;margin-right:0}
.ui-2026 .j26-of .form-group.row::before,.ui-2026 .j26-of .form-group.row::after,
.ui-2026 .j26-of .form-group>.row::before,.ui-2026 .j26-of .form-group>.row::after{display:none}
.ui-2026 .j26-of .form-group.row>[class*="col-"],
.ui-2026 .j26-of .form-group>.row>[class*="col-"]{float:none;width:auto;flex:1 1 0;min-width:0;padding-left:0;padding-right:0}
.ui-2026 .j26-of .form-group.row>[class*="col-"]:first-child,
.ui-2026 .j26-of .form-group>.row>[class*="col-"]:first-child{flex:0 0 100%;margin:0}
.ui-2026 .j26-of .form-group.row>.no-padding,
.ui-2026 .j26-of .form-group>.row>.no-padding,
.ui-2026 .j26-of .form-group>.row>.col-md-1,
.ui-2026 .j26-of .form-group.row>.col-md-2:last-child{flex:0 0 auto}
.ui-2026 .j26-of .form-group.row>[class*="col-"]:first-child label,
.ui-2026 .j26-of .form-group>.row>[class*="col-"]:first-child label{margin:0}
.ui-2026 .j26-of .vdp-datepicker{width:100%}
.ui-2026 .j26-of-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px;padding:0 !important}
.ui-2026 .j26-of-grid>.form-group{margin:0}
.ui-2026 .j26-of-grid>.j26-of-wide,
.ui-2026 .j26-of-grid>hr,
.ui-2026 .j26-of-grid>.row{grid-column:1/-1}
.ui-2026 .j26-of-grid>hr{margin:2px 0}
.ui-2026 .j26-of-grid>.row{margin:0}
.ui-2026 .j26-of-modal-md{width:min(560px,calc(100% - 20px))}
.ui-2026 .j26-of-modal .modal-content.modal-lg{width:auto}
.ui-2026 .j26-of-modal .modal-body{padding:20px !important}
.ui-2026 .j26-of-form .j26-sec-r{gap:16px 14px}

/* orderdeel bewerken als lade aan de rechterkant */
.ui-2026 .j26-of-drawer{padding-right:0 !important}
.ui-2026 .modal.j26-of-drawer .modal-dialog{position:fixed;top:0;right:0;bottom:0;margin:0;width:min(520px,100%);transform:translateX(24px);transition:transform .2s ease-out}
.ui-2026 .modal.j26-of-drawer.in .modal-dialog{transform:none}
.ui-2026 .j26-of-drawer .modal-content{height:100%;width:auto;border-radius:18px 0 0 18px;display:flex;flex-direction:column;box-shadow:-20px 0 50px rgba(27,43,75,.18)}
.ui-2026 .j26-of-drawer .modal-body{flex:1;overflow:auto;padding:18px 20px}
.ui-2026 .j26-of-drawer .j26-of-grid>.row:last-child{position:sticky;bottom:-18px;background:#fff;padding:12px 0 6px;border-top:1px solid var(--j26-line-2)}

@media (max-width:760px){
  .ui-2026 .j26-of-wt-wrap{grid-template-columns:1fr}
  .ui-2026 .j26-of-wt-list{border-right:0;border-bottom:1px solid var(--j26-line-2)}
  .ui-2026 .j26-of-grid{grid-template-columns:1fr}
  .ui-2026 .j26-of-savebar-a{margin-left:0;width:100%}
  .ui-2026 .j26-of-row{flex-wrap:wrap}
  .ui-2026 .j26-of-drawer .modal-content{border-radius:0}
}

/* ---- orders-lists.css ---- */
/* Orders-module — lijstschermen (Orders, Afspraken, Productie, Nacalculatie). Alles onder .j26-ol of met j26-ol-voorvoegsel. */

.ui-2026 .content .j26-page.j26-ol{padding:8px 0 24px}
.j26-ol-head-text{display:flex;flex-direction:column;gap:6px;min-width:0}
.j26-ol .j26-page-head .j26-sub{display:block;margin:0;padding:0;border:0}
.j26-ol .j26-tbl-wrap{overflow:visible}
.j26-ol .j26-tbl-wrap>.j26-toolbar{border-radius:var(--j26-radius) var(--j26-radius) 0 0}
.j26-ol .j26-toolbar .j26-h2{margin-right:4px}
.j26-ol-toolbar-note{margin-left:auto;font-size:12.5px;color:var(--j26-muted)}

/* statusblokken */
.j26-ol button.j26-stage{font:inherit;text-align:left;cursor:pointer;width:100%}
.j26-ol .j26-stage:focus-visible{outline:2px solid var(--j26-navy);outline-offset:2px}

/* zoekveld en filterchips */
.j26-ol-searchbox{display:flex;flex:0 1 280px;min-width:180px}
.j26-ol-searchbox .j26-search{flex:1 1 auto;margin:0;font-weight:400}
.j26-ol-searchbox .j26-search:focus-within{border-color:var(--j26-navy);box-shadow:0 0 0 4px rgba(27,43,75,.10)}
.j26-ol-filters{display:contents}
.j26-ol-filter{position:relative}
.j26-ol .j26-chip{font-weight:400;margin:0}
.j26-ol .j26-chip.j26-chip-on{font-weight:500}
.j26-ol .j26-chip:focus-visible,.j26-ol-toggle:focus-within{outline:2px solid var(--j26-navy);outline-offset:2px}
.j26-ol-chip-text{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.j26-ol .j26-ol-toggle{position:relative;font-size:13px;color:var(--j26-ink-2)}
.j26-ol .j26-ol-toggle.j26-chip-on{color:var(--j26-navy)}
.j26-ol-toggle input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.j26-ol-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:40;min-width:240px;max-height:340px;overflow:auto;display:flex;flex-direction:column;gap:1px}
.j26-ol-menu[hidden]{display:none}
.j26-ol-menu>.j26-label{display:block;padding:6px 10px 4px;font-size:11px}
.ui-2026 .j26-ol-menu label.j26-menu-i{margin:0;font-size:13.5px;font-weight:500;color:var(--j26-ink);cursor:pointer}
.j26-ol-menu-foot{display:flex;justify-content:flex-end;margin-top:4px;padding:6px 4px 2px;border-top:1px solid var(--j26-line-2)}
.j26-ol-linkbtn{border:0;background:none;font:inherit;font-size:12.5px;font-weight:600;color:var(--j26-navy);cursor:pointer;padding:4px 8px;border-radius:6px}
.j26-ol-linkbtn:hover{background:var(--j26-navy-tint-2)}
.j26-ol-select-chip{position:relative;display:inline-flex;align-items:center}
.j26-ol-select-chip select{height:32px;max-width:260px;padding:0 30px 0 12px;border:1px dashed #CDD1C8;border-radius:999px;background:#fff;font:inherit;font-size:13px;color:var(--j26-ink-2);appearance:none;-webkit-appearance:none;cursor:pointer}
.j26-ol-select-chip.j26-chip-on select{border-style:solid;border-color:#C5CFE0;background:var(--j26-navy-tint);color:var(--j26-navy);font-weight:500}
.j26-ol-select-chip select:focus-visible{outline:2px solid var(--j26-navy);outline-offset:2px}
.j26-ol-select-chip .j26-ico{position:absolute;right:10px;pointer-events:none;color:var(--j26-muted)}

/* tabel (DataTables) */
.j26-ol .dataTables_wrapper{display:flex;flex-direction:column;font-size:13.5px}
.j26-ol .dataTables_wrapper .j26-scroll-x{position:relative}
.j26-ol table.j26-tbl.dataTable{margin:0 !important;border-collapse:collapse !important;width:100% !important}
.j26-ol .j26-tbl thead th{vertical-align:middle}
.j26-ol .j26-tbl td{vertical-align:middle}
.j26-ol .j26-tbl tbody tr.selected td{background:var(--j26-navy-tint-2)}
.j26-ol .j26-tbl td.dataTables_empty{height:auto;padding:40px 14px;text-align:center;color:var(--j26-muted);white-space:normal}
.j26-ol .j26-tbl td.j26-ol-wrap{white-space:normal;min-width:200px;line-height:1.35}
.j26-ol .j26-tbl td.j26-ol-wrap-sm{white-space:normal;min-width:160px;line-height:1.35}
.j26-ol .j26-tbl td.j26-ol-muted{color:var(--j26-muted)}
.j26-ol .j26-tbl .j26-ol-cb-col,.j26-ol .j26-tbl td.j26-ol-cb-cell{width:44px;padding-right:0}
.j26-ol .j26-tbl td.j26-ol-actions{text-align:right}
.j26-ol .j26-tbl tr.j26-ol-overdue td.j26-ol-date{color:var(--j26-red);font-weight:600}
.j26-ol .dataTables_processing{position:absolute;top:44px;left:50%;transform:translateX(-50%);width:auto;height:auto;margin:0;padding:8px 14px;border:1px solid var(--j26-line);border-radius:10px;background:#fff;box-shadow:0 8px 20px rgba(27,43,75,.10);font-size:13px;color:var(--j26-muted);z-index:5}
.j26-ol .j26-tbl-foot{border-top:1px solid var(--j26-line-2)}
.j26-ol .j26-tbl-foot .dataTables_length,.j26-ol .j26-tbl-foot .dataTables_info{padding:0;margin:0;float:none}
.j26-ol .j26-tbl-foot .dataTables_length label{margin:0;font-weight:400;font-size:13px;color:var(--j26-muted)}
.j26-ol .j26-tbl-foot .dataTables_paginate{margin-left:auto;float:none;padding:0}
.j26-ol .j26-tbl-foot .pagination{margin:0}

/* statuslabels uit de presenters als pill */
.ui-2026 .j26-ol .j26-tbl .label{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:600;line-height:1;white-space:nowrap}
.ui-2026 .j26-ol .j26-tbl .label::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.ui-2026 .j26-ol .label.bg-teal{background:var(--j26-amber-tint) !important;color:var(--j26-amber) !important}

/* acties per regel */
.j26-ol .action-group{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px}
.ui-2026 .j26-ol .action-group .btn{display:inline-flex;align-items:center;gap:4px;height:30px;min-height:30px;padding:0 10px;border-radius:9px;font-size:12.5px;font-weight:600;background:#fff !important;color:var(--j26-navy) !important;border:1px solid var(--j26-line-3) !important}
.ui-2026 .j26-ol .action-group .btn:hover{background:#F6F7F4 !important}
.ui-2026 .j26-ol .action-group .btn-danger{color:var(--j26-red) !important;border-color:#F3D3C2 !important}
.ui-2026 .j26-ol .action-group .btn-warning{background:var(--j26-navy) !important;border-color:var(--j26-navy) !important;color:#fff !important}
.ui-2026 .j26-ol .action-group .btn.disabled{opacity:.45}

/* snelle notitie */
.j26-ol .j26-tbl td.j26-ol-note{white-space:normal;min-width:200px}
.j26-ol-note [id^="qn"]>a{max-width:300px;min-height:32px;padding:6px 10px;border-radius:8px;border:1px solid transparent;color:var(--j26-ink-2);font-size:13px;line-height:1.35;text-decoration:none}
.j26-ol-note [id^="qn"]>a:hover,.j26-ol-note [id^="qn"]>a:focus{border-color:#DFE2DA;background:#fff;text-decoration:none}
.j26-ol-note a.j26-ol-note-empty::after{content:'+ Notitie toevoegen';color:var(--j26-placeholder)}
.j26-ol-note textarea{min-width:240px}

/* zwevende actiebalk */
.j26-ol-bulk{position:sticky;bottom:16px;z-index:30}
.j26-ol-bulk[hidden]{display:none}
.j26-ol-bulk form{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0}
.j26-ol-bulk select{height:32px;max-width:220px;padding:0 10px;border:0;border-radius:8px;background:var(--j26-navy-3);color:#fff;font:inherit;font-size:13px}
.j26-ol-bulk button:focus-visible,.j26-ol-bulk select:focus-visible{outline:2px solid #C4E09B;outline-offset:2px}
.j26-ol-bulk .j26-ol-bulk-clear{background:transparent;color:#C3CCDD}
.j26-ol-bulk .j26-ol-bulk-clear:hover{color:#fff}

/* nacalculatie */
.j26-ol-calc-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px}
.j26-ol-calc-form .j26-f{margin:0}
.j26-ol-calc-projects{flex:1 1 420px}
.j26-ol-calc-rate{flex:0 0 170px}
.j26-ol-calc-rate .j26-ol-euro{position:relative;display:flex;align-items:center}
.j26-ol-calc-rate .j26-ol-euro span{position:absolute;left:12px;color:var(--j26-muted);font-size:14px}
.j26-ol-calc-rate .j26-ol-euro .j26-in{padding-left:28px}
.j26-ol-calc-form .j26-btn{height:40px}
.j26-ol .select2-container{width:100% !important}
.j26-ol a.j26-kpi{text-decoration:none;color:inherit}
.j26-ol a.j26-kpi:hover{border-color:#C5CFE0}
.j26-ol a.j26-kpi:focus-visible{outline:2px solid var(--j26-navy);outline-offset:2px}
.j26-ol-kpi-loss{background:#FFF8F3;border-color:#F3D9C7}
.j26-ol-kpi-loss .j26-kpi-l,.j26-ol-kpi-loss .j26-kpi-s,.j26-ol-kpi-loss .j26-kpi-v{color:var(--j26-orange)}
.j26-ol-fin{display:grid;grid-template-columns:minmax(0,1fr) 180px 150px;gap:16px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--j26-line-2);font-size:13.5px}
.j26-ol-fin:last-child{border-bottom:0;border-radius:0 0 var(--j26-radius) var(--j26-radius)}
.j26-ol-fin .j26-num{font-weight:600}
.j26-ol-fin-sub{padding-left:34px;color:var(--j26-ink-2)}
.j26-ol-fin-tot{background:var(--j26-subtle);font-weight:600}
.j26-ol-fin-res{background:var(--j26-green-tint-2);color:var(--j26-green-text);font-family:'Bricolage Grotesque',sans-serif;font-size:17px;font-weight:700}
.j26-ol-fin-res.j26-ol-loss{background:#FFF8F3;color:var(--j26-orange)}
.j26-ol-pos{color:var(--j26-green-text)}
.j26-ol-neg{color:var(--j26-orange)}
.j26-ol-collapse .j26-ico{transition:transform .15s ease}
.j26-ol-collapse[aria-expanded="false"] .j26-ico{transform:rotate(180deg)}
.j26-ol-collapsible[hidden]{display:none}
.j26-ol .j26-tbl th.j26-num{text-align:right}
.j26-ol .j26-tbl tfoot td.j26-num{text-align:right}
.j26-ol-spin{animation:j26-ol-spin 1s linear infinite}
@keyframes j26-ol-spin{to{transform:rotate(360deg)}}
.j26-ol .j26-btn[aria-busy="true"]{opacity:.6;pointer-events:none}

/* exportvenster afspraken */
.j26-ol-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.j26-ol-modal-grid .j26-ol-span2{grid-column:span 2}
.j26-ol-export-card{max-width:640px}

@media (max-width:760px){
  .j26-ol-searchbox{flex:1 1 100%}
  .j26-ol-fin{grid-template-columns:minmax(0,1fr) 120px;gap:10px}
  .j26-ol-fin .j26-track{display:none}
  .j26-ol-fin>span:nth-child(2):empty{display:none}
  .j26-ol-fin-sub{padding-left:18px}
  .j26-ol-calc-rate{flex:1 1 100%}
  .j26-ol-modal-grid{grid-template-columns:minmax(0,1fr)}
  .j26-ol-modal-grid .j26-ol-span2{grid-column:span 1}
}
.ui-2026 .j26-tabs{scrollbar-width:none}.ui-2026 .j26-tabs::-webkit-scrollbar{display:none}
.ui-2026 input:required,.ui-2026 select:required,.ui-2026 textarea:required{border-left:1px solid var(--j26-line-3)}
.ui-2026 .small-box{position:relative;display:block;background:#fff !important;color:var(--j26-ink) !important;border:1px solid var(--j26-line-2);border-radius:14px;box-shadow:none;overflow:hidden;margin-bottom:16px}
.ui-2026 .small-box::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--j26-sb-accent,var(--j26-navy))}
.ui-2026 .small-box.bg-green{--j26-sb-accent:var(--j26-green)}
.ui-2026 .small-box.bg-red{--j26-sb-accent:var(--j26-orange)}
.ui-2026 .small-box.bg-yellow,.ui-2026 .small-box.bg-orange{--j26-sb-accent:var(--j26-amber)}
.ui-2026 .small-box.bg-purple,.ui-2026 .small-box.bg-gray{--j26-sb-accent:#8A90A0}
.ui-2026 .small-box .inner{padding:16px 18px 12px}
.ui-2026 .small-box .inner h3{font-family:'Bricolage Grotesque',sans-serif;font-size:28px;font-weight:700;color:var(--j26-navy) !important;margin:0 0 4px;white-space:normal}
.ui-2026 .small-box .inner p{font-size:13.5px;font-weight:500;color:var(--j26-ink) !important;margin:0}
.ui-2026 .small-box .inner small{color:var(--j26-muted) !important}
.ui-2026 .small-box .icon{position:absolute;top:14px;right:16px;font-size:22px;color:var(--j26-sb-accent,var(--j26-navy)) !important;opacity:.55}
.ui-2026 .small-box .icon>i,.ui-2026 .small-box .icon .fa{font-size:22px;top:0;position:static}
.ui-2026 .small-box:hover .icon{font-size:22px}
.ui-2026 .small-box .small-box-footer{display:block;background:transparent !important;border-top:1px solid var(--j26-line-2);color:var(--j26-navy) !important;text-align:left;padding:9px 18px;font-size:13px;font-weight:500}
.ui-2026 .small-box .small-box-footer:hover{background:var(--j26-bg,#F7F7F4) !important}
@media (max-width:767px){.ui-2026 .j26-crumbs{flex-wrap:nowrap;white-space:nowrap;overflow:hidden}.ui-2026 .j26-crumbs>:not(:last-child){display:none}.ui-2026 .j26-crumbs>:last-child{overflow:hidden;text-overflow:ellipsis}}

/* Uitvoering — Werkbonnen-overzicht, werkbon bekijken, acties en de gedeelde werkbon. Alles onder .j26-wr / .j26-share of met j26-wr-voorvoegsel.
   De lijstschermen gebruiken daarnaast de .j26-ol-stijlen van de Orders-module (zoekveld, filterchips, DataTables). */

.ui-2026 .content .j26-page.j26-wr{padding:8px 0 24px}

/* ---------- overzicht ---------- */
.j26-wr-scope{align-items:center;flex-wrap:wrap}
.j26-wr-scope .j26-ico{flex:none}
.j26-wr-scope>span{flex:1 1 260px;min-width:0}
.ui-2026 .j26-wr-scope .j26-wr-scope-link{margin-left:auto;font-weight:600;color:var(--j26-navy);white-space:nowrap}

.ui-2026 .j26-wr .j26-tbl td.j26-wr-rel{white-space:normal;min-width:220px;line-height:1.35}
.ui-2026 .j26-wr .j26-wr-rel-in{display:flex;flex-direction:column;gap:2px;padding:8px 0;font-weight:500}
.ui-2026 .j26-wr .j26-wr-rel-in br{display:none}
.ui-2026 .j26-wr .j26-wr-rel-in .text-muted{font-size:12.5px;font-weight:400;color:var(--j26-muted) !important}
.ui-2026 .j26-wr .j26-tbl td.j26-wr-date{font-variant-numeric:tabular-nums}
.ui-2026 .j26-wr .j26-tbl tr.j26-wr-clickable td{cursor:pointer}
.ui-2026 .j26-wr .j26-tbl tr.j26-wr-clickable td.j26-ol-actions{cursor:default}

/* statuslabels: "Aangemaakt" is een open werkbon, geen fout */
.ui-2026 .j26-wr .j26-tbl .label.label-danger{background:var(--j26-navy-tint) !important;color:var(--j26-navy) !important}
.ui-2026 .j26-wr .j26-tbl .label{width:auto !important;display:inline-flex !important}

/* medewerkers */
.j26-wr-people{display:inline-flex;align-items:center;gap:8px;min-width:0}
.j26-wr-people-n{font-size:13px;color:var(--j26-ink-2);white-space:nowrap}
.j26-wr .j26-wr-av{width:26px;height:26px;border-radius:50%;font-size:10.5px}

/* verlopen acties */
.ui-2026 .j26-wr .j26-tbl tr.j26-wr-overdue td.j26-wr-date{color:var(--j26-red);font-weight:600}
.ui-2026 .j26-wr .j26-tbl tr.j26-wr-overdue td:first-child{box-shadow:inset 3px 0 0 #D9774A}
.ui-2026 .j26-wr .j26-tbl td.j26-wr-remark-cell{min-width:260px;padding-top:10px;padding-bottom:10px}

/* ---------- werkbon bekijken ---------- */
.j26-wr-head{align-items:flex-start}
.j26-wr-titles{display:flex;flex-direction:column;gap:10px;min-width:0;flex:1 1 360px}
.j26-wr-titlerow{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}
.ui-2026 .j26-wr-h1{font-size:30px;overflow-wrap:anywhere}
.j26-wr-nr{color:var(--j26-ink-2)}
.ui-2026 .j26-wr .j26-page-actions .j26-btn{text-decoration:none}
.ui-2026 .j26-wr .j26-page-actions .j26-btn-p,.ui-2026 .j26-wr .j26-page-actions .j26-btn-p:hover{color:#fff}
.ui-2026 .j26-wr .j26-btn[disabled]{opacity:.5;cursor:not-allowed}

.j26-wr-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px 20px;margin:0;padding:2px}
.j26-wr-meta>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.j26-wr-meta dt{font-size:12px;font-weight:500;color:var(--j26-muted)}
.j26-wr-meta dd{margin:0;font-size:14px;font-weight:500;color:var(--j26-ink);overflow-wrap:anywhere}
.ui-2026 .j26-wr-meta .j26-wr-meta-sub{display:block;margin-top:2px;font-size:12.5px;font-weight:400}
.j26-wr-meta .j26-wr-people{flex-wrap:wrap}

.ui-2026 .j26-wr-tabs{scrollbar-width:none;-ms-overflow-style:none}
.ui-2026 .j26-wr-tabs::-webkit-scrollbar{display:none}
.ui-2026 .j26-wr-tabs .j26-tab{text-decoration:none;margin-bottom:-1px;color:var(--j26-muted)}
.ui-2026 .j26-wr-tabs .j26-tab:hover{color:var(--j26-navy)}
.ui-2026 .j26-wr-tabs .j26-tab-on{color:var(--j26-navy)}
.j26-wr-show [id]{scroll-margin-top:84px}

.j26-wr-show .j26-card{overflow:hidden}
.j26-wr-show .j26-card-h{flex-wrap:wrap}
.j26-wr-count{font-size:13px}
.ui-2026 .j26-wr-ml{margin-left:auto;font-size:13px}
.j26-wr-text{font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.j26-wr-empty{padding:28px 18px;font-size:13.5px}

.j26-wr-act{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:16px;padding:14px 18px;border-bottom:1px solid var(--j26-line-2);align-items:start}
.j26-wr-act-h{display:flex;flex-direction:column;gap:2px}
.j26-wr-act-v{font-family:'Bricolage Grotesque',sans-serif;font-size:18px;font-weight:700;color:var(--j26-navy);font-variant-numeric:tabular-nums}
.j26-wr-act-u{font-size:12px;color:var(--j26-muted)}
.j26-wr-act-b{display:flex;flex-direction:column;gap:8px;min-width:0}
.j26-wr-obj{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;align-self:flex-start;max-width:100%;padding:4px 10px;border-radius:8px;background:var(--j26-green-tint-2);border:1px solid var(--j26-green-border);font-size:12.5px;color:var(--j26-ink-2)}
.j26-wr-obj .j26-ico{color:var(--j26-green-dark)}
.j26-wr-obj .j26-mono{font-size:11.5px;color:var(--j26-muted)}
.j26-wr-act-meta{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--j26-muted)}
.j26-wr-act-who{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--j26-ink-2);white-space:nowrap}
.j26-wr-tot{display:flex;flex-wrap:wrap;gap:16px 32px;padding:14px 18px;background:var(--j26-green-tint-2)}
.j26-wr-tot>div{display:flex;flex-direction:column;gap:2px}
.j26-wr-tot span{font-size:12px;color:var(--j26-green-text)}
.j26-wr-tot strong{font-family:'Bricolage Grotesque',sans-serif;font-size:17px;font-weight:700;color:var(--j26-navy);font-variant-numeric:tabular-nums}

.j26-wr-tbl{width:100%;border-collapse:collapse}
.j26-wr-tbl th.j26-num,.j26-wr-tbl td.j26-num{text-align:right}
.j26-wr-tbl .j26-wr-amount{width:90px}
.ui-2026 .j26-wr-tbl td.j26-wr-wrap{white-space:normal;line-height:1.45;padding-top:10px;padding-bottom:10px}

.j26-wr-remark{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-bottom:1px solid var(--j26-line-2)}
.j26-wr-remark:last-child{border-bottom:0}
.j26-wr-remark-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.j26-wr-remark-m{font-size:12.5px}
.j26-wr-remark-m strong{color:var(--j26-ink);font-weight:600}
.j26-wr-remark-done .j26-wr-remark-t{color:var(--j26-muted);text-decoration:line-through}
.j26-wr-remark-over .j26-wr-remark-m strong{color:var(--j26-red)}

.j26-wr-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
.j26-wr-thumb{position:relative;border:1px solid var(--j26-line);border-radius:12px;overflow:hidden;background:var(--j26-subtle);aspect-ratio:4/3}
.j26-wr-thumb-img{display:block;width:100%;height:100%}
.j26-wr-thumb-img img{display:block;width:100%;height:100%;object-fit:cover}
.j26-wr-thumb-img:focus-visible{outline:2px solid var(--j26-navy);outline-offset:-2px}
.ui-2026 .j26-wr-thumb .j26-wr-thumb-dl,.j26-share .j26-wr-thumb .j26-wr-thumb-dl{position:absolute;left:6px;bottom:6px;width:30px;height:30px;background:rgba(255,255,255,.94);border:1px solid var(--j26-line);color:var(--j26-ink-2)}

.j26-wr-kvs{padding-top:6px;padding-bottom:10px}
.ui-2026 .j26-wr-kvs .j26-kv>a{overflow-wrap:anywhere}
.j26-wr-kvs .j26-kv>span:last-child{overflow-wrap:anywhere}

.j26-wr-share{display:flex;flex-direction:column;gap:12px}
.j26-wr-share [hidden]{display:none !important}
.j26-wr-hint{font-size:12.5px;color:var(--j26-muted)}
.j26-wr-share-row{display:flex;align-items:center;gap:4px;padding:4px 4px 4px 0}
.j26-wr-share-url{flex:1;display:flex;min-width:0;margin:0}
.ui-2026 .j26-wr-share-url .j26-in{height:36px;font-family:'Geist Mono',monospace;font-size:12.5px;background:var(--j26-subtle)}
.j26-wr-share-actions{display:flex;flex-wrap:wrap;gap:8px}
.ui-2026 .j26-wr-share-actions .j26-btn{text-decoration:none}
.ui-2026 .j26-wr-danger{color:var(--j26-red)}
.ui-2026 .j26-wr-danger:hover{background:#FFF4EE;color:var(--j26-red)}
.ui-2026 .j26-wr .j26-icon-btn:focus-visible,.ui-2026 .j26-wr .j26-btn:focus-visible{outline:2px solid var(--j26-navy);outline-offset:2px}
.j26-wr-delete{align-self:flex-start}
.ui-2026 .j26-wr .j26-btn[aria-busy="true"],.ui-2026 .j26-wr .j26-icon-btn[aria-busy="true"]{opacity:.6;pointer-events:none}

/* ---------- venster "Actie" (acties-overzicht) ---------- */
.j26-wr-remark-form{display:flex;flex-direction:column;gap:16px}
.j26-wr-remark-info{display:flex;flex-direction:column;padding:2px 0}
.ui-2026 .j26-wr-remark-status{border:0;margin:0;padding:0;min-width:0}
.ui-2026 .j26-wr-remark-status legend{border:0;margin:0 0 7px;padding:0;width:auto}
.j26-wr-radios{display:flex;flex-wrap:wrap;gap:8px}
.ui-2026 .j26-wr-radio{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;margin:0;border:1px solid var(--j26-line-3);border-radius:10px;background:#fff;font-size:13.5px;font-weight:500;color:var(--j26-ink-2);cursor:pointer}
.j26-wr-radio input{margin:0;accent-color:var(--j26-navy)}
.ui-2026 .j26-wr-radio:has(input:checked){border-color:var(--j26-navy);background:var(--j26-navy-tint-2);color:var(--j26-navy);font-weight:600}
.ui-2026 .j26-wr-radio:focus-within{outline:2px solid var(--j26-navy);outline-offset:2px}
.ui-2026 .j26-wr-remark-form .j26-wr-remark-date{max-width:180px}
.ui-2026 .j26-wr-remark-form .j26-wr-remark-area{height:auto;min-height:96px;padding:10px 12px;line-height:1.5;resize:vertical}
.ui-2026 .j26-wr-remark-form .j26-in:required{border-color:var(--j26-line-3) !important}

/* ---------- gedeelde werkbon (publiek, zonder app-schil) ---------- */
body.ui-2026.j26-share-body{margin:0;background:var(--j26-ground) !important}
.j26-share{min-height:100vh;display:flex;flex-direction:column;background:var(--j26-ground);color:var(--j26-ink)}
.j26-share-wrap{width:100%;max-width:960px;margin:0 auto;padding:0 20px;box-sizing:border-box}
.j26-share-top{background:#fff;border-bottom:1px solid var(--j26-line)}
.j26-share-bar{display:flex;align-items:center;gap:12px;min-height:64px}
.j26-share-logo{width:36px;height:36px;border-radius:10px;background:var(--j26-navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:15px;flex:none}
.j26-share-company{font-family:'Bricolage Grotesque',sans-serif;font-size:17px;color:var(--j26-navy);min-width:0;overflow-wrap:anywhere}
.j26-share>main{flex:1}
.j26-share-hero{display:flex;flex-direction:column;gap:10px;padding:36px 0 24px}
.j26-share .j26-h1{overflow-wrap:anywhere}
.ui-2026 .j26-share .j26-share-nr{font-family:'Geist Mono',monospace;font-size:.8em;font-weight:500;letter-spacing:0;color:var(--j26-ink-2)}
.j26-share-main{display:flex;flex-direction:column;gap:20px;padding-bottom:40px}
.j26-share .j26-card{overflow:hidden}
.j26-share-foot{background:#fff;border-top:1px solid var(--j26-line)}
.j26-share-foot .j26-share-wrap{display:flex;flex-wrap:wrap;gap:8px 12px;padding-top:18px;padding-bottom:18px;font-size:12.5px;color:var(--j26-muted)}
.j26-share-foot-r{margin-left:auto}

@media (max-width:767px){
  .j26-wr-act{grid-template-columns:52px minmax(0,1fr);gap:12px}
  .j26-wr-act-who{grid-column:2}
  .ui-2026 .j26-wr-h1{font-size:24px}
  .j26-wr-head .j26-page-actions{margin-left:0}
  .j26-wr-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .j26-wr-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ui-2026 .j26-wr-scope .j26-wr-scope-link{margin-left:0}
  .j26-share-hero{padding-top:24px}
  .j26-share-foot-r{margin-left:0}
}

/* Uitvoering — Planning (WorkReports/Index.vue), werkbon openen (Open.vue, Menu.vue) en subschermen
   (History, Preview, Files, Remarks) + Actions-component. Alleen in de nieuwe weergave (.ui-2026). */

/* ---------- gedeeld ---------- */
.ui-2026 .j26pl .j26-h1,.ui-2026 .j26wb .j26-h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;color:var(--j26-navy);margin:0}
.ui-2026 .j26pl .j26-h2,.ui-2026 .j26wb .j26-h2,.ui-2026 .j26act .j26-h2{font-family:'Bricolage Grotesque',sans-serif;font-size:17px;font-weight:700;color:var(--j26-navy);margin:0}
.ui-2026 .j26pl p,.ui-2026 .j26wb p,.ui-2026 .j26act p{margin:0}
.ui-2026 .j26pl .j26-btn,.ui-2026 .j26wb .j26-btn,.ui-2026 .j26act .j26-btn{color:var(--j26-navy);text-decoration:none}
.ui-2026 .j26pl .j26-btn-p,.ui-2026 .j26pl .j26-btn-p:hover,.ui-2026 .j26wb .j26-btn-p,.ui-2026 .j26wb .j26-btn-p:hover{color:#fff !important}
.ui-2026 .j26pl .j26-btn[disabled],.ui-2026 .j26wb .j26-btn[disabled]{opacity:.55;cursor:not-allowed}
.ui-2026 .j26pl .j26-icon-btn,.ui-2026 .j26wb .j26-icon-btn,.ui-2026 .j26act .j26-icon-btn{border:0}
.ui-2026 .j26wb-ml{margin-left:auto}
.ui-2026 .j26wb-danger,.ui-2026 .j26wb-danger:hover,.ui-2026 .j26pl-del,.ui-2026 .j26pl-del:hover,.ui-2026 .j26act-danger,.ui-2026 .j26act-danger:hover{color:var(--j26-red) !important}
.ui-2026 .j26pl .j26-seg button.j26-on,.ui-2026 .j26pl .j26-seg .j26-on{background:#fff;color:var(--j26-navy);font-weight:600;box-shadow:0 1px 2px rgba(27,43,75,.10)}

/* ---------- Planning ---------- */
.ui-2026 .j26pl{position:relative;display:flex;flex-direction:column;gap:20px;min-width:0}
.ui-2026 .j26pl-head{align-items:flex-end}
.ui-2026 .j26pl-titles{display:flex;flex-direction:column;gap:6px;min-width:0}
.ui-2026 .j26pl-kicker{font-size:13px;font-weight:500}
.ui-2026 .j26pl-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ui-2026 .j26pl-kpis .j26-kpi{padding:14px 16px}
.ui-2026 .j26pl-kpis .j26-kpi-v{font-size:24px}
.ui-2026 .j26pl-kpi-warn{background:#FFF8F3;border-color:#F3D9C7}
.ui-2026 .j26pl-kpi-warn .j26-kpi-l,.ui-2026 .j26pl-kpi-warn .j26-kpi-v{color:var(--j26-orange)}

.ui-2026 .j26pl-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.ui-2026 .j26pl-seg button{height:30px}
.ui-2026 .j26pl-rel{display:inline-block;width:240px;max-width:100%}
.ui-2026 .j26pl-rel .j26-in{height:36px;font-size:13.5px;font-weight:500;border-color:var(--j26-line-3) !important;box-shadow:none}
.ui-2026 .j26pl-rel .j26-ico{top:10px}
.ui-2026 .j26pl-view{margin-left:auto}

.ui-2026 .j26pl-empty{border-style:dashed}
.ui-2026 .j26pl-empty-ico{width:28px;height:28px;color:var(--j26-faint)}
.ui-2026 .j26pl-empty-t{font-size:16px;color:var(--j26-navy)}

/* lijst per datum */
.ui-2026 .j26pl-day{display:flex;flex-direction:column;gap:8px}
.ui-2026 .j26pl-dh{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:4px 2px 0}
.ui-2026 .j26pl .j26pl-dh-t{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-size:17px;font-weight:700;color:var(--j26-navy)}
.ui-2026 .j26pl-dh-d{font-family:'Geist Mono',monospace;font-size:12.5px;color:var(--j26-muted)}
.ui-2026 .j26pl-dh-n{margin-left:auto;font-size:12.5px;color:var(--j26-muted)}
.ui-2026 .j26pl-day-today .j26pl-list{border-color:var(--j26-navy);box-shadow:0 0 0 1px var(--j26-navy)}
.ui-2026 .j26pl-list{overflow:hidden}
.ui-2026 .j26pl-wb{display:grid;grid-template-columns:3px 64px minmax(0,1fr) auto;gap:14px;padding:16px 16px 16px 14px;border-top:1px solid var(--j26-line-2);align-items:start}
.ui-2026 .j26pl-wb:first-child{border-top:0}
.ui-2026 .j26pl-bar{align-self:stretch;border-radius:2px;background:#5B76A8}
.ui-2026 .j26pl-is-today.j26pl-bar{background:var(--j26-green)}
.ui-2026 .j26pl-is-late.j26pl-bar{background:#D9774A}
.ui-2026 .j26pl-time{display:flex;flex-direction:column;gap:2px;font-family:'Geist Mono',monospace;font-size:14px;font-weight:500;color:var(--j26-navy)}
.ui-2026 .j26pl-time small{font-family:'Geist',sans-serif;font-size:12px;font-weight:400;color:var(--j26-muted)}
.ui-2026 .j26pl-main{display:flex;flex-direction:column;gap:6px;min-width:0}
.ui-2026 .j26pl-titlerow{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.ui-2026 .j26pl-rel-name{font-size:15.5px;font-weight:600;color:var(--j26-navy) !important;overflow-wrap:anywhere}
.ui-2026 a.j26pl-rel-name:hover{text-decoration:underline}
.ui-2026 .j26pl-nr{color:var(--j26-muted)}
.ui-2026 .j26pl-reason{font-size:14px;color:var(--j26-ink);font-weight:500}
.ui-2026 .j26pl-instr{font-size:13px;line-height:1.5;color:var(--j26-ink-2);white-space:pre-line;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ui-2026 .j26pl-facts{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:2px}
.ui-2026 .j26pl-fact{display:inline-flex;align-items:flex-start;gap:6px;font-size:13px;color:var(--j26-ink-2);min-width:0;max-width:100%;line-height:1.4}
.ui-2026 .j26pl-fact>.j26-ico{margin-top:2px;color:var(--j26-faint)}
.ui-2026 .j26pl-fact small{font-size:12px}
.ui-2026 .j26pl-fact .j26-stack{flex:none}
.ui-2026 .j26pl .j26-av-navy{background:var(--j26-navy-tint);color:var(--j26-navy)}
.ui-2026 .j26pl-acts{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;max-width:330px}
.ui-2026 .j26pl-sm-only{display:none !important}

/* weekweergave */
.ui-2026 .j26pl-weekbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ui-2026 .j26pl-weeklabel{font-family:'Bricolage Grotesque',sans-serif;font-size:17px;font-weight:700;color:var(--j26-navy);margin:0 8px}
.ui-2026 .j26pl-weekend{margin:0 0 0 auto;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--j26-ink-2);cursor:pointer;min-height:36px}
.ui-2026 .j26pl-board-wrap{overflow-x:auto;border:1px solid var(--j26-line);border-radius:var(--j26-radius);background:#fff}
.ui-2026 .j26pl-board{display:grid;min-width:max-content}
.ui-2026 .j26pl-bh{display:flex;flex-direction:column;gap:2px;padding:10px 12px;font-size:12.5px;font-weight:600;color:var(--j26-muted);background:var(--j26-subtle);border-left:1px solid var(--j26-line-2);border-bottom:1px solid var(--j26-line)}
.ui-2026 .j26pl-bh:first-child{border-left:0}
.ui-2026 .j26pl-bh strong{font-size:14px;color:var(--j26-navy)}
.ui-2026 .j26pl-bh-today{background:var(--j26-green-tint-2);color:var(--j26-green-text)}
.ui-2026 .j26pl-bh-today strong{color:var(--j26-green-text)}
.ui-2026 .j26pl-who{display:flex;flex-direction:column;gap:4px;padding:12px;border-bottom:1px solid var(--j26-line-2);font-size:13px;min-width:0}
.ui-2026 .j26pl-who-n{display:flex;align-items:center;gap:8px;min-width:0}
.ui-2026 .j26pl-who-n strong{font-weight:600;color:var(--j26-navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-2026 .j26pl-who small{font-size:12px;color:var(--j26-muted)}
.ui-2026 .j26pl-av-none{background:var(--j26-orange-tint) !important;color:var(--j26-orange) !important}
.ui-2026 .j26pl-cell{display:flex;flex-direction:column;gap:6px;min-height:96px;padding:8px;border-left:1px solid var(--j26-line-2);border-bottom:1px solid var(--j26-line-2);min-width:0}
.ui-2026 .j26pl-cell-today{background:#FBFDF7}
.ui-2026 .j26pl-job{display:flex;flex-direction:column;gap:3px;padding:8px 9px;border-radius:10px;border:1px solid var(--j26-line);border-left:3px solid #5B76A8;background:#fff;font-size:12.5px;color:var(--j26-ink) !important;text-decoration:none !important}
.ui-2026 a.j26pl-job:hover{border-color:#C5CFE0;border-left-color:#5B76A8;background:var(--j26-hover)}
.ui-2026 .j26pl-job.j26pl-is-today{border-left-color:var(--j26-green)}
.ui-2026 .j26pl-job.j26pl-is-late{border-left-color:#D9774A}
.ui-2026 .j26pl-job .j26-mono{font-size:11.5px;color:var(--j26-muted)}
.ui-2026 .j26pl-job b{font-weight:600;font-size:12.5px;line-height:1.3;color:var(--j26-navy)}
.ui-2026 .j26pl-job small{font-size:12px;line-height:1.3;color:var(--j26-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-2026 .j26pl-week-empty{font-size:13.5px;color:var(--j26-muted)}
.ui-2026 .j26pl-legend{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12.5px;color:var(--j26-muted)}
.ui-2026 .j26pl-legend>span{display:inline-flex;align-items:center;gap:6px}
.ui-2026 .j26pl-legend i{width:10px;height:10px;border-radius:3px}
.ui-2026 .j26pl-lg-plan{background:#5B76A8}
.ui-2026 .j26pl-lg-today{background:var(--j26-green)}
.ui-2026 .j26pl-lg-late{background:#D9774A}
.ui-2026 .j26pl-legend-r{margin-left:auto}

/* ---------- Werkbon: kop en stappen ---------- */
.ui-2026 .j26wb{display:flex;flex-direction:column;gap:20px;min-width:0}
.ui-2026 .j26wb-head{display:flex;flex-direction:column;gap:14px;min-width:0}
.ui-2026 .j26wb-back{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:13px;font-weight:500;color:var(--j26-muted) !important;min-height:28px}
.ui-2026 .j26wb-back:hover{color:var(--j26-navy) !important;text-decoration:none}
.ui-2026 .j26wb-page-head{align-items:flex-start}
.ui-2026 .j26wb-ident{display:flex;gap:16px;align-items:center;min-width:0;flex:1 1 360px}
.ui-2026 .j26wb .j26-av-navy{background:var(--j26-navy-tint);color:var(--j26-navy)}
.ui-2026 .j26wb-titles{display:flex;flex-direction:column;gap:8px;min-width:0}
.ui-2026 .j26wb-titlerow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.ui-2026 .j26wb .j26wb-h1{font-size:30px;line-height:1.1;overflow-wrap:anywhere}
.ui-2026 .j26wb-subline{font-size:14px;color:var(--j26-muted)}
.ui-2026 .j26wb-subline .j26-mono{color:var(--j26-ink-2)}
.ui-2026 .j26wb-actions{align-items:center}

.ui-2026 .j26wb-steps{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:4px;border:1px solid var(--j26-line);border-radius:14px;background:var(--j26-subtle)}
.ui-2026 .j26wb-steps::-webkit-scrollbar{display:none}
.ui-2026 .j26wb-step{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px;border-radius:10px;border:0;background:transparent;font:inherit;font-size:13.5px;font-weight:500;color:var(--j26-ink-2) !important;white-space:nowrap;cursor:pointer;text-decoration:none !important;flex:none}
.ui-2026 .j26wb-step:hover{background:#fff;color:var(--j26-navy) !important}
.ui-2026 .j26wb-step .j26-ico{color:var(--j26-faint)}
.ui-2026 .j26wb-step-n{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#E4E6E0;color:var(--j26-ink-2);font-size:11px;font-weight:700;flex:none}
.ui-2026 .j26wb-step-on{background:#fff;color:var(--j26-navy) !important;font-weight:600;box-shadow:0 0 0 1px #E1E4DD,0 1px 2px rgba(27,43,75,.06)}
.ui-2026 .j26wb-step-on .j26wb-step-n{background:var(--j26-navy);color:#fff}
.ui-2026 .j26wb-step-on .j26-ico{color:var(--j26-green-dark)}
.ui-2026 .j26wb-step-finish .j26wb-step-n{background:var(--j26-green-tint);color:var(--j26-green-text)}
.ui-2026 .j26wb-step-finish.j26wb-step-on .j26wb-step-n{background:var(--j26-green-dark);color:#fff}
.ui-2026 .j26wb-body{min-width:0}

/* ---------- Werkbon: overzicht (Menu.vue) ---------- */
.ui-2026 .j26wb-overview{display:flex;flex-direction:column;gap:20px}
.ui-2026 .j26wb-overview .j26-card{overflow:hidden}
.ui-2026 .j26wb-overview .j26-card-h{flex-wrap:wrap}
.ui-2026 .j26wb-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px 20px}
.ui-2026 .j26wb-m{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:14px;font-weight:500;color:var(--j26-ink);overflow-wrap:anywhere}
.ui-2026 .j26wb-m>span:first-child{font-size:12px;font-weight:500;color:var(--j26-muted)}
.ui-2026 .j26wb-m small{font-size:12.5px;font-weight:400}
.ui-2026 .j26wb-users{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.ui-2026 .j26wb-quick{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 16px}
.ui-2026 .j26wb-text{display:flex;flex-direction:column;gap:6px}
.ui-2026 .j26wb-text .j26-label+p{margin-bottom:10px}
.ui-2026 .j26wb-reason{font-size:15px;font-weight:600;color:var(--j26-navy)}
.ui-2026 .j26wb-instr{font-size:14px;line-height:1.6;color:var(--j26-ink);white-space:pre-line}
.ui-2026 .j26wb-note{font-size:13.5px;line-height:1.5}
.ui-2026 .j26wb-kvs{padding-top:6px;padding-bottom:10px}
.ui-2026 .j26wb-kvs .j26-kv>span:last-child,.ui-2026 .j26wb-kvs .j26-kv>a{overflow-wrap:anywhere;min-width:0}
.ui-2026 .j26wb-nav-row{display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 18px;border-top:1px solid var(--j26-line-2);color:var(--j26-ink) !important;text-decoration:none !important}
.ui-2026 .j26wb-nav .j26-card-h+.j26wb-nav-row{border-top:0}
.ui-2026 .j26wb-nav-row:hover{background:var(--j26-hover)}
.ui-2026 .j26wb-nav-i{width:36px;height:36px;border-radius:10px;background:var(--j26-ground);display:inline-flex;align-items:center;justify-content:center;color:var(--j26-green-dark);flex:none}
.ui-2026 .j26wb-nav-n{font-size:13px;font-weight:700;color:var(--j26-navy)}
.ui-2026 .j26wb-nav-t{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.ui-2026 .j26wb-nav-t strong{font-size:14px;font-weight:600;color:var(--j26-navy)}
.ui-2026 .j26wb-nav-t small{font-size:12.5px;color:var(--j26-muted)}
.ui-2026 .j26wb-chev{color:var(--j26-placeholder)}
.ui-2026 .j26wb-finishbar{position:sticky;bottom:12px;z-index:20;display:flex;justify-content:flex-end;padding:10px;border:1px solid #E3E5E0;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 10px 30px rgba(27,43,75,.08)}
.ui-2026 .j26wb-finish{height:44px;padding:0 20px;font-size:14.5px}

/* ---------- Geschiedenis ---------- */
.ui-2026 .j26wb-hist .j26-card-b{display:flex;flex-direction:column;gap:18px}
.ui-2026 .j26wb-hist-empty{font-size:13.5px}
.ui-2026 .j26wb-hist-day{display:flex;flex-direction:column;gap:10px}
.ui-2026 .j26wb .j26wb-hist-date{margin:0;font-family:'Geist',sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--j26-muted)}
.ui-2026 .j26wb-tl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.ui-2026 .j26wb-tl-row .j26-tl-i i{font-size:13px;background:transparent !important;color:var(--j26-ink-2) !important;width:auto;height:auto;line-height:1;position:static;border-radius:0;box-shadow:none}
.ui-2026 .j26wb-tl-t{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:13.5px;line-height:1.5;color:var(--j26-ink);overflow-wrap:anywhere}
.ui-2026 .j26wb-tl-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.ui-2026 .j26wb-tl-head strong{font-weight:600;color:var(--j26-navy)}
.ui-2026 .j26wb-tl-when{font-size:12px;color:var(--j26-muted);font-family:'Geist Mono',monospace}
.ui-2026 .j26wb-tl-body p{margin:0}
.ui-2026 .j26wb-tl-body img{max-width:100%;height:auto}

/* ---------- Voorbeeld ---------- */
.ui-2026 .j26wb-preview{overflow:hidden}
.ui-2026 .j26wb-preview .j26-card-h{flex-wrap:wrap}
.ui-2026 .j26wb-preview-sub{font-size:13px}
.ui-2026 .j26wb-preview-frame{display:block;width:100%;height:calc(100vh - 300px);min-height:480px;border:0;background:#fff}

/* ---------- Bijlagen ---------- */
.ui-2026 .j26wb-files .j26-card-b{display:flex;flex-direction:column;gap:16px}
.ui-2026 .j26wb-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.ui-2026 .j26wb-thumb{margin:0;border:1px solid var(--j26-line);border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.ui-2026 .j26wb-thumb-img{display:flex;align-items:center;justify-content:center;height:150px;background:var(--j26-subtle)}
.ui-2026 .j26wb-thumb-img img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.ui-2026 .j26wb-thumb-f{display:flex;justify-content:flex-end;gap:2px;padding:4px;border-top:1px solid var(--j26-line-2)}
.ui-2026 .j26wb-files-empty{font-size:13.5px}
.ui-2026 .j26wb-drop .vue-dropzone{border:1.5px dashed #CDD1C8 !important;border-radius:14px;background:var(--j26-subtle);color:var(--j26-muted);font-family:inherit;font-size:13.5px;min-height:140px;padding:16px}
.ui-2026 .j26wb-drop .vue-dropzone:hover{background:var(--j26-navy-tint-2);border-color:#C5CFE0 !important}
.ui-2026 .j26wb-drop .dz-message{margin:12px 0}
.ui-2026 .j26wb-drop-c{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.ui-2026 .j26wb-drop-c .j26-ico{width:24px;height:24px;color:var(--j26-green-dark)}
.ui-2026 .j26wb-drop-c strong{font-size:14px;color:var(--j26-navy)}

/* ---------- Opmerkingen en acties (Remarks.vue) ---------- */
.ui-2026 .j26wb-remarks{display:flex;flex-direction:column;gap:16px}
.ui-2026 .j26wb-rm-card{overflow:hidden}
.ui-2026 .j26wb-rm-card .j26-card-h{flex-wrap:wrap}
.ui-2026 .j26wb-rm-empty{padding:24px 18px;text-align:center;font-size:13.5px}
.ui-2026 .j26wb-rm{display:flex;align-items:flex-start;gap:12px;padding:14px 12px 14px 18px;border-top:1px solid var(--j26-line-2)}
.ui-2026 .j26wb-rm-card .j26-card-h+.j26wb-rm,.ui-2026 .j26wb-rm-card .j26wb-rm-empty+.j26wb-rm{border-top:0}
.ui-2026 .j26wb-rm>.j26-pill{margin-top:1px;flex:none}
.ui-2026 .j26wb-rm-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding:0;border:0;background:transparent;font:inherit;text-align:left;color:var(--j26-ink);cursor:pointer}
.ui-2026 .j26wb-rm-text{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.ui-2026 .j26wb-rm-meta{font-size:12.5px;color:var(--j26-muted)}
.ui-2026 .j26wb-rm-meta strong{color:var(--j26-ink);font-weight:600}
.ui-2026 .j26wb-rm-form .j26-card-h{flex-wrap:wrap}
.ui-2026 .j26wb-rm-form .form-group{margin-bottom:16px}
.ui-2026 .j26wb-rm-form .form-group:last-child{margin-bottom:0}
.ui-2026 .j26wb-rm-form .radio-group{display:flex;flex-wrap:wrap;gap:8px}
.ui-2026 .j26wb-rm-form .radio-group label{display:inline-flex !important;align-items:center;gap:8px;margin:0 !important;min-height:40px;padding:0 14px;border:1px solid var(--j26-line-3);border-radius:10px;background:#fff;cursor:pointer;font-weight:500 !important}
.ui-2026 .j26wb-rm-form .radio-group input{margin:0;accent-color:var(--j26-navy)}
.ui-2026 .j26wb-savebar{z-index:20}

/* ---------- Actions-component (o.a. leads) ---------- */
.ui-2026 .j26act{margin-bottom:20px}
.ui-2026 .j26act-card{overflow:hidden;transition:opacity .15s ease}
.ui-2026 .j26act-busy{opacity:.6}
.ui-2026 .j26act-card .j26-card-h{flex-wrap:wrap}
.ui-2026 .j26act-add{margin-left:auto}
.ui-2026 .j26act-empty{padding:20px 18px;text-align:center;font-size:13.5px;font-style:italic;color:var(--j26-muted)}
.ui-2026 .j26act-row{display:flex;align-items:flex-start;gap:10px;padding:10px 10px 10px 8px;border-top:1px solid var(--j26-line-2)}
.ui-2026 .j26act-card .j26-card-h+.j26act-row{border-top:0}
.ui-2026 .j26act-check{display:inline-flex !important;align-items:center;justify-content:center;width:40px;height:40px;margin:0 !important;flex:none;cursor:pointer}
.ui-2026 .j26act-check .j26-cb{width:18px;height:18px}
.ui-2026 .j26act-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding-top:8px}
.ui-2026 .j26act-text{font-size:13.5px;line-height:1.45;color:var(--j26-ink);word-break:break-word;white-space:pre-line}
.ui-2026 .j26act-done .j26act-text{color:var(--j26-muted);text-decoration:line-through}
.ui-2026 .j26act-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;color:var(--j26-muted)}
.ui-2026 .j26act-btn{margin-top:4px}

/* ---------- mobiel ---------- */
@media (max-width:991px){
  .ui-2026 .j26pl-wb{grid-template-columns:3px 56px minmax(0,1fr)}
  .ui-2026 .j26pl-acts{grid-column:2 / -1;justify-content:flex-start;max-width:none}
}
@media (max-width:767px){
  .ui-2026 .j26pl{gap:16px}
  .ui-2026 .j26pl .j26-h1{font-size:26px}
  .ui-2026 .j26pl-head .j26-sub:not(.j26pl-kicker){display:none}
  .ui-2026 .j26pl-hide-sm{display:none !important}
  .ui-2026 .j26pl-head .j26-page-actions{margin-left:0;width:100%}
  .ui-2026 .j26pl-new{height:44px;width:100%;justify-content:center}
  .ui-2026 .j26pl-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ui-2026 .j26pl-kpis .j26-kpi{padding:12px}
  .ui-2026 .j26pl-kpis .j26-kpi-v{font-size:22px}
  .ui-2026 .j26pl-toolbar{gap:8px}
  .ui-2026 .j26pl-seg{display:flex;width:100%}
  .ui-2026 .j26pl-seg button{flex:1;justify-content:center;height:38px}
  .ui-2026 .j26pl-view{margin-left:0}
  .ui-2026 .j26pl-rel{width:100%}
  .ui-2026 .j26pl-rel .j26-in{height:44px}
  .ui-2026 .j26pl-rel .j26-ico{top:14px}
  .ui-2026 .j26pl-dh-n{margin-left:0}
  .ui-2026 .j26pl-wb{grid-template-columns:3px 48px minmax(0,1fr);gap:12px;padding:14px 12px 14px 12px}
  .ui-2026 .j26pl-time{font-size:13px}
  .ui-2026 .j26pl-facts{flex-direction:column;gap:6px}
  .ui-2026 .j26pl-acts{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px}
  .ui-2026 .j26pl-act{flex:1 1 0;height:44px;justify-content:center;padding:0 8px;min-width:76px}
  .ui-2026 .j26pl-sm-only{display:inline-flex !important}
  .ui-2026 .j26pl-del{width:44px;height:44px;flex:none}
  .ui-2026 .j26pl-nav{width:44px;height:44px}
  .ui-2026 .j26pl-weeklabel{flex-basis:100%;margin:4px 0 0;order:5}
  .ui-2026 .j26pl-weekend{min-height:44px}
  .ui-2026 .j26pl-legend-r{margin-left:0}

  .ui-2026 .j26wb{gap:16px}
  .ui-2026 .j26wb-ident{gap:12px;flex-basis:100%}
  .ui-2026 .j26wb-av{display:none !important}
  .ui-2026 .j26wb .j26wb-h1{font-size:22px}
  .ui-2026 .j26wb-subline{font-size:13px}
  .ui-2026 .j26wb-actions{margin-left:0;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .ui-2026 .j26wb-actions .j26-btn{height:44px;justify-content:center}
  .ui-2026 .j26wb-steps{margin:0 -16px;padding:4px 16px;border-radius:0;border-left:0;border-right:0}
  .ui-2026 .j26wb-step{height:44px;padding:0 14px}
  .ui-2026 .j26wb-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .ui-2026 .j26wb-quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr))}
  .ui-2026 .j26wb-qbtn{height:44px;justify-content:center}
  .ui-2026 .j26wb-overview .j26-cols{gap:16px}
  .ui-2026 .j26wb-overview .j26-col-main,.ui-2026 .j26wb-overview .j26-col-side{gap:16px;max-width:none;flex-basis:100%}
  .ui-2026 .j26wb-nav-row{min-height:60px;padding:10px 16px}
  .ui-2026 .j26wb-finishbar{bottom:8px;padding:8px}
  .ui-2026 .j26wb-finish{width:100%;height:50px;justify-content:center;font-size:15px;border-radius:12px}
  .ui-2026 .j26wb-preview-frame{height:70vh;min-height:360px}
  .ui-2026 .j26wb-thumbs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ui-2026 .j26wb-thumb-img{height:120px}
  .ui-2026 .j26wb-thumb-f{justify-content:space-between}
  .ui-2026 .j26wb-thumb-f .j26-icon-btn{width:44px;height:44px}
  .ui-2026 .j26wb-add{height:40px}
  .ui-2026 .j26wb-rm{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;gap:6px 4px;padding:12px 8px 12px 14px}
  .ui-2026 .j26wb-rm>.j26-pill{grid-column:1 / -1;justify-self:start}
  .ui-2026 .j26wb-rm-btn{width:44px;height:44px}
  .ui-2026 .j26wb-savebar{bottom:8px}
  .ui-2026 .j26wb-savebar .j26-btn{height:44px;flex:1;justify-content:center}
  .ui-2026 .j26wb-rm-form .radio-group label{min-height:44px;flex:1 1 auto}
  .ui-2026 .j26act-btn{width:40px;height:40px;margin-top:0}
}

/* Junity 2026 — werkbon invullen: werkinformatie, werkzaamheden, afronden (alleen onder .ui-2026) */

/* pagina */
.ui-2026 .j26-wb{display:flex;flex-direction:column;gap:20px;min-width:0}
.ui-2026 .j26-wb-main{display:flex;flex-direction:column;min-width:0}
.ui-2026 .j26-wb .j26-wb-first{border-top:0;padding-top:4px}
.ui-2026 .j26-wb-push{margin-left:auto}
.ui-2026 .j26-wb-grow{flex:1 1 auto;min-width:0}
.ui-2026 .j26-wb-small{font-size:12.5px}
.ui-2026 .j26-wb-r{text-align:right !important}
.ui-2026 .j26-wb-empty{padding:40px 24px}
.ui-2026 .j26-wb-empty strong{color:var(--j26-navy);font-size:15px}
.ui-2026 .j26-wb-empty .j26-ico{width:24px;height:24px}
.ui-2026 .j26-wb-empty-row{margin:0;padding:22px 18px;font-size:13.5px;color:var(--j26-muted);text-align:center}
.ui-2026 .j26-wb-loading{opacity:.6;transition:opacity .15s ease}
.ui-2026 #finishWR.j26-wb{min-height:0 !important}

/* velden */
.ui-2026 .j26-wb .j26-wb-field.form-group{margin:0}
.ui-2026 .j26-wb .j26-f>label,.ui-2026 .j26-wb-modal .j26-f>label{margin:0;display:block;max-width:none}
.ui-2026 .j26-wb .j26-lbl,.ui-2026 .j26-wb-modal .j26-lbl{font-size:13px;font-weight:600;color:var(--j26-ink)}
.ui-2026 .j26-wb .j26-opt,.ui-2026 .j26-wb-modal .j26-opt{font-weight:400;color:var(--j26-faint)}
.ui-2026 .j26-wb .j26-in:focus,.ui-2026 .j26-wb-modal .j26-in:focus{border-color:var(--j26-navy);box-shadow:0 0 0 4px rgba(27,43,75,.10)}
.ui-2026 .j26-wb .j26-in:disabled,.ui-2026 .j26-wb-modal .j26-in:disabled,.ui-2026 .j26-wb .j26-in[readonly]{background:var(--j26-subtle);color:var(--j26-faint)}
.ui-2026 .j26-wb .j26-wb-field .form-control,
.ui-2026 .j26-wb-modal .j26-wb-field .form-control{height:40px;border:1px solid var(--j26-line-3);border-radius:10px;padding:0 12px;font-size:14px;color:var(--j26-ink);background:#fff;box-shadow:none;width:100%}
.ui-2026 .j26-wb .j26-wb-field .form-control:focus,
.ui-2026 .j26-wb-modal .j26-wb-field .form-control:focus{border-color:var(--j26-navy);box-shadow:0 0 0 4px rgba(27,43,75,.10)}
.ui-2026 .j26-wb .j26-wb-field .form-control[disabled],
.ui-2026 .j26-wb-modal .j26-wb-field .form-control[disabled]{background:var(--j26-subtle);color:var(--j26-faint);cursor:not-allowed}
/* oude skin geeft verplichte velden een oranje rand met !important */
.ui-2026 .j26-wb .j26-wb-field input:required,
.ui-2026 .j26-wb .j26-wb-field select:required,
.ui-2026 .j26-wb .j26-wb-field textarea:required{border:1px solid var(--j26-line-3) !important}
.ui-2026 .j26-wb .j26-wb-field.has-error .j26-in,
.ui-2026 .j26-wb .j26-wb-field.has-error .form-control,
.ui-2026 .j26-wb-modal .j26-wb-field.has-error .j26-in,
.ui-2026 .j26-wb-modal .j26-wb-field.has-error .form-control{border-color:#C2410C !important;box-shadow:0 0 0 4px rgba(194,65,12,.10)}
.ui-2026 .j26-wb .j26-wb-field.has-error>label,
.ui-2026 .j26-wb .j26-wb-field.has-error>.j26-lbl,
.ui-2026 .j26-wb-modal .j26-wb-field.has-error>label{color:#C2410C}
.ui-2026 .j26-wb-with{display:flex;align-items:center;gap:6px;min-width:0}
.ui-2026 .j26-wb-with>.j26-in{flex:1 1 auto}
.ui-2026 .j26-wb-sq{width:40px;height:40px;padding:0;justify-content:center;flex:none}
.ui-2026 .j26-wb-btn-in{height:40px;flex:none}
.ui-2026 .j26-wb .j26-btn:disabled,.ui-2026 .j26-wb .j26-btn[disabled],
.ui-2026 .j26-wb-modal .j26-btn:disabled{opacity:.5;cursor:not-allowed}
.ui-2026 .j26-wb .j26-btn{text-decoration:none}
.ui-2026 .j26-wb .j26-btn-p,.ui-2026 .j26-wb .j26-btn-p:hover{color:#fff}
.ui-2026 .j26-wb-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;min-width:0}
.ui-2026 .j26-wb-toggle,.ui-2026 .j26-wb-check{display:flex;align-items:center;gap:12px;margin:0;min-height:44px;cursor:pointer;font-weight:400}
.ui-2026 .j26-wb-toggle:focus-within .j26-switch{box-shadow:0 0 0 4px rgba(27,43,75,.15)}
.ui-2026 .j26-wb-toggle-t{display:flex;flex-direction:column;gap:2px;font-size:13.5px}
.ui-2026 .j26-wb-toggle-t strong{font-weight:600;color:var(--j26-ink)}
.ui-2026 .j26-wb-toggle-t span{font-size:12.5px;color:var(--j26-muted)}
.ui-2026 .j26-wb-check .j26-cb{width:20px;height:20px}

/* v-autocomplete, datepicker, timepicker, vue-select */
.ui-2026 .j26-wb .v-autocomplete,.ui-2026 .j26-wb-modal .v-autocomplete{position:relative}
.ui-2026 .j26-wb .v-autocomplete-list,.ui-2026 .j26-wb-modal .v-autocomplete-list{position:absolute;left:0;right:0;z-index:30;background:#fff;border:1px solid #E1E4DD;border-radius:12px;box-shadow:0 16px 40px rgba(27,43,75,.14);padding:6px;margin-top:4px;max-height:300px;overflow:auto}
.ui-2026 .j26-wb .v-autocomplete-list-item,.ui-2026 .j26-wb-modal .v-autocomplete-list-item{padding:8px 10px;border-radius:8px;cursor:pointer;font-size:13.5px;border:0}
.ui-2026 .j26-wb .v-autocomplete-list-item abbr,.ui-2026 .j26-wb-modal .v-autocomplete-list-item abbr{display:block;font-size:12px;color:var(--j26-muted);text-decoration:none;border:0}
.ui-2026 .j26-wb .v-autocomplete-list-item:hover,.ui-2026 .j26-wb .v-autocomplete-item-active,
.ui-2026 .j26-wb-modal .v-autocomplete-list-item:hover,.ui-2026 .j26-wb-modal .v-autocomplete-item-active{background:var(--j26-navy-tint-2)}
.ui-2026 .j26-wb .vdp-datepicker{width:100%}
.ui-2026 .j26-wb .vdp-datepicker__calendar{z-index:30;border:1px solid #E1E4DD;border-radius:12px;box-shadow:0 16px 40px rgba(27,43,75,.14);padding:6px;max-width:calc(100vw - 32px)}
.ui-2026 .j26-wb .vdp-datepicker__calendar .cell.selected,.ui-2026 .j26-wb .vdp-datepicker__calendar .cell.selected:hover{background:var(--j26-navy);color:#fff;border-radius:8px}
.ui-2026 .j26-wb .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover{border-color:var(--j26-navy);border-radius:8px}
.ui-2026 .j26-wb .vue__time-picker{width:100% !important;display:block}
.ui-2026 .j26-wb .vue__time-picker input.display-time{width:100% !important;height:40px !important;border:1px solid var(--j26-line-3);border-radius:10px;padding:0 12px;font-family:'Geist Mono',monospace;font-size:14px;color:var(--j26-ink);background:#fff}
.ui-2026 .j26-wb .vue__time-picker input.display-time:focus{border-color:var(--j26-navy);box-shadow:0 0 0 4px rgba(27,43,75,.10);outline:0}
.ui-2026 .j26-wb .vue__time-picker .dropdown{z-index:30;border-radius:12px;box-shadow:0 16px 40px rgba(27,43,75,.14);top:44px}
.ui-2026 .j26-wb .vue__time-picker .dropdown ul li.active,.ui-2026 .j26-wb .vue__time-picker .dropdown ul li.active:hover{background:var(--j26-navy)}
.ui-2026 .j26-wb .j26-wb-vselect .dropdown-toggle,
.ui-2026 .j26-wb .j26-wb-vselect .vs__dropdown-toggle{min-height:40px;border:1px solid var(--j26-line-3);border-radius:10px;padding:3px 6px;background:#fff}
.ui-2026 .j26-wb .j26-wb-vselect.open .dropdown-toggle,
.ui-2026 .j26-wb .j26-wb-vselect.vs--open .vs__dropdown-toggle{border-color:var(--j26-navy);box-shadow:0 0 0 4px rgba(27,43,75,.10)}
.ui-2026 .j26-wb .j26-wb-vselect .selected-tag,
.ui-2026 .j26-wb .j26-wb-vselect .vs__selected{display:inline-flex;align-items:center;gap:6px;height:28px;margin:2px;padding:0 6px 0 8px;border:0;border-radius:8px;background:var(--j26-navy-tint-2);font-size:13px;font-weight:500;color:var(--j26-navy)}
.ui-2026 .j26-wb .j26-wb-vselect .selected-tag .close,
.ui-2026 .j26-wb .j26-wb-vselect .vs__deselect{float:none;margin:0;font-size:16px;opacity:.6;color:var(--j26-muted)}
.ui-2026 .j26-wb .j26-wb-vselect input[type=search]{font-size:14px;height:30px;margin:2px 0}
.ui-2026 .j26-wb .j26-wb-vselect .dropdown-menu,
.ui-2026 .j26-wb .j26-wb-vselect .vs__dropdown-menu{border:1px solid #E1E4DD;border-radius:12px;box-shadow:0 16px 40px rgba(27,43,75,.14);padding:6px;z-index:30}
.ui-2026 .j26-wb .j26-wb-vselect .highlight>a,
.ui-2026 .j26-wb .j26-wb-vselect .vs__dropdown-option--highlight{background:var(--j26-navy-tint-2) !important;color:var(--j26-navy) !important;border-radius:8px}

/* werkzaamheden: lijst */
.ui-2026 .j26-wb-list-h{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--j26-line-2)}
.ui-2026 .j26-wb-list-sum{font-size:13px;font-variant-numeric:tabular-nums}
.ui-2026 .j26-wb table.j26-wb-tbl{min-width:760px}
.ui-2026 .j26-wb .j26-wb-tbl tbody tr{cursor:pointer}
.ui-2026 .j26-wb .j26-wb-tbl tbody tr:last-child td{border-bottom:0}
.ui-2026 .j26-wb .j26-wb-tbl td{height:auto;padding-top:12px;padding-bottom:12px;vertical-align:top}
.ui-2026 .j26-wb .j26-wb-tbl td.j26-wb-wrap{white-space:normal;min-width:200px;line-height:1.4}
.ui-2026 .j26-wb .j26-wb-tbl td.j26-wb-small{min-width:140px;color:var(--j26-ink-2)}
.ui-2026 .j26-wb .j26-wb-act-col{width:112px}
.ui-2026 .j26-wb-acts{display:flex;justify-content:flex-end;gap:2px;margin-top:-6px}
.ui-2026 .j26-wb-who{display:inline-flex;align-items:center;gap:8px}
.ui-2026 .j26-wb-mlist{display:none;list-style:none;margin:0;padding:0}
.ui-2026 .j26-wb-mrow{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;border-bottom:1px solid var(--j26-line-2)}
.ui-2026 .j26-wb-mrow:last-child{border-bottom:0}
.ui-2026 .j26-wb-mrow-on{background:var(--j26-navy-tint-2)}
.ui-2026 .j26-wb-mrow-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding:0;border:0;background:transparent;text-align:left;font:inherit;color:var(--j26-ink);cursor:pointer}
.ui-2026 .j26-wb-mrow-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:14px}
.ui-2026 .j26-wb-mrow-h strong{font-weight:600;color:var(--j26-navy)}
.ui-2026 .j26-wb-mrow-h .j26-muted{font-size:12.5px;white-space:nowrap}
.ui-2026 .j26-wb-mrow-d{font-size:13.5px;line-height:1.45}
.ui-2026 .j26-wb-mrow-m{font-size:12.5px;color:var(--j26-muted)}
.ui-2026 .j26-wb-mrow-t{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--j26-ink-2);font-family:'Geist Mono',monospace}
.ui-2026 .j26-wb-mrow-a{display:flex;gap:6px;flex:none}

/* werkzaamheden: formulier */
.ui-2026 .j26-wb-formcard{scroll-margin-top:150px;border-color:#C5CFE0;box-shadow:0 0 0 1px #C5CFE0}
.ui-2026 .j26-wb-formcard .j26-card-h{flex-wrap:wrap}
.ui-2026 .j26-wb-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 14px;min-width:0}
.ui-2026 .j26-wb-grid>*{min-width:0}
.ui-2026 .j26-wb-total{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:var(--j26-green-tint-2);border:1px solid var(--j26-green-border);font-size:13.5px;color:var(--j26-green-text)}
.ui-2026 .j26-wb-total .j26-ico{color:var(--j26-green-dark)}
.ui-2026 .j26-wb-total span{flex:1}
.ui-2026 .j26-wb-total strong{font-family:'Bricolage Grotesque',sans-serif;font-size:20px;font-weight:700;color:var(--j26-navy);font-variant-numeric:tabular-nums}
.ui-2026 .j26-wb-objimg{height:120px;border-radius:12px;background:var(--j26-ground);border:1px solid var(--j26-line);display:flex;align-items:center;justify-content:center;overflow:hidden}
.ui-2026 .j26-wb-objimg img{max-width:100%;max-height:100%;object-fit:contain}

/* materialen bij een regel */
.ui-2026 .j26-wb-mats{display:flex;flex-direction:column;gap:10px}
.ui-2026 .j26-wb-mats-h{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.ui-2026 .j26-wb-matlist{list-style:none;margin:0;padding:0}
.ui-2026 .j26-wb-mat{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 0;border-bottom:1px solid var(--j26-line-2)}
.ui-2026 .j26-wb-mat:last-child{border-bottom:0}
.ui-2026 .j26-wb-mat-main{flex:1;min-width:0;display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 14px;border:0;background:transparent;text-align:left;font:inherit;color:var(--j26-ink);cursor:pointer;border-radius:10px}
.ui-2026 .j26-wb-mat-main:hover{background:var(--j26-hover)}
.ui-2026 .j26-wb-mat-n{width:44px;flex:none;font-size:14px;font-weight:600;color:var(--j26-navy)}
.ui-2026 .j26-wb-mat-name{font-size:14px;font-weight:500}
.ui-2026 .j26-wb-mat-del{flex:none}

/* modals (product, locatie) */
.ui-2026 .j26-wb-modal{padding:0 !important}
.ui-2026 .j26-wb-modal .j26-seg{align-self:flex-start}
.ui-2026 .j26-wb-modal .j26-seg button{min-width:110px;justify-content:center;height:32px}
.ui-2026 .j26-wb-step{display:flex;align-items:center;gap:6px;max-width:220px}
.ui-2026 .j26-wb-step-in{text-align:center;font-family:'Geist Mono',monospace}

/* plakkende opslaanbalk */
.ui-2026 .j26-wb>.j26-wb-savebar{z-index:20;margin-top:4px}
.ui-2026 .j26-wb-savebar-t{font-size:13px;color:var(--j26-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-2026 .j26-wb-savebar-a{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px}
.ui-2026 .j26-wb .j26-btn[aria-busy="true"]{opacity:.6;pointer-events:none}
.ui-2026 .j26-wb-finish-btn{height:44px;padding:0 20px;font-size:14.5px}

/* afronden */
.ui-2026 .j26-wb-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ui-2026 .j26-wb-sum>div{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--j26-line);border-radius:12px;background:#fff;font-size:12.5px;color:var(--j26-muted)}
.ui-2026 .j26-wb-sum strong{font-family:'Bricolage Grotesque',sans-serif;font-size:20px;font-weight:700;color:var(--j26-navy);font-variant-numeric:tabular-nums}
.ui-2026 .j26-wb-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ui-2026 .j26-wb-kvs{padding:4px 18px 8px}
.ui-2026 .j26-wb-kvs .j26-kv>span:last-child{min-width:0;overflow-wrap:anywhere}
.ui-2026 .j26-wb-kvs .j26-kv small{font-weight:400}
.ui-2026 .j26-wb-fincard{overflow:visible}
.ui-2026 .j26-wb-fin-sum{font-size:13px;color:var(--j26-navy);font-weight:600}
.ui-2026 .j26-wb-rows{list-style:none;margin:0;padding:0}
.ui-2026 .j26-wb-frow{display:flex;align-items:flex-start;gap:12px;padding:12px 18px;border-bottom:1px solid var(--j26-line-2)}
.ui-2026 .j26-wb-frow:last-child{border-bottom:0}
.ui-2026 .j26-wb-frow-c{align-items:center}
.ui-2026 .j26-wb-frow-n{width:44px;flex:none;font-size:14px;font-weight:600;color:var(--j26-navy)}
.ui-2026 .j26-wb-frow-s{flex:none}
.ui-2026 .j26-wb-frow-s .label{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font-size:11.5px;font-weight:600;line-height:1}
.ui-2026 .j26-wb-frow-b{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.ui-2026 .j26-wb-frow-d{font-size:13.5px;line-height:1.45;overflow-wrap:anywhere}
.ui-2026 .j26-wb-frow-m{font-size:12px;color:var(--j26-muted)}
.ui-2026 .j26-wb-sig-h{display:flex;align-items:center;gap:8px}
.ui-2026 .j26-wb-sig{position:relative;border:1.5px dashed #CDD1C8;border-radius:14px;background:var(--j26-subtle);overflow:hidden;touch-action:none}
.ui-2026 .j26-wb-sig #signature{position:relative;z-index:1;border-radius:12px}
.ui-2026 .j26-wb-sig canvas{display:block}
.ui-2026 .j26-wb-sig-line{position:absolute;left:24px;right:24px;bottom:44px;border-top:1px solid #D3D7CE;pointer-events:none}
.ui-2026 .j26-wb-sig-x{position:absolute;left:24px;bottom:48px;font-size:16px;color:var(--j26-faint);pointer-events:none}

/* telefoon */
@media (max-width:767px){
  .ui-2026 .j26-wb{gap:14px}
  .ui-2026 .j26-wb .j26-sec{padding:20px 0;gap:14px}
  .ui-2026 .j26-wb .j26-sec-l{max-width:none}
  .ui-2026 .j26-wb .j26-sec-l p{display:none}
  .ui-2026 .j26-wb .j26-in,
  .ui-2026 .j26-wb .j26-wb-field .form-control,
  .ui-2026 .j26-wb-modal .j26-in,
  .ui-2026 .j26-wb-modal .j26-wb-field .form-control,
  .ui-2026 .j26-wb .vue__time-picker input.display-time{height:48px !important;font-size:16px;border-radius:12px}
  .ui-2026 .j26-wb textarea.j26-in,.ui-2026 .j26-wb-modal textarea.j26-in{height:auto !important;min-height:104px}
  .ui-2026 .j26-wb .j26-sel-wrap .j26-ico,.ui-2026 .j26-wb-modal .j26-sel-wrap .j26-ico{top:16px}
  .ui-2026 .j26-wb-sq{width:48px;height:48px;border-radius:12px}
  .ui-2026 .j26-wb-btn-in{height:48px;border-radius:12px;padding:0 10px;font-size:12.5px}
  .ui-2026 .j26-wb .vue__time-picker .dropdown{top:52px}
  .ui-2026 .j26-wb .j26-wb-vselect .dropdown-toggle,
  .ui-2026 .j26-wb .j26-wb-vselect .vs__dropdown-toggle{min-height:48px;border-radius:12px}
  .ui-2026 .j26-wb-pair{grid-template-columns:1fr}
  .ui-2026 .j26-wb-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 10px}
  .ui-2026 .j26-wb-grid>.j26-c1,.ui-2026 .j26-wb-grid>.j26-c2,.ui-2026 .j26-wb-grid>.j26-c3,
  .ui-2026 .j26-wb-grid>.j26-c4,.ui-2026 .j26-wb-grid>.j26-c5,.ui-2026 .j26-wb-grid>.j26-c6{grid-column:span 6}
  .ui-2026 .j26-wb-grid>.j26-wb-mh{grid-column:span 3}
  .ui-2026 .j26-wb-grid>.j26-wb-mt{grid-column:span 2}
  .ui-2026 .j26-wb-grid>.j26-wb-mw{grid-column:span 4}
  .ui-2026 .j26-wb-grid>.j26-wb-mn{grid-column:span 2}
  .ui-2026 .j26-wb-formcard .j26-card-h{padding:12px 14px}
  .ui-2026 .j26-wb-formcard .j26-card-b{padding:14px}
  .ui-2026 .j26-wb-desk{display:none}
  .ui-2026 .j26-wb-mlist{display:block}
  .ui-2026 .j26-wb-list-h{padding:10px 14px}
  .ui-2026 .j26-wb-list-h .j26-btn span{display:none}
  .ui-2026 .j26-wb-list-h .j26-btn{width:40px;height:40px;padding:0;justify-content:center}
  .ui-2026 .j26-wb-editing .j26-wb-list{display:none}
  .ui-2026 .j26-wb-mat-main{padding:6px 10px}
  .ui-2026 .j26-wb-savebar{bottom:8px;padding:10px;gap:8px;border-radius:14px}
  .ui-2026 .j26-wb-savebar-t{width:100%;text-align:center}
  .ui-2026 .j26-wb-savebar-a{margin-left:0;width:100%;flex-wrap:nowrap}
  .ui-2026 .j26-wb-savebar-a .j26-btn{flex:1 1 0;height:48px;justify-content:center;border-radius:12px;font-size:15px}
  .ui-2026 .j26-wb-savebar-a .j26-btn-p{flex:2 1 0}
  .ui-2026 .j26-wb-savebar-finish .j26-wb-finish-btn{background:var(--j26-green-dark);border-color:var(--j26-green-dark);height:50px}
  .ui-2026 .j26-wb-sum{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ui-2026 .j26-wb-two{grid-template-columns:1fr;gap:14px}
  .ui-2026 .j26-wb-kvs{padding:2px 14px 6px}
  .ui-2026 .j26-wb-frow{padding:12px 14px}
  .ui-2026 .j26-wb-check{min-height:52px}
  .ui-2026 .j26-wb-check .j26-cb{width:22px;height:22px}
}
.ui-2026 [hidden]{display:none !important}
@media (min-width:768px){.ui-2026 .j26wb-finishbar{display:none}}
.ui-2026 input[type=file]{font-size:13px;color:var(--j26-muted)}.ui-2026 input[type=file]::file-selector-button{margin-right:10px;height:32px;padding:0 12px;border:1px solid var(--j26-line-3);border-radius:9px;background:#fff;color:var(--j26-ink);font:inherit;font-weight:500;cursor:pointer}.ui-2026 input[type=file]::file-selector-button:hover{background:var(--j26-hover)}
@media (max-width:480px){.ui-2026 .j26-wb-grid>.j26-wb-mh{grid-column:span 6}.ui-2026 .j26-wb-grid>.j26-wb-mt{grid-column:span 3}}
.j26-brand-toggle{display:flex;align-items:center;gap:10px;flex:1;min-width:0;margin:-6px -8px;padding:6px 8px;border-radius:10px;color:inherit !important;text-decoration:none !important}
.j26-brand-toggle:hover,.j26-brand.open .j26-brand-toggle{background:#E7E9E3}
.j26-brand-toggle:focus-visible{outline:2px solid var(--j26-navy);outline-offset:2px}
.j26-brand-toggle .j26-brand-switch{pointer-events:none}
.j26-brand-toggle:hover .j26-brand-switch{background:transparent;color:var(--j26-navy) !important}
.j26-brand .dropdown-menu{left:0;right:0;top:100%;margin-top:4px}
.j26-brand-toggle .j26-brand-text{flex:1}.j26-brand-toggle .j26-brand-text span{max-width:none}
.ui-2026 .j26od-tabs .j26-tab{flex:none}
.ui-2026 .j26od .j26-badge.j26od-badge-zero{background:transparent;color:var(--j26-faint);padding-left:2px;padding-right:2px}
.ui-2026 .j26od-kpis{margin-bottom:16px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.ui-2026 .j26od-kpis .j26-kpi{padding:14px 16px;gap:6px}
.ui-2026 .j26od-kpis .j26-kpi-v{font-size:24px}
.ui-2026 .j26od-kpi-of{font-size:15px;font-weight:600;color:var(--j26-muted)}
.ui-2026 .j26od-kpi-track{margin-top:6px}
.ui-2026 .j26od-part-toggle{display:flex;align-items:center;gap:10px;width:100%;border:0;border-bottom:1px solid var(--j26-line-2);text-align:left;cursor:pointer;font-family:inherit}
.ui-2026 .j26od-part-toggle:hover{background:var(--j26-hover)}
.ui-2026 .j26od-part-toggle:focus-visible{outline:2px solid var(--j26-navy);outline-offset:-2px}
.ui-2026 .j26od-chev{color:var(--j26-muted);transition:transform .15s ease;flex:none}
.ui-2026 .j26od-chev-open{transform:rotate(90deg)}
.ui-2026 .j26od-part-meta{font-size:12px;font-weight:500;color:var(--j26-muted);white-space:nowrap}
.ui-2026 .j26od-part-hrs{font-family:'Geist Mono',monospace;min-width:84px;text-align:right;color:var(--j26-ink-2)}
.ui-2026 .j26od-part-empty{padding:10px 18px 10px 54px;font-size:13px;color:var(--j26-muted);border-bottom:1px solid var(--j26-line-2)}
.ui-2026 .j26od-hrs-total{display:inline-flex;justify-content:flex-end;min-width:44px;padding:2px 8px;border-radius:999px;font-family:'Geist Mono',monospace;font-size:12.5px;font-weight:500}
.ui-2026 .j26od-hrs-zero{color:var(--j26-faint)}
.ui-2026 .j26od-hrs-some{background:var(--j26-navy-tint);color:var(--j26-navy)}
.ui-2026 .j26od-hrs-over{background:var(--j26-orange-tint);color:var(--j26-orange)}
.ui-2026 .j26od-hrs-done{background:var(--j26-green-tint);color:var(--j26-green-text)}
.ui-2026 .j26od-task-status .label-warning{background:#EFF0EC !important;color:#4A5262 !important}
.ui-2026 .j26od-progress.j26-muted{font-size:12px}
.ui-2026 .j26od-prow{padding:10px 18px;border-bottom:1px solid var(--j26-line-2)}
.ui-2026 .j26od-prow:last-of-type{border-bottom:0}
.ui-2026 .j26od-prow-on{background:var(--j26-navy-tint-2)}
.ui-2026 .j26od-prow-main{display:flex;align-items:center;gap:10px;font-size:13.5px;min-width:0}
.ui-2026 .j26od-prow-name{color:var(--j26-ink) !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-2026 .j26od-prow-name:hover{text-decoration:underline}
.ui-2026 .j26od-prow-main .j26-pill{height:20px;font-size:11px;flex:none}
.ui-2026 .j26od-prow-agmt{display:flex;align-items:center;gap:6px;margin:2px 0 0 18px;min-height:26px;font-size:12.5px;color:var(--j26-ink-2)}
.ui-2026 .j26od-prow-agmt>.j26-ico{color:var(--j26-faint);flex:none}
.ui-2026 .j26od-prow-agmt .j26-icon-btn{width:26px;height:26px;opacity:.6}
.ui-2026 .j26od-prow:hover .j26-icon-btn,.ui-2026 .j26od-prow-agmt .j26-icon-btn:focus-visible{opacity:1}
.ui-2026 .j26od-prow .j26od-datepick{margin:8px 0 0 18px}
.ui-2026 .j26od-showall{display:block;width:100%;padding:10px 18px;border:0;border-top:1px solid var(--j26-line-2);background:transparent;font-family:inherit;font-size:13px;font-weight:500;color:var(--j26-navy);text-align:left;cursor:pointer;border-radius:0 0 var(--j26-radius) var(--j26-radius)}
.ui-2026 .j26od-showall:hover{background:var(--j26-hover)}
@media (hover:none){.ui-2026 .j26od-prow-agmt .j26-icon-btn{opacity:1}}
/* Relaties — overzicht Relaties en Contactpersonen (lijst + bewerken). Alles onder .j26-rl of met j26-rl-voorvoegsel.
   De lijsten gebruiken daarnaast de .j26-ol-stijlen van de Orders-module (zoekveld, filterchips, DataTables, actiebalk). */

.ui-2026 .content .j26-page.j26-rl{padding:8px 0 24px}
.ui-2026 .j26-rl .j26-page-actions .j26-btn{text-decoration:none}
.ui-2026 .j26-rl .j26-page-actions .j26-btn-p,.ui-2026 .j26-rl .j26-page-actions .j26-btn-p:hover{color:#fff}
.ui-2026 .j26-rl .j26-btn:focus-visible,.ui-2026 .j26-rl .j26-icon-btn:focus-visible{outline:2px solid var(--j26-navy);outline-offset:2px}
.ui-2026 .j26-rl .j26-btn[aria-busy="true"]{opacity:.6;pointer-events:none}
.ui-2026 .j26-rl .j26-rl-icon-only{width:40px;padding:0;justify-content:center}

/* avatars (de layout zet .j26-av standaard op donkerblauw) */
.ui-2026 .j26-rl .j26-av{background:#EFF0EC;color:var(--j26-ink-2)}
.ui-2026 .j26-rl .j26-av-navy{background:var(--j26-navy-tint);color:var(--j26-navy)}
.ui-2026 .j26-rl .j26-av-green{background:var(--j26-green-tint);color:var(--j26-green-text)}
.ui-2026 .j26-rl .j26-av-orange{background:var(--j26-orange-tint);color:var(--j26-orange)}

/* toolbar: kolommenknop rechts */
.j26-rl-tools{position:relative;margin-left:auto}
.ui-2026 .j26-rl-tools .j26-btn{white-space:nowrap}
.j26-rl-colmenu{position:absolute;top:calc(100% + 6px);right:0;z-index:40;min-width:220px;display:flex;flex-direction:column;gap:1px}
.j26-rl-colmenu[hidden]{display:none}
.j26-rl-colmenu>.j26-label{display:block;padding:6px 10px 4px;font-size:11px}
.ui-2026 .j26-rl-colmenu label.j26-menu-i{margin:0;font-size:13.5px;font-weight:500;color:var(--j26-ink);cursor:pointer}
.ui-2026 .j26-rl-colmenu label.j26-menu-i:focus-within{outline:2px solid var(--j26-navy);outline-offset:-2px}

/* tabelcellen */
.ui-2026 .j26-rl .j26-tbl td.j26-rl-namecell{white-space:normal;min-width:220px}
.j26-rl-name{display:flex;align-items:center;gap:10px;padding:6px 0;min-width:0}
.j26-rl-name .j26-cell2{min-width:0;gap:2px}
.ui-2026 .j26-rl-name .j26-row-link{overflow-wrap:anywhere}
.j26-rl-name .j26-mono{font-size:11.5px}
.j26-rl-strong{font-weight:500;color:var(--j26-ink)}
.j26-rl-types{display:inline-flex;flex-wrap:wrap;gap:4px}
.ui-2026 .j26-rl .j26-tbl td.j26-rl-phone{font-size:12.5px;color:var(--j26-ink-2);white-space:nowrap}
.ui-2026 .j26-rl .j26-tbl td.j26-rl-date{font-size:13px;color:var(--j26-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.ui-2026 .j26-rl .j26-tbl th.j26-num,.ui-2026 .j26-rl .j26-tbl td.j26-num{text-align:right;font-variant-numeric:tabular-nums}
.ui-2026 .j26-rl .j26-tbl tr.j26-rl-inactive .j26-rl-name .j26-row-link{color:var(--j26-ink-2)}
.ui-2026 .j26-rl .j26-tbl a.j26-rl-rel{color:var(--j26-ink);font-weight:500}
.ui-2026 .j26-rl .j26-tbl a.j26-rl-rel:hover,.ui-2026 .j26-rl .j26-tbl a.j26-rl-mail:hover{color:var(--j26-navy)}
.ui-2026 .j26-rl .j26-tbl a.j26-rl-mail{color:var(--j26-ink-2)}
.ui-2026 .j26-rl .j26-tbl .j26-pill{width:auto !important}

/* rij-acties: "…"-menu */
.j26-rl-act{display:inline-flex;justify-content:flex-end}
.ui-2026 .j26-rl .j26-rl-act-btn{border:1px solid transparent}
.ui-2026 .j26-rl .j26-rl-act-btn[aria-expanded="true"]{background:#F0F1EC !important;border-color:var(--j26-line-3)}
.j26-rl-menu{position:fixed;z-index:1040;min-width:210px;display:flex;flex-direction:column;gap:1px;text-align:left}
.j26-rl-menu[hidden]{display:none}
.ui-2026 .j26-rl-menu a.j26-menu-i{text-decoration:none;white-space:nowrap;font-weight:500}
.ui-2026 .j26-rl-menu a.j26-menu-i:focus-visible{outline:2px solid var(--j26-navy);outline-offset:-2px}
.ui-2026 .j26-rl-menu a.j26-rl-danger{color:var(--j26-red)}
.ui-2026 .j26-rl-menu a.j26-rl-danger:hover{background:#FFF4EE;color:var(--j26-red)}
.ui-2026 .j26-rl-menu a.disabled{opacity:.45;pointer-events:none;cursor:not-allowed}
.j26-rl-menu-sep{height:1px;margin:4px 2px;background:var(--j26-line-2)}

/* actiebalk: samenvoegknop uit de bestaande partial */
.ui-2026 .j26-rl-bulk [data-toggle="merge-modal"]{display:inline-flex !important;align-items:center;gap:6px;height:32px;min-height:32px;padding:0 12px;border-radius:8px;border:0 !important;background:var(--j26-navy-3) !important;color:#fff !important;font:inherit;font-size:13px;font-weight:500;box-shadow:none;text-decoration:none}
.ui-2026 .j26-rl-bulk [data-toggle="merge-modal"]:hover{filter:brightness(1.12)}
.ui-2026 .j26-rl-bulk [data-toggle="merge-modal"] .hidden-xs{display:inline !important}
.ui-2026 .j26-rl-bulk [data-toggle="merge-modal"]:focus-visible,.ui-2026 .j26-rl-bulk button:focus-visible{outline:2px solid #C4E09B;outline-offset:2px}

/* ---------- contactpersoon bewerken ---------- */
.j26-rl-contact-head{display:flex;align-items:center;gap:14px;min-width:0;flex:1 1 360px}
.ui-2026 .j26-rl-contact .j26-h1{overflow-wrap:anywhere}
.ui-2026 .j26-rl-contact .j26-cols{margin-top:20px}
.ui-2026 .j26-rl-contact .j26-sec.j26-rl-sec-first{border-top:0;padding-top:4px}
.ui-2026 .j26-rl-form .j26-f>label{margin:0;font-size:13px;font-weight:600;color:var(--j26-ink)}
.ui-2026 .j26-rl-form .j26-in:required{border-color:var(--j26-line-3) !important;box-shadow:none !important}
.ui-2026 .j26-rl-form .j26-in:focus{border-color:var(--j26-navy) !important;box-shadow:0 0 0 4px rgba(27,43,75,.10) !important}
.ui-2026 .j26-rl-form .j26-savebar{margin-top:8px;z-index:5}
.j26-rl-savebar-t{flex:1 1 160px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}
.j26-rl-savebar-a{display:flex;gap:8px;margin-left:auto}
.ui-2026 .j26-rl-savebar-a .j26-btn{text-decoration:none}

.ui-2026 label.j26-rl-toggle{position:relative;display:inline-flex;align-items:center;gap:10px;margin:0;font-size:14px;font-weight:600;color:var(--j26-ink);cursor:pointer;align-self:flex-start}
.j26-rl-toggle input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.ui-2026 .j26-rl-toggle input:checked+.j26-switch{background:var(--j26-green-dark)}
.ui-2026 .j26-rl-toggle input:checked+.j26-switch::after{left:19px}
.ui-2026 .j26-rl-toggle input:focus-visible+.j26-switch{box-shadow:0 0 0 4px rgba(27,43,75,.15)}

.ui-2026 .j26-rl-contact .j26-card{overflow:visible}
.j26-rl-contact .j26-card-h .j26-badge{margin-left:auto}
.j26-rl-mini-list{list-style:none;margin:0;padding:0}
.j26-rl-mini{display:flex;align-items:center;gap:10px;padding:10px 18px;border-bottom:1px solid var(--j26-line-2);font-size:13.5px;min-width:0}
.j26-rl-mini:last-child{border-bottom:0}
.ui-2026 .j26-rl-mini-name{flex:1 1 auto;min-width:0;color:var(--j26-ink);font-weight:500;overflow-wrap:anywhere}
.ui-2026 a.j26-rl-mini-name:hover{color:var(--j26-navy)}
.j26-rl-pin{color:var(--j26-muted);flex:none}
.ui-2026 label.j26-rl-ck{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:500;color:var(--j26-ink-2);cursor:pointer;white-space:nowrap}
.ui-2026 .j26-rl-remove{flex:none;color:var(--j26-muted) !important}
.ui-2026 .j26-rl-remove:hover{color:var(--j26-red) !important;background:#FFF4EE !important}
.j26-rl-mini-empty{margin:0;padding:14px 18px;font-size:13px;color:var(--j26-muted)}
.j26-rl-mini-empty[hidden]{display:none}
.j26-rl-add{flex-wrap:wrap;gap:8px}
.ui-2026 .j26-rl-add .j26-in{flex:1 1 160px;height:34px;font-size:13.5px}
.ui-2026 .j26-rl-add .j26-btn[disabled]{opacity:.5;cursor:not-allowed}
.j26-rl-portal{display:flex;flex-direction:column;gap:14px}
.j26-rl-portal>p{margin:0;font-size:13px}
.ui-2026 .j26-rl-portal .j26-btn[aria-busy="true"]{opacity:.6;pointer-events:none}
.ui-2026 .j26-rl-portal .j26-rl-sent{border-color:var(--j26-green-border);background:var(--j26-green-tint-2);color:var(--j26-green-text)}
.ui-2026 .j26-rl-roles{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;border:0;min-width:0}
.ui-2026 .j26-rl-roles legend{margin:0 0 6px;padding:0;border:0;width:auto;font-size:13px;font-weight:600;color:var(--j26-ink)}
.ui-2026 .j26-rl-roles label.j26-rl-ck{white-space:normal}
.j26-rl-token{border-bottom:0}
.j26-rl-token .j26-mono{overflow-wrap:anywhere;text-align:right;min-width:0}
.j26-rl-hint{font-size:13.5px;line-height:1.5}
.ui-2026 .ui-autocomplete{z-index:1060}

@media (max-width:767px){
  .j26-rl-tools{margin-left:0}
  .j26-rl-colmenu{left:0;right:auto}
  .ui-2026 .j26-rl .j26-page-actions{margin-left:0}
  .j26-rl-contact-head{flex-basis:100%}
  .ui-2026 .j26-rl-contact .j26-av-lg{width:42px;height:42px;font-size:14px}
  .j26-rl-mini{padding:10px 14px;flex-wrap:wrap}
  .j26-rl-savebar-a{margin-left:0;width:100%}
  .j26-rl-savebar-a .j26-btn{flex:1;justify-content:center}
}

/* afdrukken via de knop "Huidige weergave afdrukken" */
@media print{
  body.j26-rl-printing .j26-side,
  body.j26-rl-printing .j26-top,
  body.j26-rl-printing .j26-rl-noprint,
  body.j26-rl-printing .j26-rl .dataTables_length,
  body.j26-rl-printing .j26-rl .dataTables_paginate{display:none !important}
  body.j26-rl-printing .content-wrapper{margin:0 !important;padding:0 !important}
  body.j26-rl-printing .j26-rl .j26-tbl-wrap{border:0;box-shadow:none}
  body.j26-rl-printing .j26-rl .j26-scroll-x{overflow:visible}
  body.j26-rl-printing .j26-rl .j26-tbl tbody tr.selected td{background:none}
}
/* Relaties — relatiekaart (kop, KPI's, tabbalk met "Meer", Algemeen-kaarten, tabellen per tab)
   en de sub-schermen vanuit de kaart (adres, extra gegevens, object, tariefgroep, portaalgebruiker).
   Alles onder .j26-rc of met het j26-rc-voorvoegsel. */

.ui-2026 .content .j26-page.j26-rc{padding:8px 0 24px}
.j26-rc a:not(.j26-btn):not(.j26-icon-btn):not(.j26-menu-i):not(.j26-tab){color:var(--j26-navy)}
.ui-2026 .j26-rc .j26-btn,.ui-2026 .j26-rc .j26-btn:hover,.ui-2026 .j26-rc .j26-icon-btn:hover,.ui-2026 .j26-rc .j26-tab:hover{text-decoration:none}
.ui-2026 .j26-rc .j26-btn{color:var(--j26-navy)}
.ui-2026 .j26-rc .j26-btn-p,.ui-2026 .j26-rc .j26-btn-p:hover,.ui-2026 .j26-rc .j26-btn-p:focus{color:#fff}
.j26-rc .j26-btn[disabled]{opacity:.5;cursor:not-allowed}
.j26-rc-grow{flex:1 1 auto;min-width:0}
.j26-rc-ml{margin-left:auto}
.j26-rc-wrap{white-space:normal;overflow-wrap:anywhere}
.j26-rc-strong{color:var(--j26-ink);font-weight:600}
.j26-rc-empty{margin:0;padding:16px 18px;font-size:13.5px;color:var(--j26-muted)}
.j26-rc-empty-in{padding:0}
.j26-rc-error{color:var(--j26-red)}
.ui-2026 .j26-rc .j26-rc-danger{color:var(--j26-red)}

/* ---------- kop ---------- */
.j26-rc-head{align-items:center}
.j26-rc-av{flex:none}
.j26-rc-titles{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1 1 320px}
.j26-rc-titlerow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.ui-2026 .j26-rc-h1{font-size:30px;overflow-wrap:anywhere}
.j26-rc-core{display:flex;flex-wrap:wrap;gap:2px 0}
.j26-rc-core>span+span::before{content:'·';margin:0 8px;color:var(--j26-faint, #9AA0A8)}
.j26-rc-core .j26-mono{color:var(--j26-ink-2)}

/* dropdowns (Nieuw, Meer) — Bootstrap-dropdown met j26-menu */
.j26-rc .dropdown{position:relative}
.ui-2026 .j26-rc .j26-rc-menu.dropdown-menu{min-width:220px;margin-top:6px;padding:6px !important;border:1px solid #E1E4DD !important;border-radius:12px !important;box-shadow:0 16px 40px rgba(27,43,75,.14) !important}
.ui-2026 .j26-rc .j26-rc-menu>li>a.j26-menu-i{display:flex !important;align-items:center;gap:10px;padding:8px 10px !important;border-radius:8px;font-size:13.5px;color:var(--j26-ink) !important;white-space:nowrap;background:transparent}
.ui-2026 .j26-rc .j26-rc-menu>li>a.j26-menu-i:hover,.ui-2026 .j26-rc .j26-rc-menu>li>a.j26-menu-i:focus,.ui-2026 .j26-rc .j26-rc-menu>li.active>a.j26-menu-i{background:var(--j26-navy-tint-2) !important;color:var(--j26-ink) !important;text-decoration:none;outline:0}
.ui-2026 .j26-rc .j26-rc-menu>li.active>a.j26-menu-i{font-weight:600}
.j26-rc-menu-l{flex:1}

/* ---------- KPI's ---------- */
.j26-rc-kpis{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.ui-2026 .j26-rc-kpis .j26-kpi-v{font-size:24px;overflow-wrap:anywhere}
.j26-rc-kpis .j26-kpi-s a{font-weight:600}

/* ---------- tabbalk ---------- */
.j26-rc-tabbar{display:flex;align-items:stretch;gap:22px;border-bottom:1px solid var(--j26-line-2);min-width:0}
.ui-2026 .j26-rc .j26-rc-tabs{flex:0 1 auto;min-width:0;margin:0;padding:0;list-style:none;border-bottom:0;scrollbar-width:none}
.ui-2026 .j26-rc .j26-rc-tabs::-webkit-scrollbar{display:none}
.j26-rc-tabs>li{display:flex;flex:none;margin:0;padding:0}
.ui-2026 .j26-rc .j26-tab{color:var(--j26-muted);margin-bottom:-1px;background:transparent}
.ui-2026 .j26-rc .j26-tab:hover,.ui-2026 .j26-rc .j26-tab:focus{color:var(--j26-navy);text-decoration:none}
.ui-2026 .j26-rc .j26-tab:focus-visible{outline:2px solid var(--j26-navy);outline-offset:-2px;border-radius:6px}
.ui-2026 .j26-rc .j26-tab-on,.ui-2026 .j26-rc .j26-tab-on:hover,.ui-2026 .j26-rc .j26-tab-on:focus{color:var(--j26-navy);font-weight:600;border-bottom-color:var(--j26-green)}
.ui-2026 .j26-rc .j26-tab-on .j26-badge{background:var(--j26-green-tint);color:var(--j26-green-text)}
.j26-rc-more{display:flex;flex:none}
.ui-2026 .j26-rc .j26-rc-more-btn{border:0;border-bottom:2px solid transparent;font:inherit;font-size:13.5px;cursor:pointer}
.j26-rc-content{margin-top:0}
.ui-2026 .j26-rc .j26-rc-content>.tab-pane{padding:0}

/* ---------- Algemeen ---------- */
.j26-rc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;align-items:start}
.j26-rc .j26-card-h{flex-wrap:wrap}
.j26-rc-kvs{padding-top:6px;padding-bottom:6px}
.j26-rc .j26-kv>span:last-child,.j26-rc .j26-kv>a{min-width:0;overflow-wrap:anywhere}
.j26-rc .j26-kv>a{color:var(--j26-navy)}
.j26-rc-kv-rate>span:last-child{display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}
.ui-2026 .j26-rc .j26-rc-kv-rate .j26-btn{height:28px;padding:0 8px}
.j26-rc-pwr{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}
.j26-rc-pwr-img{width:120px;max-height:90px;object-fit:contain;border:1px solid var(--j26-line);border-radius:10px;background:var(--j26-subtle);padding:6px}
.j26-rc-row{padding:10px 18px}
.j26-rc-row .j26-cell2>span{overflow-wrap:anywhere}
.j26-rc-addr-t{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--j26-muted)}
.j26-rc .j26-card-f a{font-size:13px;font-weight:600}
.j26-rc-notes{display:flex;flex-direction:column;gap:12px}
.j26-rc-note{display:flex;flex-direction:column;gap:4px;font-size:13.5px;line-height:1.45}
.j26-rc-note.j26-note-y{padding:10px 12px;gap:4px}
.j26-rc-note-m{font-size:12px;color:var(--j26-muted)}
.j26-rc-link-form{flex-wrap:wrap}
.j26-rc-link-form .select2-container{width:100% !important;min-width:0}
.ui-2026 .j26-rc-link-form .select2-container .select2-selection--single{height:34px;border:1px solid var(--j26-line-3);border-radius:10px}

/* ---------- tabellen per tab ---------- */
.j26-rc-tbl{overflow:visible}
.j26-rc-toolbar{gap:10px}
.j26-rc-toolbar-a{margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ui-2026 .j26-rc .j26-rc-toolbar [data-toggle="merge-modal"]{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:1px solid var(--j26-line-3);border-radius:10px;background:#fff;color:var(--j26-navy);font-size:13px;font-weight:600;box-shadow:none}
.ui-2026 .j26-rc .j26-rc-toolbar [data-toggle="merge-modal"]:hover{background:#F6F7F4;text-decoration:none}
.j26-rc-hint{margin:0;padding:10px 14px;font-size:12.5px;color:var(--j26-muted);border-bottom:1px solid var(--j26-line-2);background:var(--j26-subtle)}
.j26-rc-hint-inline{font-size:12.5px}

/* filterformulieren (checkboxen uit Filter::fieldset_filter) als chips */
.j26-rc-filter{padding:10px 14px;border-bottom:1px solid var(--j26-line-2)}
.j26-rc-filter fieldset{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;border:0;min-width:0}
.ui-2026 .j26-rc-filter legend{float:left;width:auto;margin:0 6px 0 0;padding:0;border:0;font-size:12px;font-weight:600;color:var(--j26-muted);text-transform:uppercase;letter-spacing:.03em}
.ui-2026 .j26-rc-filter .checkbox{margin:0 !important;display:inline-flex}
.ui-2026 .j26-rc-filter .checkbox label{display:inline-flex !important;align-items:center;gap:6px;height:30px;padding:0 11px;margin:0;border:1px dashed #CDD1C8;border-radius:999px;background:#fff;font-size:12.5px;font-weight:500;color:var(--j26-ink-2);cursor:pointer;white-space:nowrap;width:auto !important}
.ui-2026 .j26-rc-filter .checkbox label:has(input:checked){border-style:solid;border-color:#C5CFE0;background:var(--j26-navy-tint);color:var(--j26-navy)}
.ui-2026 .j26-rc-filter .checkbox input[type="checkbox"]{position:static;margin:0;width:14px;height:14px;accent-color:var(--j26-navy)}
.ui-2026 .j26-rc-filter .checkbox label:focus-within{outline:2px solid var(--j26-navy);outline-offset:2px}
.ui-2026 .j26-rc-filter-date fieldset>label{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:12.5px;font-weight:500;color:var(--j26-ink-2)}
.ui-2026 .j26-rc-filter-date .form-control{float:none;width:130px !important;height:32px;border:1px solid var(--j26-line-3);border-radius:10px;padding:0 10px;font-size:13px;box-shadow:none}

/* DataTables in de kaart */
.j26-rc-dt{min-width:0;padding:0 14px 6px}
.ui-2026 .j26-rc .j26-rc-dt .dataTables_wrapper{font-size:13.5px}
.ui-2026 .j26-rc .j26-rc-dt .dataTables_wrapper>.row{margin-left:0;margin-right:0}
.ui-2026 .j26-rc .j26-rc-dt .dataTables_wrapper>.row>[class*="col-"]{padding-left:0;padding-right:0}
.ui-2026 .j26-rc .j26-rc-dt .dataTables_length,.ui-2026 .j26-rc .j26-rc-dt .dataTables_filter{padding-top:12px}
.ui-2026 .j26-rc .j26-rc-dt .dataTables_length label,.ui-2026 .j26-rc .j26-rc-dt .dataTables_filter label{font-weight:400;font-size:13px;color:var(--j26-muted)}
.ui-2026 .j26-rc .j26-rc-dt .dataTables_paginate{padding:8px 0}
.ui-2026 .j26-rc .j26-rc-dt .dataTables_processing{border:1px solid var(--j26-line);border-radius:10px;background:#fff;box-shadow:0 8px 20px rgba(27,43,75,.10);font-size:13px;color:var(--j26-muted);height:auto;padding:8px 14px}
.ui-2026 .j26-rc table.j26-rc-table{width:100% !important;margin:8px 0 !important;border:0 !important;border-collapse:collapse !important}
.ui-2026 .j26-rc table.j26-rc-table>thead>tr>th{padding:10px 12px;border:0 !important;border-bottom:1px solid var(--j26-line-2) !important;background:var(--j26-subtle);font-size:12px;font-weight:600;color:var(--j26-muted);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;vertical-align:middle}
.ui-2026 .j26-rc table.j26-rc-table>tbody>tr>td{padding:10px 12px;border:0 !important;border-bottom:1px solid #F0F1EC !important;vertical-align:middle;background:transparent}
.ui-2026 .j26-rc table.j26-rc-table>tbody>tr:nth-of-type(odd){background:transparent}
.ui-2026 .j26-rc table.j26-rc-table>tbody>tr:hover{background:var(--j26-hover, #F7F8F5)}
.ui-2026 .j26-rc table.j26-rc-table>tbody>tr.selected>td{background:var(--j26-navy-tint-2)}
.ui-2026 .j26-rc table.j26-rc-table td.dataTables_empty{padding:36px 14px;text-align:center;color:var(--j26-muted)}
.ui-2026 .j26-rc table.j26-rc-table .j26-rc-act-col{width:1%}
.ui-2026 .j26-rc table.j26-rc-table td.text-right{white-space:nowrap}
.ui-2026 .j26-rc table.j26-rc-table td .btn-xs,.ui-2026 .j26-rc table.j26-rc-table td .btn-sm{border-radius:8px}
.ui-2026 .j26-rc table.j26-rc-table .label{display:inline-flex !important;width:auto !important}
.ui-2026 .j26-rc table.j26-rc-table [style*="width:100%"],.ui-2026 .j26-rc table.j26-rc-table [style*="width: 100%"]{width:auto !important}
.j26-rc .j26-rc-date-col{width:110px}
.ui-2026 .j26-rc table.j26-rc-table>tbody>tr.is-sticky>td{background:#FFF8E3}
.ui-2026 .j26-rc table.j26-rc-table>tbody>tr.is-sticky>td:first-child{box-shadow:inset 3px 0 0 #E9C46A}
.ui-2026 .j26-rc .j26-rc-notes-tbl td:nth-child(2){white-space:normal;min-width:240px}
.ui-2026 .j26-rc td.j26-rc-img-cell img{max-width:56px;max-height:56px;border-radius:8px;object-fit:cover}
.ui-2026 .j26-rc tr.j26-rc-subrow>td{background:var(--j26-subtle) !important;padding:6px 12px 12px !important}
.ui-2026 .j26-rc tr.j26-rc-subrow table.table{margin:0;background:#fff;border:1px solid var(--j26-line-2);border-radius:10px;font-size:13px}
.ui-2026 .j26-rc tr.j26-rc-subrow table.table th{font-size:12px;font-weight:600;color:var(--j26-muted);background:transparent}
.ui-2026 .j26-rc .j26-rc-products a[id^="product_"]{cursor:pointer}

/* ---------- sub-schermen (formulieren) ---------- */
.j26-rc-formpage{max-width:1180px}
.j26-rc-form{display:flex;flex-direction:column}
.ui-2026 .j26-rc .j26-rc-sec-first{border-top:0;padding-top:4px}
.ui-2026 .j26-rc .j26-in:required,.ui-2026 .j26-rc .j26-in:required:focus{border-left:1px solid var(--j26-line-3) !important;background-color:#fff !important}
.ui-2026 .j26-rc .j26-in:focus{border-color:var(--j26-navy) !important;box-shadow:0 0 0 4px rgba(27,43,75,.10)}
.ui-2026 .j26-rc .has-error .j26-in{border-color:#C2410C !important;box-shadow:0 0 0 4px rgba(194,65,12,.10)}
.ui-2026 .j26-rc .has-warning .j26-in{border-color:#D69E2E !important}
.ui-2026 .j26-rc .form-group{margin-bottom:0}
.j26-rc-inline{display:flex;gap:8px;align-items:center}
.j26-rc-inline .j26-in{flex:1 1 auto}
.j26-rc-textarea{min-height:96px}
.ui-2026 .j26-rc .j26-rc-file{height:auto;padding:8px 10px}
.j26-rc-fieldset{margin:0;padding:0;border:0;min-width:0}
.ui-2026 .j26-rc .j26-rc-fieldset legend{width:auto;margin:0 0 7px;padding:0;border:0}
.j26-rc-checks{display:flex;flex-wrap:wrap;gap:8px 20px}
.ui-2026 .j26-rc .j26-rc-check{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:500;color:var(--j26-ink);cursor:pointer}
.ui-2026 .j26-rc .j26-rc-check input[type="checkbox"]{margin:0;width:16px;height:16px;accent-color:var(--j26-navy)}
.j26-rc-check .j26-hint{font-weight:400}
.j26-rc-imgrow{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.j26-rc-thumb{max-width:180px;max-height:140px;border:1px solid var(--j26-line);border-radius:10px;padding:4px;background:#fff;object-fit:contain}
.j26-rc-vars{margin-top:12px;display:flex;flex-direction:column;gap:6px}
.j26-rc-vars dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:12.5px}
.j26-rc-vars dt{font-family:'Geist Mono',monospace;font-weight:500;color:var(--j26-navy)}
.j26-rc-vars dd{margin:0;color:var(--j26-muted)}
.j26-rc .wysihtml5-toolbar{margin:0 0 6px !important;padding:0}
.ui-2026 .j26-rc textarea.textarea_editor{min-height:180px;border:1px solid var(--j26-line-3);border-radius:10px}
.j26-rc-debit-warning{font-size:12.5px;color:var(--j26-amber, #B7791F)}
.has-error .j26-rc-debit-warning{color:var(--j26-red)}
.j26-rc-savebar{margin-top:16px;z-index:5}
.j26-rc-narrow{max-width:560px}
.j26-rc-stack{display:flex;flex-direction:column;gap:16px}
.j26-rc-card-f{justify-content:flex-end}
.j26-rc-grid-form{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 16px}
.j26-rc-objform{overflow:hidden}
.j26-rc-history{display:flex;flex-direction:column;gap:16px}
.j26-rc-tl-b{display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-size:13.5px;line-height:1.45;min-width:0}
.j26-rc-tl-m{font-size:12.5px;color:var(--j26-muted)}
.j26-rc-tl-m strong{color:var(--j26-ink)}
.ui-2026 .j26-rc .j26-rc-toggle{height:24px;padding:0 6px;font-size:12.5px;vertical-align:baseline}
.j26-rc-files{min-width:0}
.j26-rc-files .box{margin-bottom:0}
.j26-rc-files .table-responsive,.j26-rc-files .box-body{overflow-x:auto}

/* ---------- mobiel ---------- */
@media (max-width:767px){
  .ui-2026 .j26-rc-h1{font-size:24px}
  .j26-rc-head .j26-page-actions{margin-left:0;width:100%}
  .j26-rc-tabbar{gap:14px}
  .ui-2026 .j26-rc .j26-rc-tabs{gap:16px}
  .j26-rc-grid{grid-template-columns:minmax(0,1fr)}
  .j26-rc .j26-col-side{max-width:none}
  .j26-rc-dt{padding:0 10px 6px;overflow-x:auto}
  .ui-2026 .j26-rc .j26-rc-dt .dataTables_filter,.ui-2026 .j26-rc .j26-rc-dt .dataTables_length{text-align:left}
  .ui-2026 .j26-rc .j26-rc-dt .dataTables_filter input{width:100%;margin-left:0}
  .j26-rc-toolbar-a{margin-left:0;width:100%}
  .j26-rc-grid-form>.j26-c1,.j26-rc-grid-form>.j26-c2,.j26-rc-grid-form>.j26-c3,
  .j26-rc-grid-form>.j26-c4,.j26-rc-grid-form>.j26-c5,.j26-rc-grid-form>.j26-c6{grid-column:span 6}
  .j26-rc-inline{flex-wrap:wrap}
  .j26-rc-inline .j26-btn{width:100%;justify-content:center}
  .ui-2026 .j26-rc .j26-rc-menu.dropdown-menu{min-width:200px;max-width:calc(100vw - 32px)}
  .ui-2026 .j26-rc .j26-rc-dd>.dropdown-menu-right{right:auto;left:0}
}
/* Redesign 2026 — Relaties: formulier nieuwe relatie / relatie bewerken + Relation-modals (Vue) */

/* ---------- Blade-formulier ---------- */
.ui-2026 .j26-rf .j26-cols{align-items:flex-start}
.ui-2026 .j26-rf-form{margin:0}
.ui-2026 .j26-rf .j26-sec-l h2{margin:0}
.ui-2026 .j26-rf .j26-f.has-error .j26-in,
.ui-2026 .j26-rf .j26-in.j26-in-err{border-color:#C2410C !important;box-shadow:0 0 0 4px rgba(194,65,12,.10)}
.ui-2026 .j26-rf .j26-in:required{border-color:var(--j26-line-3) !important}
.ui-2026 .j26-rf .j26-f.has-error .j26-in:required{border-color:#C2410C !important}
.ui-2026 .j26-rf .j26-in:focus,
.ui-2026 .j26-rf-grid .j26-in:focus{border-color:var(--j26-navy) !important;box-shadow:0 0 0 4px rgba(27,43,75,.10)}

.ui-2026 .j26-rf-fieldset{border:0;padding:0;margin:0;min-width:0}
.ui-2026 .j26-rf-fieldset legend.j26-lbl{border:0;padding:0;margin:0 0 7px;font-size:13px;font-weight:600;color:var(--j26-ink);width:auto}
.ui-2026 .j26-rf-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ui-2026 .j26-rf-choice{margin:0;font-weight:400}
.ui-2026 .j26-rf-choice:focus-within{box-shadow:0 0 0 4px rgba(27,43,75,.12)}
.ui-2026 .j26-rf-choice-on,.ui-2026 .j26-rf-choice:has(input:checked){border-color:var(--j26-navy);box-shadow:0 0 0 1px var(--j26-navy);background:#F4F6FA}
.ui-2026 .j26-rf-choice-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.ui-2026 .j26-rf-choice-t strong{font-size:14px;font-weight:600;color:var(--j26-navy)}
.ui-2026 .j26-rf-choice-t span{font-size:12.5px;color:var(--j26-muted)}

.ui-2026 .j26-rf-row{display:flex;gap:8px;align-items:center;min-width:0}
.ui-2026 .j26-rf-search{position:relative;flex:1 1 auto;min-width:0}
.ui-2026 .j26-rf-search>.j26-ico{position:absolute;left:12px;top:12px;color:var(--j26-navy);pointer-events:none}
.ui-2026 .j26-rf-search>.j26-in{padding-left:36px}
.ui-2026 .j26-rf-row>.j26-btn{height:40px;flex:none}
.ui-2026 .j26-rf-row>.j26-btn .fa{font-size:13px}

/* KvK-resultaat (HTML uit kvk_search.js) */
.ui-2026 .j26-rf-kvk{min-width:0}
.ui-2026 .j26-rf-kvk:empty{display:none}
.ui-2026 .j26-rf-kvk .table{margin:0;border:1px solid var(--j26-line);border-radius:12px;overflow:hidden;display:block;overflow-x:auto;font-size:13px;background:#fff}
.ui-2026 .j26-rf-kvk .table th,.ui-2026 .j26-rf-kvk .table td{padding:8px 12px;vertical-align:top;border-top:1px solid var(--j26-line-2)}
.ui-2026 .j26-rf-kvk .table th{font-size:12px;font-weight:600;color:var(--j26-muted);text-transform:uppercase;letter-spacing:.03em;background:var(--j26-subtle)}
.ui-2026 .j26-rf-kvk .table td:first-child{font-family:'Geist Mono',monospace;font-size:12.5px;white-space:nowrap}
.ui-2026 .j26-rf-kvk .btn{height:30px;padding:0 10px;border-radius:8px;font-size:12.5px;white-space:nowrap}

.ui-2026 .j26-rf-toggle{align-items:flex-start}
.ui-2026 .j26-rf-toggle .j26-switch{margin-top:1px}
.ui-2026 .j26-rf-toggle input:checked ~ .j26-switch{background:var(--j26-green-dark)}
.ui-2026 .j26-rf-toggle input:checked ~ .j26-switch::after{left:19px}

.ui-2026 .j26-rf-links{display:flex;flex-direction:column;border:1px solid var(--j26-line);border-radius:12px;overflow:hidden;background:#fff}
.ui-2026 .j26-rf-link{display:flex;align-items:center;gap:12px;padding:12px 14px;color:var(--j26-ink);text-decoration:none !important}
.ui-2026 .j26-rf-link + .j26-rf-link{border-top:1px solid var(--j26-line-2)}
.ui-2026 .j26-rf-link:hover,.ui-2026 .j26-rf-link:focus{background:var(--j26-subtle);color:var(--j26-ink)}
.ui-2026 .j26-rf-link>.j26-ico{margin-left:auto;color:var(--j26-muted);flex:none}
.ui-2026 .j26-rf-link-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.ui-2026 .j26-rf-link-t strong{font-size:14px;font-weight:600;color:var(--j26-navy)}
.ui-2026 .j26-rf-link-t span{font-size:12.5px;color:var(--j26-muted)}
.ui-2026 .j26-rf-note{margin:0}
.ui-2026 .j26-rf-after{align-items:flex-start}
.ui-2026 .j26-rf-after>.j26-ico{flex:none;margin-top:2px}
.ui-2026 .j26-rf-after>div{display:flex;flex-direction:column;gap:4px;line-height:1.5}

/* Zijkolom: dubbelcheck */
.ui-2026 .j26-rf-side{position:sticky;top:16px}
.ui-2026 .j26-rf-h2{margin:0;font-size:15px}
.ui-2026 .j26-rf-side .j26-card-h>.j26-ico{color:var(--j26-green-dark)}
.ui-2026 .j26-rf-empty{margin:0;font-size:13px;line-height:1.5}
.ui-2026 .j26-rf-match{flex-direction:column;gap:6px}
.ui-2026 .j26-rf-match>div{display:flex;flex-direction:column;gap:6px;line-height:1.5}
.ui-2026 .j26-rf-match strong{color:#6E2C07}
.ui-2026 .j26-rf-match a{color:#9A3D0A;font-weight:600}
.ui-2026 .j26-rf-match-l{margin:14px 0 6px}
.ui-2026 .j26-rf-match-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13.5px}
.ui-2026 .j26-rf-match-list a{color:var(--j26-navy);font-weight:500;overflow-wrap:anywhere}

/* ---------- Vue-modals (RelationModal, AddressModal, NoteModal, ObjectModal) ---------- */
.ui-2026 #relModal .modal-dialog{width:min(720px,calc(100% - 20px))}
.ui-2026 #objectModal .modal-dialog,.ui-2026 #noteModal .modal-dialog,.ui-2026 #RAddressModal .modal-dialog{width:min(640px,calc(100% - 20px))}
.ui-2026 .j26-rf-modal{min-width:0}
.ui-2026 .j26-rf-modal-f{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;width:100%}
.ui-2026 .j26-rf-modal-f .j26-btn{height:38px}
.ui-2026 .j26-rf-modal-f .j26-btn-g{margin-right:auto}

.ui-2026 .j26-rf-grid{gap:16px 14px;margin:0}
.ui-2026 .j26-rf-grid + .j26-rf-grid{margin-top:16px}
.ui-2026 .j26-rf-grid .j26-f.form-group{margin:0}
.ui-2026 .j26-rf-grid .j26-f>label{margin:0}
.ui-2026 .j26-rf-grid .has-error .j26-in{border-color:#C2410C !important;box-shadow:0 0 0 4px rgba(194,65,12,.10)}
.ui-2026 .j26-rf-grid .j26-in:required{border-color:var(--j26-line-3) !important}
.ui-2026 .j26-rf-group{margin:6px 0 -6px}
.ui-2026 .j26-rf-group:first-child{margin-top:0}
.ui-2026 .j26-rf-tabs{margin:-4px 0 18px}
.ui-2026 .j26-rf-tabs .j26-tab{background:none;border-top:0;border-left:0;border-right:0;cursor:pointer;margin-bottom:-1px;font:inherit;font-size:13.5px}
.ui-2026 .j26-rf-tabs .j26-tab-on{font-weight:600}
.ui-2026 .j26-rf-tabs .j26-tab:focus-visible{outline:2px solid var(--j26-navy);outline-offset:2px}
.ui-2026 .j26-rf-pane-hint{margin:0 0 14px}
.ui-2026 .j26-rf-found{padding:8px 12px;font-size:13px;border-radius:10px}
.ui-2026 .j26-rf-found a{color:#9A3D0A;font-weight:600}
.ui-2026 .j26-rf-unit{position:relative}
.ui-2026 .j26-rf-unit .j26-in{padding-right:56px}
.ui-2026 .j26-rf-unit .j26-hint{position:absolute;right:12px;top:11px;pointer-events:none}

/* Notitie: datepicker, autocomplete en editor */
.ui-2026 .j26-rf-noteform .vdp-datepicker,.ui-2026 .j26-rf-noteform .v-autocomplete{position:relative}
.ui-2026 .j26-rf-noteform .form-control.j26-in{height:40px}
.ui-2026 .j26-rf-noteform .v-autocomplete-list{position:absolute;left:0;right:0;z-index:20;background:#fff;border:1px solid #E1E4DD;border-radius:12px;box-shadow:0 16px 40px rgba(27,43,75,.14);padding:6px;margin-top:4px;max-height:280px;overflow:auto}
.ui-2026 .j26-rf-noteform .v-autocomplete-list-item{padding:8px 10px;border-radius:8px;cursor:pointer}
.ui-2026 .j26-rf-noteform .v-autocomplete-list-item:hover,.ui-2026 .j26-rf-noteform .v-autocomplete-item-active{background:var(--j26-navy-tint-2)}
.ui-2026 .j26-rf-psearch{display:flex;flex-direction:column;gap:1px;min-width:0}
.ui-2026 .j26-rf-psearch strong{font-size:13.5px;font-weight:600;color:var(--j26-navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-2026 .j26-rf-psearch .j26-mono{font-size:12px}

/* Object: dropzone */
.ui-2026 .j26-rf-dropzone.vue-dropzone{border:1.5px dashed #CDD1C8;border-radius:14px;background:var(--j26-subtle);min-height:0;padding:18px}
.ui-2026 .j26-rf-dropzone.vue-dropzone:hover{background:var(--j26-navy-tint-2)}
.ui-2026 .j26-rf-dz{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--j26-muted);font-size:13.5px;text-align:center}
.ui-2026 .j26-rf-dz strong{color:var(--j26-navy)}

/* ---------- Mobiel ---------- */
@media (max-width:767px){
  .ui-2026 .j26-rf-side{position:static;max-width:none}
  .ui-2026 .j26-rf-choices{grid-template-columns:minmax(0,1fr)}
  .ui-2026 .j26-rf-row{flex-wrap:wrap}
  .ui-2026 .j26-rf-row>.j26-btn{width:100%;justify-content:center}
  .ui-2026 .j26-rf .j26-in,.ui-2026 .j26-rf-grid .j26-in{font-size:16px}
  .ui-2026 .j26-rf-modal-f .j26-btn{flex:1 1 auto;justify-content:center}
  .ui-2026 .j26-rf-modal-f .j26-btn-g{margin-right:0}
}
.ui-2026 .j26-tbl th.j26-mono{font-family:inherit;font-size:inherit}
.ui-2026 .content-header>h1{display:block;font-size:34px;line-height:1.15}
.ui-2026 .content-header>h1>small{display:block;margin-top:6px;font-size:14px;line-height:1.4}
.ui-2026 .content-header>h1>small:empty{display:none}
.ui-2026 .content-header>h1>.btn{display:none}
@media (max-width:767px){.ui-2026 .content-header>h1{font-size:26px}}
@media (max-width:767px){.ui-2026 .j26-rc-kpis,.ui-2026 .j26od-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ui-2026 .j26-rc-kpis .j26-kpi,.ui-2026 .j26od-kpis .j26-kpi{padding:12px}.ui-2026 .j26-rc-kpis .j26-kpi-v,.ui-2026 .j26od-kpis .j26-kpi-v{font-size:20px}}
.ui-2026 .j26-rc-data{overflow:hidden}
.ui-2026 .j26-rc-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.ui-2026 .j26-rc-data-sec{padding:18px 20px;border-bottom:1px solid var(--j26-line-2)}
.ui-2026 .j26-rc-data-sec:nth-child(odd){border-right:1px solid var(--j26-line-2)}
.ui-2026 .j26-rc-data-h{display:flex;align-items:center;gap:8px;min-height:30px;margin-bottom:8px}
.ui-2026 .j26-rc-data-t{margin:0;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--j26-muted)}
.ui-2026 .j26-rc-dl{display:grid;grid-template-columns:minmax(110px,38%) minmax(0,1fr);gap:8px 14px;margin:0;font-size:13.5px;line-height:1.45}
.ui-2026 .j26-rc-dl dt{font-weight:400;color:var(--j26-muted)}
.ui-2026 .j26-rc-dl dd{margin:0;color:var(--j26-ink);overflow-wrap:anywhere}
.ui-2026 .j26-rc-pre{white-space:pre-line}
.ui-2026 .j26-rc-data-empty{margin:12px 0 0;font-size:12px;color:var(--j26-faint)}
.ui-2026 .j26-rc-pwr-row{padding:16px 20px}
.ui-2026 .j26-rc-pwr-row .j26-rc-data-h{margin-bottom:0}
.ui-2026 .j26-rc-pwr-row .j26-rc-pwr{margin-top:12px}
@media (max-width:900px){.ui-2026 .j26-rc-data-grid{grid-template-columns:minmax(0,1fr)}.ui-2026 .j26-rc-data-sec:nth-child(odd){border-right:0}.ui-2026 .j26-rc-data-sec,.ui-2026 .j26-rc-pwr-row{padding:16px}}
/* Financieel — facturenoverzicht, financieel overzicht (dashboard) en creditfactuur-selectie. Alles onder .j26-iv of met j26-iv-voorvoegsel.
   Het overzicht gebruikt daarnaast de .j26-ol- en .j26-rl-lijststijlen (zoekveld, filterchips, DataTables, rij-menu, actiebalk). */

.ui-2026 .content .j26-page.j26-iv{padding:8px 0 24px}
.ui-2026 .j26-iv .j26-page-actions .j26-btn{text-decoration:none}
.ui-2026 .j26-iv .j26-page-actions .j26-btn-p,.ui-2026 .j26-iv .j26-page-actions .j26-btn-p:hover{color:#fff}
.ui-2026 .j26-iv .j26-btn:focus-visible{outline:2px solid var(--j26-navy);outline-offset:2px}
.j26-iv .j26-kpis{margin-bottom:24px}
.ui-2026 .j26-iv a.j26-kpi{text-decoration:none;color:inherit}
.ui-2026 .j26-iv a.j26-kpi-dark:hover{border-color:var(--j26-navy);filter:brightness(1.08)}
.ui-2026 .j26-iv a.j26-kpi-green:hover{border-color:var(--j26-green)}
.ui-2026 .j26-iv a.j26-kpi:focus-visible{outline:2px solid var(--j26-navy);outline-offset:2px}
.ui-2026 .j26-iv .j26-iv-kpi-late .j26-kpi-v{color:var(--j26-orange)}
.j26-iv-small{font-size:12.5px}
.j26-iv-push{margin-left:auto}
.j26-iv-strong{font-weight:600}

/* statustabs boven de tabel */
.ui-2026 .j26-iv .j26-iv-tabs{padding:0 18px;margin:0;scrollbar-width:none;border-radius:var(--j26-radius) var(--j26-radius) 0 0}
.ui-2026 .j26-iv .j26-iv-tabs::-webkit-scrollbar{display:none}
.ui-2026 .j26-iv .j26-iv-tabs button.j26-tab{border:0;border-bottom:2px solid transparent;background:none;font:inherit;font-size:13.5px;margin-bottom:-1px;cursor:pointer}
.ui-2026 .j26-iv .j26-iv-tabs button.j26-tab:hover{color:var(--j26-navy)}
.ui-2026 .j26-iv .j26-iv-tabs button.j26-tab.j26-tab-on{color:var(--j26-navy);font-weight:600;border-bottom-color:var(--j26-green)}
.ui-2026 .j26-iv .j26-iv-tabs button.j26-tab.j26-tab-on .j26-badge{background:var(--j26-green-tint);color:var(--j26-green-text)}
.ui-2026 .j26-iv .j26-iv-tabs button.j26-tab:focus-visible{outline:2px solid var(--j26-navy);outline-offset:-2px}
.j26-iv-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex:none}
.ui-2026 .j26-ol.j26-iv .j26-tbl-wrap>.j26-toolbar{border-radius:0}

/* periode (datumfilter) als chip met twee velden */
.ui-2026 .j26-iv-period{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 6px 0 12px;border:1px dashed #CDD1C8;border-radius:999px;background:#fff;font-size:13px;color:var(--j26-ink-2)}
.ui-2026 .j26-iv-period.j26-chip-on{border-style:solid;border-color:#C5CFE0;background:var(--j26-navy-tint);color:var(--j26-navy)}
.ui-2026 .j26-iv-period:focus-within{outline:2px solid var(--j26-navy);outline-offset:2px}
.j26-iv-period-l{font-weight:500}
.ui-2026 .j26-iv-period input[type="text"]{width:92px;height:24px;padding:0 6px;border:0 !important;border-radius:6px;background:transparent;box-shadow:none !important;font:inherit;font-size:13px;color:inherit;font-variant-numeric:tabular-nums}
.ui-2026 .j26-iv-period input[type="text"]:focus{outline:0;background:#fff}
.ui-2026 .j26-iv-period input::placeholder{color:var(--j26-placeholder)}
.j26-iv-period-clear{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;padding:0}
.j26-iv-period-clear:hover{background:rgba(27,43,75,.08)}
.j26-iv-period-clear[hidden]{display:none}
.ui-2026 .j26-iv-tools{display:flex;align-items:center;gap:6px}

/* tabelcellen */
.ui-2026 .j26-iv .j26-tbl th.j26-iv-first-col{padding-left:14px}
.j26-iv-first{display:inline-flex;align-items:center;gap:12px}
.ui-2026 .j26-iv .j26-tbl td.j26-iv-first-cell .j26-row-link{font-weight:500}
.ui-2026 .j26-iv .j26-tbl td.j26-iv-date{font-size:13px;color:var(--j26-ink-2);font-variant-numeric:tabular-nums}
.ui-2026 .j26-iv .j26-tbl td.j26-iv-relcell{white-space:normal;min-width:200px}
.ui-2026 .j26-iv .j26-tbl th.j26-num,.ui-2026 .j26-iv .j26-tbl td.j26-num{text-align:right;font-variant-numeric:tabular-nums}
.ui-2026 .j26-iv .j26-tbl td.j26-iv-amount .j26-cell2{align-items:flex-end}
.ui-2026 .j26-iv .j26-tbl td.j26-iv-amount strong{font-weight:600}
.j26-iv-shifted{color:var(--j26-amber);font-weight:600}
.ui-2026 .j26-iv .j26-tbl th.j26-iv-center,.ui-2026 .j26-iv .j26-tbl td.j26-iv-center{text-align:center}
.ui-2026 .j26-iv .j26-iv-ok{color:var(--j26-green-text)}
.ui-2026 .j26-iv .j26-tbl td.j26-iv-ref{white-space:normal;min-width:150px}
.ui-2026 .j26-iv .j26-tbl td.j26-iv-ref span[data-modern-tooltip]{border-bottom:1px dotted #C5CAD3 !important;cursor:help}
.j26-iv-status{gap:3px;align-items:flex-start}
.ui-2026 .j26-iv .j26-cell2 small.j26-iv-late{color:var(--j26-orange);font-weight:600}
.ui-2026 .j26-iv .j26-tbl .j26-pill{width:auto !important}

/* trackers */
.j26-iv-trk{display:inline-flex;align-items:center;gap:2px}
.ui-2026 .j26-iv a.j26-iv-trk-a{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 7px;border:1px solid transparent;border-radius:8px;font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--j26-ink-2);text-decoration:none}
.ui-2026 .j26-iv a.j26-iv-trk-a:hover{border-color:#DFE2DA;background:#fff;color:var(--j26-navy)}
.ui-2026 .j26-iv a.j26-iv-trk-a:focus-visible{outline:2px solid var(--j26-navy);outline-offset:1px}

/* trackers-venster */
.j26-iv-pop{margin:-15px -20px}
.j26-iv-pop-row{display:flex;justify-content:space-between;gap:12px;padding:10px 20px;border-bottom:1px solid var(--j26-line-2);font-size:13.5px;font-variant-numeric:tabular-nums}
.j26-iv-pop-row:last-child{border-bottom:0}
.j26-iv-pop-head{font-size:12px;font-weight:600;color:var(--j26-muted);background:var(--j26-subtle)}
.j26-iv-pop-empty{margin:0;font-size:13.5px}

/* actiebalk */
.j26-iv-bulk-sum{font-size:13px;color:#C3CCDD;padding-right:6px;font-variant-numeric:tabular-nums}
.j26-iv-bulk-sum:empty{display:none}
.ui-2026 .j26-iv-bulk form{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0}

/* ---------- financieel overzicht ---------- */
.j26-iv-years button{min-width:56px}
.ui-2026 .j26-iv-years button:focus-visible{outline:2px solid var(--j26-navy);outline-offset:1px}
.j26-iv-chart-h{flex-wrap:wrap}
.j26-iv-chart-wrap[hidden]{display:none}
.j26-iv-legend{display:flex;justify-content:flex-end;gap:14px;margin-bottom:14px;font-size:12.5px;color:var(--j26-muted)}
.j26-iv-legend span{display:inline-flex;align-items:center;gap:6px}
.j26-iv-legend i{width:10px;height:10px;border-radius:3px}
.j26-iv-chart{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;align-items:end;height:200px;padding:0 4px;border-bottom:1px solid var(--j26-line)}
.j26-iv-mo{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:100%}
.j26-iv-bar{display:block;width:14px;max-width:45%;min-height:0;border-radius:4px 4px 0 0}
.j26-iv-b-now{background:var(--j26-navy)}
.j26-iv-b-prev{background:#C9CFC3}
.j26-iv-mlbl{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;padding:6px 4px 0;font-size:11.5px;color:var(--j26-muted);text-align:center}
.ui-2026 .j26-iv .j26-tbl.j26-iv-ym{min-width:1080px}
.ui-2026 .j26-iv .j26-tbl.j26-iv-ym td,.ui-2026 .j26-iv .j26-tbl.j26-iv-ym th{font-size:12.5px}
.ui-2026 .j26-iv .j26-tbl.j26-iv-ym td{height:44px}
.ui-2026 .j26-iv .j26-tbl.j26-iv-ym tbody th{height:44px;font-size:13px;font-weight:600;color:var(--j26-navy);background:#fff;border-bottom:1px solid var(--j26-line-2)}
.ui-2026 .j26-iv .j26-tbl.j26-iv-ym td.j26-iv-ym-tot{font-weight:700;color:var(--j26-navy)}
.ui-2026 .j26-iv .j26-tbl tbody tr:last-child td,.ui-2026 .j26-iv .j26-tbl tbody tr:last-child th{border-bottom:0}
.ui-2026 .j26-iv a.j26-iv-work{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--j26-line-2);color:var(--j26-ink);text-decoration:none}
.ui-2026 .j26-iv a.j26-iv-work:last-child{border-bottom:0;border-radius:0 0 var(--j26-radius) var(--j26-radius)}
.ui-2026 .j26-iv a.j26-iv-work:hover{background:#F8F9F6;color:var(--j26-ink)}
.ui-2026 .j26-iv a.j26-iv-work:focus-visible{outline:2px solid var(--j26-navy);outline-offset:-2px}
.j26-iv-work .j26-cell2{flex:1 1 auto;min-width:0}
.j26-iv-work strong{font-weight:600}
.j26-iv-work>.j26-ico{color:var(--j26-muted);flex:none}
.j26-iv-work-n{font-family:'Bricolage Grotesque',sans-serif;font-size:22px;font-weight:700;color:var(--j26-navy);min-width:34px;font-variant-numeric:tabular-nums}
.j26-iv-work-ico{display:inline-flex;align-items:center;color:var(--j26-muted)}

/* ---------- creditfactuur ---------- */
.j26-iv-credit-t{font-size:14px;color:var(--j26-navy)}
.ui-2026 .j26-iv .j26-tbl.j26-iv-credit-tbl{min-width:760px}
.ui-2026 .j26-iv .j26-iv-credit-tbl tbody tr.selected td{background:var(--j26-navy-tint-2)}
.ui-2026 .j26-iv label.j26-iv-credit-desc{margin:0;font-weight:500;color:var(--j26-ink);cursor:pointer}
.ui-2026 .j26-iv .j26-iv-credit-tbl tfoot td{height:48px;font-size:13px;font-weight:600;background:var(--j26-subtle);border-bottom:0}
.ui-2026 .j26-iv .j26-iv-credit-tbl td.j26-iv-empty-cell{height:auto;padding:32px 14px;text-align:center;white-space:normal}
.ui-2026 .j26-iv a.j26-iv-src{font-size:13px}
.j26-iv-src{font-size:13px}
.j26-iv-credit-total>span:first-child{color:var(--j26-navy) !important;font-weight:600}
.j26-iv-credit-total>span:last-child{font-family:'Bricolage Grotesque',sans-serif;font-size:20px;font-weight:700;color:var(--j26-navy)}
.ui-2026 .j26-iv .j26-iv-credit-submit{width:100%;justify-content:center}
.j26-iv-credit-note .j26-ico{flex:none;margin-top:1px}

@media (max-width:767px){
  .ui-2026 .j26-iv .j26-page-actions{margin-left:0;flex-wrap:wrap}
  .ui-2026 .j26-iv-tools{margin-left:0}
  .ui-2026 .j26-iv-period{flex-wrap:wrap;height:auto;min-height:32px;padding:4px 6px 4px 12px}
  .ui-2026 .j26-iv-period input[type="text"]{width:84px}
  .j26-iv-chart,.j26-iv-mlbl{gap:4px}
  .j26-iv-bar{width:8px}
  .j26-iv-mlbl{font-size:10.5px}
  .ui-2026 .j26-iv .j26-col-side{max-width:none}
}
/* Redesign 2026 — Financieel: factuur bewerken, factuurregel, verzendcontrole, verzendlijst en klantgegevens-modal */

/* ---------- algemeen ---------- */
.ui-2026 .j26-iv{min-width:0}
.ui-2026 .j26-iv-titles{display:flex;flex-direction:column;gap:8px;min-width:0}
.ui-2026 .j26-iv-statusrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ui-2026 .j26-iv-autosave{font-size:13px}
.ui-2026 .j26-iv-push{margin-left:auto}
.ui-2026 .j26-iv-strong{font-weight:600}
.ui-2026 .j26-iv-pill-sm{height:20px;font-size:11px;padding:0 7px;margin-left:4px;vertical-align:1px}
.ui-2026 .j26-iv a.j26-iv-danger,.ui-2026 .j26-iv .j26-iv-danger{color:var(--j26-red)}
.ui-2026 .j26-iv .j26-iv-danger:hover{background:#FFF5F0;color:var(--j26-red)}
.ui-2026 .j26-iv .j26-alert{align-items:flex-start}
.ui-2026 .j26-iv-alert-ico{margin-top:2px}
.ui-2026 .j26-iv-alert-b{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;flex:1;min-width:0}
.ui-2026 .j26-iv-errlist{margin:6px 0 0;padding-left:18px}
.ui-2026 .j26-iv .j26-btn,.ui-2026 .j26-iv .j26-btn:hover,.ui-2026 .j26-iv .j26-btn:focus{text-decoration:none}
.ui-2026 .j26-iv a.j26-btn-p,.ui-2026 .j26-iv a.j26-btn-p:hover,.ui-2026 .j26-iv a.j26-btn-p:focus{color:#fff}
.ui-2026 .j26-iv .j26-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}
.ui-2026 .j26-iv .j26-btn-danger:hover{background:#FFF5F0;color:var(--j26-red)}
.ui-2026 .j26-iv input.j26-btn{line-height:normal}

/* velden: oude skin zet een oranje rand op :required */
.ui-2026 .j26-iv .j26-in:required,.ui-2026 .j26-iv .j26-in:required:focus{border-left:1px solid var(--j26-line-3) !important;background-color:#fff !important}
.ui-2026 .j26-iv .j26-in:required:focus{border-color:var(--j26-navy) !important}
.ui-2026 .j26-iv .has-error .j26-in,.ui-2026 .j26-iv .has-error .j26-in:required{border-color:#C2410C !important;box-shadow:0 0 0 4px rgba(194,65,12,.10)}
.ui-2026 .j26-iv .j26-f.form-group{margin:0}
.ui-2026 .j26-iv .j26-f>label{margin:0}
.ui-2026 .j26-iv-grid{gap:16px 14px}
.ui-2026 .j26-iv .j26-choice{margin:0;font-weight:400;align-items:flex-start}
.ui-2026 .j26-iv .j26-choice>span{display:flex;flex-direction:column;gap:3px;min-width:0}
.ui-2026 .j26-iv .j26-choice strong{font-size:13.5px;font-weight:600;color:var(--j26-ink)}
.ui-2026 .j26-iv .j26-choice:has(input:checked){border-color:var(--j26-navy);box-shadow:0 0 0 1px var(--j26-navy);background:#F4F6FA}
.ui-2026 .j26-iv .j26-choice:focus-within{border-color:var(--j26-navy)}
.ui-2026 .j26-iv .j26-choice input[type=checkbox]{flex:none}

/* rich-text (wysihtml5) */
.ui-2026 .j26-iv-editor .wysihtml5-toolbar{display:flex;flex-wrap:wrap;gap:4px;margin:0 !important;padding:6px;border:1px solid var(--j26-line-3);border-bottom:0;border-radius:10px 10px 0 0;background:var(--j26-subtle);list-style:none}
.ui-2026 .j26-iv-editor .wysihtml5-toolbar>li{float:none;margin:0 !important;height:auto}
.ui-2026 .j26-iv-editor .wysihtml5-toolbar .btn{height:28px;padding:3px 9px;font-size:12.5px;border-radius:7px;background:#fff}
.ui-2026 .j26-iv-editor .wysihtml5-toolbar .btn-group>.btn{border-radius:0}
.ui-2026 .j26-iv-editor .wysihtml5-toolbar .btn-group>.btn:first-child{border-radius:7px 0 0 7px}
.ui-2026 .j26-iv-editor .wysihtml5-toolbar .btn-group>.btn:last-child{border-radius:0 7px 7px 0}
.ui-2026 .j26-iv-editor textarea.form-control,.ui-2026 .j26-iv-editor iframe.wysihtml5-sandbox{width:100% !important;min-height:120px;border-radius:0 0 10px 10px !important;border:1px solid var(--j26-line-3) !important;border-left:1px solid var(--j26-line-3) !important;background:#fff !important}
.ui-2026 .j26-iv-editor:not(:has(.wysihtml5-toolbar)) textarea.form-control{border-radius:10px !important}

/* ---------- factuur bewerken ---------- */
.ui-2026 .j26-iv-card-h{flex-wrap:wrap}
.ui-2026 .j26-iv-draghint{display:inline-flex;align-items:center;gap:4px;font-size:12.5px}
.ui-2026 .j26-iv-form{display:flex;flex-direction:column;gap:24px;margin:0}
.ui-2026 table.j26-iv-lines{min-width:1040px}
.ui-2026 .j26-iv-lines td{height:52px}
.ui-2026 .j26-iv-lines .j26-iv-grip-h{width:32px;padding-right:0}
.ui-2026 .j26-iv-lines .j26-iv-grip{width:32px;padding-right:0;color:#A3A8B0;cursor:grab}
.ui-2026 .j26-iv-lines .j26-iv-desc{white-space:normal;min-width:220px;font-weight:500}
.ui-2026 .j26-iv-lines .j26-cell2 small{white-space:normal}
.ui-2026 .j26-iv-lines .j26-iv-src{font-size:13px;cursor:pointer}
.ui-2026 .j26-iv-lines .j26-iv-act-h{width:84px}
.ui-2026 .j26-iv-rowact{display:flex;gap:2px;justify-content:flex-end;align-items:center}
.ui-2026 .j26-iv-lines tr.j26-iv-zero td{background:#FFF8F3}
.ui-2026 .j26-iv-lines tr.dragClass td,.ui-2026 .j26-iv-lines tr.dragClass:hover td{background:var(--j26-navy-tint) !important;cursor:grabbing}
.ui-2026 .j26-iv-lines tfoot td{height:40px;background:var(--j26-subtle);border-bottom:0}
.ui-2026 .j26-iv-lines tfoot .j26-iv-tl{text-align:right;font-weight:500;color:var(--j26-muted)}
.ui-2026 .j26-iv-lines tfoot tr.j26-iv-total td{height:52px;border-top:1px solid var(--j26-line)}
.ui-2026 .j26-iv-lines tfoot tr.j26-iv-total .j26-iv-tl{color:var(--j26-navy);font-weight:600}
.ui-2026 .j26-iv-total-v{font-family:'Bricolage Grotesque',sans-serif;font-size:18px;font-weight:700;color:var(--j26-navy)}
.ui-2026 .j26-iv-lines .j26-iv-emptycell{height:auto;white-space:normal}
.ui-2026 .j26-iv-customer{display:flex;flex-direction:column;gap:4px;font-size:13.5px;line-height:1.5}
.ui-2026 .j26-iv-customer-name{font-size:14px;color:var(--j26-navy)}
.ui-2026 .j26-iv-customer .j26-kv{margin-top:8px;border-top:1px solid var(--j26-line-2);border-bottom:0}
.ui-2026 .j26-iv-customer-hint{margin:6px 0 0}
.ui-2026 .j26-iv-savebar{z-index:5}
.ui-2026 .j26-iv-savebar-t{font-size:13px}
.ui-2026 .j26-iv-savebar-t strong{color:var(--j26-navy)}

/* ---------- factuurregel ---------- */
.ui-2026 .j26-iv-lineform{display:flex;flex-direction:column;gap:24px;margin:0}
.ui-2026 .j26-iv-adorn{position:relative}
.ui-2026 .j26-iv-pre,.ui-2026 .j26-iv-suf{position:absolute;top:0;height:40px;display:flex;align-items:center;font-size:13px;color:var(--j26-faint);pointer-events:none}
.ui-2026 .j26-iv-pre{left:12px}
.ui-2026 .j26-iv-suf{right:12px}
.ui-2026 .j26-iv .j26-iv-in-pre{padding-left:28px}
.ui-2026 .j26-iv .j26-iv-in-suf{padding-right:30px}
.ui-2026 .j26-iv-act{align-items:flex-start;padding:10px 14px;font-size:12.5px}
.ui-2026 .j26-iv-act-hrs{width:38px;flex:none;padding-top:1px}
.ui-2026 .j26-iv-act-d{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;white-space:normal}
.ui-2026 table.j26-iv-mini{width:100%;font-size:12.5px;border-collapse:collapse}
.ui-2026 .j26-iv-mini th{font-size:11.5px;font-weight:600;color:var(--j26-muted);text-align:left;padding:7px 10px;border-bottom:1px solid var(--j26-line);background:var(--j26-subtle);white-space:nowrap}
.ui-2026 .j26-iv-mini th.j26-num{text-align:right}
.ui-2026 .j26-iv-mini td{padding:6px 10px;border-bottom:1px solid var(--j26-line-2);vertical-align:middle}
.ui-2026 .j26-iv-mini tr:last-child td{border-bottom:0}
.ui-2026 .j26-iv-mini tr:hover td{background:var(--j26-navy-tint-2)}
.ui-2026 .j26-iv-mini .j26-iv-pill-sm{margin-left:0}
.ui-2026 .j26-iv-pricebtn{border:1px solid transparent;background:transparent;border-radius:7px;padding:2px 6px;font:inherit;font-size:12.5px;font-weight:600;color:var(--j26-navy);cursor:pointer;font-variant-numeric:tabular-nums}
.ui-2026 .j26-iv-pricebtn:hover,.ui-2026 .j26-iv-pricebtn:focus{border-color:#C5CFE0;background:#fff;outline:0}

/* ---------- verzenden ---------- */
.ui-2026 .j26-iv-steps{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ui-2026 .j26-iv-step{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border-radius:12px;border:1px solid var(--j26-line);background:#fff;font-size:13.5px;font-weight:500;color:var(--j26-muted);text-decoration:none}
.ui-2026 a.j26-iv-step:hover{border-color:#C5CFE0;color:var(--j26-navy);text-decoration:none}
.ui-2026 .j26-iv-step b{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;background:#EFF0EC;color:var(--j26-ink-2)}
.ui-2026 .j26-iv-step-done b{background:var(--j26-green-tint);color:var(--j26-green-text)}
.ui-2026 .j26-iv-step-on{border-color:var(--j26-navy);box-shadow:0 0 0 1px var(--j26-navy);color:var(--j26-navy);font-weight:600}
.ui-2026 .j26-iv-step-on b{background:var(--j26-navy);color:#fff}
.ui-2026 .j26-iv-step-line{width:28px;height:1px;background:var(--j26-line-3)}
.ui-2026 .j26-iv-sec-h{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.ui-2026 .j26-iv-sec-n{width:26px;height:26px;border-radius:8px;background:var(--j26-navy);color:#fff;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.ui-2026 .j26-iv-sec-t{font-size:20px}
.ui-2026 .j26-iv-sec-s{font-size:13px}
.ui-2026 .j26-iv-sendform{display:flex;flex-direction:column;gap:24px;margin:0}
.ui-2026 .j26-iv-rows{padding-top:4px;padding-bottom:4px}
.ui-2026 .j26-iv-row{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;padding:16px 0;border-bottom:1px solid var(--j26-line-2)}
.ui-2026 .j26-iv-row:last-child{border-bottom:0}
.ui-2026 .j26-iv-row-l{margin:0;font-size:13px;font-weight:600;color:var(--j26-ink);display:flex;flex-direction:column;gap:4px}
.ui-2026 .j26-iv-row-l small{font-weight:400;color:var(--j26-faint);font-size:12px;line-height:1.4}
.ui-2026 .j26-iv-checks{display:flex;flex-direction:column;gap:2px;min-width:0}
.ui-2026 .j26-iv-ck{display:flex;align-items:center;gap:10px;margin:0;padding:4px 0;font-size:13.5px;font-weight:400;color:var(--j26-ink);cursor:pointer}
.ui-2026 .j26-iv-ck input{width:16px;height:16px;margin:0;flex:none;accent-color:var(--j26-navy)}
.ui-2026 .j26-iv-atts{display:flex;flex-direction:column;gap:10px;min-width:0}
.ui-2026 .j26-iv-attlist{border:1px solid var(--j26-line);border-radius:12px}
.ui-2026 .j26-iv-attlist .j26-list-row{padding:8px 10px 8px 14px;flex-wrap:wrap}
.ui-2026 .j26-iv-att-name{flex:1 1 160px;min-width:0;font-size:13.5px;overflow-wrap:anywhere}
.ui-2026 .j26-iv-toggle{display:inline-flex;align-items:center;gap:8px;margin:0;font-weight:400;cursor:pointer}
.ui-2026 .j26-iv-toggle input:checked+.j26-switch{background:var(--j26-green-dark)}
.ui-2026 .j26-iv-toggle input:checked+.j26-switch::after{left:19px}
.ui-2026 .j26-iv-toggle:focus-within .j26-switch{box-shadow:0 0 0 4px rgba(27,43,75,.15)}
.ui-2026 .j26-iv-toggle .j26-switch::after{transition:left .15s ease}
.ui-2026 .j26-iv-dropzone{width:100%;padding:16px;font:inherit;font-size:13.5px;cursor:pointer}
.ui-2026 .j26-iv-dropzone strong{color:var(--j26-navy)}
.ui-2026 .j26-iv-dropzone:hover,.ui-2026 .j26-iv-dropzone:focus{border-color:#AFC0DA;background:var(--j26-navy-tint-2);outline:0}
.ui-2026 .j26-iv-tok{font-family:'Geist Mono',monospace;font-size:11.5px;background:#F0F1EC;border-radius:6px;padding:2px 6px;color:var(--j26-ink-2);margin-right:4px}
.ui-2026 .j26-iv-mail{border:1px solid var(--j26-line);border-radius:12px;overflow:hidden}
.ui-2026 .j26-iv-mail-h{padding:12px 14px;background:var(--j26-subtle);border-bottom:1px solid var(--j26-line-2);font-size:12.5px;display:grid;grid-template-columns:76px minmax(0,1fr);gap:4px 8px}
.ui-2026 .j26-iv-mail-h span{overflow-wrap:anywhere}
.ui-2026 .j26-iv-mail-h span:nth-child(odd){color:var(--j26-faint)}
.ui-2026 .j26-iv-mail-subject{font-weight:600;color:var(--j26-ink)}
.ui-2026 .j26-iv-mail-b{padding:14px;font-size:13px;line-height:1.55;color:var(--j26-ink-2);overflow-wrap:anywhere}
.ui-2026 .j26-iv-mail-b img{max-width:100%;height:auto}
.ui-2026 .j26-iv-checklist{padding-top:4px;padding-bottom:4px}
.ui-2026 .j26-iv-chk{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--j26-line-2);font-size:13px}
.ui-2026 .j26-iv-chk:last-child{border-bottom:0}
.ui-2026 .j26-iv-chk>.j26-ico{margin-top:1px}
.ui-2026 .j26-iv-chk svg.j26-iv-ok{color:#4F7D22}
.ui-2026 .j26-iv-chk svg.j26-iv-bad{color:var(--j26-red)}
.ui-2026 .j26-iv-chk[data-ok="1"] .j26-iv-bad,.ui-2026 .j26-iv-chk[data-ok="0"] .j26-iv-ok{display:none}
.ui-2026 .j26-iv-chk[data-ok="0"]>span{color:var(--j26-red)}
.ui-2026 .j26-iv-chk-na>.j26-ico{color:var(--j26-placeholder)}

/* ---------- verzendlijst ---------- */
.ui-2026 table.j26-iv-listtbl{min-width:860px}
.ui-2026 .j26-iv-listtbl .j26-iv-cb-h,.ui-2026 .j26-iv-listtbl .j26-iv-cb{width:44px;padding-right:0}
.ui-2026 .j26-iv-listtbl input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--j26-navy);vertical-align:middle}
.ui-2026 .j26-iv-listtbl .j26-iv-act-h{width:200px}
.ui-2026 .j26-iv-to{font-size:13px}
.ui-2026 .j26-iv-listform{display:flex;flex-direction:column;gap:16px;margin:0}
.ui-2026 .j26-iv-bulk{position:sticky;bottom:16px;z-index:5}
.ui-2026 .j26-iv-bulk-sum{font-size:13px;color:#C3CCDD;padding-right:10px;font-variant-numeric:tabular-nums}
.ui-2026 .j26-iv-bulk a.j26-iv-bulk-send{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-radius:8px;background:var(--j26-green);color:var(--j26-navy);font-size:13px;font-weight:600;text-decoration:none}
.ui-2026 .j26-iv-bulk a.j26-iv-bulk-send:hover{background:#9CC266;color:var(--j26-navy)}
.ui-2026 .j26-iv-bulk a.j26-iv-bulk-send.disabled{opacity:.6;pointer-events:none}
.ui-2026 .j26-iv-sendlist .j26-empty strong{color:var(--j26-ink)}

/* ---------- klantgegevens-modal ---------- */
.ui-2026 .j26-iv-cdmodal .modal-body{padding:18px 20px}
.ui-2026 .j26-iv-cd-hint{margin:0 0 14px}
.ui-2026 .j26-iv-cd-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 12px}
.ui-2026 .j26-iv-cd-6{grid-column:span 6}.ui-2026 .j26-iv-cd-4{grid-column:span 4}.ui-2026 .j26-iv-cd-3{grid-column:span 3}.ui-2026 .j26-iv-cd-2{grid-column:span 2}
.ui-2026 .j26-iv-cdmodal .j26-f{margin:0}
.ui-2026 .j26-iv-cdmodal .j26-f>label{margin:0;font-size:13px;font-weight:600;color:var(--j26-ink)}
.ui-2026 .j26-iv-cdmodal .has-error .j26-in{border-color:#C2410C !important;box-shadow:0 0 0 4px rgba(194,65,12,.10)}

/* ---------- mobiel ---------- */
@media (max-width:767px){
  .ui-2026 .j26-iv .j26-page-actions{margin-left:0}
  .ui-2026 .j26-iv-row{grid-template-columns:minmax(0,1fr);gap:8px}
  .ui-2026 .j26-iv-step-line{display:none}
  .ui-2026 .j26-iv-step{padding:7px 10px;font-size:13px}
  .ui-2026 .j26-iv-savebar{bottom:8px}
  .ui-2026 .j26-iv-savebar .j26-iv-savebar-t{flex:1 1 100%}
  .ui-2026 .j26-iv-savebar .j26-iv-push{margin-left:0}
  .ui-2026 .j26-iv-cd-grid{grid-template-columns:minmax(0,1fr)}
  .ui-2026 .j26-iv-cd-6,.ui-2026 .j26-iv-cd-4,.ui-2026 .j26-iv-cd-3,.ui-2026 .j26-iv-cd-2{grid-column:span 1}
  .ui-2026 .j26-iv-bulk{align-self:stretch}
  .ui-2026 .j26-iv-draghint{display:none}
}
/* Financieel — Te factureren, Herinneringen en Abonnementen (nieuwe weergave). Alles onder .j26-if of met j26-if-voorvoegsel. */

/* pagina */
.ui-2026 .content .j26-page.j26-if{padding:8px 0 24px}
.ui-2026 .j26-if .j26-page-head .j26-sub{display:block;margin:0;padding:0;border:0;max-width:760px}
.ui-2026 .j26-if-head-text{display:flex;flex-direction:column;gap:6px;min-width:0}
.ui-2026 .j26-if .j26-page-actions .j26-btn{text-decoration:none}
.ui-2026 .j26-if .j26-page-actions .j26-btn-p,.ui-2026 .j26-if .j26-page-actions .j26-btn-p:hover,
.ui-2026 .j26-if a.j26-btn-p,.ui-2026 .j26-if a.j26-btn-p:hover,.ui-2026 .j26-if a.j26-btn-p:focus{color:#fff}
.ui-2026 .j26-if a.j26-btn,.ui-2026 .j26-if a.j26-btn:hover,.ui-2026 .j26-if a.j26-icon-btn{text-decoration:none}
.ui-2026 .j26-if .j26-btn:focus-visible,.ui-2026 .j26-if .j26-icon-btn:focus-visible,.ui-2026 .j26-if .j26-chip:focus-visible{outline:2px solid var(--j26-navy);outline-offset:2px}
.ui-2026 .j26-if .j26-ico-sm{width:14px;height:14px}
.ui-2026 .j26-if-grow{flex:1 1 auto;min-width:0}
.ui-2026 .j26-if .j26-if-strong{font-weight:600;color:var(--j26-ink)}
.ui-2026 .j26-if a.j26-if-strong{color:var(--j26-ink)}
.ui-2026 .j26-if a.j26-if-strong:hover{color:var(--j26-navy)}
.ui-2026 .j26-if .j26-num{text-align:right;font-variant-numeric:tabular-nums}
.ui-2026 .j26-if .j26-mono{font-family:'Geist Mono',monospace;font-size:12.5px}
.ui-2026 .j26-if .j26-tbl-wrap{overflow:visible}
.ui-2026 .j26-if .j26-tbl-wrap>.j26-toolbar{border-radius:var(--j26-radius) var(--j26-radius) 0 0}
.ui-2026 .j26-if .j26-tbl-foot{border-top:1px solid var(--j26-line-2)}
.ui-2026 .j26-if .j26-tbl-foot .j26-ico{flex:none}
.ui-2026 .j26-if .j26-empty strong{color:var(--j26-ink)}
.ui-2026 .j26-if .j26-card{overflow:hidden}
.ui-2026 .j26-if .j26-card-h .j26-h2{flex:1 1 auto}
.ui-2026 .j26-if .j26-list-row{font-size:13.5px}
.ui-2026 .j26-if .j26-list-row .j26-cell2{min-width:0}
.ui-2026 .j26-if .j26-list-row .j26-cell2>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-2026 .j26-if .j26-alert .j26-ico{flex:none;margin-top:2px}

/* avatars (de layout zet .j26-av standaard op donkerblauw) */
.ui-2026 .j26-if .j26-av{background:#EFF0EC;color:var(--j26-ink-2)}
.ui-2026 .j26-if .j26-av-navy{background:var(--j26-navy-tint);color:var(--j26-navy)}
.ui-2026 .j26-if .j26-av-green{background:var(--j26-green-tint);color:var(--j26-green-text)}
.ui-2026 .j26-if .j26-av-orange{background:var(--j26-orange-tint);color:var(--j26-orange)}

/* zoekveld en chips */
.ui-2026 .j26-if .j26-if-search{flex:0 1 280px;margin:0;font-weight:400}
.ui-2026 .j26-if .j26-if-search:focus-within{border-color:var(--j26-navy);box-shadow:0 0 0 4px rgba(27,43,75,.10)}
.ui-2026 .j26-if .j26-if-search input{height:30px;padding:0;box-shadow:none}
.ui-2026 .j26-if-chips{display:flex;flex-wrap:wrap;gap:6px}
.ui-2026 .j26-if .j26-chip{margin:0;font-weight:400}
.ui-2026 .j26-if .j26-chip.j26-chip-on{font-weight:500}
.ui-2026 .j26-if .j26-chip.j26-chip-on .j26-badge{background:#fff;color:var(--j26-navy)}

/* tabel met groepen (Te factureren, Herinneringen) */
.ui-2026 .j26-if table.j26-if-tbl{min-width:900px;margin:0}
.ui-2026 .j26-if .j26-if-tbl td{vertical-align:middle}
.ui-2026 .j26-if .j26-if-tbl tbody[hidden],.ui-2026 .j26-if .j26-if-tbl tr[hidden],.ui-2026 .j26-if .j26-if-tbl tbody.j26-if-filtered{display:none}
.ui-2026 .j26-if .j26-if-tbl tr.j26-if-grp td{background:var(--j26-subtle);height:46px;border-bottom:1px solid var(--j26-line)}
.ui-2026 .j26-if .j26-if-tbl tbody.j26-if-group + tbody tr:hover td{background:var(--j26-hover)}
.ui-2026 .j26-if .j26-if-tbl tbody.j26-if-current tr.j26-if-grp td{background:var(--j26-navy-tint-2)}
.ui-2026 .j26-if-grp-l{display:flex;align-items:center;gap:10px;min-width:0}
.ui-2026 .j26-if .j26-if-grp-name{margin:0;font:inherit;font-size:14px;font-weight:600;color:var(--j26-ink)}
.ui-2026 .j26-if .j26-if-grp-name a{color:var(--j26-ink)}
.ui-2026 .j26-if .j26-if-grp-name a:hover{color:var(--j26-navy)}
.ui-2026 .j26-if .j26-if-grp-info{font-size:12.5px;font-weight:400}
.ui-2026 .j26-if .j26-if-grp-r{text-align:right;font-size:13px;font-weight:500}
.ui-2026 .j26-if .j26-if-toggle{border:1px solid transparent;color:var(--j26-muted)}
.ui-2026 .j26-if .j26-if-toggle .j26-ico{transition:transform .15s ease}
.ui-2026 .j26-if-tc .j26-if-toggle[aria-expanded="false"] .j26-ico{transform:rotate(-90deg)}
.ui-2026 .j26-if-rm .j26-if-toggle[aria-expanded="true"] .j26-ico{transform:rotate(90deg)}

.ui-2026 .j26-if-src{display:flex;align-items:center;gap:10px;min-width:0}
.ui-2026 .j26-if-src-ic{width:32px;height:32px;border-radius:9px;background:var(--j26-subtle);border:1px solid var(--j26-line-2);display:inline-flex;align-items:center;justify-content:center;color:var(--j26-ink-2);flex:none}
.ui-2026 .j26-if .j26-if-src .j26-cell2 a,.ui-2026 .j26-if .j26-if-src-t{font-weight:500;color:var(--j26-ink)}
.ui-2026 .j26-if .j26-if-src .j26-cell2 a:hover{color:var(--j26-navy)}
.ui-2026 .j26-if .j26-if-src .j26-cell2 small{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-2026 .j26-if a.j26-if-order{color:var(--j26-ink-2)}
.ui-2026 .j26-if a.j26-if-order:hover{color:var(--j26-navy)}
.ui-2026 .j26-if-by{display:inline-flex;align-items:center;gap:8px;font-size:13px}
.ui-2026 .j26-if .j26-if-acts-cell{text-align:right;width:1%}
.ui-2026 .j26-if-acts{display:flex;gap:4px;justify-content:flex-end;align-items:center}
.ui-2026 .j26-if .j26-if-acts .j26-icon-btn{border:1px solid transparent}
.ui-2026 .j26-if .j26-if-acts .j26-if-skip:hover{color:var(--j26-red)}

/* relatie kiezen (modals) */
.ui-2026 .j26-if-picker-hint{margin:0 0 12px;font-size:13px}
.ui-2026 table.j26-if-picker-tbl{width:100% !important;margin:0 !important}
.ui-2026 .j26-if-picker-tbl th{font-size:12px;font-weight:600;color:var(--j26-muted)}
.ui-2026 .j26-if-picker-tbl td{vertical-align:middle !important}
.ui-2026 .j26-if-picker-tbl td:last-child{text-align:right}

/* Herinneringen */
.ui-2026 .j26-if .j26-kpi-v.j26-if-kpi-warn{color:var(--j26-orange)}
.ui-2026 .j26-if .j26-if-rm-tbl tr.j26-if-rel td{height:60px}
.ui-2026 .j26-if .j26-if-rm-tbl tr.j26-if-rel.j26-sel td{background:var(--j26-navy-tint-2)}
.ui-2026 .j26-if-pills{display:inline-flex;gap:6px;align-items:center}
.ui-2026 .j26-if .j26-if-late{color:var(--j26-orange)}
.ui-2026 .j26-if .j26-if-sub tr.j26-if-subrow td{height:48px;background:#fff;font-size:13px}
.ui-2026 .j26-if .j26-if-sub tr.j26-if-subrow td.j26-if-subrow-first{padding-left:62px}
.ui-2026 .j26-if .j26-if-sub tr.j26-if-subrow:last-child td{border-bottom:1px solid var(--j26-line)}
.ui-2026 .j26-if-snooze{display:inline-flex}
.ui-2026 .j26-if .j26-if-snooze .j26-btn[aria-expanded="true"]{background:#F0F1EC}
.ui-2026 .j26-if-menu{position:fixed;z-index:1040;min-width:180px;display:flex;flex-direction:column;gap:1px;text-align:left}
.ui-2026 .j26-if-menu[hidden]{display:none}
.ui-2026 .j26-if-menu-h{padding:6px 10px 4px}
.ui-2026 .j26-if-menu a.j26-menu-i{text-decoration:none;color:var(--j26-ink)}
.ui-2026 .j26-if-menu a.j26-menu-i:focus{background:var(--j26-navy-tint-2);outline:0}

/* Herinnering aanmaken */
.ui-2026 .j26-if-rc .j26-cols{align-items:flex-start}
.ui-2026 .j26-if-rc .j26-col-main{flex:999 1 560px;min-width:0;display:flex;flex-direction:column}
.ui-2026 .j26-if-editor{min-width:0}
.ui-2026 .j26-if-editor .mce-tinymce{border:1px solid var(--j26-line-3) !important;border-radius:10px;overflow:hidden;box-shadow:none !important}
.ui-2026 .j26-if .j26-if-total{background:var(--j26-subtle);font-weight:500}

/* formulieren: oranje "verplicht"-rand van de oude skin uitzetten */
.ui-2026 .j26-if-form .j26-in:required,.ui-2026 .j26-if-form select.j26-in:required{border:1px solid var(--j26-line-3) !important;background-color:#fff !important}
.ui-2026 .j26-if-form .j26-in:required:focus{border-color:var(--j26-navy) !important}
.ui-2026 .j26-if-form .has-error .j26-in{border-color:#C2410C !important}
.ui-2026 .j26-if-form .select2-hidden-accessible:required+.select2-container .select2-selection--single{border-left:1px solid var(--j26-line-3) !important}
.ui-2026 .j26-if-form .select2-container .select2-selection--single{height:40px;border:1px solid var(--j26-line-3);border-radius:10px;display:flex;align-items:center}
.ui-2026 .j26-if-form .select2-container .select2-selection--single .select2-selection__rendered{line-height:38px;padding-left:12px;font-size:14px;color:var(--j26-ink)}
.ui-2026 .j26-if-form .select2-container .select2-selection--single .select2-selection__arrow{height:38px}
.ui-2026 .j26-if-form .has-error .select2-selection--single{border-color:#C2410C !important}

/* Abonnementen */
.ui-2026 .j26-if-ab .j26-tbl .j26-if-th-sub{font-weight:400;color:var(--j26-faint)}
.ui-2026 .j26-if-ab .j26-tbl td.j26-if-date{font-variant-numeric:tabular-nums}
.ui-2026 .j26-if-ab .j26-tbl a.j26-row-link{color:var(--j26-navy)}
.ui-2026 .j26-if-ab .j26-tbl tr.j26-rl-inactive a.j26-row-link{color:var(--j26-ink-2)}
.ui-2026 .j26-if-abf .j26-if-errors{margin:0;padding-left:18px}
.ui-2026 .j26-if-toggle-sw{margin:0}
.ui-2026 .j26-if-toggle-sw input:checked+.j26-switch{background:var(--j26-green-dark)}
.ui-2026 .j26-if-toggle-sw input:checked+.j26-switch::after{left:19px}
.ui-2026 .j26-if-toggle-sw input:focus-visible+.j26-switch{box-shadow:0 0 0 4px rgba(27,43,75,.15)}
.ui-2026 .j26-if-toks{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.ui-2026 .j26-if .j26-if-tok{font-family:'Geist Mono',monospace;font-size:12px;padding:2px 7px;border-radius:6px;background:var(--j26-navy-tint-2);border:1px solid #D5DDEA;color:var(--j26-navy)}
.ui-2026 .j26-if-lines-wrap{overflow-x:auto;border:1px solid var(--j26-line);border-radius:12px}
.ui-2026 table.j26-if-lines{width:100%;min-width:560px;border-collapse:collapse;margin:0}
.ui-2026 .j26-if-lines th{font-size:12px;font-weight:600;color:var(--j26-muted);text-align:left;padding:0 8px;height:36px;background:var(--j26-subtle);border-bottom:1px solid var(--j26-line)}
.ui-2026 .j26-if-lines td{padding:6px 8px;border-bottom:1px solid var(--j26-line-2);vertical-align:middle}
.ui-2026 .j26-if-lines tbody tr:last-child td{border-bottom:0}
.ui-2026 .j26-if-lines .j26-in{height:36px;font-size:13.5px}
.ui-2026 .j26-if-lines .j26-if-col-qty{width:96px}
.ui-2026 .j26-if-lines .j26-if-col-price{width:130px}
.ui-2026 .j26-if-lines .j26-if-col-vat{width:86px}
.ui-2026 .j26-if-lines .j26-if-col-del{width:44px}
.ui-2026 .j26-if-lines .remove-line:hover{color:var(--j26-red)}
.ui-2026 .j26-if-lines-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.ui-2026 .j26-if-lines-sum{margin-left:auto;font-size:13px;color:var(--j26-muted);font-variant-numeric:tabular-nums}
.ui-2026 .j26-if-lines-sum strong{color:var(--j26-navy)}

/* mobiel */
@media (max-width:767px){
  .ui-2026 .j26-if .j26-page-actions{margin-left:0;width:100%}
  .ui-2026 .j26-if .j26-if-search{flex:1 1 100%}
  .ui-2026 .j26-if-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:100%}
  .ui-2026 .j26-if-chips::-webkit-scrollbar{display:none}
  .ui-2026 .j26-if .j26-col-side{max-width:none;flex-basis:100%}
  .ui-2026 .j26-if .j26-h1{font-size:28px}
  .ui-2026 .j26-if-lines-sum{margin-left:0;width:100%}
  .ui-2026 .j26-if .j26-if-sub tr.j26-if-subrow td.j26-if-subrow-first{padding-left:14px}
}
.ui-2026 .j26-tabs,.ui-2026 .j26-rc-tabbar,.ui-2026 .j26od-tabbar{display:flex;align-items:center;gap:6px !important;padding:4px !important;border:1px solid var(--j26-line) !important;border-radius:14px;background:var(--j26-subtle)}
.ui-2026 .j26-rc-tabbar .j26-tabs,.ui-2026 .j26od-tabbar .j26-tabs{padding:0 !important;border:0 !important;border-radius:0;background:transparent}
.ui-2026 .j26-tabs .j26-tab,.ui-2026 .j26-rc-tabbar .j26-tab,.ui-2026 .j26od-tabbar .j26-tab,.ui-2026 .j26-tabs button.j26-tab{display:inline-flex;align-items:center;gap:8px;height:38px !important;padding:0 12px !important;margin:0 !important;border:0 !important;border-radius:10px !important;background:transparent;font-size:13.5px;font-weight:500 !important;color:var(--j26-ink-2) !important;text-decoration:none !important;white-space:nowrap;flex:none;box-shadow:none}
.ui-2026 .j26-tabs .j26-tab:hover,.ui-2026 .j26-rc-tabbar .j26-tab:hover,.ui-2026 .j26od-tabbar .j26-tab:hover{background:#fff !important;color:var(--j26-navy) !important}
.ui-2026 .j26-tabs .j26-tab.j26-tab-on,.ui-2026 .j26-rc-tabbar .j26-tab.j26-tab-on,.ui-2026 .j26od-tabbar .j26-tab.j26-tab-on,.ui-2026 .j26-tabs button.j26-tab.j26-tab-on{background:#fff !important;color:var(--j26-navy) !important;font-weight:600 !important;box-shadow:0 0 0 1px #E1E4DD,0 1px 2px rgba(27,43,75,.06)}
.ui-2026 .j26-tabs .j26-tab .j26-badge,.ui-2026 .j26-rc-tabbar .j26-tab .j26-badge,.ui-2026 .j26od-tabbar .j26-tab .j26-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#E4E6E0 !important;color:var(--j26-ink-2) !important;font-size:11px;font-weight:700}
.ui-2026 .j26-tabs .j26-tab.j26-tab-on .j26-badge,.ui-2026 .j26-rc-tabbar .j26-tab.j26-tab-on .j26-badge,.ui-2026 .j26od-tabbar .j26-tab.j26-tab-on .j26-badge{background:var(--j26-navy) !important;color:#fff !important}
.ui-2026 .j26-tabs .j26-tab:focus-visible,.ui-2026 .j26-rc-tabbar .j26-tab:focus-visible,.ui-2026 .j26od-tabbar .j26-tab:focus-visible{outline:2px solid var(--j26-navy) !important;outline-offset:1px}
@media (max-width:767px){.ui-2026 .j26-tabs .j26-tab,.ui-2026 .j26-rc-tabbar .j26-tab,.ui-2026 .j26od-tabbar .j26-tab{height:40px !important}}
.ui-2026 .j26od-tabbar{align-items:center}
.ui-2026 .j26-if-tbl th,.ui-2026 .j26-if-tbl td{padding-left:10px;padding-right:10px}.ui-2026 .j26-if-tbl td:nth-child(5){max-width:170px}.ui-2026 .j26-if-tbl td:nth-child(5) *{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-2026 .j26-if-tbl td.j26-if-acts-cell{white-space:nowrap}

/* Junity 2026 — Start: dashboard, meldingen, wat is er nieuw, help, handleiding, onboarding */

.ui-2026 .content .j26-page.j26-st{padding:8px 0 24px;gap:20px}
.j26-st a{text-decoration:none}
.j26-st .j26-btn{text-decoration:none}
.ui-2026 .j26-st .j26-btn-p,.ui-2026 .j26-st .j26-btn-p:hover,.ui-2026 .j26-st .j26-btn-p:focus{color:#fff}
.j26-st :focus-visible{outline:2px solid var(--j26-green);outline-offset:2px}
.j26-st-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.j26-st-sec{display:flex;flex-direction:column;gap:10px}
.j26-st-sec>.j26-label{margin:0}
.j26-st-card{overflow:hidden;min-width:0}
.j26-st-card .j26-card-h{flex-wrap:wrap}
.j26-st-h-link{margin-left:auto;font-size:13px;font-weight:500;color:var(--j26-navy)}
.j26-st .j26-card-f .j26-st-h-link{margin-left:auto}

/* kleurtonen (dashboard): navy / groen / amber / oranje */
.j26-st-tone-navy{--j26-st-c:var(--j26-navy);--j26-st-t:var(--j26-navy-tint);--j26-st-bg:var(--j26-navy-tint-2);--j26-st-bar:var(--j26-navy)}
.j26-st-tone-green{--j26-st-c:var(--j26-green-text);--j26-st-t:var(--j26-green-tint);--j26-st-bg:var(--j26-green-tint-2);--j26-st-bar:var(--j26-green)}
.j26-st-tone-amber{--j26-st-c:var(--j26-amber);--j26-st-t:var(--j26-amber-tint);--j26-st-bg:#FFFAEC;--j26-st-bar:#E3B341}
.j26-st-tone-orange{--j26-st-c:var(--j26-orange);--j26-st-t:var(--j26-orange-tint);--j26-st-bg:#FFF8F3;--j26-st-bar:#D9774A}

/* snelle acties */
.ui-2026 .j26-st .j26-btn.j26-st-act .j26-ico{color:var(--j26-st-c)}
.ui-2026 .j26-st .j26-btn.j26-st-act:hover{background:var(--j26-st-bg);border-color:var(--j26-st-t)}

/* KPI's */
.j26-st a.j26-kpi{color:inherit}
.j26-st a.j26-kpi:hover{border-color:#C5CFE0;color:inherit}
.ui-2026 .j26-st .j26-kpi.j26-st-kpi{position:relative;overflow:hidden;padding-top:18px;background:linear-gradient(180deg,var(--j26-st-bg,#fff) 0,#fff 72%);transition:border-color .12s,box-shadow .12s,transform .12s}
.ui-2026 .j26-st .j26-kpi.j26-st-kpi::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--j26-st-bar,var(--j26-line))}
.ui-2026 .j26-st a.j26-kpi.j26-st-kpi:hover{border-color:var(--j26-st-t,#C5CFE0);box-shadow:0 6px 18px -12px rgba(27,43,75,.35)}
.j26-st-kpi-ico{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--j26-st-t,var(--j26-navy-tint-2));color:var(--j26-st-c,var(--j26-navy))}
.j26-st-kpi .j26-kpi-l{padding-right:42px}
.j26-st-kpi-warn{border-color:#F3D9C7}
.j26-st-kpi-warn .j26-kpi-v{color:var(--j26-red)}

/* rijen en kaarten */
.ui-2026 .j26-st .j26-st-row{gap:20px;align-items:stretch}
.ui-2026 .j26-st .j26-st-row>.j26-col-main>.j26-st-card{flex:1}
.ui-2026 .j26-st .j26-col-side.j26-st-side-full{max-width:none;flex-basis:100%}
.j26-st-duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;align-items:start}
.ui-2026 .j26-st .j26-st-card .j26-card-h{gap:10px}
.ui-2026 .j26-st .j26-st-card .j26-card-h .j26-st-ico{width:30px;height:30px;border-radius:9px}
.j26-st-card-news{background:linear-gradient(135deg,var(--j26-green-tint-2) 0,#fff 60%);border-color:var(--j26-green-border)}
.j26-st-card-news .j26-card-h{border-bottom-color:var(--j26-green-border)}
.ui-2026 .j26-st-hours .box{border-top:3px solid var(--j26-green)}

/* planning vandaag */
.j26-st-slot{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--j26-line-2)}
.j26-st-slot:last-child{border-bottom:0}
.j26-st-slot-t{font-family:'Geist Mono',monospace;font-size:12.5px;color:var(--j26-ink-2)}
.j26-st-slot-m{min-width:0}
.j26-st-slot-m a{color:var(--j26-navy);font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.j26-st-slot-m small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.j26-st-slot-r{display:inline-flex;align-items:center;gap:10px}
.j26-st-empty{padding:32px 18px}

/* tabellen */
.ui-2026 .j26-st table.j26-st-tbl{min-width:640px}
.ui-2026 .j26-st table.j26-st-tbl td{height:48px}
.ui-2026 .j26-st-modal table.j26-st-tbl-sm{min-width:0}
.ui-2026 .j26-st-modal table.j26-st-tbl-sm td{height:40px}
.j26-st-person{display:inline-flex;align-items:center;gap:8px}
.j26-st-track{min-width:90px}

/* mijn uren (hour-summary component) */
.ui-2026 .j26-st-hours .box{margin-bottom:0}
.ui-2026 .j26-st-hours .box-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}
.ui-2026 .j26-st-hours .box-header small{color:var(--j26-muted);font-size:12.5px}
.ui-2026 .j26-st-hours .box-header a{cursor:pointer;color:var(--j26-green-dark);margin-left:4px}
.ui-2026 .j26-st-hours .info-row{display:flex;justify-content:space-between;margin:0;padding:9px 0;border-bottom:1px solid #F0F1EC;font-size:13.5px}
.ui-2026 .j26-st-hours .info-row:last-of-type{border-bottom:0}
.ui-2026 .j26-st-hours .info-row>[class*="col-"]{float:none;width:auto;padding:0}
.ui-2026 .j26-st-hours .info-row .title-label{color:var(--j26-muted)}
.ui-2026 .j26-st-hours .info-row>[class*="col-"]:last-child{font-weight:500;font-variant-numeric:tabular-nums}
.ui-2026 .j26-st-hours .btn.center-block{width:100%}

/* kaart-inhoud */
.j26-st-news{display:flex;flex-direction:column;gap:8px;font-size:13.5px;line-height:1.5}
.j26-st-news a{color:var(--j26-navy);font-weight:500}
.j26-st-news .j26-btn{align-self:flex-start}
.j26-st-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:4px}

/* systeem */
.j26-st-sys{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--j26-line-2);font-size:13.5px;color:var(--j26-ink)}
.j26-st-sys:last-child{border-bottom:0}
a.j26-st-sys:hover{background:var(--j26-hover);color:var(--j26-ink)}
.j26-st-sys .j26-cell2{flex:1;min-width:0}
.j26-st-sys .j26-btn{margin-left:auto}
.j26-st-ico{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex:none;background:var(--j26-st-t,var(--j26-navy-tint-2));color:var(--j26-st-c,var(--j26-navy))}
.j26-st-ico-ok{background:var(--j26-green-tint);color:var(--j26-green-text)}
.j26-st-ico-warn{background:var(--j26-orange-tint);color:var(--j26-orange)}
.j26-st-chev{color:var(--j26-faint);margin-left:auto}

/* back-up modal */
.ui-2026 .j26-st-modal .j26-st-modal-h{display:flex;align-items:center;gap:12px}
.ui-2026 .j26-st-modal .j26-st-modal-h::before,.ui-2026 .j26-st-modal .j26-st-modal-h::after{display:none}
.ui-2026 .j26-st-modal .j26-st-modal-h .j26-cell2{flex:1;min-width:0}
.ui-2026 .j26-st-modal .j26-st-modal-h .modal-title{margin:0}
.ui-2026 .j26-st-modal .j26-st-modal-h .close{margin:0;float:none;opacity:.6}
.ui-2026 .j26-st-modal .j26-st-modal-b{display:flex;flex-direction:column;gap:16px;padding:18px 20px}
.j26-st-modal-kpis{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.ui-2026 .j26-st .j26-st-kpi-sm,.ui-2026 .j26-st-modal .j26-st-kpi-sm{font-size:19px}
.ui-2026 .j26-st-modal .j26-st-modal-f{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.ui-2026 .j26-st-modal .j26-st-modal-f::before,.ui-2026 .j26-st-modal .j26-st-modal-f::after{display:none}
.ui-2026 .j26-st-modal .j26-st-modal-f .j26-btn{margin:0;text-decoration:none}
.ui-2026 .j26-st-modal .j26-st-modal-f .j26-btn-p{color:#fff}
.ui-2026 .j26-st-modal .j26-st-modal-f .j26-btn-g{margin-right:auto;order:-1}

/* onboarding */
.j26-st-welcome{display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px;padding:28px;border-radius:var(--j26-radius);background:var(--j26-navy);color:#C3CCDD}
.j26-st-welcome-t{flex:1 1 420px;display:flex;flex-direction:column;gap:10px}
.j26-st-welcome .j26-h1{color:#fff}
.j26-st-welcome .j26-h1 a{color:#C4E09B}
.j26-st-welcome p{margin:0;font-size:15px;line-height:1.5;max-width:640px}
.j26-st-welcome strong{color:#fff}
.ui-2026 .j26-st-welcome .j26-btn-p{background:var(--j26-green-dark);border-color:var(--j26-green-dark)}
.j26-st-step{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--j26-line-2)}
.j26-st-step:last-child{border-bottom:0}
.j26-st-step .j26-cell2{flex:1;min-width:0;gap:2px}
.j26-st-step .j26-cell2 a{color:var(--j26-navy);font-weight:500}
.j26-st-step-on{background:var(--j26-navy-tint-2)}
.j26-st-num{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;font-size:13px;font-weight:700;background:#EFF0EC;color:var(--j26-ink-2)}
.j26-st-num-on{background:var(--j26-navy);color:#fff}
.j26-st-num-done{background:var(--j26-green-tint);color:var(--j26-green-text)}
.j26-st-onb-img img{display:block;width:100%;height:auto}

/* tekstopmaak (wat is er nieuw, help) */
.j26-st-prose{font-size:14px;line-height:1.6;color:var(--j26-ink)}
.j26-st-prose p{margin:0 0 12px}
.j26-st-prose h2{margin:28px 0 8px;font-family:'Bricolage Grotesque',sans-serif;font-size:22px;font-weight:700;letter-spacing:-0.02em;color:var(--j26-navy);scroll-margin-top:90px}
.j26-st-prose h3{margin:22px 0 6px;font-family:'Bricolage Grotesque',sans-serif;font-size:17px;font-weight:700;color:var(--j26-navy);scroll-margin-top:90px}
.j26-st-prose h4{margin:18px 0 6px;font-size:14.5px;font-weight:700;color:var(--j26-ink)}
.j26-st-prose ol,.j26-st-prose ul{margin:0 0 12px;padding-left:22px}
.j26-st-prose li{margin-bottom:4px}
.j26-st-prose a{color:var(--j26-navy);font-weight:500;text-decoration:underline;text-underline-offset:2px}
.j26-st-prose img,.j26-st-shot{display:block;max-width:100%;height:auto;margin:8px 0 16px;border:1px solid var(--j26-line);border-radius:12px;padding:0;background:#fff}
.ui-2026 .j26-st-prose .img-thumbnail{padding:0;border-radius:12px;border-color:var(--j26-line)}
.j26-st-prose table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:13.5px}
.j26-st-prose table th,.j26-st-prose table td{padding:8px 10px;border-bottom:1px solid var(--j26-line-2);text-align:left;vertical-align:top}
.j26-st-legend{list-style:none;padding:0 !important;display:flex;flex-direction:column;gap:8px}
.j26-st-legend li{display:flex;align-items:flex-start;gap:10px;margin:0}
.j26-st-legend .j26-pill{flex:none}

/* meldingen */
.j26-st-nt-range{margin-left:auto;font-size:13px}
.j26-st-nt-grp{padding:10px 18px 6px;font-size:12px;font-weight:600;color:var(--j26-muted);text-transform:uppercase;letter-spacing:.03em;background:var(--j26-subtle);border-bottom:1px solid var(--j26-line-2)}
.j26-st-nt-row{display:grid;grid-template-columns:8px 34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--j26-line-2);color:var(--j26-ink);font-size:13.5px}
.j26-st-nt-row:hover{background:var(--j26-hover);color:var(--j26-ink)}
.j26-st-nt-dot{width:8px;height:8px;border-radius:50%;background:transparent}
.j26-st-nt-new .j26-st-nt-dot{background:#D9774A}
.j26-st-nt-new .j26-st-nt-msg{font-weight:600}
.j26-st-nt-ico{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--j26-navy-tint-2);color:var(--j26-navy)}
.ui-2026 .j26-st-nt-ico i,.ui-2026 .j26-st-nt-ico i[class*="text-"]{color:var(--j26-navy) !important;font-size:15px}
.j26-st-nt-msg{min-width:0;overflow-wrap:anywhere}
.j26-st-nt-msg a{color:var(--j26-navy)}
.j26-st-nt-when{display:flex;flex-direction:column;align-items:flex-end;font-size:12.5px;white-space:nowrap;font-variant-numeric:tabular-nums}
.j26-st-nt-when small{font-size:11.5px;color:var(--j26-faint)}
.j26-st-nt-none[hidden]{display:none}
.j26-st-ann{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--j26-navy-tint-2);border:1px solid #D5DDEA}
.j26-st-ann-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.j26-st-ann-d{font-size:13.5px;line-height:1.5;color:var(--j26-ink)}
.j26-st-ann-d p:last-child{margin-bottom:0}

/* help */
.j26-st-help{display:grid;grid-template-columns:220px minmax(0,1fr) 260px;gap:24px;align-items:start}
.j26-st-toc{position:sticky;top:80px;display:flex;flex-direction:column;gap:2px}
.j26-st-toc a{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;font-size:13.5px;color:var(--j26-ink-2)}
.j26-st-toc a:hover{background:#EEF0EA;color:var(--j26-navy)}
.j26-st-toc-g{padding:14px 10px 4px;font-size:11.5px;font-weight:600;color:var(--j26-muted);text-transform:uppercase;letter-spacing:.03em}
.j26-st-toc-g:first-child{padding-top:0}
.j26-st-toc a.j26-st-toc-sub{padding-left:34px;font-size:13px;color:var(--j26-muted)}
.j26-st-art{display:flex;flex-direction:column;gap:20px;min-width:0}
.j26-st-art-h1{margin:6px 0 14px;scroll-margin-top:90px}
.j26-st-manual-cta .j26-card-b{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.j26-st-manual-cta p{margin:0;font-size:13.5px;line-height:1.5}
.j26-st-aside{position:sticky;top:80px;display:flex;flex-direction:column;gap:16px;min-width:0}

/* handleiding */
.ui-2026 .j26-st-manual .j26-st-manual-frame{padding-top:0;height:calc(100vh - 230px);min-height:520px}
.ui-2026 .j26-st-manual .j26-st-manual-frame iframe{position:static;width:100%;max-width:none;height:100%;border:0;display:block}

@media (max-width:1199px){
  .j26-st-help{grid-template-columns:200px minmax(0,1fr)}
  .j26-st-aside{grid-column:1 / -1;position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
}

@media (max-width:767px){
  .ui-2026 .content .j26-page.j26-st{gap:16px}
  .j26-st-actions .j26-btn{flex:1 1 auto;justify-content:center}
  .j26-st .j26-col-side{max-width:none}
  .j26-st-slot{grid-template-columns:48px minmax(0,1fr);padding:12px 14px}
  .j26-st-slot-r{grid-column:2}
  .j26-st-sys{padding:12px 14px}
  .j26-st-help{grid-template-columns:minmax(0,1fr)}
  .j26-st-toc{position:static;flex-direction:row;flex-wrap:wrap;gap:6px;padding:10px;border:1px solid var(--j26-line);border-radius:14px;background:#fff}
  .j26-st-toc-g{display:none}
  .j26-st-toc a,.j26-st-toc a.j26-st-toc-sub{padding:6px 10px;background:#F0F1EC;font-size:13px}
  .j26-st-aside{grid-template-columns:minmax(0,1fr)}
  .j26-st-nt-row{grid-template-columns:8px 30px minmax(0,1fr);padding:12px 14px;gap:10px}
  .j26-st-nt-ico{width:30px;height:30px}
  .j26-st-nt-when{grid-column:3;flex-direction:row;gap:8px;align-items:baseline}
  .j26-st-nt-range{margin-left:0}
  .j26-st-welcome{padding:20px}
  .j26-st-step{flex-wrap:wrap;padding:14px}
  .j26-st-step .j26-cell2{flex-basis:calc(100% - 44px)}
  .j26-st-step .j26-btn,.j26-st-step .j26-pill{margin-left:44px}
  .ui-2026 .j26-st-modal .j26-st-modal-f .j26-btn{flex:1 1 calc(50% - 8px);justify-content:center}
  .ui-2026 .j26-st-modal .j26-st-modal-f .j26-btn-g{flex-basis:100%;order:1}
  .ui-2026 .j26-st-manual .j26-st-manual-frame{height:calc(100vh - 200px);min-height:420px}
}

/* Verkoop — Leads (lijst, bekijken, formulier) en Voorstellen in de nieuwe weergave.
   Alles onder .j26-vk (leads) of .j26-vs (voorstellen), of met een j26-vk-/j26-vs-voorvoegsel. */

/* =========================================================
   Leads — algemeen
   ========================================================= */
.ui-2026 .content .j26-page.j26-vk{padding:8px 0 24px}
.j26-vk-head-text,.j26-vs-head-text{display:flex;flex-direction:column;gap:8px;min-width:0}
.j26-vk-titlerow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-width:0}
.ui-2026 .j26-vk .j26-h1{overflow-wrap:anywhere}
.ui-2026 .j26-vk .j26-page-head .j26-sub{display:block;margin:0;padding:0;border:0}
.ui-2026 .j26-vk .j26-page-actions .j26-btn{text-decoration:none}
.ui-2026 .j26-vk .j26-page-actions .j26-btn-p,.ui-2026 .j26-vk .j26-page-actions .j26-btn-p:hover{color:#fff}
.ui-2026 .j26-vk .j26-btn:focus-visible,.ui-2026 .j26-vk .j26-icon-btn:focus-visible,.ui-2026 .j26-vk .j26-seg a:focus-visible{outline:2px solid var(--j26-navy);outline-offset:2px}
.ui-2026 .j26-vk .j26-seg a{text-decoration:none}
.ui-2026 .j26-vk .j26-seg a:hover{color:var(--j26-navy)}
.j26-vk-count{color:var(--j26-muted);font-weight:400}

/* uitklapmenu achter een knop (Bronnen en filters, Meer) */
.j26-vk-more{position:relative;display:inline-flex}
.j26-vk-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:40;min-width:220px;display:flex;flex-direction:column;gap:1px}
.j26-vk-menu[hidden]{display:none}
.j26-vk-menu-r{left:auto;right:0}
.ui-2026 .j26-vk-menu a.j26-menu-i{text-decoration:none;font-weight:500}
.ui-2026 .j26-vk-menu button.j26-menu-i{width:100%;border:0;background:transparent;font:inherit;font-size:13.5px;text-align:left;cursor:pointer}
.ui-2026 .j26-vk-menu .j26-menu-i:focus-visible{outline:2px solid var(--j26-navy);outline-offset:-2px}
.ui-2026 .j26-vk-menu .j26-vk-danger{color:var(--j26-red)}
.j26-vk-morebtn{border-color:var(--j26-line-3)}

/* fasen */
.ui-2026 .j26-vk-stages{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.ui-2026 .j26-vk button.j26-stage{font:inherit;text-align:left;cursor:pointer;width:100%}
.ui-2026 .j26-vk button.j26-stage:disabled{cursor:progress;opacity:.7}
.ui-2026 .j26-vk .j26-stage:focus-visible{outline:2px solid var(--j26-navy);outline-offset:2px}
.ui-2026 .j26-vk .j26-vk-stage{padding:12px 14px}
.ui-2026 .j26-vk .j26-vk-stage .j26-stage-l{font-size:12.5px;line-height:1.3}
.ui-2026 .j26-vk-stages .j26-stage-on .j26-stage-l{color:var(--j26-navy)}

/* lijst */
.ui-2026 .j26-vk .j26-tbl td.j26-vk-mail a{color:var(--j26-ink-2)}
.ui-2026 .j26-vk .j26-tbl td.j26-vk-mail a:hover{color:var(--j26-navy)}
.ui-2026 .j26-vk .j26-rl-name .j26-pill{height:20px;font-size:11px;padding:0 7px;margin-left:6px;vertical-align:1px}
.ui-2026 .j26-vk .j26-tbl .label{display:inline-flex !important;width:auto !important;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:11.5px}

/* =========================================================
   Leads — formulier
   ========================================================= */
.ui-2026 .j26-vk-form .j26-vk-main{gap:0;margin:0}
.ui-2026 .j26-vk-form .j26-vk-sec-first{border-top:0;padding-top:4px}
.ui-2026 .j26-vk-form .form-group{margin-bottom:0}
.ui-2026 .j26-vk-form .j26-f>label{margin:0}
.ui-2026 .j26-vk-form .j26-in:required{border-left:1px solid var(--j26-line-3) !important;background-color:#fff !important}
.ui-2026 .j26-vk-form .j26-in:focus,
.ui-2026 .j26-vk-form .j26-in:required:focus{border-color:var(--j26-navy) !important;box-shadow:0 0 0 4px rgba(27,43,75,.10)}
.ui-2026 .j26-vk-form .j26-in.j26-in-err{border-color:#C2410C !important}
.ui-2026 .j26-vk-form [hidden]{display:none !important}
.j26-vk-row{display:flex;gap:8px;min-width:0}
.j26-vk-row .j26-in{flex:1 1 auto}
.j26-vk-row .j26-btn{height:40px;flex:none}
.ui-2026 .j26-vk-select2 .select2-container{width:100% !important}
.ui-2026 .j26-vk-select2 .select2-container--default .select2-selection--single,
.ui-2026 .j26-vk-select2 .select2-container--default .select2-selection--multiple{min-height:40px;border:1px solid var(--j26-line-3) !important;border-radius:10px}
.ui-2026 .j26-vk-select2 .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:38px;padding-left:12px}
.ui-2026 .j26-vk-select2 .select2-container--default .select2-selection--single .select2-selection__arrow{height:38px}
.ui-2026 .j26-vk-select2 .select2-container--default .select2-selection--multiple .select2-selection__choice{border:0;border-radius:999px;background:var(--j26-navy-tint);color:var(--j26-navy);font-size:12.5px;font-weight:600;padding:2px 10px;margin-top:6px}
.ui-2026 .j26-vk-select2 .select2-container--default.select2-container--focus .select2-selection--multiple,
.ui-2026 .j26-vk-select2 .select2-container--default.select2-container--open .select2-selection{border-color:var(--j26-navy) !important;box-shadow:0 0 0 4px rgba(27,43,75,.10)}
.j26-vk-toggle{display:flex;align-items:center;gap:12px;margin:0;cursor:pointer;font-weight:400}
.ui-2026 .j26-vk-toggle input:checked+.j26-switch{background:var(--j26-green-dark)}
.ui-2026 .j26-vk-toggle input:checked+.j26-switch::after{left:19px}
.ui-2026 .j26-vk-toggle input:focus-visible+.j26-switch{box-shadow:0 0 0 4px rgba(27,43,75,.15)}
.j26-vk-toggle-t{display:flex;flex-direction:column;gap:2px;font-size:14px;color:var(--j26-ink)}
.j26-vk-toggle-t strong{font-weight:600}
.j26-vk-toggle-t span{font-size:12.5px;color:var(--j26-ink-2)}
.ui-2026 .j26-vk-check{display:inline-flex;align-items:center;gap:10px;margin:0;font-size:14px;font-weight:500;color:var(--j26-ink);cursor:pointer}
.ui-2026 .j26-vk-form .j26-savebar{margin-top:8px;z-index:5}
.j26-vk-savebar-t{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.j26-vk-savebar-a{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px}
.ui-2026 .j26-vk-savebar-a a.j26-btn{text-decoration:none}

/* zijkolom */
.j26-vk-h2{font-size:15px}
.ui-2026 .j26-vk-side .j26-card-h .j26-ico{color:var(--j26-muted)}
.j26-vk-empty{margin:0;padding:14px 18px;font-size:13px;line-height:1.5}
.j26-vk-matchalert{margin:12px 14px 0;padding:10px 12px;font-size:13px}
.j26-vk-matchlist{list-style:none;margin:0;padding:6px 0}
.j26-vk-matchlist li{padding:8px 18px;border-bottom:1px solid var(--j26-line-2);font-size:13.5px}
.j26-vk-matchlist li:last-child{border-bottom:0}
.ui-2026 .j26-vk-matchlist a{color:var(--j26-navy);font-weight:500}
.j26-vk-kvk{overflow-x:auto}
.ui-2026 .j26-vk-kvk .table{margin:0;font-size:12.5px}
.ui-2026 .j26-vk-kvk .table td,.ui-2026 .j26-vk-kvk .table th{padding:8px 10px;vertical-align:top}
.ui-2026 .j26-vk-kvk .btn{white-space:nowrap}
.ui-2026 .j26-vk-side .box{margin-bottom:0}
.ui-2026 .j26-vk-notes #NotesTable td{word-break:break-word}
.ui-2026 .j26-vk-notes #NotesTable th:nth-child(2),.ui-2026 .j26-vk-notes #NotesTable td:nth-child(2){width:96px !important;font-size:12.5px;color:var(--j26-muted)}
.ui-2026 .j26-vk-notes #NotesTable th:nth-child(3),.ui-2026 .j26-vk-notes #NotesTable td:nth-child(3){width:118px !important;white-space:nowrap}
.ui-2026 .j26-vk-notes #NotesTable .btn-sm{padding:4px 7px}

/* bekijken */
.j26-vk-kvs{padding-top:4px;padding-bottom:4px}
.ui-2026 .j26-vk-kvs .j26-kv>span:last-child,.ui-2026 .j26-vk-kvs .j26-kv>a{overflow-wrap:anywhere;min-width:0}
.ui-2026 .j26-vk-kvs .j26-kv>a{color:var(--j26-navy)}
.j26-vk-pills{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}
.j26-vk-text{margin:0;font-size:14px;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere}

/* notitie koppelen (venster) */
.j26-vk-modal-hint{margin:0 0 8px}
.ui-2026 .j26-vk-modal-f{display:flex;justify-content:flex-end;gap:8px}
.ui-2026 .j26-vk-modal-f .j26-btn[aria-busy="true"]{opacity:.6}

/* =========================================================
   Voorstellen
   ========================================================= */
.ui-2026 .content .j26-page.j26-vs{padding:8px 0 24px}
.j26-vs-progress{display:flex;flex-direction:column;gap:6px;min-width:200px;font-size:13px;color:var(--j26-ink-2)}
.ui-2026 .j26-vs .j26-btn:focus-visible,.ui-2026 .j26-vs .j26-icon-btn:focus-visible,.ui-2026 .j26-vs .j26-seg button:focus-visible{outline:2px solid var(--j26-navy);outline-offset:2px}
.ui-2026 .j26-vs .j26-btn:disabled,.ui-2026 .j26-vs .j26-icon-btn:disabled{opacity:.45;cursor:default}
.j26-vs-tabs{scrollbar-width:none}
.j26-vs-tabs::-webkit-scrollbar{display:none}
.ui-2026 .j26-vs-tabs .j26-tab{border-top:0;border-left:0;border-right:0;background:transparent;font:inherit;font-size:13.5px;cursor:pointer;border-radius:0}
.ui-2026 .j26-vs-tabs .j26-tab:focus-visible{outline:2px solid var(--j26-navy);outline-offset:-2px}
.j26-vs-badge-hot{background:var(--j26-orange-tint);color:var(--j26-orange)}
.ui-2026 .j26-vs .j26-tbl-wrap{overflow:visible}
.j26-vs-type{flex:0 1 240px;min-width:180px}
.ui-2026 .j26-vs-type select.j26-in{height:32px;font-size:13px;border-radius:10px}
.ui-2026 .j26-vs-type .j26-ico{top:8px}
.j26-vs-search{flex:1 1 260px;max-width:360px}
.j26-vs-search:focus-within{border-color:var(--j26-navy);box-shadow:0 0 0 4px rgba(27,43,75,.10)}
.j26-vs-tools{margin-left:auto}
.j26-vs-bulkrow{display:flex;justify-content:center;padding:10px;border-bottom:1px solid var(--j26-line-2);background:var(--j26-subtle);position:sticky;top:0;z-index:6}
.ui-2026 .j26-vs-bulkrow .j26-bulk .j26-vs-bulk-clear{background:transparent;color:#C3CCDD}
.ui-2026 .j26-vs-bulkrow .j26-bulk .j26-vs-bulk-clear:hover{color:#fff}
.ui-2026 .j26-vs-bulkrow .j26-bulk button:focus-visible{outline:2px solid #C4E09B;outline-offset:2px}
.j26-vs-spin{width:22px;height:22px;animation:j26-vs-spin 1s linear infinite}
@keyframes j26-vs-spin{to{transform:rotate(360deg)}}
.j26-vs-zero{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--j26-green-tint);color:var(--j26-green-text);box-shadow:0 0 0 8px var(--j26-green-tint-2)}
.j26-vs-zero .j26-ico{width:24px;height:24px}
.j26-vs-empty-t{font-family:'Bricolage Grotesque',sans-serif;font-size:18px;color:var(--j26-navy)}

/* gesplitste weergave */
.j26-vs-split{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);min-height:560px}
.j26-vs-queue{display:flex;flex-direction:column;border-right:1px solid var(--j26-line-2);min-width:0}
.j26-vs-qlist{list-style:none;margin:0;padding:0;max-height:720px;overflow-y:auto}
.j26-vs-qi{display:flex;gap:12px;align-items:flex-start;padding:12px 16px 12px 13px;border-bottom:1px solid var(--j26-line-2);border-left:3px solid transparent}
.j26-vs-qi:hover{background:var(--j26-hover)}
.j26-vs-qi-on{background:var(--j26-navy-tint-2);border-left-color:var(--j26-navy)}
.j26-vs-qi-on:hover{background:var(--j26-navy-tint-2)}
.j26-vs-qi-sel{background:#F7F9FC}
.j26-vs-qi-check{display:inline-flex;padding-top:3px;flex:none}
.j26-vs-qi-state{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#EFF0EC;color:var(--j26-muted)}
.j26-vs-st-accepted{background:var(--j26-green-tint);color:var(--j26-green-text)}
.j26-vs-st-rejected{background:var(--j26-orange-tint);color:var(--j26-orange)}
.j26-vs-qi-state .j26-ico{width:12px;height:12px}
.j26-vs-qi-main{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1;padding:0;border:0;background:transparent;font:inherit;text-align:left;color:inherit;cursor:pointer}
.j26-vs-qi-main:focus-visible{outline:2px solid var(--j26-navy);outline-offset:3px;border-radius:6px}
.j26-vs-qi-top{display:flex;align-items:center;gap:6px;min-width:0}
.ui-2026 .j26-vs-qi-top .j26-pill,.ui-2026 .j26-vs-qi-status{height:20px;font-size:11px;padding:0 7px}
.j26-vs-qi-time{margin-left:auto;font-size:12px;color:var(--j26-muted);white-space:nowrap}
.j26-vs-qi-t{font-size:13.5px;font-weight:500;color:var(--j26-ink);line-height:1.35;overflow-wrap:anywhere}
.j26-vs-qi-on .j26-vs-qi-t{color:var(--j26-navy);font-weight:600}
.j26-vs-qi-m{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.j26-vs-qi-status{margin-left:auto}
.j26-vs-tag{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:#4A5262;background:#F0F1EC;border-radius:6px;padding:1px 6px}
.j26-vs-tag-ai{background:var(--j26-green-tint);color:var(--j26-green-text);font-weight:600}
.ui-2026 .j26-vs-pager{margin-top:auto;border-top:1px solid var(--j26-line-2)}
.j26-vs-pager-b{margin-left:auto;display:flex;gap:6px}
.j26-vs-detail{display:flex;flex-direction:column;gap:18px;padding:22px 26px;min-width:0}
.j26-vs-dhead{display:flex;flex-direction:column;gap:10px}
.j26-vs-pills{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.j26-vs-push{margin-left:auto}
.ui-2026 .j26-vs .j26-vs-dtitle{font-size:26px;overflow-wrap:anywhere}
.j26-vs-dmeta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--j26-muted)}
.ui-2026 a.j26-vs-target{align-items:center;color:var(--j26-ink);text-decoration:none}
.ui-2026 a.j26-vs-target:hover{border-color:#C5CFE0;color:var(--j26-ink)}
.ui-2026 a.j26-vs-target strong{color:var(--j26-navy)}
.ui-2026 a.j26-vs-target:focus-visible{outline:2px solid var(--j26-navy);outline-offset:2px}
.j26-vs-reason{line-height:1.5}
.ui-2026 .j26-vs .j26-alert .j26-ico{margin-top:2px}
.j26-vs-h3{font-size:15px}
.j26-vs-handled{margin:0;font-size:13px}
.ui-2026 .j26-vs-reject{border-color:#F3D3C2}
.ui-2026 .j26-vs-reject .j26-card-b{display:flex;flex-direction:column;gap:8px}
.ui-2026 .j26-vs-reject-l{margin:0;font-size:13px;font-weight:600;color:var(--j26-ink)}
.j26-vs-reject-row{display:flex;flex-wrap:wrap;gap:8px}
.j26-vs-reject-row .j26-in{flex:1 1 220px}
.j26-vs-reject-row .j26-btn{height:40px}
.j26-vs-foot{position:sticky;bottom:16px;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;border:1px solid #E3E5E0;border-radius:14px;background:rgba(255,255,255,.97);box-shadow:0 10px 30px rgba(27,43,75,.08)}
.j26-vs-nav{border-color:var(--j26-line-3)}
.j26-vs-foot-a{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px}
.j26-vs-keys{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:12px;color:var(--j26-muted)}
.j26-vs-keys>span{display:inline-flex;align-items:center;gap:6px}

/* verschiltabel */
.j26-vs-diffbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 14px 8px 18px;border-bottom:1px solid var(--j26-line-2);font-size:12.5px}
.j26-vs-diffbar .j26-btn{margin-left:auto}
table.j26-vs-diff{width:100%;border-collapse:collapse;min-width:420px}
.j26-vs-diff th{font-size:12px;font-weight:600;color:var(--j26-muted);text-align:left;padding:0 14px;height:38px;background:var(--j26-subtle);border-bottom:1px solid var(--j26-line)}
.j26-vs-diff td{font-size:13.5px;padding:10px 14px;border-bottom:1px solid var(--j26-line-2);vertical-align:top;overflow-wrap:anywhere}
.j26-vs-diff tr:last-child td{border-bottom:0}
.j26-vs-diff th.j26-vs-diff-f{width:26%}
.j26-vs-diff th.j26-vs-diff-o{width:34%}
.j26-vs-diff td.j26-vs-diff-f{font-weight:500}
.j26-vs-diff tr.j26-vs-chg td{background:#FBFDF7}
.j26-vs-diff tr.j26-vs-same td{color:var(--j26-faint)}
.j26-vs-old{color:#8A5B4A;text-decoration:line-through;text-decoration-color:rgba(176,54,10,.4)}
.j26-vs-new{display:inline-flex;align-items:center;gap:6px;background:var(--j26-green-tint);color:#2E4A10;border-radius:6px;padding:2px 8px;font-weight:500}

/* kaartenweergave */
.j26-vs-feed{display:flex;flex-direction:column;gap:14px;padding:14px}
.j26-vs-card{overflow:hidden}
.j26-vs-card-sel{border-color:#C5CFE0;box-shadow:0 0 0 1px #C5CFE0}
.j26-vs-card-done{background:var(--j26-subtle)}
.j26-vs-card-h{flex-wrap:wrap}
.j26-vs-card-t{margin:0;flex:1 1 220px;min-width:0;font-size:14.5px;font-weight:600;color:var(--j26-ink);overflow-wrap:anywhere}
.j26-vs-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px}
.j26-vs-card-b{display:flex;flex-direction:column;gap:12px}
.ui-2026 .j26-vs-card-b .j26-vs-diffwrap{border:1px solid var(--j26-line);border-radius:12px;overflow:hidden}
.ui-2026 .j26-vs-target-link{font-size:13px;color:var(--j26-ink-2)}
.ui-2026 .j26-vs-target-link strong{color:var(--j26-navy)}
.j26-vs-reason-note{margin:0;font-size:13.5px;line-height:1.5;color:var(--j26-ink-2)}
.j26-vs-card-f{justify-content:flex-end;border-radius:0}
.ui-2026 .j26-vs-pager-feed{border:1px solid var(--j26-line);border-radius:12px;background:#fff}

/* sneltoetsenvenster */
.j26-vs-overlay{position:fixed;inset:0;z-index:1050;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(27,36,51,.32)}
.j26-vs-keymodal{width:100%;max-width:480px;max-height:calc(100vh - 32px)}
.j26-vs-grow{flex:1}
.j26-vs-keylist{margin:0;padding:8px 20px;overflow-y:auto}
.j26-vs-keylist>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--j26-line-2)}
.j26-vs-keylist>div:last-child{border-bottom:0}
.j26-vs-keylist dt{display:inline-flex;align-items:center;gap:4px;font-weight:400;font-size:12.5px;color:var(--j26-muted);white-space:nowrap}
.j26-vs-keylist dd{margin:0;font-size:13px;color:var(--j26-ink);text-align:right}
.j26-vs-keynote{margin:0;padding:0 20px 12px;font-size:12.5px}

/* =========================================================
   Mobiel
   ========================================================= */
@media (max-width:991px){
  .j26-vs-split{grid-template-columns:minmax(0,1fr)}
  .j26-vs-queue{border-right:0;border-bottom:1px solid var(--j26-line-2)}
  .j26-vs-qlist{max-height:420px}
}
@media (max-width:767px){
  .ui-2026 .j26-vk .j26-page-actions,.ui-2026 .j26-vs .j26-page-actions{margin-left:0;width:100%}
  .ui-2026 .j26-vk .j26-h1,.ui-2026 .j26-vs .j26-h1{font-size:28px}
  .ui-2026 .j26-vk-stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ui-2026 .j26-vk .j26-stage-n{font-size:22px}
  .j26-vk-row{flex-wrap:wrap}
  .j26-vk-row .j26-btn{width:100%;justify-content:center}
  .j26-vk-savebar-a{margin-left:0;width:100%}
  .j26-vk-savebar-a .j26-btn{flex:1 1 auto;justify-content:center}
  .ui-2026 .j26-vk-side{max-width:none}
  .j26-vk-menu:not(.j26-vk-menu-r){left:0;right:auto}
  .j26-vs-progress{flex:1 1 auto;min-width:0}
  .j26-vs-type,.j26-vs-search{flex:1 1 100%;max-width:none}
  .j26-vs-tools{margin-left:0}
  .j26-vs-detail{padding:16px}
  .ui-2026 .j26-vs .j26-vs-dtitle{font-size:22px}
  .j26-vs-foot{bottom:8px}
  .j26-vs-foot-a{width:100%;margin-left:0}
  .j26-vs-foot-a .j26-btn{flex:1 1 auto;justify-content:center}
  .j26-vs-keys{display:none}
  .j26-vs-feed{padding:10px}
  .j26-vs-card-meta{width:100%}
  .j26-vs-diff th.j26-vs-diff-f,.j26-vs-diff th.j26-vs-diff-o{width:auto}
}

/* Redesign 2026 — Beheer (Super-admin): bedrijven, groepen, gebruikers per bedrijf, e-mailinstellingen,
   support, modules, permissies, mededelingen, rapportage-templates, instellingen (+ API-sleutels en backups),
   user logs en gekoppelde gebruikers. Alles onder .j26-adm of met het voorvoegsel j26-adm-.
   Lijsten met DataTables gebruiken daarnaast .j26-ol/.j26-rl (zoekveld, filterchips, rij-menu). */

.ui-2026 .content .j26-page.j26-adm{padding:8px 0 24px}

/* ---------- kop + subnavigatie ---------- */
.j26-adm-head-text{display:flex;flex-direction:column;gap:6px;min-width:0}
.j26-adm-headrow{display:flex;align-items:center;gap:16px;min-width:0}
.j26-adm-tag{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:999px;background:var(--j26-navy);color:#fff;font-size:12px;font-weight:600}
.j26-adm .j26-page-head .j26-h1{margin:0;overflow-wrap:anywhere}
.j26-adm .j26-page-head .j26-sub{margin:0}
.j26-adm-subnav{margin-top:-8px;scrollbar-width:none}
.j26-adm-subnav::-webkit-scrollbar{display:none}
.ui-2026 .j26-adm-subnav a.j26-tab,.ui-2026 .j26-adm-anchors a.j26-tab{text-decoration:none}
.ui-2026 .j26-adm-subnav a.j26-tab:hover,.ui-2026 .j26-adm-anchors a.j26-tab:hover{color:var(--j26-navy)}
.j26-adm-anchors{position:sticky;top:57px;z-index:20;background:#fff;scrollbar-width:none}
.j26-adm-anchors::-webkit-scrollbar{display:none}

/* ---------- algemeen ---------- */
.j26-adm-grow{flex:1 1 auto;min-width:0}
.j26-adm-push{margin-left:auto}
.j26-adm-strong{font-weight:500;color:var(--j26-navy)}
.j26-adm-small{font-size:13px}
.j26-adm-nowrap{white-space:nowrap}
.j26-adm-right{text-align:right !important}
.j26-adm-m0{margin:0}
.j26-adm-inline{display:inline-block;margin:0}
.ui-2026 .j26-adm a.j26-adm-link{font-weight:600;color:var(--j26-navy-2,var(--j26-navy))}
.ui-2026 .j26-adm a.j26-kpi{color:inherit;text-decoration:none}
.ui-2026 .j26-adm a.j26-kpi:hover{border-color:var(--j26-line-3)}
.j26-adm-kpi-bad{background:#FFF8F3;border-color:#F3D3C2}
.j26-adm-kpi-bad .j26-kpi-l,.j26-adm-kpi-bad .j26-kpi-s,.j26-adm-kpi-bad .j26-kpi-v{color:var(--j26-orange,#B0360A)}
.j26-adm-news{align-items:center;flex-wrap:wrap}
.j26-adm-news>.j26-ico{flex:none}
.j26-adm-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:24px;align-items:start}
.j26-adm-stack{display:flex;flex-direction:column;gap:24px;min-width:0}
.ui-2026 .j26-adm .j26-btn-danger:hover{background:#FFF4EE;color:var(--j26-red)}
.ui-2026 .j26-adm .j26-adm-danger{color:var(--j26-red)}
.ui-2026 .j26-adm .j26-adm-danger:hover{background:#FFF4EE !important}
.j26-adm .j26-btn[disabled]{opacity:.5;cursor:not-allowed}

/* invoervelden: oude skin (modern-theme.css) zet een oranje rand op :required */
.ui-2026 .j26-adm .j26-in,.ui-2026 .j26-adm .j26-in:required{border:1px solid var(--j26-line-3) !important;border-radius:10px;box-shadow:none;background-color:#fff}
.ui-2026 .j26-adm .j26-in:focus{border-color:var(--j26-navy) !important;box-shadow:0 0 0 4px rgba(27,43,75,.10)}
.ui-2026 .j26-adm .j26-in[disabled]{background:var(--j26-subtle) !important;color:var(--j26-muted)}
.ui-2026 .j26-adm .j26-in.j26-mono{font-family:'Geist Mono',monospace;font-size:13px}
.ui-2026 .j26-adm textarea.j26-in{height:auto}
.j26-adm .j26-adm-in-sm{height:34px;font-size:13.5px}
.j26-adm .j26-f>label{margin:0}
.j26-adm-fieldset{border:0;padding:0;margin:0;min-width:0}
.ui-2026 .j26-adm-fieldset>legend{border:0;padding:0;margin:0 0 7px;width:auto;font-size:13px;font-weight:600;color:var(--j26-ink)}
.ui-2026 .j26-adm-fieldset>legend.j26-label{font-size:12px;color:var(--j26-muted)}
.j26-adm-f-btn{justify-content:flex-end}
.j26-adm-f-btn .j26-btn{height:40px;justify-content:center}
.j26-adm-sec-first{border-top:0;padding-top:4px}
.j26-adm-formfoot{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.j26-adm-warn-t{display:inline-flex;align-items:flex-start;gap:6px;font-size:12.5px;color:var(--j26-orange,#B0360A)}
.j26-adm-warn-t .j26-ico{margin-top:1px}

/* segment met radio's (type PDF/HTML, mededelingtype) */
.j26-adm-seg-radio{align-self:flex-start;flex-wrap:wrap;height:auto}
.ui-2026 .j26-adm-seg-radio label{position:relative;margin:0;font-weight:500}
.j26-adm-seg-radio input{position:absolute;opacity:0;width:1px;height:1px}
.j26-adm-seg-radio span{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:8px;font-size:13px;color:var(--j26-muted);cursor:pointer}
.j26-adm-seg-radio input:checked+span{background:#fff;color:var(--j26-navy);font-weight:600;box-shadow:0 1px 2px rgba(27,43,75,.10)}
.j26-adm-seg-radio input:focus-visible+span{outline:2px solid var(--j26-navy);outline-offset:1px}

/* savebar */
.j26-adm-form{margin:0}
.j26-adm-savebar{z-index:5;margin-top:8px}
.j26-adm-savebar-t{font-size:13.5px;color:var(--j26-ink-2)}
.j26-adm-savebar-a{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px}

/* onderdelen op de bedrijfspagina */
.j26-adm-part{display:flex;flex-direction:column;gap:16px;padding-top:28px;border-top:1px solid var(--j26-line-2);scroll-margin-top:120px}
#j26-adm-data{scroll-margin-top:120px}
.j26-adm-part .j26-sec{padding-top:4px;border-top:0}
.j26-adm-part-h{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}
.j26-adm-part-h .j26-h2{font-size:22px}
.j26-adm-part-h .j26-sub{margin:4px 0 0}
.j26-adm-danger-zone{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 18px;border:1px solid #F3D3C2;border-radius:14px;background:#FFF8F3}
.j26-adm-danger-zone .j26-adm-grow{display:flex;flex-direction:column;gap:2px;color:#5A3214;font-size:13px}
.j26-adm-danger-zone strong{font-size:14px}

/* ---------- tabellen ---------- */
.j26-adm .j26-tbl-wrap{overflow:visible}
.j26-adm .j26-tbl-wrap>.j26-toolbar{border-radius:var(--j26-radius) var(--j26-radius) 0 0}
.j26-adm .j26-scroll-x{-webkit-overflow-scrolling:touch}
.j26-adm-tbl{width:100%;border-collapse:collapse}
.j26-adm-tbl td{vertical-align:middle}
.j26-adm-tbl td.j26-adm-wrap{white-space:normal;min-width:180px;line-height:1.35}
.j26-adm-tbl tr[hidden]{display:none}
.j26-adm-tbl .j26-empty{padding:32px 16px}
.j26-adm-tbl tr.j26-adm-empty-row td,.j26-adm-tbl tr td[colspan] .j26-empty{white-space:normal}
.j26-adm-act-col{width:92px;text-align:right !important}
.j26-adm-acts{display:flex;gap:6px;justify-content:flex-end;align-items:center}
.j26-adm-namecell{display:flex;align-items:center;gap:10px;min-width:0}
.ui-2026 .j26-adm .j26-tbl a.j26-row-link{font-weight:500;color:var(--j26-navy)}
.j26-adm-grouplabel{display:inline-flex;align-items:center;gap:8px}
.j26-adm-users{display:flex;flex-direction:column;gap:6px}
.j26-adm-users-n{font-size:12.5px;font-weight:500;color:var(--j26-ink-2);font-variant-numeric:tabular-nums}
.j26-adm-users-n.j26-adm-full{color:#9A3D0A}
.j26-adm-track{width:88px}
.j26-adm-tbl tr.j26-adm-inactive td{color:var(--j26-muted)}
.j26-adm-tbl tr.j26-adm-inactive .j26-adm-strong{color:var(--j26-muted)}
.j26-adm .j26-tbl .j26-switch{vertical-align:middle}
.j26-adm .j26-tbl td.j26-adm-ticketcell{white-space:normal;min-width:220px}
.j26-adm .j26-tbl td.j26-adm-ticketcell .j26-cell2{gap:2px}
.j26-adm-ticket{color:inherit;text-decoration:none !important}
.ui-2026 .j26-adm a.j26-adm-ticket:hover{background:var(--j26-subtle);color:inherit}
.j26-adm-ticket .j26-pill{flex:none}
.j26-adm-toolbar-r{margin-left:auto;display:flex;align-items:center;gap:8px}
.j26-adm .j26-seg button .j26-badge{font-size:11px}

/* groepen */
.j26-adm-grp-row{display:flex;align-items:center;gap:10px;padding:10px 18px;border-bottom:1px solid var(--j26-line-2);margin:0}
.j26-adm-grp-row:last-child{border-bottom:0}
.j26-adm-grp-form{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0;margin:0}
.j26-adm-grp-row form{margin:0}
.j26-adm-grp-new{background:#F2F7EA;border-radius:0 0 var(--j26-radius) var(--j26-radius)}
.ui-2026 .j26-adm-grp-row label{margin:0;font-weight:400}

/* ---------- formulieren ---------- */
.j26-adm-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ui-2026 .j26-adm-choice{margin:0;font-weight:400}
.j26-adm-choice:focus-within{box-shadow:0 0 0 4px rgba(27,43,75,.12)}
.j26-adm-choice:has(input:checked){border-color:var(--j26-navy);box-shadow:0 0 0 1px var(--j26-navy);background:#F4F6FA}
.j26-adm-choice-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.j26-adm-choice-t strong{font-size:14px;font-weight:600;color:var(--j26-navy)}
.j26-adm-choice-t span{font-size:12.5px;color:var(--j26-muted)}
.j26-adm-smtp{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 16px}
.j26-adm-smtp[hidden]{display:none}
.j26-adm-cbx-grid{display:flex;flex-wrap:wrap;gap:8px}
.ui-2026 .j26-adm-cbx{display:flex;align-items:center;gap:8px;margin:0;padding:8px 10px;border:1px solid #DADDD6;border-radius:10px;background:#fff;font-size:13.5px;font-weight:400;cursor:pointer}
.j26-adm-cbx:has(input:checked){border-color:#C5CFE0;background:#F1F4F9}
.j26-adm-f-toggle{justify-content:flex-start}
.ui-2026 .j26-adm-toggle{display:inline-flex;align-items:center;gap:10px;height:40px;margin:0;font-weight:500;cursor:pointer}
.j26-adm-toggle input{position:absolute;opacity:0;width:1px;height:1px}
.j26-adm-toggle input:checked~.j26-switch{background:var(--j26-green-dark)}
.j26-adm-toggle input:checked~.j26-switch::after{left:19px}
.j26-adm-toggle input:focus-visible~.j26-switch{outline:2px solid var(--j26-navy);outline-offset:2px}
.j26-adm-range{display:flex;align-items:center;gap:12px}
.j26-adm-range input[type=range]{flex:1 1 auto;min-width:0;accent-color:var(--j26-navy)}
.j26-adm .j26-adm-in-num{width:84px;flex:none}
.j26-adm-pills{display:flex;flex-wrap:wrap;gap:6px}
.ui-2026 .j26-adm-pills a.j26-pill{text-decoration:none}

/* wysihtml5-editor binnen de nieuwe stijl */
.ui-2026 .j26-adm-editor .wysihtml5-toolbar{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 6px;padding:0}
.ui-2026 .j26-adm-editor .wysihtml5-toolbar>li{margin:0}
.ui-2026 .j26-adm-editor .wysihtml5-toolbar .btn{height:30px;padding:0 9px;border-radius:8px;font-size:12.5px}
.ui-2026 .j26-adm-editor iframe.wysihtml5-sandbox,.ui-2026 .j26-adm-editor textarea{width:100% !important;min-height:160px;border:1px solid var(--j26-line-3) !important;border-radius:10px !important}

/* rapportage-templates */
.j26-adm-tplgrid{display:grid;grid-template-columns:minmax(0,2fr) auto minmax(0,2fr) auto;gap:14px;align-items:end}
.j26-adm-tplgrid .j26-f-btn,.j26-adm-tplgrid .j26-adm-f-btn{justify-content:flex-end}

/* ---------- instellingen ---------- */
.j26-adm-cardgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.j26-adm-span2{grid-column:span 2}
.j26-adm-subgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.j26-adm-subgrid>legend{grid-column:span 2}
.j26-adm .j26-kv.j26-adm-kv0{padding-top:0}
.j26-adm-card-f-end{justify-content:flex-end}
.j26-adm .j26-card>.j26-list-row>.j26-ico{color:var(--j26-muted)}
.j26-adm .j26-card>.j26-list-row form{margin:0}
.j26-adm .j26-card-f form,.j26-adm form.j26-card-f{margin:0}
.j26-adm-newtoken{display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--j26-line-2)}
.j26-adm-tokenrow{display:flex;gap:6px;align-items:center}
.j26-adm-bk{display:flex;flex-direction:column;gap:12px}
.j26-adm-bk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.j26-adm-bk-grid>div{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--j26-line-2);border-radius:10px;background:var(--j26-subtle)}
.j26-adm-bk-grid strong{font-family:'Bricolage Grotesque',sans-serif;font-size:18px;color:var(--j26-navy);font-variant-numeric:tabular-nums}
.j26-adm-bk-grid span{font-size:12px;color:var(--j26-muted)}
.j26-adm-wrapf{flex-wrap:wrap}

/* ---------- gekoppelde gebruikers ---------- */
.j26-adm-linkgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:16px;align-items:start}
.j26-adm-linksearch{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0}
.ui-2026 .j26-adm .j26-adm-search-lg{flex:none;height:40px;margin:0;font-weight:400}
.j26-adm-results{display:flex;flex-direction:column;max-height:260px;overflow-y:auto;border:1px solid var(--j26-line);border-radius:12px;background:#fff;box-shadow:0 10px 30px rgba(27,43,75,.08)}
.j26-adm-results[hidden]{display:none}
.j26-adm-res{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;width:100%;padding:10px 12px;border:0;border-bottom:1px solid var(--j26-line-2);background:transparent;font:inherit;font-size:13.5px;text-align:left;color:var(--j26-ink);cursor:pointer}
.j26-adm-res:last-child{border-bottom:0}
button.j26-adm-res:hover,button.j26-adm-res:focus-visible{background:var(--j26-navy-tint-2);outline:0}
.j26-adm-res strong{color:var(--j26-navy);font-weight:600}
.j26-adm-res .j26-pill:first-of-type{margin-left:auto}
.j26-adm-tags{display:flex;flex-wrap:wrap;gap:6px;padding-top:8px;min-width:0}
.j26-adm-tags [hidden]{display:none}
.j26-adm-tag-x{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 4px 0 10px;border-radius:999px;background:var(--j26-navy-tint,#E8EDF6);color:var(--j26-navy);font-size:13px;font-weight:500;max-width:100%}
.j26-adm-tag-x button{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:0;border-radius:50%;background:transparent;color:var(--j26-navy);font-size:16px;line-height:1;cursor:pointer}
.j26-adm-tag-x button:hover,.j26-adm-tag-x button:focus-visible{background:#fff}

/* ---------- mobiel ---------- */
@media (max-width:767px){
  .j26-adm .j26-page-head{align-items:flex-start}
  .j26-adm .j26-page-head .j26-page-actions{margin-left:0;width:100%}
  .j26-adm-headrow{align-items:flex-start;gap:12px}
  .ui-2026 .j26-adm .j26-h1{font-size:26px}
  .j26-adm .j26-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .j26-adm .j26-kpi{padding:12px}
  .j26-adm .j26-kpi-v{font-size:20px}
  .j26-adm-two{grid-template-columns:minmax(0,1fr)}
  .j26-adm .j26-toolbar .j26-search,.j26-adm .j26-toolbar .j26-ol-searchbox{flex:1 1 100%}
  .j26-adm-toolbar-r{margin-left:0}
  .j26-adm .j26-seg{flex-wrap:wrap}
  .j26-adm .j26-sec-l{max-width:none}
  .j26-adm-smtp,.j26-adm-choices,.j26-adm-cardgrid,.j26-adm-subgrid{grid-template-columns:minmax(0,1fr)}
  .j26-adm-smtp>.j26-f{grid-column:span 1}
  .j26-adm-span2,.j26-adm-subgrid>legend{grid-column:span 1}
  .j26-adm-tplgrid,.j26-adm-linkgrid{grid-template-columns:minmax(0,1fr)}
  .j26-adm-bk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .j26-adm-savebar{bottom:8px;padding:10px}
  .j26-adm-savebar-t{flex:1 1 100%}
  .j26-adm-savebar-a{margin-left:0;width:100%}
  .j26-adm-savebar-a .j26-btn{flex:1 1 auto;justify-content:center}
  .j26-adm-grp-row{padding:10px 14px;flex-wrap:wrap}
  .j26-adm-grp-form{flex-wrap:wrap}
  .j26-adm-grp-form .j26-adm-grow{flex:1 1 100%}
  .j26-adm-part-h .j26-page-actions{margin-left:0}
  .j26-adm-danger-zone .j26-btn{width:100%;justify-content:center}
}

/* MCP-activiteit (Instellingen > Koppelingen en Beheer) en Gebruik (Beheer). Voorvoegsels j26-mcp- en j26-use-. */
.ui-2026 .j26-mcp-filter,.ui-2026 .j26-use-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}
.ui-2026 .j26-mcp-filter .j26-ol-select-chip,.ui-2026 .j26-use-filter .j26-ol-select-chip{margin:0;font-weight:400}
.ui-2026 .j26-mcp-period{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 6px 0 12px;border:1px dashed #CDD1C8;border-radius:999px;background:#fff;font-size:13px;color:var(--j26-ink-2)}
.ui-2026 .j26-mcp-period.j26-chip-on{border-style:solid;border-color:#C5CFE0;background:var(--j26-navy-tint);color:var(--j26-navy)}
.ui-2026 .j26-mcp-period input{height:26px;padding:0 4px;border:0;border-radius:6px;background:transparent;font:inherit;font-size:13px;color:inherit}
.ui-2026 .j26-mcp-period input:focus-visible{outline:2px solid var(--j26-navy);outline-offset:1px}
.ui-2026 .j26-mcp-clear{text-decoration:none}
.ui-2026 .j26-mcp-strong{font-weight:600;color:var(--j26-navy)}
.ui-2026 .j26-mcp-meta{display:block;font-size:12px;color:var(--j26-muted);line-height:1.35}
.ui-2026 .j26-mcp-meta.j26-mono{font-size:11.5px}
.ui-2026 .j26-mcp-tbl td{white-space:normal;height:auto;padding-top:12px;padding-bottom:12px;vertical-align:top;line-height:1.4}
.ui-2026 .j26-mcp-tbl td.j26-mcp-when{white-space:nowrap}
.ui-2026 .j26-mcp-subjects{display:flex;flex-direction:column;gap:4px;min-width:180px}
.ui-2026 .j26-mcp-subject{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.ui-2026 .j26-mcp-subject .j26-pill{height:20px;font-size:11.5px}
.ui-2026 .j26-mcp-details{min-width:200px}
.ui-2026 .j26-mcp-details+.j26-mcp-details{margin-top:6px}
.ui-2026 .j26-mcp-details>summary,.ui-2026 .j26-use-group>summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;font-weight:500;color:var(--j26-navy);list-style:none;border-radius:6px}
.ui-2026 .j26-mcp-details>summary::-webkit-details-marker,.ui-2026 .j26-use-group>summary::-webkit-details-marker{display:none}
.ui-2026 .j26-mcp-details>summary::before,.ui-2026 .j26-use-group>summary::before{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .15s}
.ui-2026 .j26-mcp-details[open]>summary::before,.ui-2026 .j26-use-group[open]>summary::before{transform:rotate(45deg)}
.ui-2026 .j26-mcp-details>summary:focus-visible,.ui-2026 .j26-use-group>summary:focus-visible{outline:2px solid var(--j26-navy);outline-offset:2px}
.ui-2026 .j26-mcp-records{display:flex;flex-direction:column;gap:10px;margin-top:8px;padding:10px 12px;border:1px solid var(--j26-line-2);border-radius:10px;background:var(--j26-subtle);max-width:560px}
.ui-2026 .j26-mcp-record-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:13px}
.ui-2026 .j26-mcp-record-h .j26-mcp-meta{display:inline}
.ui-2026 .j26-mcp-field{display:flex;gap:8px;font-size:12.5px;padding-left:8px;overflow-wrap:anywhere}
.ui-2026 .j26-mcp-field-k{flex:none;color:var(--j26-muted)}
.ui-2026 .j26-mcp-field-v{min-width:0}
.ui-2026 .j26-mcp-field-v .j26-mcp-meta{display:inline}
.ui-2026 .j26-mcp-code{font-family:'Geist Mono',monospace;font-size:12px;white-space:pre-wrap;word-break:break-word;padding:1px 5px;border-radius:5px;background:var(--j26-navy-tint-2);color:var(--j26-navy)}
.ui-2026 .j26-pager{justify-content:space-between}
.ui-2026 .j26-pager nav{margin:0}
.ui-2026 .j26-pager .pagination{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0}
.ui-2026 .j26-pager .pagination>li>a,.ui-2026 .j26-pager .pagination>li>span,.ui-2026 .j26-pager .page-link{display:inline-flex;align-items:center;justify-content:center;float:none;height:32px;min-width:32px;margin:0 !important;padding:0 10px !important;border:1px solid var(--j26-line-3) !important;border-radius:9px !important;background:#fff;font-size:13px;font-weight:500;color:var(--j26-navy);text-decoration:none}
.ui-2026 .j26-pager .pagination>li>a:hover,.ui-2026 .j26-pager a.page-link:hover{background:#F6F7F4}
.ui-2026 .j26-pager .pagination>.active>span,.ui-2026 .j26-pager .page-item.active .page-link{background:var(--j26-navy) !important;border-color:var(--j26-navy) !important;color:#fff;font-weight:600}
.ui-2026 .j26-pager .pagination>.disabled>span,.ui-2026 .j26-pager .page-item.disabled .page-link{color:var(--j26-placeholder,#9AA0A8);opacity:.7;cursor:not-allowed}
.ui-2026 .j26-pager .pagination a:focus-visible{outline:2px solid var(--j26-navy);outline-offset:2px}
.ui-2026 .j26-use-tbl th.j26-use-grp{text-align:center;border-left:1px solid var(--j26-line-2)}
.ui-2026 .j26-use-tbl thead tr:first-child th[rowspan]{vertical-align:bottom;padding-bottom:10px}
.ui-2026 .j26-use-tbl thead tr+tr th{height:32px}
.ui-2026 .j26-use-tbl td{height:48px}
.ui-2026 .j26-use-tbl-sm td{height:40px;font-size:13px}
.ui-2026 .j26-use-route{white-space:normal !important;min-width:240px;line-height:1.35;padding-top:8px !important;padding-bottom:8px !important}
.ui-2026 .j26-use-path{display:block;font-size:11.5px;color:var(--j26-muted);overflow-wrap:anywhere}
.ui-2026 .j26-use-unused{display:flex;flex-direction:column;gap:4px}
.ui-2026 .j26-use-group{border-top:1px solid var(--j26-line-2);padding:10px 0}
.ui-2026 .j26-use-group:first-child{border-top:0}
.ui-2026 .j26-use-group>summary .j26-adm-strong{color:inherit}
.ui-2026 .j26-use-group .j26-scroll-x{margin-top:10px;border:1px solid var(--j26-line-2);border-radius:10px}
.ui-2026 .j26-use-back{width:36px;padding:0;justify-content:center;flex:none}
@media (max-width:600px){.ui-2026 .j26-mcp-period{flex-wrap:wrap;height:auto;min-height:32px;max-width:100%;padding:4px 10px;border-radius:12px}.ui-2026 .j26-mcp-period input{min-width:0;max-width:140px}}

/* Uren — weekscherm (Vue: HourRegistration/Hour/*), maandoverzicht, ontbrekende uren, werkbonregels, export en urenoverzicht-widget.
   Alles onder .ui-2026 en met het voorvoegsel j26-hr. */

/* ---------- algemeen ---------- */
.ui-2026 .j26-hr-page{display:flex;flex-direction:column;gap:20px}
.ui-2026 .j26-hr-titles{display:flex;flex-direction:column;gap:6px;min-width:0}
.ui-2026 .j26-hr-titlerow{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.ui-2026 .j26-hr-push{margin-left:auto}
.ui-2026 .j26-hr-strong{font-weight:600;color:var(--j26-navy)}
.ui-2026 .j26-hr-small{font-size:13px}
.ui-2026 .j26-hr-h2s{font-size:15px}
.ui-2026 .j26-hr-none{margin:0;padding:14px 18px;font-size:13px;color:var(--j26-muted)}
.ui-2026 .j26-hr-flink{font-size:13px;font-weight:600}
.ui-2026 .j26-hr-ok{color:var(--j26-green-text) !important}
.ui-2026 .j26-hr-low{color:var(--j26-orange) !important;font-weight:600}
.ui-2026 .j26-hr-amber{color:var(--j26-amber) !important}
.ui-2026 .j26-hr-fill-amber{background:#D9A520}
.ui-2026 .j26-hr-fill-none{background:#C9CDD3}
.ui-2026 .j26-hr-danger{color:var(--j26-red) !important}
.ui-2026 .j26-hr .j26-btn:disabled,.ui-2026 .j26-hr .j26-icon-btn:disabled{opacity:.45;cursor:not-allowed}
.ui-2026 .j26-hr .j26-seg button{min-width:0}
.ui-2026 .j26-hr .j26-in.j26-hr-in-sm,.ui-2026 .j26-hr-in-sm{height:34px;font-size:13.5px}
.ui-2026 .j26-hr .j26-sel-wrap .j26-hr-in-sm+.j26-ico{top:9px}

/* menu's en pop-overs */
.ui-2026 .j26-hr-pop-wrap{position:relative;display:inline-flex}
.ui-2026 .j26-hr-pop,.ui-2026 .j26-hr-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:60;min-width:250px;max-width:calc(100vw - 32px);display:flex;flex-direction:column}
.ui-2026 .j26-hr-pop{left:50%;right:auto;transform:translateX(-50%);min-width:0;padding:8px !important}
.ui-2026 .j26-hr-menu .j26-menu-i,.ui-2026 button.j26-menu-i{width:100%;border:0;background:transparent;font:inherit;font-size:13.5px;text-align:left;cursor:pointer;text-decoration:none}
.ui-2026 .j26-hr-menu .j26-menu-i:hover,.ui-2026 .j26-hr-menu .j26-menu-i:focus{background:var(--j26-navy-tint-2);outline:0}
.ui-2026 .j26-hr-menu .j26-badge{margin-left:auto}
.ui-2026 .j26-hr-more{position:relative;padding:0 10px}
.ui-2026 .j26-hr-more .j26-dot{min-width:8px;width:8px;height:8px;padding:0;top:5px;right:5px;background:#D9774A}

/* vuejs-datepicker en vue2-timepicker */
.ui-2026 .j26-hr .vdp-datepicker .form-control{height:40px;background:#fff}
.ui-2026 .j26-hr .vdp-datepicker__calendar{border:1px solid var(--j26-line);border-radius:12px;padding:6px;box-shadow:0 16px 40px rgba(27,43,75,.14);max-width:100%}
.ui-2026 .j26-hr .vdp-datepicker__calendar .cell{border-radius:8px}
.ui-2026 .j26-hr .vdp-datepicker__calendar .cell.selected,.ui-2026 .j26-hr .vdp-datepicker__calendar .cell.selected:hover{background:var(--j26-navy);color:#fff}
.ui-2026 .j26-hr .vdp-datepicker__calendar .cell.highlighted{background:var(--j26-navy-tint)}
.ui-2026 .j26-hr .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover{border-color:var(--j26-navy)}
.ui-2026 .j26-hr-pop .vdp-datepicker__calendar{border:0;box-shadow:none;padding:0}
.ui-2026 .j26-hr .time-picker{width:100% !important;display:block}
.ui-2026 .j26-hr .time-picker input.display-time{width:100% !important;height:40px;border:1px solid var(--j26-line-3);border-radius:10px;padding:0 12px;font-family:'Geist Mono',monospace;font-size:14px;color:var(--j26-ink)}
.ui-2026 .j26-hr .time-picker .dropdown{border-radius:12px;box-shadow:0 16px 40px rgba(27,43,75,.14);overflow:hidden;z-index:30}
.ui-2026 .j26-hr .time-picker .dropdown ul li:not([disabled]).active,.ui-2026 .j26-hr .time-picker .dropdown ul li:not([disabled]).active:hover{background:var(--j26-navy)}

/* ---------- kop (Index.vue) ---------- */
.ui-2026 .j26-hr-head{align-items:flex-end}
.ui-2026 .j26-hr-actions{align-items:center}
.ui-2026 .j26-hr-user{width:220px}
.ui-2026 .j26-hr-user .j26-in{height:36px;font-size:13.5px;font-weight:600;color:var(--j26-navy)}
.ui-2026 .j26-hr-user .j26-ico{top:10px}
.ui-2026 .j26-hr-me{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 10px 0 6px;border:1px solid var(--j26-line-3);border-radius:10px;font-size:13.5px;font-weight:600;color:var(--j26-navy)}
.ui-2026 .j26-hr-weeknav{display:inline-flex;align-items:center;height:36px;border:1px solid var(--j26-line-3);border-radius:10px;background:#fff}
.ui-2026 .j26-hr-weeknav .j26-icon-btn{width:34px;height:34px}
.ui-2026 .j26-hr-period{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 6px;border:0;background:transparent;font:inherit;font-size:13.5px;font-weight:600;color:var(--j26-navy);cursor:pointer;white-space:nowrap}

/* ---------- weekscherm (Hours.vue) ---------- */
.ui-2026 .j26-hr-week{display:flex;flex-direction:column;gap:20px}
.ui-2026 .j26-hr-alerts{display:flex;flex-wrap:wrap;gap:12px}
.ui-2026 .j26-hr-alert{flex:1 1 380px;align-items:center;flex-wrap:wrap;min-width:0}
.ui-2026 .j26-hr-alert>span:first-of-type{flex:1 1 200px;min-width:0}
.ui-2026 .j26-hr-alert-a{display:inline-flex;flex-wrap:wrap;gap:6px;margin-left:auto}

.ui-2026 .j26-hr-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.ui-2026 .j26-hr-day{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:14px;border:1px solid var(--j26-line);background:#fff;color:var(--j26-ink);min-width:0;font:inherit;text-align:left;cursor:pointer}
.ui-2026 .j26-hr-day:hover{border-color:#C5CFE0}
.ui-2026 .j26-hr-day:focus-visible{outline:0;box-shadow:0 0 0 4px rgba(27,43,75,.15)}
.ui-2026 .j26-hr-day-on,.ui-2026 .j26-hr-day-on:hover{border-color:var(--j26-navy);box-shadow:0 0 0 1px var(--j26-navy)}
.ui-2026 .j26-hr-day-off{background:var(--j26-subtle)}
.ui-2026 .j26-hr-day-d{display:flex;justify-content:space-between;gap:6px;font-size:12.5px;font-weight:600;color:var(--j26-muted)}
.ui-2026 .j26-hr-day-n{font-weight:500;white-space:nowrap}
.ui-2026 .j26-hr-day-h{font-family:'Bricolage Grotesque',sans-serif;font-size:22px;font-weight:700;letter-spacing:-0.02em;font-variant-numeric:tabular-nums;color:var(--j26-navy)}
.ui-2026 .j26-hr-day-zero .j26-hr-day-h{color:#9AA0AA}
.ui-2026 .j26-hr-day-c{font-size:12px;color:var(--j26-faint);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.ui-2026 .j26-hr-main{gap:16px}
.ui-2026 .j26-hr-grp{border:1px solid var(--j26-line);border-radius:16px;background:#fff}
.ui-2026 .j26-hr-grp-h{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px 10px 14px;background:var(--j26-subtle);border-bottom:1px solid var(--j26-line-2);border-radius:16px 16px 0 0}
.ui-2026 .j26-hr-grp-h h2{margin:0;font-family:'Geist',system-ui,sans-serif;font-size:14px;font-weight:600;color:var(--j26-navy)}
.ui-2026 .j26-hr-grp-closed .j26-hr-grp-h{border-bottom:0;border-radius:16px}
.ui-2026 .j26-hr-grp-sel{border-color:#C5CFE0}
.ui-2026 .j26-hr-grp-sel .j26-hr-grp-h{background:#F4F6FA}
.ui-2026 .j26-hr-grp-toggle{display:inline-flex;align-items:center;gap:8px;padding:4px 2px;border:0;background:transparent;font:inherit;cursor:pointer;min-width:0;text-align:left}
.ui-2026 .j26-hr-chev{color:var(--j26-muted);transition:transform .15s ease}
.ui-2026 .j26-hr-grp-toggle[aria-expanded="true"] .j26-hr-chev{transform:rotate(90deg)}
.ui-2026 .j26-hr-grp-n{font-size:13px;color:var(--j26-muted)}
.ui-2026 .j26-hr-grp-t{margin-left:auto;font-family:'Geist Mono',monospace;font-size:14px;font-weight:600;color:var(--j26-navy)}
.ui-2026 .j26-hr-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 16px;text-align:center;color:var(--j26-muted)}
.ui-2026 .j26-hr-empty p{margin:0}

/* urenregels (HourRows.vue) */
.ui-2026 .j26-hr-row{display:grid;grid-template-columns:84px minmax(0,1.25fr) minmax(0,1.25fr) 128px 58px 32px;gap:14px;align-items:center;padding:12px 12px 12px 16px;border-bottom:1px solid #F0F1EC;cursor:pointer}
.ui-2026 .j26-hr-row:last-child{border-bottom:0;border-radius:0 0 16px 16px}
.ui-2026 .j26-hr-row:hover{background:var(--j26-hover)}
.ui-2026 .j26-hr-tm{font-family:'Geist Mono',monospace;font-size:12.5px;color:var(--j26-muted);line-height:1.4}
.ui-2026 .j26-hr-date{display:block;font-family:'Geist',sans-serif;font-size:12px;font-weight:600;color:var(--j26-ink-2);white-space:nowrap}
.ui-2026 .j26-hr-cell{display:flex;flex-direction:column;gap:4px;min-width:0}
.ui-2026 .j26-hr-order{font-size:13.5px;font-weight:600;color:var(--j26-navy);overflow-wrap:anywhere}
.ui-2026 .j26-hr-order .j26-mono{color:var(--j26-muted);font-weight:500;margin-right:2px}
.ui-2026 .j26-hr-path{font-size:12.5px;color:var(--j26-muted);overflow-wrap:anywhere}
.ui-2026 .j26-hr-desc{font-size:13.5px;color:var(--j26-ink-2);overflow-wrap:anywhere}
.ui-2026 .j26-hr-exs{display:flex;flex-wrap:wrap;gap:5px}
.ui-2026 .j26-hr-ex{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 7px;border-radius:6px;background:var(--j26-navy-tint-2);color:var(--j26-navy-3);font-size:11.5px;font-weight:500;white-space:nowrap}
.ui-2026 .j26-hr-ex .j26-ico{width:12px;height:12px}
.ui-2026 .j26-hr-types{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.ui-2026 .j26-hr-types .j26-pill{height:22px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.ui-2026 .j26-hr-factor{font-size:11.5px;color:var(--j26-faint)}
.ui-2026 .j26-hr-t{font-family:'Geist Mono',monospace;font-size:14px;font-weight:500;text-align:right;font-variant-numeric:tabular-nums;color:var(--j26-navy)}
.ui-2026 .j26-hr-row-acts{justify-content:flex-end}

/* zijkolom */
.ui-2026 .j26-hr-side{gap:16px}
.ui-2026 .j26-hr-side .j26-card-h .j26-seg button{height:28px}
.ui-2026 .j26-hr-totals{display:flex;flex-direction:column;gap:12px}
.ui-2026 .j26-hr-big{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}
.ui-2026 .j26-hr-big-v{font-family:'Bricolage Grotesque',sans-serif;font-size:40px;font-weight:700;letter-spacing:-0.03em;color:var(--j26-navy);font-variant-numeric:tabular-nums;line-height:1}
.ui-2026 .j26-hr-big-s{font-size:14px;color:var(--j26-muted)}
.ui-2026 .j26-hr-track-lg{height:8px}
.ui-2026 .j26-hr-kv-total{font-weight:600}
.ui-2026 .j26-hr-kv-total>span:first-child{color:var(--j26-ink) !important}
.ui-2026 .j26-hr-wb{display:flex;flex-direction:column;gap:6px;padding:14px 18px;border-bottom:1px solid var(--j26-line-2)}
.ui-2026 .j26-hr-wb:last-of-type{border-bottom:0}
.ui-2026 .j26-hr-wb-h{display:flex;align-items:center;gap:8px}
.ui-2026 .j26-hr-wb-d{font-size:12.5px;line-height:1.4;color:var(--j26-muted)}
.ui-2026 .j26-hr-wb-a{display:flex;align-items:center;gap:6px}
.ui-2026 .j26-hr-po{display:flex;flex-direction:column;gap:14px}
.ui-2026 .j26-hr-po-i{display:flex;flex-direction:column;gap:6px}
.ui-2026 .j26-hr-po-h{display:flex;justify-content:space-between;gap:12px;font-size:13px}
.ui-2026 .j26-hr-po-n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- maand (HoursList.vue) ---------- */
.ui-2026 .j26-hr-month-nav{display:inline-flex;align-items:center;gap:4px}
.ui-2026 .j26-hr-month-nav .j26-sel-wrap{width:150px}
.ui-2026 .j26-hr-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.ui-2026 .j26-hr-cal-hd{font-size:11.5px;font-weight:600;color:var(--j26-faint);text-align:center;padding-bottom:2px}
.ui-2026 .j26-hr-cal-d{display:flex;flex-direction:column;justify-content:space-between;min-height:62px;padding:7px 9px;border-radius:10px;border:1px solid var(--j26-line-2);background:#fff;color:var(--j26-ink);font:inherit;font-size:12px;text-align:left;cursor:pointer;min-width:0}
.ui-2026 .j26-hr-cal-d:hover{border-color:#C5CFE0}
.ui-2026 .j26-hr-cal-d b{font-weight:600;color:var(--j26-muted)}
.ui-2026 .j26-hr-cal-d span{font-family:'Geist Mono',monospace;font-size:13px;font-weight:500;text-align:right}
.ui-2026 .j26-hr-cal-off{background:var(--j26-subtle)}
.ui-2026 .j26-hr-cal-ok{background:var(--j26-green-tint-2);border-color:var(--j26-green-border)}
.ui-2026 .j26-hr-cal-low{background:var(--j26-orange-tint);border-color:#F3D3C2}
.ui-2026 .j26-hr-cal-low span{color:var(--j26-orange)}
.ui-2026 .j26-hr-cal-high{background:var(--j26-amber-tint);border-color:#F2E3B3}
.ui-2026 .j26-hr-cal-now{border-color:var(--j26-navy);box-shadow:0 0 0 1px var(--j26-navy)}
.ui-2026 .j26-hr-cal-out{background:transparent;border-style:dashed;cursor:default}
.ui-2026 .j26-hr-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;font-size:12px;color:var(--j26-muted)}
.ui-2026 .j26-hr-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.ui-2026 .j26-hr-lg-ok{background:var(--j26-green-border)}
.ui-2026 .j26-hr-lg-low{background:#F3D3C2}
.ui-2026 .j26-hr-lg-high{background:#F2E3B3}

/* ---------- tabellen (ontbrekend, werkbonregels) ---------- */
.ui-2026 table.j26-tbl.j26-hr-tbl{min-width:640px}
.ui-2026 .j26-hr-tbl td.j26-hr-wrap{white-space:normal;min-width:220px;line-height:1.4;padding-top:10px;padding-bottom:10px}
.ui-2026 .j26-hr-click{cursor:pointer}
.ui-2026 .j26-hr-acts{white-space:nowrap}
.ui-2026 .j26-hr-acts>*{vertical-align:middle;margin-left:4px}
.ui-2026 .j26-hr-datecard{display:flex;flex-direction:column;gap:10px}
.ui-2026 .j26-hr-datecard .j26-hint{margin:0}
.ui-2026 .j26-hr-act-sec{display:flex;flex-direction:column;gap:6px;padding-top:12px}
.ui-2026 .j26-hr-act-sec p{margin:0;font-size:13.5px;line-height:1.5;white-space:pre-line}
.ui-2026 .j26-hr-act-img{border-radius:10px;margin-top:8px}

/* ---------- formulier (Hour.vue, Export.vue) ---------- */
.ui-2026 .j26-hr-edit-main{gap:16px}
.ui-2026 .j26-hr-form{display:flex;flex-direction:column;gap:16px}
.ui-2026 .j26-hr-form .form-group{margin:0}
.ui-2026 .j26-hr-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ui-2026 .j26-hr-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ui-2026 .j26-hr-hint{display:flex;align-items:center;gap:6px;margin:-6px 0 0}
.ui-2026 .j26-hr-loading{opacity:.65;transition:opacity .15s ease}
.ui-2026 .j26-hr-chips{display:flex;flex-wrap:wrap;gap:6px}
.ui-2026 .j26-hr-mini-wrap{border:1px solid var(--j26-line);border-radius:12px}
.ui-2026 .j26-hr-mini{width:100%;min-width:560px;border-collapse:collapse;font-size:13px}
.ui-2026 .j26-hr-mini th{font-size:11.5px;font-weight:600;color:var(--j26-muted);text-align:left;padding:8px 10px;border-bottom:1px solid var(--j26-line);background:var(--j26-subtle)}
.ui-2026 .j26-hr-mini td{padding:6px 10px;border-bottom:1px solid #F0F1EC;vertical-align:middle}
.ui-2026 .j26-hr-mini tfoot td{border-bottom:0;font-weight:600;background:var(--j26-subtle)}
.ui-2026 .j26-hr-mini .j26-in{min-width:80px}
.ui-2026 .j26-hr-pause{min-width:110px}
.ui-2026 .j26-hr .j26-hr-pause .time-picker input.display-time{height:34px}
.ui-2026 .j26-hr-edit-f{flex-wrap:wrap}

/* extra's: kilometers, onkosten, overnachtingen */
.ui-2026 .j26-hr-extra .j26-card-h{flex-wrap:wrap}
.ui-2026 .j26-hr-xrow{display:flex;align-items:center;gap:10px;padding:10px 12px 10px 18px;border-top:1px solid var(--j26-line-2);font-size:13.5px}
.ui-2026 .j26-hr-xmain{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.ui-2026 .j26-hr-xmain .label{margin-right:4px}
.ui-2026 .j26-hr-cats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.ui-2026 .j26-hr-cat{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border:1px solid var(--j26-line-3);border-radius:10px;font:inherit;font-size:12.5px;font-weight:500;color:var(--j26-ink-2);background:#fff;cursor:pointer}
.ui-2026 .j26-hr-cat .fa{font-size:16px}
.ui-2026 .j26-hr-cat-on{border-color:var(--j26-navy);box-shadow:0 0 0 1px var(--j26-navy);background:#F4F6FA;color:var(--j26-navy);font-weight:600}

/* ---------- export (blade v2026/export) ---------- */
.ui-2026 .j26-hr-xp-main{gap:0}
.ui-2026 .j26-hr-sec-first{border-top:0;padding-top:4px}
.ui-2026 .j26-hr-block{display:flex !important;flex-direction:column;gap:12px}
.ui-2026 .j26-hr-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.ui-2026 .j26-hr-choices .j26-choice{margin:0;font-weight:400}
.ui-2026 .j26-hr-choices .j26-choice:focus-within{border-color:var(--j26-navy)}
.ui-2026 .j26-hr-ch-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.ui-2026 .j26-hr-ch-t strong{font-size:13.5px;font-weight:600;color:var(--j26-ink)}
.ui-2026 .j26-hr-ch-t span{font-size:12.5px;line-height:1.4;color:var(--j26-muted)}
.ui-2026 .j26-hr-people-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ui-2026 .j26-hr-people-search{flex:1 1 220px;max-width:none}
.ui-2026 .j26-hr-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;max-height:420px;overflow:auto;padding:2px}
.ui-2026 .j26-hr-person{display:flex;align-items:center;gap:10px;margin:0;padding:10px 12px;border:1px solid var(--j26-line-3);border-radius:12px;font-size:13.5px;font-weight:500;cursor:pointer;background:#fff;min-width:0}
.ui-2026 .j26-hr-person:focus-within{border-color:var(--j26-navy)}
.ui-2026 .j26-hr-person-on{border-color:#C5CFE0;background:#F4F6FA}
.ui-2026 .j26-hr-person-n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-2026 .j26-hr-savebar{margin-top:8px;z-index:20}
.ui-2026 .j26-hr-savebar-t{font-size:13.5px;font-weight:600;color:var(--j26-navy)}
.ui-2026 .j26-hr-xp .select2-container{width:100% !important}
.ui-2026 .j26-hr-xp .select2-container--default .select2-selection--multiple .select2-selection__choice{border:0;border-radius:8px;background:var(--j26-navy-tint);color:var(--j26-navy);padding:2px 8px}
.ui-2026 .j26-hr-xp .datepicker.j26-in{height:40px}

/* ---------- urenoverzicht medewerkers (dashboard) ---------- */
.ui-2026 .j26-hr-team{margin-bottom:20px;overflow:hidden}
.ui-2026 .j26-hr-team-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:16px 18px}
.ui-2026 table.j26-tbl.j26-hr-team-tbl{min-width:640px}
.ui-2026 .j26-hr-team-name{display:flex;align-items:center;gap:10px}
.ui-2026 .j26-hr-team-track{width:120px;height:4px;margin-top:5px}
.ui-2026 .j26-hr-team-empty{text-align:center;color:var(--j26-muted)}
.ui-2026 .j26-hr-summary{margin-bottom:20px}

/* ---------- smaller ---------- */
@media (max-width:991px){
  .ui-2026 .j26-hr .j26-col-side,.ui-2026 .j26-hr-xp .j26-col-side{max-width:none;flex-basis:100%}
  .ui-2026 .j26-hr-row{grid-template-columns:72px minmax(0,1fr) minmax(0,1fr) 110px 52px 32px;gap:10px}
}

@media (max-width:767px){
  .ui-2026 .j26-hr-page{gap:16px}
  .ui-2026 .j26-hr-head .j26-h1{font-size:26px}
  .ui-2026 .j26-hr-actions{margin-left:0;width:100%}
  .ui-2026 .j26-hr-user{width:100%;flex:1 1 100%}
  .ui-2026 .j26-hr-actions .j26-btn-p{flex:1 1 auto;justify-content:center}
  .ui-2026 .j26-hr-pop{left:0;transform:none}
  .ui-2026 .j26-hr-days{gap:4px}
  .ui-2026 .j26-hr-day{padding:8px 4px;gap:4px;align-items:center;text-align:center;border-radius:10px}
  .ui-2026 .j26-hr-day-d{flex-direction:column;align-items:center;gap:0;font-size:11.5px}
  .ui-2026 .j26-hr-day-n{font-size:10.5px}
  .ui-2026 .j26-hr-day-h{font-size:14px;letter-spacing:0}
  .ui-2026 .j26-hr-day .j26-track{width:100%;height:4px}
  .ui-2026 .j26-hr-day-c{display:none}
  .ui-2026 .j26-hr-row{grid-template-columns:52px minmax(0,1fr) auto 32px;grid-template-areas:"tm order t acts" "tm desc desc desc" "tm types types types";gap:6px 10px;padding:12px 8px 12px 12px}
  .ui-2026 .j26-hr-row>.j26-hr-tm{grid-area:tm;align-self:start}
  .ui-2026 .j26-hr-row>.j26-hr-cell:nth-child(2){grid-area:order}
  .ui-2026 .j26-hr-row>.j26-hr-cell:nth-child(3){grid-area:desc}
  .ui-2026 .j26-hr-row>.j26-hr-types{grid-area:types;flex-direction:row;flex-wrap:wrap;align-items:center}
  .ui-2026 .j26-hr-row>.j26-hr-t{grid-area:t;align-self:start}
  .ui-2026 .j26-hr-row>.j26-hr-row-acts{grid-area:acts;align-self:start}
  .ui-2026 .j26-hr-grid2,.ui-2026 .j26-hr-grid3{grid-template-columns:minmax(0,1fr)}
  .ui-2026 .j26-hr-cats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ui-2026 .j26-hr-cal{gap:3px}
  .ui-2026 .j26-hr-cal-d{min-height:46px;padding:4px 5px}
  .ui-2026 .j26-hr-cal-d span{font-size:11px}
  .ui-2026 .j26-hr-month .j26-card-h{flex-wrap:wrap}
  .ui-2026 .j26-hr-month-nav{margin-left:0;width:100%}
  .ui-2026 .j26-hr-month-nav .j26-sel-wrap{flex:1 1 auto;width:auto}
  .ui-2026 .j26-hr-xrow{padding-left:14px;flex-wrap:wrap}
  .ui-2026 .j26-hr-big-v{font-size:32px}
  .ui-2026 .j26-hr-savebar{flex-wrap:wrap}
  .ui-2026 .j26-hr-savebar .j26-hr-push{display:none}
  .ui-2026 .j26-hr-team-kpis{grid-template-columns:minmax(0,1fr)}
}

/* Voorraad-module — Producten, Product, Voorraad, Te bestellen, Pakbonnen, Picklists. Alles onder .j26-vr of met j26-vr-voorvoegsel.
   De lijsten gebruiken daarnaast de .j26-ol-/.j26-rl-stijlen van Orders en Relaties (zoekveld, filterchips, DataTables, rij-menu, actiebalk). */

/* ---------- basis ---------- */
.ui-2026 .content .j26-page.j26-vr{padding:8px 0 24px}
.ui-2026 section.content.j26-vr{display:flex;flex-direction:column;gap:20px}
.j26-vr-headtext{display:flex;flex-direction:column;gap:6px;min-width:0}
.ui-2026 .j26-vr .j26-page-head .j26-sub{display:block;margin:0;padding:0;border:0}
.ui-2026 .j26-vr a.j26-btn{color:var(--j26-navy);text-decoration:none}
.ui-2026 .j26-vr a.j26-btn.j26-btn-p{color:#fff}
.ui-2026 .j26-vr .j26-btn[aria-busy="true"],.ui-2026 .j26-vr .j26-btn:disabled{opacity:.55;cursor:default}
.ui-2026 .j26-vr .j26-btn:focus-visible,.ui-2026 .j26-vr .j26-icon-btn:focus-visible,.ui-2026 .j26-vr .j26-tab:focus-visible{outline:2px solid var(--j26-navy);outline-offset:2px}
.ui-2026 .j26-vr a.j26-menu-i{color:var(--j26-ink);text-decoration:none}
.j26-vr-push{margin-left:auto}
.j26-vr-grow{flex:1 1 auto;min-width:0}
.j26-vr-strong{font-weight:600}
.ui-2026 .j26-vr .j26-tbl td.j26-vr-strong{font-weight:600}
.j26-vr-small{font-size:12.5px}
.j26-vr-num{font-variant-numeric:tabular-nums}
.j26-vr-neg{color:var(--j26-orange) !important}
.j26-vr-pos{color:var(--j26-green-text) !important}
.j26-vr-zero{color:var(--j26-placeholder) !important}
.ui-2026 .j26-vr .j26-icon-btn.j26-vr-danger{color:var(--j26-red) !important}
.j26-vr-none{margin:0;font-size:13.5px}
.j26-vr-pre{white-space:pre-line}
.ui-2026 .j26-vr .j26-tbl td.j26-vr-empty-cell{height:auto;padding:36px 14px;text-align:center;color:var(--j26-muted);white-space:normal}
.ui-2026 .j26-vr .j26-tbl td.j26-num,.ui-2026 .j26-vr .j26-tbl th.j26-num{text-align:right;font-variant-numeric:tabular-nums}
.ui-2026 table.j26-tbl.j26-vr-tbl-sm{min-width:640px}
.ui-2026 table.j26-tbl.j26-vr-tbl-auto{min-width:0}
.ui-2026 .j26-vr .j26-tbl td.j26-vr-wrapcell{white-space:normal;min-width:180px;line-height:1.35}
.ui-2026 .j26-vr .j26-tbl td.j26-vr-prodcell{font-size:13px;min-width:240px}
.ui-2026 .j26-vr .j26-tbl tfoot td{font-weight:600}
.ui-2026 .j26-vr .j26-tbl label{display:inline !important;width:auto !important}

/* acties per regel (snelle knoppen + "…"-menu) */
.j26-vr-act{display:inline-flex;align-items:center;justify-content:flex-end;gap:2px}
.ui-2026 .j26-vr .j26-vr-act .j26-btn-sm{height:30px;margin-right:4px}

/* ---------- productoverzicht ---------- */
.ui-2026 .j26-vr .j26-tbl td.j26-vr-namecell{white-space:normal;min-width:240px}
.j26-vr-name{display:flex;align-items:center;gap:12px;padding:6px 0;min-width:0}
.j26-vr-name .j26-cell2{min-width:0;gap:2px}
.ui-2026 .j26-vr-name .j26-row-link{overflow-wrap:anywhere}
.j26-vr-name .j26-mono{font-size:11.5px}
.j26-vr-thumb{width:36px;height:36px;border-radius:10px;background:#F1F2EE;border:1px solid var(--j26-line);display:inline-flex;align-items:center;justify-content:center;color:var(--j26-faint);flex:none;overflow:hidden}
.j26-vr-thumb img{width:100%;height:100%;object-fit:cover}
.j26-vr-thumb-lg{width:52px;height:52px;border-radius:14px}
.j26-vr-stk{display:flex;flex-direction:column;gap:6px;min-width:110px}
.j26-vr-stk>span:first-child{font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--j26-ink-2)}
.j26-vr-stk .j26-track{width:100px}
.j26-vr-stk.j26-vr-below>span:first-child{color:var(--j26-orange)}
.ui-2026 .j26-vr a.j26-vr-strong{font-weight:500}

/* ---------- te bestellen ---------- */
.j26-vr-seg-right{margin-left:auto}
.j26-vr-stk3{font-size:13px;color:var(--j26-ink-2);font-variant-numeric:tabular-nums}
.j26-vr-stk3.j26-vr-below{color:var(--j26-orange);font-weight:600}
.ui-2026 .j26-vr .j26-tbl tr.j26-vr-grp td{background:var(--j26-subtle);height:40px;font-size:12.5px;font-weight:600;color:var(--j26-ink-2);cursor:default}
.ui-2026 .j26-vr .j26-tbl tr.j26-vr-grp:hover td{background:var(--j26-subtle)}
.j26-vr-grp-name{color:var(--j26-navy);font-weight:700;margin-right:4px}
.ui-2026 .j26-vr .j26-tbl td.j26-vr-grp-note{text-align:right;color:var(--j26-muted);font-weight:500}
.j26-vr-sumbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;padding:12px 18px;border-top:1px solid var(--j26-line-2);background:var(--j26-subtle);font-size:13px;color:var(--j26-muted);border-radius:0 0 var(--j26-radius) var(--j26-radius)}
.j26-vr-sumbar b{color:var(--j26-navy);font-variant-numeric:tabular-nums}
.j26-vr-sumbar-note{margin-left:auto;font-size:12.5px}
.ui-2026 .j26-vr .j26-ol-toolbar-note.j26-vr-note-left{margin-left:0}
.ui-2026 .j26-vr .j26-seg button{cursor:pointer}
.ui-2026 .j26-vr .j26-seg button:focus-visible{outline:2px solid var(--j26-navy);outline-offset:1px}

/* ---------- modals (Bootstrap-modal met j26-inhoud) ---------- */
.j26-vr-modal{display:flex;flex-direction:column;gap:16px}
.j26-vr-modal .j26-f>label{margin:0}
.j26-vr-modal-sub{margin:-4px 0 0;font-size:13px;color:var(--j26-muted)}
.j26-vr-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.j26-vr-grid-price{grid-template-columns:minmax(0,1fr) 160px}
.j26-vr-sugg{display:flex;gap:10px;padding:10px 12px;border-radius:10px;background:#FFF8E3;border:1px solid #F2E3B3;font-size:13px;color:#5A4200}
.ui-2026 .j26-vr-sugg a{font-weight:600;color:#5A4200;text-decoration:underline}
.j26-vr-tiers{border:1px solid var(--j26-line);border-radius:12px;overflow:hidden}
.j26-vr-tier{display:grid;grid-template-columns:minmax(0,1fr) 80px 96px 92px;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--j26-line-2);font-size:13.5px}
.j26-vr-tier:last-child{border-bottom:0}
.j26-vr-tier small{color:var(--j26-muted);font-size:12px}
.j26-vr-tier-h{font-size:12px;font-weight:600;color:var(--j26-muted);background:var(--j26-subtle)}
.j26-vr-tier-on{background:var(--j26-navy-tint-2)}
.j26-vr-tier-act{display:flex;justify-content:flex-end}
.ui-2026 .j26-vr-modal .j26-alert{margin:0}
.ui-2026 .j26-vr-modal .v-autocomplete{position:relative}

/* voorraad wijzigen */
.j26-vr-seg-wrap{align-self:flex-start;flex-wrap:wrap;max-width:100%}
.j26-vr-change-grid{display:grid;grid-template-columns:120px repeat(2,minmax(0,1fr));gap:14px}
.j26-vr-change-grid>.j26-f:only-child{grid-column:1 / span 1}
.j26-vr-change-order{grid-template-columns:repeat(2,minmax(0,1fr))}
.j26-vr-prev{display:flex;flex-wrap:wrap;gap:8px 18px;padding:10px 12px;border-radius:10px;background:var(--j26-subtle);border:1px solid var(--j26-line);font-size:13px;color:var(--j26-ink-2)}
.j26-vr-prev b{color:var(--j26-navy);font-variant-numeric:tabular-nums;margin-left:4px}
.j26-vr-change-hint{margin:0}

/* ---------- productscherm ---------- */
.j26-vr-phead{align-items:center}
.j26-vr-ident{display:flex;align-items:center;gap:16px;min-width:0;flex:1 1 420px}
.j26-vr-pimg{width:64px;height:64px;border-radius:16px;background:#F1F2EE;border:1px solid var(--j26-line);display:inline-flex;align-items:center;justify-content:center;color:var(--j26-faint);flex:none;overflow:hidden}
.j26-vr-pimg img{width:100%;height:100%;object-fit:cover}
.j26-vr-pimg .j26-ico{width:26px;height:26px}
.j26-vr-titles{display:flex;flex-direction:column;gap:8px;min-width:0}
.ui-2026 .j26-vr-h1{overflow-wrap:anywhere}
.j26-vr-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:13.5px;color:var(--j26-muted)}
.j26-vr-saved{white-space:nowrap}
.j26-vr-dd{position:relative}
.j26-vr-ddmenu{position:absolute;top:calc(100% + 6px);right:0;z-index:60;min-width:260px;display:flex;flex-direction:column;gap:1px}
.ui-2026 .j26-vr-ddmenu a.j26-menu-i{font-weight:500;white-space:nowrap}
.ui-2026 .j26-vr-ddmenu a.j26-menu-i:focus-visible{outline:2px solid var(--j26-navy);outline-offset:-2px}

.j26-vr-strip{display:flex;flex-wrap:wrap;align-items:stretch;border:1px solid var(--j26-line);border-radius:var(--j26-radius);background:#fff;overflow:hidden}
.j26-vr-strip-c{flex:1 1 140px;display:flex;flex-direction:column;gap:4px;padding:14px 18px;border-right:1px solid var(--j26-line-2);min-width:0}
.j26-vr-strip-tot{background:var(--j26-green-tint-2)}
.j26-vr-strip-tot .j26-vr-strip-l{color:var(--j26-green-text)}
.j26-vr-strip-l{font-size:12.5px;font-weight:600;color:var(--j26-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.j26-vr-strip-v{font-family:'Bricolage Grotesque',sans-serif;font-size:24px;font-weight:700;letter-spacing:-0.02em;color:var(--j26-navy);font-variant-numeric:tabular-nums}
.j26-vr-strip-a{display:flex;align-items:center;gap:6px;padding:12px 16px;margin-left:auto}
.j26-vr-strip-flat{border-radius:12px}

.ui-2026 .j26-vr-tabs{scrollbar-width:none;-ms-overflow-style:none}
.ui-2026 .j26-vr-tabs::-webkit-scrollbar{display:none}
.ui-2026 .j26-vr-tabs a.j26-tab{color:var(--j26-muted);text-decoration:none;cursor:pointer}
.ui-2026 .j26-vr-tabs a.j26-tab:hover{color:var(--j26-navy)}
.ui-2026 .j26-vr-tabs a.j26-tab.j26-tab-on{color:var(--j26-navy);font-weight:600;border-bottom-color:var(--j26-green)}
.ui-2026 .j26-vr-tabs a.j26-tab-on .j26-badge{background:var(--j26-green-tint);color:var(--j26-green-text)}

.j26-vr-cols>.j26-col-main>.view{min-width:0}
.ui-2026 .j26-vr-cardlink{margin-left:auto;font-size:13px}
.j26-vr-bigimg{display:flex;align-items:center;justify-content:center;min-height:160px;border-radius:12px;background:var(--j26-subtle);border:1px solid var(--j26-line-2);overflow:hidden}
.j26-vr-bigimg img{max-width:100%;max-height:260px;object-fit:contain}
.j26-vr-orderrow{align-items:flex-start}
.j26-vr-orderrow .j26-cell2{flex:1;min-width:0;gap:3px}
.ui-2026 .j26-vr-orderrow .j26-row-link{overflow-wrap:anywhere}
.j26-vr-kvs{padding-top:6px;padding-bottom:6px}

/* tabbladen binnen het productscherm (bestaande AdminLTE-boxen) */
.ui-2026 .j26-vr-product .j26-col-main .box{margin-bottom:16px}
.ui-2026 .j26-vr-product .j26-col-main .box .table{min-width:0}

/* details */
.ui-2026 .j26-vr-details .j26-sec.j26-vr-sec-first{border-top:0;padding-top:4px}
.ui-2026 .j26-vr-details .j26-f>label{margin:0}
.ui-2026 .j26-vr .j26-in:required{border-color:var(--j26-line-3) !important;box-shadow:none !important}
.ui-2026 .j26-vr .j26-in:focus{border-color:var(--j26-navy) !important;box-shadow:0 0 0 4px rgba(27,43,75,.10) !important;outline:0}
.ui-2026 .j26-vr .has-error .j26-in,.ui-2026 .j26-vr .j26-f.has-error .j26-in{border-color:#C2410C !important;box-shadow:0 0 0 4px rgba(194,65,12,.10) !important}
.ui-2026 .j26-vr label.j26-choice{margin:0;font-weight:400}
.j26-vr-choice{align-items:center}
.ui-2026 .j26-vr-choice:focus-within{outline:2px solid var(--j26-navy);outline-offset:2px}
.j26-vr-choice-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.j26-vr-choice-t strong{font-size:13.5px;color:var(--j26-ink)}
.j26-vr-unit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:6px}
.j26-vr-sec-1col{grid-template-columns:minmax(0,1fr) !important}
.j26-vr-opt{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px 12px;border:1px solid var(--j26-line);border-radius:12px}
.j26-vr-opt-n{font-size:13.5px;width:140px;color:var(--j26-ink)}
.j26-vr-opt-v{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 200px}
.j26-vr-opt-a{display:flex;gap:2px;margin-left:auto}
.j26-vr-tag{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:8px;background:#F1F2EE;font-size:12.5px;font-weight:500;color:var(--j26-ink-2)}
.j26-vr-inline{display:flex;gap:8px;align-items:flex-start}
.j26-vr-inline>div:first-child{flex:1;min-width:0}

/* voorraad-tabblad */
.j26-vr-stocktab{display:flex;flex-direction:column;gap:20px}
.j26-vr-stocktab-grid{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}
.j26-vr-stocktab-grid>.j26-scroll-x{flex:1 1 320px;border:1px solid var(--j26-line);border-radius:12px}
.j26-vr-stockacts{display:flex;flex-direction:column;gap:8px;flex:0 1 220px}
.j26-vr-stockacts .j26-btn{justify-content:flex-start}
.j26-vr-stockacts-row{flex-direction:row;flex-wrap:wrap;margin-top:16px}
.j26-vr-mut{gap:14px}
.j26-vr-mut .j26-cell2{gap:2px}
.j26-vr-mut-amt{flex:none;min-width:60px;font-weight:700;font-variant-numeric:tabular-nums;text-align:right;font-size:14px}
.j26-vr-plus{color:var(--j26-green-text)}
.j26-vr-min{color:var(--j26-orange)}
.j26-vr-when{flex:none;white-space:nowrap}

/* ---------- voorraadscherm ---------- */
.j26-vr-scan{display:flex;align-items:center;gap:12px;height:56px;padding:0 16px;border:1px solid var(--j26-line-3);border-radius:14px;background:#fff;color:var(--j26-faint);margin:0;font-weight:400;cursor:text}
.j26-vr-scan:focus-within{border-color:var(--j26-navy);box-shadow:0 0 0 4px rgba(27,43,75,.10)}
.j26-vr-scan .j26-ico{width:20px;height:20px}
.j26-vr-scan input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:16px;color:var(--j26-ink);background:transparent}
.j26-vr-scan-state{font-size:12.5px;color:var(--j26-muted);white-space:nowrap}
.j26-vr-child{display:flex;flex-direction:column;gap:16px}
.ui-2026 a.j26-vr-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--j26-muted);align-self:flex-start;text-decoration:none}
.ui-2026 a.j26-vr-back:hover{color:var(--j26-navy)}
.j26-vr-wrap{overflow:hidden}
.ui-2026 table.j26-tbl.j26-vr-tbl-stock{min-width:720px}
.ui-2026 .j26-vr .j26-tbl tr.j26-vr-row-below td{background:#FFF9F5}
.j26-vr-sort{border:0;background:none;padding:0;font:inherit;font-size:12px;font-weight:600;color:var(--j26-muted);cursor:pointer}
.j26-vr-sort:hover,.j26-vr-sort:focus-visible{color:var(--j26-navy)}
.j26-vr-pager{display:flex;gap:6px}
.j26-vr-results .j26-card-h .j26-vr-small{margin-left:auto}
.j26-vr-result{width:100%;border:0;border-bottom:1px solid var(--j26-line-2);background:#fff;text-align:left;font:inherit;cursor:pointer}
.j26-vr-result:hover,.j26-vr-result:focus-visible{background:var(--j26-hover);outline:0}
.j26-vr-result .j26-cell2{gap:2px}
.j26-vr-stockprod{display:flex;flex-direction:column;gap:20px}
.j26-vr-sp-head{gap:14px}
.ui-2026 .j26-vr-sp-name{font-size:16px;font-weight:600}

/* ---------- pakbonformulier ---------- */
.j26-vr-formcard>.j26-card-b{padding:8px 24px 16px}
.ui-2026 .j26-vr-ps .j26-sec.j26-vr-sec-first{border-top:0}
.ui-2026 .j26-vr-ps .j26-f>label,.ui-2026 .j26-vr-ps .j26-lbl{margin:0}
.ui-2026 .j26-vr-ps #ShippingRates[style*="block"]{display:flex !important}
.j26-vr-addr:empty{display:none}
.j26-vr-addr ul{list-style:none;margin:0;padding:4px;border:1px solid var(--j26-line);border-radius:10px;background:#fff;max-height:220px;overflow:auto}
.j26-vr-addr ul:empty{display:none}
.j26-vr-addr li{padding:8px 10px;border-radius:8px;font-size:13.5px;cursor:pointer}
.j26-vr-addr li:hover{background:var(--j26-navy-tint-2)}
.j26-vr-rates{display:flex;flex-direction:column;gap:6px}
.ui-2026 label.j26-vr-rate{display:flex;align-items:center;gap:10px;margin:0;padding:10px 12px;border:1px solid var(--j26-line-3);border-radius:10px;font-size:13.5px;font-weight:500;cursor:pointer}
.ui-2026 label.j26-vr-rate:has(input:checked){border-color:var(--j26-navy);background:#F4F6FA;box-shadow:0 0 0 1px var(--j26-navy)}
.j26-vr-rate input{margin:0;accent-color:var(--j26-navy)}
.ui-2026 .j26-vr-savebar{z-index:5}
.ui-2026 .j26-vr-savebar #FormSubmit{display:inline-flex}
.j26-vr-pstable{display:flex;flex-direction:column;gap:10px;min-width:0}
.j26-vr-pstable-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.j26-vr-ptbl-wrap{border:1px solid var(--j26-line);border-radius:12px}
.ui-2026 .j26-vr .j26-tbl td.j26-vr-handle{width:28px;padding:0 4px 0 12px;color:var(--j26-placeholder);cursor:grab}
.j26-vr-handle-col{width:28px}
.ui-2026 .j26-vr-ptbl tr.ghost td{background:var(--j26-navy-tint) !important;opacity:.7}

/* ---------- picken ---------- */
.j26-vr-h1-mono{font-family:'Geist Mono',monospace;font-size:.7em;letter-spacing:0}
.j26-vr-pk-h{gap:16px}
.j26-vr-pk-colord{width:72px;text-align:center}
.j26-vr-pk-colstep{width:156px;text-align:center}
.j26-vr-pk-coldone{width:28px}
.j26-vr-pk{display:grid;grid-template-columns:72px minmax(0,1fr) 156px 28px;align-items:center;gap:16px;padding:16px 18px;border-bottom:1px solid var(--j26-line-2)}
.j26-vr-pk:last-child{border-bottom:0}
.j26-vr-pk-on{background:var(--j26-green-tint-2);box-shadow:inset 3px 0 0 var(--j26-green)}
.j26-vr-pk-n{font-family:'Bricolage Grotesque',sans-serif;font-size:30px;font-weight:700;color:var(--j26-navy);text-align:center;font-variant-numeric:tabular-nums;cursor:pointer;line-height:1}
.j26-vr-pk-n small{display:block;font-family:'Geist',sans-serif;font-size:12px;font-weight:500;color:var(--j26-muted);margin-top:4px}
.j26-vr-pk-main{display:flex;flex-direction:column;gap:6px;min-width:0}
.j26-vr-pk-title{display:flex;flex-wrap:wrap;align-items:center;gap:10px;cursor:pointer}
.j26-vr-pk-title strong{font-size:15px;color:var(--j26-navy);overflow-wrap:anywhere}
.j26-vr-pk-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--j26-muted)}
.j26-vr-pk-serials{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.ui-2026 .j26-vr-pk-serials .j26-btn-sm{height:28px;padding:0 8px;font-size:12.5px}
.j26-vr-ser{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 4px 0 10px;border-radius:8px;background:var(--j26-navy-tint);color:var(--j26-navy);font-family:'Geist Mono',monospace;font-size:12px;font-weight:500}
.j26-vr-ser button{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:0;border-radius:6px;background:transparent;color:var(--j26-navy);cursor:pointer;padding:0}
.j26-vr-ser button:hover,.j26-vr-ser button:focus-visible{background:#D5DDEA;outline:0}
.j26-vr-step{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;height:48px;border:1px solid var(--j26-line-3);border-radius:12px;overflow:hidden;background:#fff}
.j26-vr-step button{border:0;background:var(--j26-subtle);font:inherit;font-size:20px;font-weight:600;color:var(--j26-navy);cursor:pointer}
.j26-vr-step button:hover{background:#EFF1EC}
.j26-vr-step button:focus-visible{outline:2px solid var(--j26-navy);outline-offset:-2px}
.j26-vr-step input{width:100%;min-width:0;border:0;border-left:1px solid var(--j26-line-2);border-right:1px solid var(--j26-line-2);text-align:center;font:inherit;font-size:20px;font-weight:700;color:var(--j26-ink);-moz-appearance:textfield}
.j26-vr-step input::-webkit-outer-spin-button,.j26-vr-step input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.j26-vr-step input:focus{outline:0;background:var(--j26-navy-tint-2)}
.j26-vr-done{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.j26-vr-done-y{background:var(--j26-green-dark);color:#fff}
.j26-vr-done-n{color:#CDD1C8}
.j26-vr-done .j26-ico{width:16px;height:16px;stroke-width:2.25}
.j26-vr-scanbox{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:var(--j26-radius);background:var(--j26-green-tint-2);border:1px solid var(--j26-green-border)}
.j26-vr-scanbox .j26-hint{color:var(--j26-green-text)}
.j26-vr-scanbox-h{display:flex;align-items:center;gap:10px;font-size:14px;color:#2E4A10}
.j26-vr-pulse{width:10px;height:10px;border-radius:50%;background:var(--j26-green-dark);box-shadow:0 0 0 4px rgba(110,154,58,.25);animation:j26-vr-pulse 1.6s ease-in-out infinite}
@keyframes j26-vr-pulse{0%,100%{box-shadow:0 0 0 3px rgba(110,154,58,.25)}50%{box-shadow:0 0 0 7px rgba(110,154,58,.08)}}
@media (prefers-reduced-motion:reduce){.j26-vr-pulse{animation:none}}
.j26-vr-progress{display:flex;flex-direction:column;gap:10px}
.j26-vr-track-lg{height:8px}
.ui-2026 .j26-vr .j26-btn.j26-vr-bigbtn{height:48px;justify-content:center;font-size:15px;width:100%}

/* ---------- mobiel ---------- */
@media (max-width:767px){
  .ui-2026 .j26-vr .j26-page-actions{margin-left:0;width:100%}
  .j26-vr-seg-right{margin-left:0}
  .j26-vr-sumbar-note{margin-left:0}
  .j26-vr-ident{flex-basis:100%}
  .j26-vr-pimg{width:48px;height:48px;border-radius:12px}
  .j26-vr-saved{display:none}
  .j26-vr-ddmenu{right:auto;left:0}
  .j26-vr-strip-c{flex:1 1 45%;border-bottom:1px solid var(--j26-line-2)}
  .j26-vr-strip-a{width:100%;margin-left:0}
  .j26-vr-strip-a .j26-btn{flex:1;justify-content:center}
  .j26-vr-grid2,.j26-vr-grid-price,.j26-vr-change-grid,.j26-vr-change-order{grid-template-columns:minmax(0,1fr)}
  .j26-vr-tier{grid-template-columns:minmax(0,1fr) 70px 84px;row-gap:6px}
  .j26-vr-tier-act{grid-column:1 / -1;justify-content:flex-start}
  .j26-vr-tier-h>span:last-child{display:none}
  .j26-vr-unit{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .j26-vr-opt-n{width:auto}
  .j26-vr-stockacts{flex-basis:100%;flex-direction:row;flex-wrap:wrap}
  .j26-vr-stockacts .j26-btn{flex:1 1 45%;justify-content:center}
  .j26-vr-scan{height:50px}
  .j26-vr-scan .j26-kbd{display:none}
  .j26-vr-formcard>.j26-card-b{padding:4px 16px 12px}
  .ui-2026 .j26-vr-savebar .j26-vr-grow{flex-basis:100%}
  .ui-2026 .j26-vr-savebar .j26-btn,.ui-2026 .j26-vr-savebar #FormSubmit{flex:1}
  .ui-2026 .j26-vr-savebar #FormSubmit .j26-btn{width:100%;justify-content:center}
  .j26-vr-pk-h{display:none}
  .j26-vr-pk{grid-template-columns:52px minmax(0,1fr) 28px;gap:10px 12px;padding:14px}
  .j26-vr-pk-n{font-size:24px}
  .j26-vr-step{grid-column:1 / -1;order:4}
  .j26-vr-done{grid-column:3;grid-row:1}
  .j26-vr-mut{flex-wrap:wrap}
  .j26-vr-mut .j26-cell2{flex-basis:calc(100% - 80px)}
}

/* Redesign 2026 — Inkoop & Inzicht: inkooporders, leveringen, inkoopfacturen + inbox, rapportages, exports */

/* ---------- Algemeen ---------- */
.ui-2026 .j26-ik [hidden],.ui-2026 .j26-ik-layer[hidden],.ui-2026 .j26-ik-layer [hidden]{display:none !important}
.ui-2026 .j26-ik .hidden{display:none !important}
.ui-2026 .j26-ik-push{margin-left:auto}
.ui-2026 .j26-ik-nowrap{white-space:nowrap}
.ui-2026 .j26-ik-stack{display:flex;flex-direction:column;gap:16px}
.ui-2026 .j26-ik-titles{display:flex;flex-direction:column;gap:6px;min-width:0}
.ui-2026 .j26-ik-titlerow{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.ui-2026 .j26-ik-titlerow .j26-h1{margin:0}
.ui-2026 .j26-ik .j26-sub a{color:var(--j26-navy);font-weight:500}
.ui-2026 .j26-ik-autosave{color:var(--j26-green-text,#4A6B1F)}
.ui-2026 .j26-ik-req{color:#C2410C}
.ui-2026 .j26-ik-p{margin:0;line-height:1.6;font-size:13.5px}
.ui-2026 .j26-ik-btnrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ui-2026 .j26-ik-loading{margin:0;padding:18px;color:var(--j26-muted);font-size:13.5px}
.ui-2026 .j26-ik-emptyrow{white-space:normal !important;height:auto !important;padding:22px 14px !important;color:var(--j26-muted);text-align:center;font-size:13.5px}
.ui-2026 .j26-ik-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 18px;color:var(--j26-muted);text-align:center}
.ui-2026 .j26-ik-empty p{margin:0;max-width:420px;line-height:1.5}
.ui-2026 .j26-ik-pill-sm{height:20px;padding:0 7px;font-size:11px}
.ui-2026 .j26-ik-danger,.ui-2026 .j26-ik-danger-t{color:#B42318 !important}
.ui-2026 .j26-ik-danger:hover{background:#FDECEA !important}
.ui-2026 .j26-ik .j26-in:required{border-color:var(--j26-line-3) !important}
.ui-2026 .j26-ik .has-error .j26-in,.ui-2026 .j26-ik .j26-in.j26-in-err{border-color:#C2410C !important;box-shadow:0 0 0 4px rgba(194,65,12,.10)}
.ui-2026 .j26-ik .j26-in:focus{border-color:var(--j26-navy) !important;box-shadow:0 0 0 4px rgba(27,43,75,.10)}
.ui-2026 .j26-ik .j26-f.form-group,.ui-2026 .j26-ik-layer .j26-f.form-group{margin:0}
.ui-2026 .j26-ik .j26-f>label{margin:0;max-width:none}
.ui-2026 .j26-ik .j26-sel-wrap .j26-ico{top:12px}
.ui-2026 .j26-ik-with{display:flex;gap:8px;align-items:center;min-width:0}
.ui-2026 .j26-ik-with>.j26-in{flex:1 1 auto;min-width:0}
.ui-2026 .j26-ik-with>.j26-btn,.ui-2026 .j26-ik-with>.j26-icon-btn{flex:none;height:40px}
.ui-2026 .j26-ik-with>.j26-icon-btn{width:40px;border:1px solid var(--j26-line-3)}
.ui-2026 .j26-ik-adorn{position:relative}
.ui-2026 .j26-ik-adorn>span{position:absolute;left:12px;top:0;height:40px;display:flex;align-items:center;color:var(--j26-muted);font-size:14px;pointer-events:none}
.ui-2026 .j26-ik-adorn>.j26-in{padding-left:28px}
.ui-2026 .j26-ik .j26-in.j26-num{text-align:right}
.ui-2026 .j26-ik-cbrow{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:500;color:var(--j26-ink-2);cursor:pointer}
.ui-2026 .j26-ik-cbrow .j26-cb,.ui-2026 .j26-ik-cbrow input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--j26-navy)}
.ui-2026 .j26-ik-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ui-2026 .j26-ik-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 14px}
.ui-2026 .j26-ik-grid .j26-c1{grid-column:span 1}
.ui-2026 .j26-ik-grid .j26-c2{grid-column:span 2}
.ui-2026 .j26-ik-grid .j26-c3{grid-column:span 3}
.ui-2026 .j26-ik-grid .j26-c4{grid-column:span 4}
.ui-2026 .j26-ik-grid .j26-c5{grid-column:span 5}
.ui-2026 .j26-ik-grid .j26-c6{grid-column:1 / -1}
.ui-2026 .j26-ik-c2pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.ui-2026 .j26-ik-form{margin:0}
.ui-2026 .j26-ik-card-f{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.ui-2026 .j26-ik-card-f-split{justify-content:space-between;align-items:center}
.ui-2026 .j26-ik-fieldset{border:0;padding:0;margin:0;min-width:0}
.ui-2026 .j26-ik-fieldset legend.j26-lbl{border:0;padding:0;margin:0 0 7px;font-size:13px;font-weight:600;color:var(--j26-ink);width:auto}
.ui-2026 .j26-ik-person{display:flex;align-items:center;gap:8px;height:40px;font-size:14px}

/* Segment-radio's (echte radio's, visueel als segmented control) */
.ui-2026 .j26-ik-segradio{flex-wrap:wrap;max-width:100%}
.ui-2026 .j26-ik-segradio label{margin:0;display:inline-flex}
.ui-2026 .j26-ik-segradio label span{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:8px;font-size:13px;font-weight:500;color:var(--j26-muted);cursor:pointer;white-space:nowrap}
.ui-2026 .j26-ik-segradio input:checked+span{background:#fff;color:var(--j26-navy);font-weight:600;box-shadow:0 1px 2px rgba(27,43,75,.10)}
.ui-2026 .j26-ik-segradio input:focus-visible+span{outline:2px solid var(--j26-navy);outline-offset:1px}
.ui-2026 .j26-ik .j26-seg button.j26-on{background:#fff;color:var(--j26-navy);font-weight:600;box-shadow:0 1px 2px rgba(27,43,75,.10)}

/* "Meer"-menu's in de paginakop */
.ui-2026 .j26-ik-more{position:relative;display:inline-flex}
.ui-2026 .j26-ik-more>.j26-icon-btn{border:1px solid var(--j26-line-3);background:#fff}
.ui-2026 .j26-ik-more-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:240px;display:flex;flex-direction:column}
.ui-2026 .j26-ik-more-menu .j26-menu-i{text-decoration:none}

/* ---------- Lijsten ---------- */
.ui-2026 .j26-ik-stages .j26-stage-n{font-variant-numeric:tabular-nums}
.ui-2026 .j26-ik-tiles .j26-stage{cursor:default}
.ui-2026 .j26-ik-legend{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--j26-muted);margin-left:auto}
.ui-2026 .j26-ik-legend i{width:10px;height:10px;border-radius:3px;background:#FFF1E6;border:1px solid #F3C9A8}
.ui-2026 .j26-ik .j26-tbl tr.j26-ik-late td{background:#FFF8F3}
.ui-2026 .j26-ik .j26-tbl tr.j26-ik-late:hover td{background:#FFF1E6}
.ui-2026 .j26-ik-late-tag{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#9A3D0A;white-space:nowrap}
.ui-2026 .j26-ik-late-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:#D9774A}
.ui-2026 .j26-ik-chips{display:inline-flex;flex-wrap:wrap;gap:4px}
.ui-2026 .j26-ik-chip{display:inline-flex;align-items:center;height:22px;padding:0 7px;border-radius:6px;background:#F1F4F9;color:var(--j26-navy) !important;font-family:'Geist Mono',monospace;font-size:11.5px;text-decoration:none !important;white-space:nowrap}
.ui-2026 a.j26-ik-chip:hover{background:#E3E9F3}
.ui-2026 .j26-ik-user{display:inline-flex;align-items:center}
.ui-2026 .j26-ik-user-n{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ui-2026 .j26-ik-clip{width:28px;color:var(--j26-muted)}
.ui-2026 .j26-ik-recv{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.ui-2026 .j26-ik-recv .j26-btn{white-space:nowrap}
.ui-2026 .j26-ik-tt-link{color:var(--j26-navy);font-weight:500;margin-right:8px}
.ui-2026 .j26-ik-linkbtn{border:0;background:none;padding:0;font:inherit;font-size:13px;color:var(--j26-navy);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.ui-2026 .j26-ik .j26-tbl td .label{display:inline-block !important;width:auto !important}

/* ---------- Inkooporder ---------- */
.ui-2026 .j26-ik-toolbar .j26-h2{margin:0}
.ui-2026 .j26-ik-lines{min-width:820px}
.ui-2026 .j26-ik-lines td{height:auto;padding-top:12px;padding-bottom:12px;vertical-align:top}
.ui-2026 .j26-ik-lines td.j26-ik-desc{white-space:normal;min-width:220px}
.ui-2026 .j26-ik-lines .j26-cell2{gap:3px}
.ui-2026 .j26-ik-lines .j26-cell2 small{white-space:normal}
.ui-2026 .j26-ik-grip-col{width:28px}
.ui-2026 .j26-ik-grip{width:28px;color:var(--j26-faint);cursor:grab;padding-right:0 !important}
.ui-2026 .j26-ik-lines tr.dragClass td{background:var(--j26-navy-tint-2)}
.ui-2026 .j26-ik-rowacts{text-align:right;white-space:nowrap}
.ui-2026 .j26-ik-total{text-align:left}
.ui-2026 .j26-ik-files .box{margin:0}
.ui-2026 .j26-ik-sideform{display:flex;flex-direction:column;gap:24px;margin:0}
.ui-2026 .j26-ik-po .j26-list-row .j26-cell2{min-width:0}
.ui-2026 .j26-ik-po .j26-list-row .j26-cell2 a{overflow-wrap:anywhere}

/* Regel: product en staffels */
.ui-2026 .j26-ik-product{display:flex;justify-content:center;padding:8px;border-radius:12px;background:var(--j26-subtle)}
.ui-2026 .j26-ik-product img{max-width:100%;max-height:200px;object-fit:contain}
.ui-2026 .j26-ik-staffels{min-width:0}
.ui-2026 .j26-ik-staffels td{height:44px;white-space:normal}
.ui-2026 .j26-ik-pricebtn{font-variant-numeric:tabular-nums}

/* ---------- Leveringen: drawer en dialoog ---------- */
.ui-2026 .j26-ik-layer{position:fixed;inset:0;z-index:1040}
.ui-2026 .j26-ik-layer .j26-scrim{position:absolute;inset:0}
.ui-2026 .j26-ik-drawer{position:absolute;top:0;right:0;bottom:0;width:min(560px,100%);z-index:1}
.ui-2026 .j26-ik-drawer .j26-modal-h .j26-cell2{min-width:0;flex:1 1 auto}
.ui-2026 .j26-ik-drawer .j26-modal-h .j26-icon-btn{margin-left:auto}
.ui-2026 .j26-ik-drawer-b{flex:1 1 auto;overflow-y:auto;padding:18px 20px;-webkit-overflow-scrolling:touch}
.ui-2026 .j26-ik-drawer-in{display:flex;flex-direction:column;gap:14px}
.ui-2026 .j26-ik-drawer-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ui-2026 .j26-ik-rcv{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--j26-line);border-radius:14px;background:#fff}
.ui-2026 .j26-ik-rcv-on{border-color:var(--j26-navy);box-shadow:0 0 0 1px var(--j26-navy)}
.ui-2026 .j26-ik-rcv-top{display:flex;align-items:flex-start;gap:10px;justify-content:space-between}
.ui-2026 .j26-ik-rcv-top .j26-cell2{min-width:0;gap:3px}
.ui-2026 .j26-ik-rcv-top strong{font-weight:600;overflow-wrap:anywhere}
.ui-2026 .j26-ik-rcv-act,.ui-2026 .j26-ik-rcv-btns{display:flex;flex-wrap:wrap;gap:6px}
.ui-2026 .j26-ik-rcv-btns{justify-content:flex-end}
.ui-2026 .j26-ik-rcv-form{display:flex;flex-direction:column;gap:10px}
.ui-2026 .j26-ik-rcv-note{padding:10px 12px;font-size:13px;white-space:pre-line}
.ui-2026 .j26-ik-recv-tt{margin-top:4px}
.ui-2026 .j26-ik-manco{margin:0}
.ui-2026 .j26-ik-manco textarea{min-height:80px}
.ui-2026 .j26-ik-layer-c{display:flex;align-items:center;justify-content:center;padding:16px}
.ui-2026 .j26-ik-dialog{width:min(480px,100%);margin:0;z-index:1}
.ui-2026 .j26-ik-dialog-b{padding:18px 20px}
body.ui-2026.j26-ik-noscroll{overflow:hidden}

/* ---------- Inkoopfacturen: inbox en leesvenster ---------- */
.ui-2026 .j26-ik-ii-cols .j26-col-main{flex-basis:620px}
.ui-2026 .j26-ik-side-wide{flex:1 1 380px;max-width:460px;scroll-margin-top:80px}
.ui-2026 .j26-ik-listhead{padding-top:10px;padding-bottom:6px}
.ui-2026 .j26-ik-inbox{overflow:hidden}
.ui-2026 .j26-ik-inbox .j26-card-h{flex-wrap:wrap}
.ui-2026 .j26-ik-inbox-tools{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px;border-bottom:1px solid var(--j26-line-2)}
.ui-2026 .j26-ik-inbox-tools .j26-search{flex:1 1 100%}
.ui-2026 .j26-ik-mails{width:100% !important;border-collapse:collapse;margin:0 !important}
.ui-2026 .j26-ik-mails td{padding:0 !important;border:0 !important;border-bottom:1px solid var(--j26-line-2) !important}
.ui-2026 .j26-ik-mails tbody tr:hover td{background:transparent}
.ui-2026 .j26-ik-mails td.dataTables_empty{padding:18px !important;color:var(--j26-muted);text-align:center;font-size:13px}
.ui-2026 .j26-ik-mails-list{position:relative}
.ui-2026 .j26-ik-mails-list .dataTables_processing{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:auto;margin:0;padding:4px 12px;height:auto;border-radius:8px;background:#fff;border:1px solid var(--j26-line);font-size:12.5px;box-shadow:none}
.ui-2026 .j26-ik-mails-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;font-size:12.5px;color:var(--j26-muted)}
.ui-2026 .j26-ik-mails-foot .dataTables_info{padding:0;float:none}
.ui-2026 .j26-ik-mails-foot .dataTables_paginate{margin-left:auto;float:none;padding:0}
.ui-2026 .j26-ik-mails-foot .pagination{margin:0}
.ui-2026 .j26-ik-mail{display:flex;gap:10px;width:100%;padding:12px 14px;border:0;background:#fff;text-align:left;font:inherit;color:var(--j26-ink);cursor:pointer}
.ui-2026 .j26-ik-mail:hover{background:var(--j26-hover)}
.ui-2026 .j26-ik-mail:focus-visible{outline:2px solid var(--j26-navy);outline-offset:-2px}
.ui-2026 .j26-ik-mail-on{background:var(--j26-navy-tint-2) !important;box-shadow:inset 3px 0 0 var(--j26-navy)}
.ui-2026 .j26-ik-mail-dot{flex:none;width:8px;height:8px;margin-top:6px;border-radius:50%;background:#D9774A}
.ui-2026 .j26-ik-mail-done .j26-ik-mail-dot{background:transparent;border:1px solid #CDD1C8}
.ui-2026 .j26-ik-mail-b{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 auto}
.ui-2026 .j26-ik-mail-top{display:flex;gap:8px;align-items:baseline;min-width:0}
.ui-2026 .j26-ik-mail-sub{font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 auto}
.ui-2026 .j26-ik-mail-done .j26-ik-mail-sub{font-weight:500}
.ui-2026 .j26-ik-mail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--j26-muted);min-width:0;overflow-wrap:anywhere}
.ui-2026 .j26-ik-mail-top .j26-ik-mail-meta{flex:none;white-space:nowrap}
.ui-2026 .j26-ik-mail-meta .j26-pill{height:20px;padding:0 7px;font-size:11px}
.ui-2026 .j26-ik-reader-wrap{border-top:1px solid var(--j26-line);background:var(--j26-subtle)}
.ui-2026 .j26-ik-reader{display:flex;flex-direction:column;gap:14px;padding:16px}
.ui-2026 .j26-ik-reader-card .j26-ik-reader{padding:20px}
.ui-2026 .j26-ik-reader-h{display:flex;align-items:flex-start;gap:10px;justify-content:space-between}
.ui-2026 .j26-ik-reader-h .j26-cell2{min-width:0;gap:4px}
.ui-2026 .j26-ik-reader-h strong{font-size:14.5px;overflow-wrap:anywhere;outline:0}
.ui-2026 .j26-ik-reader-h small{overflow-wrap:anywhere}
.ui-2026 .j26-ik-reader-form{display:flex;flex-direction:column;gap:14px;margin:0}
.ui-2026 .j26-ik-att{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--j26-line);border-radius:10px;background:#fff;font-size:13px;color:var(--j26-navy);overflow-wrap:anywhere}
.ui-2026 .j26-ik-reader-inv{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--j26-line);border-radius:10px;background:#fff;font-size:13px}
.ui-2026 .j26-ik-body-box{border:1px solid var(--j26-line);border-radius:12px;background:#fff;overflow:hidden}
.ui-2026 .j26-ik-body-box iframe{display:block;width:100%;min-height:320px;border:0}
.ui-2026 .j26-ik-body-box pre{margin:0;padding:12px;border:0;background:#fff;white-space:pre-wrap;font-size:13px;max-height:420px;overflow:auto}
.ui-2026 .j26-ik-reader-acts{display:flex;flex-wrap:wrap;gap:6px}
.ui-2026 .j26-ik-import{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:end;margin:0}
.ui-2026 .j26-ik-import .j26-btn{height:40px}
.ui-2026 .j26-ik-importing{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--j26-navy-tint-2);font-size:13px}
.ui-2026 .j26-ik-spin{width:14px;height:14px;border-radius:50%;border:2px solid #C5CFE0;border-top-color:var(--j26-navy);animation:j26-ik-spin 1s linear infinite;flex:none}
@keyframes j26-ik-spin{to{transform:rotate(360deg)}}

/* ---------- Inkoopfactuur: voorbeeld + werkvlak ---------- */
.ui-2026 .j26-ik-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:24px;align-items:start}
.ui-2026 .j26-ik-viewer{position:sticky;top:16px;display:flex;flex-direction:column;border:1px solid var(--j26-line);border-radius:var(--j26-radius);background:#fff;overflow:hidden;min-width:0}
.ui-2026 .j26-ik-viewer-bar{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--j26-line-2);min-width:0}
.ui-2026 .j26-ik-viewer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12.5px}
.ui-2026 .j26-ik-sheet{background:#E9EBE6;min-height:420px}
.ui-2026 .j26-ik-sheet iframe{display:block;width:100%;height:calc(100vh - 220px);min-height:520px;border:0;background:#fff}
.ui-2026 .j26-ik-pre{margin:0;padding:14px;border:0;background:#fff;white-space:pre-wrap;font-size:13px}
.ui-2026 .j26-ik-upload{position:relative;margin:0;min-height:360px;justify-content:center;cursor:pointer}
.ui-2026 .j26-ik-upload strong{color:var(--j26-navy);font-size:15px}
.ui-2026 .j26-ik-upload input[type=file]{max-width:100%;font-size:13px}
.ui-2026 .j26-ik-upload:focus-within{border-color:var(--j26-navy)}
.ui-2026 .j26-ik-upload-err{border-color:#C2410C}
.ui-2026 .j26-ik-upload-name{font-size:13px;color:var(--j26-ink)}
.ui-2026 .j26-ik-work{display:flex;flex-direction:column;gap:24px;min-width:0}
.ui-2026 .j26-ik-work>form{margin:0}
.ui-2026 .j26-ik-ok .j26-in{border-color:#8BB453 !important}
.ui-2026 .j26-ik-ok #j26-ik-check-msg{color:#4A6B1F;font-weight:500}
.ui-2026 .j26-ik-warn .j26-in{border-color:#D9A520 !important}
.ui-2026 .j26-ik-warn #j26-ik-check-msg{color:#8A5A00;font-weight:500}
.ui-2026 .j26-ik-linktag{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:center}
.ui-2026 .j26-ik-linktag a{color:var(--j26-navy)}
.ui-2026 .j26-ik-ii .j26-ik-lines{min-width:640px}
.ui-2026 .j26-ik-tot{display:grid;grid-template-columns:auto auto;justify-content:end;gap:4px 24px;align-items:baseline;font-size:13.5px;border-top:1px solid var(--j26-line-2)}
.ui-2026 .j26-ik-tot .j26-num{text-align:right;font-variant-numeric:tabular-nums}
.ui-2026 .j26-ik-big{font-size:17px;font-weight:700;color:var(--j26-navy)}
.ui-2026 .j26-ik-bottom{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.ui-2026 .j26-ik-bottom .j26-kv>span:last-child,.ui-2026 .j26-ik-bottom .j26-kv>a{min-width:0;overflow-wrap:anywhere}
.ui-2026 .j26-ik-notes .j26-card-b>*{max-width:100%}
.ui-2026 .j26-ik-olmodal .modal-dialog{width:auto;max-width:1100px;margin:30px auto}
.ui-2026 .j26-ik-olmodal .modal-body{overflow-x:auto}

/* ---------- Rapportages ---------- */
.ui-2026 .j26-ik-repfilters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}
.ui-2026 .j26-ik-selchip{position:relative;padding-right:28px;margin:0;font-weight:400}
.ui-2026 .j26-ik-selchip select{border:0;background:transparent;font:inherit;font-size:13px;color:var(--j26-ink);appearance:none;padding:0 2px;outline:0;max-width:180px}
.ui-2026 .j26-ik-selchip .j26-ico{position:absolute;right:9px;pointer-events:none}
.ui-2026 .j26-ik-legend2{display:inline-flex;gap:14px;font-size:12.5px;color:var(--j26-muted)}
.ui-2026 .j26-ik-legend2 span{display:inline-flex;align-items:center;gap:6px}
.ui-2026 .j26-ik-legend2 i{width:10px;height:10px;border-radius:3px}
.ui-2026 .j26-ik-b-omzet{background:#3B5A99}
.ui-2026 .j26-ik-b-winst{background:#8BB453}
.ui-2026 .j26-ik-hbars{display:flex;flex-direction:column;gap:12px}
.ui-2026 .j26-ik-hb{display:grid;grid-template-columns:minmax(120px,220px) minmax(0,1fr);gap:12px;align-items:center}
.ui-2026 .j26-ik-hb-l{font-size:13px;font-weight:500;color:var(--j26-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-2026 a.j26-ik-hb-l:hover{color:var(--j26-navy)}
.ui-2026 .j26-ik-hb-t{display:flex;flex-direction:column;gap:4px;min-width:0}
.ui-2026 .j26-ik-hb-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--j26-muted);font-variant-numeric:tabular-nums;min-width:0}
.ui-2026 .j26-ik-bar{display:block;height:10px;border-radius:3px;min-width:2px;max-width:calc(100% - 80px)}
.ui-2026 .j26-ik-relhead{display:flex;align-items:center;gap:14px;min-width:0}
.ui-2026 .j26-ik-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.ui-2026 .j26-ik-bigline{display:flex;align-items:baseline;gap:10px}
.ui-2026 .j26-ik-share{display:flex;height:14px;border-radius:7px;overflow:hidden;background:#ECEEE8}
.ui-2026 .j26-ik-share-a{background:#3B5A99}
.ui-2026 .j26-ik-share-b{flex:1}
.ui-2026 .j26-ik-cols-chart{display:flex;align-items:flex-end;gap:12px;height:200px;padding-top:8px;overflow-x:auto}
.ui-2026 .j26-ik-cc{flex:1 0 48px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%}
.ui-2026 .j26-ik-cc i{display:block;width:100%;max-width:56px;border-radius:6px 6px 2px 2px;background:#3B5A99}
.ui-2026 .j26-ik-cc i.j26-ik-cc-part{background:repeating-linear-gradient(135deg,#3B5A99 0 6px,#5B76A8 6px 12px)}
.ui-2026 .j26-ik-cc-v{font-size:11.5px;color:var(--j26-muted);white-space:nowrap}
.ui-2026 .j26-ik-cc-x{font-size:12px;font-weight:600;color:var(--j26-ink-2)}

/* ---------- Exports ---------- */
.ui-2026 .j26-ik-xtools{padding:0;border:0}
.ui-2026 .j26-ik-xtools .j26-search{flex:0 1 280px}
.ui-2026 .j26-ik-xgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;align-items:start}
.ui-2026 .j26-ik-x{display:flex;flex-direction:column;margin:0;height:100%}
.ui-2026 .j26-ik-x-on{border-color:var(--j26-navy);box-shadow:0 0 0 1px var(--j26-navy)}
.ui-2026 .j26-ik-xh{display:flex;gap:12px;align-items:flex-start;padding:16px 18px 0}
.ui-2026 .j26-ik-xh .j26-h2{margin:0 0 4px}
.ui-2026 .j26-ik-xh p{margin:0;font-size:13px;color:var(--j26-muted);line-height:1.5}
.ui-2026 .j26-ik-xi{flex:none;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--j26-navy-tint-2);color:var(--j26-navy)}
.ui-2026 .j26-ik-xb{display:flex;flex-direction:column;gap:14px;padding:16px 18px;flex:1 1 auto}
.ui-2026 .j26-ik-xf{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;border-top:1px solid var(--j26-line-2);background:var(--j26-subtle)}
.ui-2026 .j26-ik-checks{display:flex;flex-wrap:wrap;gap:8px 18px}
.ui-2026 .j26-ik-fmt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ui-2026 .j26-ik-choice{padding:10px 12px;margin:0;font-weight:500;font-size:13.5px;align-items:center}
.ui-2026 .j26-ik-choice input{margin:0}
.ui-2026 .j26-ik-choice:has(input:checked){border-color:var(--j26-navy);box-shadow:0 0 0 1px var(--j26-navy);background:#F4F6FA}
.ui-2026 .j26-ik-range{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.ui-2026 .j26-ik-jump{text-decoration:none !important;color:var(--j26-ink)}
.ui-2026 .j26-ik-jump:hover{background:var(--j26-hover)}
.ui-2026 .j26-ik-jump>.j26-ico{margin-left:auto;color:var(--j26-muted);flex:none}
.ui-2026 .j26-ik-jump .j26-cell2>span{font-weight:500}
.ui-2026 .j26-ik-xnone{margin:12px 0 0}

/* ---------- Tablet ---------- */
@media (max-width:1100px){
  .ui-2026 .j26-ik-split{grid-template-columns:minmax(0,1fr)}
  .ui-2026 .j26-ik-viewer{position:static}
  .ui-2026 .j26-ik-sheet iframe{height:70vh;min-height:420px}
  .ui-2026 .j26-ik-side-wide{max-width:none;flex-basis:100%}
}

/* ---------- Mobiel ---------- */
@media (max-width:767px){
  .ui-2026 .j26-ik .j26-page-actions{flex-wrap:wrap;width:100%}
  .ui-2026 .j26-ik .j26-page-actions>.j26-btn{flex:1 1 auto;justify-content:center}
  .ui-2026 .j26-ik-legend{margin-left:0}
  .ui-2026 .j26-ik-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ui-2026 .j26-ik-grid .j26-c1{grid-column:span 1}
  .ui-2026 .j26-ik-grid .j26-c2,.ui-2026 .j26-ik-grid .j26-c3,.ui-2026 .j26-ik-grid .j26-c4,.ui-2026 .j26-ik-grid .j26-c5,.ui-2026 .j26-ik-grid .j26-c6{grid-column:1 / -1}
  .ui-2026 .j26-ik-g2{grid-template-columns:minmax(0,1fr)}
  .ui-2026 .j26-ik .j26-in{height:44px;font-size:16px}
  .ui-2026 .j26-ik textarea.j26-in{height:auto}
  .ui-2026 .j26-ik-with>.j26-btn,.ui-2026 .j26-ik-with>.j26-icon-btn{height:44px}
  .ui-2026 .j26-ik-adorn>span{height:44px}
  .ui-2026 .j26-ik-card-f-split{flex-direction:column;align-items:stretch}
  .ui-2026 .j26-ik-card-f .j26-btn{flex:1 1 auto;justify-content:center}
  .ui-2026 .j26-ik-recv{flex-wrap:wrap}
  .ui-2026 .j26-ik-import{grid-template-columns:minmax(0,1fr)}
  .ui-2026 .j26-ik-sheet iframe{height:60vh;min-height:320px}
  .ui-2026 .j26-ik-upload{min-height:200px}
  .ui-2026 .j26-ik-hb{grid-template-columns:minmax(0,1fr);gap:4px}
  .ui-2026 .j26-ik-fmt{grid-template-columns:minmax(0,1fr)}
  .ui-2026 .j26-ik-xgrid{grid-template-columns:minmax(0,1fr)}
  .ui-2026 .j26-ik-xtools .j26-search{flex:1 1 100%}
  .ui-2026 .j26-ik-xf{flex-wrap:wrap}
  .ui-2026 .j26-ik-more-menu{position:fixed;left:16px;right:16px;top:auto;bottom:16px;min-width:0}
  .ui-2026 .j26-ik-drawer{width:100%}
  .ui-2026 .j26-ik-rcv-act .j26-btn{flex:1 1 auto;justify-content:center}
  .ui-2026 .j26-ik-segradio label span{height:32px}
  .ui-2026 .j26-ik-relhead .j26-av-lg{width:40px;height:40px;font-size:14px}
  .ui-2026 .j26-ik-cols-chart{gap:8px}
}

/* Instellingen — hub, module-instellingen, grootboek/tarieven, templates, rollen, gebruikers, profiel, koppelingen en overige instellingen.
   Alles onder .j26-st of met j26-st-voorvoegsel (alleen in de nieuwe weergave). */

/* ---------- algemeen ---------- */
.ui-2026 .j26-st{padding:0}
.ui-2026 .j26-st [hidden]{display:none !important}
.ui-2026 .j26-st-head-text{display:flex;flex-direction:column;gap:6px;min-width:0}
.ui-2026 .j26-st-head-row{display:flex;align-items:center;gap:12px;min-width:0}
.ui-2026 .j26-st-back{width:36px;padding:0;justify-content:center;flex:none}
.ui-2026 .j26-st-tabs{margin-top:-6px}
.ui-2026 .j26-st-tabs .j26-tab{text-decoration:none}
.ui-2026 .j26-st-tabs .j26-tab:hover{color:var(--j26-navy)}
.ui-2026 .j26-st-form{display:flex;flex-direction:column}
.ui-2026 .j26-st-form>.j26-sec:first-of-type,.ui-2026 .j26-st-first{border-top:0;padding-top:4px}
.ui-2026 .j26-st-form .j26-savebar{margin-top:12px;z-index:5}
.ui-2026 .j26-st-savebar-t{font-size:13px;color:var(--j26-muted);min-width:0}
.ui-2026 .j26-st-savebar-a{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px}
.ui-2026 .j26-st-errors{align-items:flex-start}
.ui-2026 .j26-st-errors .j26-ico{margin-top:2px}
.ui-2026 .j26-st-errors ul{margin:4px 0 0;padding-left:18px}
.ui-2026 .j26-st-errors-b{display:flex;flex-direction:column;gap:2px}
.ui-2026 .j26-st .j26-f.form-group{margin:0}
.ui-2026 .j26-st .j26-f>label{margin:0}
.ui-2026 .j26-st .j26-in:focus{border-color:var(--j26-navy);box-shadow:0 0 0 4px rgba(27,43,75,.10)}
.ui-2026 .j26-st .j26-in:disabled,.ui-2026 .j26-st .j26-in[readonly]{background:var(--j26-subtle);color:var(--j26-faint)}
.ui-2026 .j26-st .has-error .j26-in{border-color:#C2410C;box-shadow:0 0 0 4px rgba(194,65,12,.10)}
/* oude skin: oranje rand op verplichte velden */
.ui-2026 .j26-st input.j26-in:required,.ui-2026 .j26-st select.j26-in:required,.ui-2026 .j26-st textarea.j26-in:required,.ui-2026 .j26-st-modal input.j26-in:required{border:1px solid var(--j26-line-3) !important;box-shadow:none !important}
.ui-2026 .j26-st-modal input.j26-in:required:focus,.ui-2026 .j26-st input.j26-in:required:focus,.ui-2026 .j26-st select.j26-in:required:focus,.ui-2026 .j26-st textarea.j26-in:required:focus{border-color:var(--j26-navy) !important;box-shadow:0 0 0 4px rgba(27,43,75,.10) !important}
.ui-2026 .j26-st .has-error input.j26-in:required{border-color:#C2410C !important}
.ui-2026 .j26-st input.j26-in-err,.ui-2026 .j26-st select.j26-in-err,.ui-2026 .j26-st textarea.j26-in-err{border-color:#C2410C !important}
.ui-2026 .j26-st-block{display:block !important}
.ui-2026 .j26-st-sub{font-size:12px;font-weight:600;color:var(--j26-muted);text-transform:uppercase;letter-spacing:.03em;margin-top:6px}
.ui-2026 .j26-st-var{font-family:'Geist Mono',monospace;font-size:12px;background:var(--j26-navy-tint-2);color:var(--j26-navy);border-radius:5px;padding:0 5px}
.ui-2026 .j26-st-inline{display:flex;align-items:center;gap:8px;min-width:0}
.ui-2026 .j26-st-inline>.j26-in{flex:1 1 auto}
.ui-2026 .j26-st-lbl-gap{visibility:hidden}
.ui-2026 .j26-st-muted{color:var(--j26-muted)}
.ui-2026 .j26-st-strong{font-weight:600;color:var(--j26-navy)}
.ui-2026 .j26-st-link{font-size:13px;font-weight:500}
.ui-2026 .j26-st-sec-btn{align-self:flex-start;margin-top:6px}

/* schakelaars */
.ui-2026 .j26-st-toggle{display:flex;align-items:flex-start;gap:12px;margin:0;padding:12px 0;border-bottom:1px solid var(--j26-line-2);cursor:pointer;font-weight:400;position:relative}
.ui-2026 .j26-st-toggle:last-child{border-bottom:0}
.ui-2026 .j26-st-toggle .j26-switch{margin-top:1px;transition:background .15s ease}
.ui-2026 .j26-st-toggle .j26-switch::after{transition:left .15s ease}
.ui-2026 .j26-st-toggle-in:checked+.j26-switch{background:var(--j26-green-dark)}
.ui-2026 .j26-st-toggle-in:checked+.j26-switch::after{left:19px}
.ui-2026 .j26-st-toggle-in:focus-visible+.j26-switch{box-shadow:0 0 0 4px rgba(27,43,75,.18)}
.ui-2026 .j26-st-toggle-in:disabled+.j26-switch{opacity:.5}
.ui-2026 .j26-st-toggle-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.ui-2026 .j26-st-toggle-t strong{font-size:13.5px;font-weight:500;color:var(--j26-ink)}
.ui-2026 .j26-st-toggle-t span{font-size:12.5px;color:var(--j26-muted);line-height:1.45}
.ui-2026 .j26-st-toggle-flat{border-bottom:0;padding:8px 0}
.ui-2026 .j26-st-toggles{display:flex;flex-direction:column}

/* keuzes (radio als kaart) */
.ui-2026 .j26-st-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.ui-2026 .j26-st-choices .j26-choice{margin:0;font-weight:400}
.ui-2026 .j26-st-choices .j26-choice:has(input:checked){border-color:var(--j26-navy);box-shadow:0 0 0 1px var(--j26-navy);background:#F4F6FA}
.ui-2026 .j26-st-choices .j26-choice:focus-within{border-color:var(--j26-navy)}
.ui-2026 .j26-st-choices .j26-cell2>span{font-weight:600;color:var(--j26-navy)}

/* rich-text (wysihtml5) */
.ui-2026 .j26-st .wysihtml5-toolbar{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 6px;padding:0;list-style:none}
.ui-2026 .j26-st .wysihtml5-toolbar>li{margin:0;float:none}
.ui-2026 .j26-st .wysihtml5-toolbar .btn{min-height:30px !important;height:30px;padding:0 9px;font-size:12.5px}
.ui-2026 .j26-st .wysihtml5-sandbox,.ui-2026 .j26-st-editor iframe{border:1px solid var(--j26-line-3) !important;border-radius:10px !important;min-height:140px;width:100% !important;background:#fff !important}
.ui-2026 .j26-st-editor textarea.j26-in{min-height:140px}

/* tabellen (jDataTable) */
.ui-2026 .j26-st-tbl-wrap .dataTables_wrapper{padding:0}
.ui-2026 .j26-st-tbl-wrap .dataTables_wrapper>.row{margin:0}
.ui-2026 .j26-st-tbl-wrap .dataTables_wrapper>.row>[class*=col-]{padding:10px 14px}
.ui-2026 .j26-st-tbl-wrap .dataTables_filter,.ui-2026 .j26-st-tbl-wrap .dataTables_length{margin:0}
.ui-2026 .j26-st-tbl-wrap table.table{margin:0 !important;width:100% !important;border:0}
.ui-2026 .j26-st-tbl-wrap table.table>thead>tr>th{height:40px}
.ui-2026 .j26-st-tbl-wrap table.table>tbody>tr>td{height:48px;border-left:0;border-right:0}
.ui-2026 .j26-st-tbl-wrap table.table>tbody>tr>td:last-child{text-align:right;white-space:nowrap}
.ui-2026 .j26-st-tbl-wrap .label{display:inline-flex !important;width:auto !important}
.ui-2026 .j26-st-tbl-wrap .dataTables_paginate{padding:8px 0}
.ui-2026 .j26-st-tbl-wrap .dataTables_wrapper>.row:first-child{border-bottom:1px solid var(--j26-line-2)}
.ui-2026 .j26-st-tbl-wrap .dataTables_wrapper>.row:last-child{border-top:1px solid var(--j26-line-2)}
.ui-2026 .j26-st-tbl-wrap .dataTables_filter{text-align:left}
.ui-2026 .j26-st-tbl-wrap .dataTables_filter label,.ui-2026 .j26-st-tbl-wrap .dataTables_length label{font-weight:500;font-size:13px;color:var(--j26-muted);margin:0}
.ui-2026 .j26-st-tbl-wrap .dataTables_filter input{width:220px;max-width:100%}
.ui-2026 .j26-st-tbl-wrap table.dataTable tbody tr.selected td{background:var(--j26-navy-tint-2)}
.ui-2026 .j26-st-tbl-wrap .action-group{display:inline-flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}
.ui-2026 .j26-st-tbl-wrap .dataTables_info{padding:12px 0 !important}
.ui-2026 .j26-st-tbl-wrap .j26-toolbar .j26-st-push{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px}
.ui-2026 .j26-st-tbl-wrap .j26-st-scroll{overflow-x:auto}
.ui-2026 table.j26-tbl.j26-st-tbl{min-width:0}
.ui-2026 .j26-st-tbl td{height:48px}
.ui-2026 .j26-st-tbl td.j26-st-wrap{white-space:normal}
.ui-2026 .j26-st-acts{text-align:right;white-space:nowrap;width:1%}
.ui-2026 .j26-st-acts form{display:inline}
.ui-2026 .j26-st-acts .j26-icon-btn{color:var(--j26-ink-2) !important}
.ui-2026 .j26-st-acts .j26-st-del{color:var(--j26-red) !important}
.ui-2026 .j26-st-foot-note{padding:12px 18px;font-size:12.5px;color:var(--j26-muted);border-top:1px solid var(--j26-line-2)}
.ui-2026 .j26-st-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ui-2026 .j26-st-filters .checkbox,.ui-2026 .j26-st-filters .radio{margin:0}
.ui-2026 .j26-st-filters fieldset{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ui-2026 .j26-st-filters legend{border:0;margin:0 4px 0 0;padding:0;width:auto;font-size:12px;font-weight:600;color:var(--j26-muted)}
.ui-2026 .j26-st-filters label{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border-radius:999px;border:1px dashed #CDD1C8;background:#fff;font-size:13px;font-weight:400;color:var(--j26-ink-2);cursor:pointer;margin:0}
.ui-2026 .j26-st-filters label:has(input:checked){border-style:solid;border-color:#C5CFE0;background:var(--j26-navy-tint);color:var(--j26-navy);font-weight:500}
.ui-2026 .j26-st-filters input[type=checkbox],.ui-2026 .j26-st-filters input[type=radio]{margin:0;accent-color:var(--j26-navy)}

/* ---------- hub ---------- */
.ui-2026 .j26-st-searchrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.ui-2026 .j26-st-bigsearch{height:44px;flex:0 1 560px;border-radius:12px;padding:0 14px}
.ui-2026 .j26-st-bigsearch input{font-size:14px}
.ui-2026 .j26-st-jump{display:flex;flex-wrap:wrap;gap:8px}
.ui-2026 .j26-st-jump .j26-chip{text-decoration:none}
.ui-2026 .j26-st-alert{align-items:center}
.ui-2026 .j26-st-alert>.j26-ico{align-self:flex-start;margin-top:2px}
.ui-2026 .j26-st-alert-b{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.ui-2026 .j26-st-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;align-items:start}
.ui-2026 .j26-st-cat{scroll-margin-top:80px}
.ui-2026 .j26-st-cat-ico{width:34px;height:34px;border-radius:10px;background:var(--j26-navy-tint-2);color:var(--j26-navy);display:inline-flex;align-items:center;justify-content:center;flex:none}
.ui-2026 .j26-st-cat-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.ui-2026 .j26-st-cat-t span{font-size:12.5px;color:var(--j26-muted)}
.ui-2026 .j26-st-cat-n{margin-left:auto}
.ui-2026 .j26-st-item{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--j26-line-2);color:var(--j26-ink) !important;text-decoration:none !important}
.ui-2026 .j26-st-items>.j26-st-item:last-child{border-bottom:0;border-radius:0 0 var(--j26-radius) var(--j26-radius)}
.ui-2026 a.j26-st-item:hover,.ui-2026 a.j26-st-item:focus-visible{background:var(--j26-hover)}
.ui-2026 .j26-st-item-t{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.ui-2026 .j26-st-item-t strong{font-size:13.5px;font-weight:600;color:var(--j26-navy)}
.ui-2026 .j26-st-item-t small{font-size:12.5px;line-height:1.4;color:var(--j26-muted)}
.ui-2026 .j26-st-item-chev{color:var(--j26-placeholder)}
.ui-2026 .j26-st-item-off{cursor:not-allowed}
.ui-2026 .j26-st-item-off .j26-st-item-t strong,.ui-2026 .j26-st-item-off .j26-st-item-t small{color:var(--j26-placeholder)}
.ui-2026 .j26-st-foot{margin:0}

/* ---------- module-instellingen ---------- */
.ui-2026 .j26-st-dayline{display:flex;border-radius:12px;overflow:hidden;border:1px solid var(--j26-line);font-size:12px;font-weight:600;min-height:52px}
.ui-2026 .j26-st-dayline>span{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;text-align:center;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ui-2026 .j26-st-dayline small{font-size:11px;font-weight:500;opacity:.85}
.ui-2026 .j26-st-dl-n{background:var(--j26-navy);color:#fff}
.ui-2026 .j26-st-dl-g{background:#FCE9DF;color:var(--j26-orange)}
.ui-2026 .j26-st-dl-d{background:var(--j26-green-tint);color:var(--j26-green-text)}
.ui-2026 .j26-st-dl-e{background:#6B2B10;color:#fff}
.ui-2026 .j26-st-note{flex-direction:column;gap:8px;font-size:13px;line-height:1.5}
.ui-2026 .j26-st-note ol{margin:0;padding-left:18px}
.ui-2026 .j26-st-note .j26-label{color:var(--j26-amber)}
.ui-2026 .j26-st-imap-res{grid-column:span 6;padding:10px 12px;align-items:center}
.ui-2026 .j26-st-spin{animation:j26-st-spin 1s linear infinite}
@keyframes j26-st-spin{to{transform:rotate(360deg)}}

/* ---------- formulieronderdelen ---------- */
.ui-2026 .j26-st-subgrid{padding:0;gap:18px 16px}
.ui-2026 .j26-st-center{align-self:center}
.ui-2026 .j26-st-grow{flex:1 1 auto;min-width:0}
.ui-2026 .j26-st-push{margin-left:auto}
.ui-2026 .j26-st-h40{height:40px}
.ui-2026 .j26-st-fieldset{border:0;margin:0;padding:0;min-width:0}
.ui-2026 .j26-st-static{display:flex;align-items:center;min-height:40px;font-size:14px;color:var(--j26-ink)}
.ui-2026 .j26-st-break{overflow-wrap:anywhere;word-break:break-word}
.ui-2026 .j26-st-check{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:400;color:var(--j26-ink-2);cursor:pointer}
.ui-2026 .j26-st-check input{margin:0;accent-color:var(--j26-navy)}
.ui-2026 .j26-st-color{width:64px;padding:4px;flex:none;cursor:pointer}
.ui-2026 .j26-st-search-in{position:relative}
.ui-2026 .j26-st-search-in>.j26-ico{position:absolute;left:12px;top:12px;color:var(--j26-faint);pointer-events:none}
.ui-2026 .j26-st-search-in>.j26-in{padding-left:36px}
.ui-2026 .j26-st-affix{display:flex;align-items:center;border:1px solid var(--j26-line-3);border-radius:10px;background:#fff;overflow:hidden}
.ui-2026 .j26-st-affix>span{padding:0 10px;color:var(--j26-muted);font-size:14px;border-right:1px solid var(--j26-line-2);height:40px;display:inline-flex;align-items:center;background:var(--j26-subtle)}
.ui-2026 .j26-st-affix>.j26-in{border:0;border-radius:0;box-shadow:none !important}
.ui-2026 .j26-st-affix:focus-within{border-color:var(--j26-navy);box-shadow:0 0 0 4px rgba(27,43,75,.10)}
.ui-2026 .has-error .j26-st-affix{border-color:#C2410C}
.ui-2026 .j26-st-copy{display:flex;gap:8px;align-items:center;min-width:0;max-width:640px}
.ui-2026 .j26-st-copy>.j26-in{flex:1 1 auto;min-width:0}
.ui-2026 .j26-st-pre{margin:0;padding:10px 12px;border-radius:10px;background:#fff;border:1px solid var(--j26-line);font-family:'Geist Mono',monospace;font-size:12px;white-space:pre-wrap;word-break:break-all;color:var(--j26-ink)}
.ui-2026 .j26-st-code{font-family:'Geist Mono',monospace;font-size:12px;background:var(--j26-subtle);border:1px solid var(--j26-line-2);border-radius:6px;padding:1px 6px;color:var(--j26-ink);word-break:break-all}
.ui-2026 .j26-st-stack{display:flex;flex-direction:column;gap:12px}
.ui-2026 .j26-st-p{margin:0;font-size:13.5px;line-height:1.5}
.ui-2026 .j26-st-card-p{margin:0;padding:14px 18px;font-size:13.5px;line-height:1.5}
.ui-2026 .j26-st-empty-p{margin:0;padding:18px;font-size:13px;color:var(--j26-muted)}
.ui-2026 .j26-st-drop{cursor:pointer;margin:0;font-weight:400;padding:20px}
.ui-2026 .j26-st-drop:hover,.ui-2026 .j26-st-drop:focus-within{border-color:#C5CFE0;background:var(--j26-hover)}
.ui-2026 .j26-st-drop strong{color:var(--j26-navy)}
.ui-2026 .j26-st-drop-err{border-color:#C2410C}
.ui-2026 .j26-st-logo{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.ui-2026 .j26-st-logo img{max-width:220px;max-height:110px;border:1px solid var(--j26-line);border-radius:10px;padding:6px;background:#fff}
.ui-2026 .j26-st-logo img.j26-st-logo-sq{max-width:110px}
.ui-2026 .j26-st-days{grid-template-columns:repeat(7,minmax(0,1fr))}
.ui-2026 .j26-st-days .j26-f{grid-column:span 1}
.ui-2026 .j26-st-linkrow{display:flex;flex-wrap:wrap;gap:8px}
.ui-2026 .j26-st-narrow{max-width:760px}
.ui-2026 .j26-st-tbl-sm td{height:40px}
.ui-2026 .j26-st-saldo{font-weight:600}
.ui-2026 .j26-st-pos{color:var(--j26-green-text)}
.ui-2026 .j26-st-neg{color:var(--j26-red)}
.ui-2026 .j26-st-badge-amber{background:var(--j26-amber-tint);color:var(--j26-amber)}
.ui-2026 .j26-st-side-wide{max-width:none;flex:1 1 360px}
.ui-2026 .j26-st-main{gap:0}
.ui-2026 .j26-st-pager .pagination{margin:0}

/* modals */
.ui-2026 .j26-st-modal .modal-body{display:flex;flex-direction:column;gap:14px}
.ui-2026 .j26-st-modal-form{display:flex;flex-direction:column;gap:14px}
.ui-2026 .j26-st-modal .form-group{margin:0}
.ui-2026 .j26-st-modal .modal-footer{display:flex;justify-content:flex-end;gap:8px}
.ui-2026 .j26-st-modal .modal-footer::before,.ui-2026 .j26-st-modal .modal-footer::after{content:none}
.ui-2026 .j26-st-modal .j26-err{margin-top:2px}

/* stappen (import) */
.ui-2026 .j26-st-steps{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;list-style:none}
.ui-2026 .j26-st-step{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--j26-muted)}
.ui-2026 .j26-st-step b{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11.5px;background:#EFF0EC;color:var(--j26-ink-2)}
.ui-2026 .j26-st-step-done b{background:var(--j26-green-tint);color:var(--j26-green-text)}
.ui-2026 .j26-st-step-on{color:var(--j26-navy);font-weight:600}
.ui-2026 .j26-st-step-on b{background:var(--j26-navy);color:#fff}
.ui-2026 .j26-st-map{display:flex;flex-direction:column;gap:10px;margin-bottom:18px;max-width:640px}
.ui-2026 .j26-st-map-row{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:10px}
.ui-2026 .j26-st-map-row strong{font-weight:600}
.ui-2026 .j26-st-scroll{overflow-x:auto;margin-top:8px}

/* templates */
.ui-2026 .j26-st-tplform .j26-card-b.j26-sec-r{display:grid}
.ui-2026 .j26-st-trumbo .trumbowyg-box{margin:0;border:1px solid var(--j26-line-3);border-radius:10px;overflow:hidden;min-height:260px}
.ui-2026 .j26-st-trumbo .trumbowyg-button-pane{background:var(--j26-subtle);border-bottom:1px solid var(--j26-line-2)}
.ui-2026 .j26-st-vars{display:flex;flex-direction:column;gap:10px}
.ui-2026 .j26-st-varrow{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:12.5px;color:var(--j26-muted)}
.ui-2026 .j26-st-otpl{display:flex;flex-direction:column;gap:16px}
.ui-2026 .j26-st-otpl-head{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}
.ui-2026 .j26-st-otpl-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
.ui-2026 .j26-st-parts,.ui-2026 .j26-st-tasks{list-style:none;margin:0;padding:0}
.ui-2026 .j26-st-part{border-bottom:1px solid var(--j26-line-2);background:#fff}
.ui-2026 .j26-st-part:last-child{border-bottom:0;border-radius:0 0 var(--j26-radius) var(--j26-radius)}
.ui-2026 .j26-st-part-h{display:flex;align-items:center;gap:10px;padding:10px 14px}
.ui-2026 .j26-st-part-n{font-size:14px;color:var(--j26-navy);min-width:0;overflow-wrap:anywhere}
.ui-2026 .j26-st-part-acts{display:flex;align-items:center;gap:4px;flex:none}
.ui-2026 .j26-st-grip{color:#A3A8B0;cursor:grab;display:inline-flex}
.ui-2026 .j26-st-task{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 44px;border-top:1px solid var(--j26-line-2);font-size:13.5px}
.ui-2026 .j26-st-task-t{min-width:0;overflow-wrap:anywhere}
.ui-2026 .j26-st-task .j26-st-push{display:flex;gap:2px;flex:none}

/* rollen */
.ui-2026 .j26-st-mx-wrap .j26-toolbar .j26-seg{margin-left:auto}
.ui-2026 table.j26-st-mx{border-collapse:collapse;width:100%}
.ui-2026 .j26-st-mx thead th{vertical-align:bottom;text-align:center;padding:12px 8px;border-bottom:1px solid var(--j26-line);background:var(--j26-subtle);font-size:12px;font-weight:600;color:var(--j26-muted)}
.ui-2026 .j26-st-mx thead th.j26-st-mx-perm{text-align:left;padding-left:18px;width:360px}
.ui-2026 .j26-st-mx td,.ui-2026 .j26-st-mx tbody th{height:40px;padding:0 8px;border-bottom:1px solid var(--j26-line-2);text-align:center;font-size:13.5px;font-weight:400}
.ui-2026 .j26-st-mx tbody th{text-align:left;padding-left:18px}
.ui-2026 .j26-st-mx tbody tr.j26-st-mx-row:hover td,.ui-2026 .j26-st-mx tbody tr.j26-st-mx-row:hover th{background:var(--j26-hover)}
.ui-2026 .j26-st-mx tr.j26-st-mx-gh th,.ui-2026 .j26-st-mx tr.j26-st-mx-gh td{background:var(--j26-subtle);height:38px}
.ui-2026 .j26-st-mx-toggle{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:0;font:inherit;font-size:12.5px;font-weight:600;color:var(--j26-ink-2);cursor:pointer}
.ui-2026 .j26-st-mx-toggle .j26-ico{transition:transform .15s ease}
.ui-2026 .j26-st-mx-closed .j26-st-mx-toggle .j26-ico{transform:rotate(-90deg)}
.ui-2026 .j26-st-mx-closed .j26-st-mx-row,.ui-2026 .j26-st-mx-hide{display:none}
.ui-2026 .j26-st-mx-rh{display:flex;flex-direction:column;align-items:center;gap:4px}
.ui-2026 .j26-st-mx-rn{display:flex;align-items:center;gap:4px}
.ui-2026 .j26-st-mx-rn strong{font-size:13px;color:var(--j26-navy);white-space:nowrap}
.ui-2026 .j26-st-mx-rh small{font-weight:500;font-size:11.5px;color:var(--j26-muted);white-space:nowrap}
.ui-2026 .j26-st-mx-acts{display:flex;gap:2px}
.ui-2026 .j26-st-mx-pl{display:flex;flex-direction:column;line-height:1.25;text-align:left}
.ui-2026 .j26-st-mx-pl small{font-family:'Geist Mono',monospace;font-size:11px;color:var(--j26-faint)}
.ui-2026 .j26-st-permgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;align-items:start}
.ui-2026 .j26-st-permcard{margin:0;padding:0;min-width:0}
.ui-2026 .j26-st-permcard .j26-h2{font-size:15px}
.ui-2026 .j26-st-permlist{display:flex;flex-direction:column;padding:6px 0}
.ui-2026 .j26-st-perm{display:flex;align-items:flex-start;gap:10px;padding:7px 18px;margin:0;font-weight:400;cursor:pointer}
.ui-2026 .j26-st-perm:hover{background:var(--j26-hover)}
.ui-2026 .j26-st-perm .j26-cb{margin-top:2px;flex:none}
.ui-2026 .j26-st-perm .j26-cb:disabled{cursor:not-allowed}

/* gebruikers */
.ui-2026 .j26-st-user{display:inline-flex;align-items:center;gap:10px}
.ui-2026 .j26-st-userhead{align-items:center}
.ui-2026 .j26-st-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;color:var(--j26-muted)}
.ui-2026 .j26-st-roles{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.ui-2026 .j26-st-kv-act{align-items:center}
.ui-2026 .j26-st-kv-act>span:last-child{justify-content:flex-end}
.ui-2026 button.j26-tab{border:0;border-bottom:2px solid transparent;background:transparent;font:inherit;font-size:13.5px;cursor:pointer;padding:0 2px}
.ui-2026 button.j26-tab.j26-tab-on{border-bottom-color:var(--j26-green)}
.ui-2026 .j26-st-suggest{flex-wrap:wrap;align-items:flex-start}
.ui-2026 .j26-st-suggest-users{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 260px}
.ui-2026 .j26-st-suggest-u{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px}
.ui-2026 .j26-st-suggest-u small{color:var(--j26-muted)}
.ui-2026 .j26-st-group{border-top:1px solid var(--j26-line-2)}
.ui-2026 .j26-st-group:first-of-type{border-top:0}
.ui-2026 .j26-st-group-h{display:flex;align-items:center;gap:8px;padding:10px 18px}
.ui-2026 .j26-st-linkform{display:flex;flex-direction:column;gap:12px}
.ui-2026 .j26-st-linkform .j26-hint{margin:0}
.ui-2026 .j26-st-searchbox{position:relative}
.ui-2026 .j26-st-searchbox .j26-search{flex:none;width:100%;height:40px}
.ui-2026 .j26-st-results{position:absolute;left:0;right:0;top:44px;z-index:30;max-height:280px;overflow:auto}
.ui-2026 .j26-st-result{display:flex;flex-wrap:wrap;align-items:center;gap:6px;text-decoration:none !important}
.ui-2026 .j26-st-selected{display:flex;flex-wrap:wrap;gap:6px}
.ui-2026 .j26-st-selected p{margin:0;font-size:13px}
.ui-2026 .j26-st-tag{cursor:default;height:30px}
.ui-2026 .j26-st-tag small{color:var(--j26-muted);font-weight:400}
.ui-2026 .j26-st-tag-x{border:0;background:transparent;padding:0 0 0 2px;font-size:16px;line-height:1;color:var(--j26-navy);cursor:pointer}

/* offertes */
.ui-2026 .j26-st-listform{overflow:hidden}
.ui-2026 .j26-st-listrows{display:flex;flex-direction:column;gap:8px;padding:14px 18px}
.ui-2026 .j26-st-listrow{display:flex;align-items:center;gap:8px}
.ui-2026 .j26-st-upload{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ui-2026 .j26-st-upload .j26-in{flex:1 1 220px;height:auto;padding:7px 10px}

/* koppelingen */
.ui-2026 .j26-st-newtoken{align-items:flex-start}
.ui-2026 .j26-st-newtoken .j26-st-alert-b{gap:8px}
.ui-2026 .j26-st-explorer{display:flex;flex-direction:column;gap:16px}
.ui-2026 .j26-st-explorer .j26-toolbar .j26-hint{flex:1 1 260px}

/* e-mail */
.ui-2026 .j26-st-mailframe{display:block;width:100%;min-height:480px;border:0;border-radius:0 0 var(--j26-radius) var(--j26-radius);background:#fff;resize:vertical}
.ui-2026 .j26-st-maillog td.j26-st-wrap{min-width:220px}

/* objecten: bestandenkaart (oude box) */
.ui-2026 .j26-st-files .box{margin:0}
.ui-2026 .j26-st-objacts .btn{height:36px}

/* ---------- mobiel ---------- */
@media (max-width:767px){
  .ui-2026 .j26-st-grid{grid-template-columns:minmax(0,1fr)}
  .ui-2026 .j26-st-bigsearch{flex:1 1 100%}
  .ui-2026 .j26-st-jump{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:100%}
  .ui-2026 .j26-st-jump::-webkit-scrollbar{display:none}
  .ui-2026 .j26-st-jump .j26-chip{flex:none}
  .ui-2026 .j26-st-alert{flex-wrap:wrap}
  .ui-2026 .j26-st-savebar{bottom:8px}
  .ui-2026 .j26-st-savebar-a{width:100%}
  .ui-2026 .j26-st-savebar-a>*{flex:1 1 auto;justify-content:center}
  .ui-2026 .j26-st-dayline small{display:none}
  .ui-2026 .j26-st-tbl-wrap .dataTables_wrapper>.row>[class*=col-]{padding:8px 10px}
  .ui-2026 .j26-st-tbl-wrap .dataTables_wrapper .table-responsive,.ui-2026 .j26-st-tbl-wrap .dataTables_wrapper .dataTables_scroll{overflow-x:auto}
  .ui-2026 .j26-st-imap-res{grid-column:span 1}
  .ui-2026 .j26-st-days{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ui-2026 .j26-st-otpl-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ui-2026 .j26-st-otpl-kpis .j26-kpi{padding:12px}
  .ui-2026 .j26-st-otpl-kpis .j26-kpi-v{font-size:20px}
  .ui-2026 .j26-st-task{padding-left:24px}
  .ui-2026 .j26-st-part-h{flex-wrap:wrap}
  .ui-2026 .j26-st-permgrid{grid-template-columns:minmax(0,1fr)}
  .ui-2026 .j26-st-userhead .j26-page-actions{margin-left:0;width:100%}
  .ui-2026 .j26-st-copy{flex-wrap:nowrap}
  .ui-2026 .j26-st-mailframe{min-height:360px}
  .ui-2026 .j26-st-map-row{grid-template-columns:minmax(0,1fr) 18px minmax(0,.7fr)}
  .ui-2026 .j26-st-head-row{align-items:flex-start}
  .ui-2026 .j26-st-mx-wrap .j26-toolbar .j26-search{flex:1 1 100%}
  .ui-2026 .j26-st-mx-wrap .j26-toolbar .j26-seg{margin-left:0}
  .ui-2026 .j26-st-logo img{max-width:100%}
  .ui-2026 .j26-st-tbl-wrap .dataTables_wrapper>.row:first-child>[class*=col-]{width:100%;float:none}
  .ui-2026 .j26-st-tbl-wrap .dataTables_wrapper>.row:first-child>#tools:empty{display:none}
  .ui-2026 .j26-st-tbl-wrap .dataTables_filter input{width:100%;margin-left:0}
  .ui-2026 .j26-st-tbl-wrap .dataTables_filter label{display:flex;flex-direction:column;gap:4px;width:100%}
  .ui-2026 .j26-st-tbl-wrap .dataTables_paginate .pagination{flex-wrap:wrap}
}
@media (max-width:1599px){.ui-2026 .j26-ik-side-wide{max-width:none;flex-basis:100%}}
.ui-2026 .j26-inline-form{display:inline-flex;margin:0}

/* Restanten: server-HTML uit DataTables, notities, generieke Bootstrap-modals en plugins in de 2026-stijl.
   Alles onder .ui-2026; modern-theme.css laadt later, vandaar de extra klassen en soms !important.
   Specifiekere module-regels (bv. .j26-ol .action-group .btn) blijven winnen. */

/* =========================================================
   Algemeen: geen "optil"-effect en een zichtbare focusring
   ========================================================= */
.ui-2026 .btn:hover,.ui-2026 .btn:active{transform:none}
.ui-2026 .btn:focus-visible,.ui-2026 .j26-btn:focus-visible,.ui-2026 .j26-icon-btn:focus-visible{outline:2px solid var(--j26-navy);outline-offset:2px}

/* =========================================================
   1. Actieknoppen uit DataTables (btn-xs in tabelcellen)
   ========================================================= */
.ui-2026 .table td .action-group{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px}
.ui-2026 .table td .action-group>.btn,.ui-2026 .table td .action-group>.btn-group{margin:0}
.ui-2026 .table td .btn-xs:not(.btn-block){
  display:inline-flex;align-items:center;justify-content:center;gap:5px;
  height:28px;min-height:28px;padding:0 9px;
  border-radius:8px;font-family:inherit;font-size:12.5px;font-weight:600;line-height:1;white-space:nowrap;
  background:#fff !important;border:1px solid var(--j26-line-3) !important;color:var(--j26-navy) !important;
  text-decoration:none !important;vertical-align:middle;box-shadow:none !important;
}
.ui-2026 .table td .btn-xs:not(.btn-block):hover,.ui-2026 .table td .btn-xs:not(.btn-block):focus{background:#F6F7F4 !important;color:var(--j26-navy) !important}
.ui-2026 .table td .btn-xs:not(.btn-block) .fa{font-size:12px;width:auto;line-height:1}
/* primair (Wijzig/Bekijk) blijft licht met navy tekst, net als .j26-btn-sm */
.ui-2026 .table td .btn-xs.btn-primary:not(.btn-block){border-color:#C5CFE0 !important}
/* verwijderen: rood omlijnd */
.ui-2026 .table td .btn-xs.btn-danger:not(.btn-block){color:var(--j26-red) !important;border-color:#F3D3C2 !important}
.ui-2026 .table td .btn-xs.btn-danger:not(.btn-block):hover,.ui-2026 .table td .btn-xs.btn-danger:not(.btn-block):focus{background:#FFF5F0 !important;color:var(--j26-red) !important}
/* afronden/geleverd: groen omlijnd */
.ui-2026 .table td .btn-xs.btn-success:not(.btn-block){color:var(--j26-green-text) !important;border-color:var(--j26-green-border) !important}
.ui-2026 .table td .btn-xs.btn-success:not(.btn-block):hover{background:var(--j26-green-tint-2) !important}
/* aandacht (herinnering, notities aanwezig, sluiten): amber */
.ui-2026 .table td .btn-xs.btn-warning:not(.btn-block){background:var(--j26-amber-tint) !important;color:var(--j26-amber) !important;border-color:#F2E3B3 !important}
.ui-2026 .table td .btn-xs.btn-warning:not(.btn-block):hover{background:#FFEDB8 !important}
.ui-2026 .table td .btn-xs.btn-info:not(.btn-block){background:var(--j26-navy-tint-2) !important;border-color:#D5DDEA !important}
.ui-2026 .table td .btn-xs.disabled,.ui-2026 .table td .btn-xs[disabled]{opacity:.45;cursor:not-allowed}
.ui-2026 .table td .btn-xs.dropdown-toggle .caret{margin-left:2px}
.ui-2026 .table td .action-group .dropdown-menu{min-width:180px}
.ui-2026 .table td .action-group .dropdown-menu>li>a{display:flex;align-items:center;gap:8px;font-size:13px}
.ui-2026 .table td .action-group .dropdown-menu>li>a .fa{width:14px;text-align:center;color:var(--j26-muted)}

/* statuslabels die als knop worden meegeleverd (btn btn-block btn-xs ...) tonen als pil */
.ui-2026 .table td .btn-block.btn-xs{
  display:inline-flex !important;align-items:center;width:auto !important;height:24px;min-height:24px;padding:0 9px !important;margin:0;
  border-radius:999px !important;border:0 !important;font-size:12px !important;font-weight:600;line-height:1;white-space:nowrap;cursor:default;
  background:#EFF0EC !important;color:#4A5262 !important;text-decoration:none !important;
}
.ui-2026 .table td .btn-block.btn-xs.btn-success{background:var(--j26-green-tint) !important;color:var(--j26-green-text) !important}
.ui-2026 .table td .btn-block.btn-xs.btn-primary,.ui-2026 .table td .btn-block.btn-xs.btn-info{background:var(--j26-navy-tint) !important;color:var(--j26-navy) !important}
.ui-2026 .table td .btn-block.btn-xs.btn-warning{background:var(--j26-amber-tint) !important;color:var(--j26-amber) !important}
.ui-2026 .table td .btn-block.btn-xs.btn-danger{background:var(--j26-orange-tint) !important;color:var(--j26-orange) !important}

@media (max-width:767px){
  .ui-2026 .table td .action-group{justify-content:flex-start}
  .ui-2026 .table td .btn-xs:not(.btn-block){height:34px;min-height:34px;padding:0 11px}
}

/* =========================================================
   2. Notities (NotesComponent / NotesModal, v-if="modern")
   ========================================================= */
.ui-2026 .j26-notes{overflow:hidden;margin-bottom:20px;transition:opacity .15s ease}
.ui-2026 .j26-notes-busy{opacity:.6}
.ui-2026 .j26-notes .j26-card-h{flex-wrap:wrap}
.ui-2026 .j26-notes .j26-h2{font-family:'Bricolage Grotesque',sans-serif;font-size:17px;font-weight:700;color:var(--j26-navy);margin:0}
.ui-2026 .j26-notes .j26-btn{color:var(--j26-navy);text-decoration:none}
.ui-2026 .j26-notes-add{margin-left:auto}
.ui-2026 .j26-notes-empty{margin:0;padding:20px 18px;text-align:center;font-size:13.5px;font-style:italic;color:var(--j26-muted)}
.ui-2026 .j26-notes-list{list-style:none;margin:0;padding:0}
.ui-2026 .j26-notes-row{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px 18px;border-top:1px solid var(--j26-line-2)}
.ui-2026 .j26-notes-row:first-child{border-top:0}
.ui-2026 .j26-notes-sticky{background:#FFFCF2;box-shadow:inset 3px 0 0 #E8C766}
.ui-2026 .j26-notes-top{display:flex;align-items:center;gap:8px;min-height:30px}
.ui-2026 .j26-notes-date{font-size:12.5px;font-weight:600;color:var(--j26-muted);font-variant-numeric:tabular-nums}
.ui-2026 .j26-notes-actions{margin-left:auto;display:inline-flex;align-items:center;gap:2px}
.ui-2026 .j26-notes .j26-icon-btn{border:0}
.ui-2026 .j26-notes .j26-notes-danger,.ui-2026 .j26-notes .j26-notes-danger:hover{color:var(--j26-red) !important}
.ui-2026 .j26-notes-content{font-size:13.5px;line-height:1.5;color:var(--j26-ink);overflow-wrap:anywhere;word-break:break-word;min-width:0}
.ui-2026 .j26-notes-content p{margin:0 0 6px}
.ui-2026 .j26-notes-content>*:last-child{margin-bottom:0}
.ui-2026 .j26-notes-content a{color:var(--j26-navy);text-decoration:underline}
.ui-2026 .j26-notes-content *{max-width:100% !important}
.ui-2026 .j26-notes-content img{display:block;height:auto;object-fit:contain;border-radius:8px}
.ui-2026 .j26-notes-content video,.ui-2026 .j26-notes-content iframe{width:100%;height:auto}
.ui-2026 .j26-notes-content table{width:100%;table-layout:fixed}
/* binnen een bestaande kaart (bv. inkoopfactuur): geen dubbele kaart en kop */
.ui-2026 .j26-card-b>div>.j26-notes{border:0;border-radius:0;margin:-16px -18px;background:transparent}
.ui-2026 .j26-card-b>div>.j26-notes>.j26-card-h{border-bottom:0;padding:10px 18px 0}
.ui-2026 .j26-card-b>div>.j26-notes>.j26-card-h>.j26-h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:767px){
  .ui-2026 .j26-notes .j26-icon-btn{width:40px;height:40px}
  .ui-2026 .j26-notes-row{padding:10px 12px 12px 14px}
}

/* notitievenster */
.ui-2026 .j26-notes-modal .modal-dialog{width:min(640px,calc(100% - 20px))}
.ui-2026 .j26-notes-modal .modal-content.modal-lg{width:auto}
.ui-2026 .j26-notes-modal .modal-body{padding:18px 20px}
.ui-2026 .j26-notes-modal-f{display:flex;justify-content:flex-end;gap:8px}
.ui-2026 .j26-notes-modal-f .j26-btn{height:38px;text-decoration:none}
.ui-2026 .j26-notes-modal-f .j26-btn-g{margin-right:auto;color:var(--j26-navy)}
.ui-2026 .j26-notes-modal-f .j26-btn[disabled]{opacity:.55;cursor:not-allowed}
.ui-2026 .j26-notes-modal .vdp-datepicker,.ui-2026 .j26-notes-modal .v-autocomplete{position:relative}
.ui-2026 .j26-notes-modal .checkbox{margin:0}
.ui-2026 .j26-notes-modal .checkbox label{display:inline-flex;align-items:center;gap:8px;padding-left:0}
.ui-2026 .j26-notes-modal .checkbox input[type=checkbox]{position:static;margin:0;width:16px;height:16px;accent-color:var(--j26-navy)}
@media (max-width:767px){
  .ui-2026 .j26-notes-modal-f .j26-btn{flex:1 1 auto;justify-content:center;height:44px}
  .ui-2026 .j26-notes-modal-f .j26-btn-g{margin-right:0}
}

/* =========================================================
   3. Generieke Bootstrap-modals
   ========================================================= */
.ui-2026 .modal-content{font-family:inherit;color:var(--j26-ink)}
.ui-2026 .modal-header{border-radius:0}
.ui-2026 .modal-header .modal-title{margin:0;line-height:1.3;letter-spacing:-0.01em;overflow-wrap:anywhere}
.ui-2026 .modal-header .close{float:right;margin:-4px -6px 0 12px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;font-size:22px;font-weight:400;line-height:1;color:var(--j26-ink-2);opacity:.7;text-shadow:none}
.ui-2026 .modal-header .close:hover,.ui-2026 .modal-header .close:focus{opacity:1;background:#F0F1EC;color:var(--j26-navy)}
.ui-2026 .modal-body{padding:18px 20px}
.ui-2026 .modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;border-radius:0}
.ui-2026 .modal-footer::before,.ui-2026 .modal-footer::after{content:none}
.ui-2026 .modal-footer .btn+.btn{margin-left:0}
.ui-2026 .modal-footer .pull-left{margin-right:auto}
@media (max-width:767px){
  .ui-2026 .modal-dialog{margin:10px}
  .ui-2026 .modal-body{padding:16px}
  .ui-2026 .modal-footer .btn,.ui-2026 .modal-footer .j26-btn{min-height:44px}
}

/* =========================================================
   select2
   ========================================================= */
.ui-2026 .select2-container{font-family:inherit;font-size:14px}
.ui-2026 .select2-container--default .select2-selection--single{height:38px;background:#fff}
.ui-2026 .select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--j26-ink);padding-left:12px;padding-right:30px}
.ui-2026 .select2-container--default .select2-selection--single .select2-selection__placeholder{color:var(--j26-placeholder)}
.ui-2026 .select2-container--default .select2-selection--single .select2-selection__arrow{right:6px}
.ui-2026 .select2-container--default .select2-selection--single .select2-selection__arrow b{border-top-color:var(--j26-muted)}
.ui-2026 .select2-container--default .select2-selection--single .select2-selection__clear{color:var(--j26-muted);margin-right:4px;font-weight:400}
.ui-2026 .select2-container--default.select2-container--focus .select2-selection--single,
.ui-2026 .select2-container--default.select2-container--focus .select2-selection--multiple,
.ui-2026 .select2-container--default.select2-container--open .select2-selection--single,
.ui-2026 .select2-container--default.select2-container--open .select2-selection--multiple{border-color:var(--j26-navy);box-shadow:0 0 0 4px rgba(27,43,75,.10);outline:0}
.ui-2026 .select2-container--default.select2-container--disabled .select2-selection--single,
.ui-2026 .select2-container--default.select2-container--disabled .select2-selection--multiple{background:var(--j26-subtle);cursor:not-allowed}
.ui-2026 .select2-hidden-accessible:required+.select2-container .select2-selection--single{border-left:1px solid var(--j26-line-3)}
.ui-2026 .select2-container--default .select2-selection--multiple{padding:2px 6px}
.ui-2026 .select2-container--default .select2-selection--multiple .select2-selection__choice{display:inline-flex;align-items:center;gap:4px;margin:4px 4px 0 0;padding:2px 8px;border:0;border-radius:999px;background:var(--j26-navy-tint);color:var(--j26-navy);font-size:12.5px;font-weight:600}
.ui-2026 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{margin:0;color:var(--j26-navy);opacity:.6}
.ui-2026 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{opacity:1;color:var(--j26-red)}
.ui-2026 .select2-container--default .select2-search--inline .select2-search__field{margin-top:5px;font-family:inherit;font-size:14px}
.ui-2026 .select2-dropdown{border:1px solid #E1E4DD !important;border-radius:12px !important;box-shadow:0 16px 40px rgba(27,43,75,.14);overflow:hidden;font-family:inherit;z-index:1060}
.ui-2026 .select2-container--open .select2-dropdown--below{margin-top:4px}
.ui-2026 .select2-container--open .select2-dropdown--above{margin-top:-4px}
.ui-2026 .select2-search--dropdown{padding:8px}
.ui-2026 .select2-container--default .select2-search--dropdown .select2-search__field{height:34px;border:1px solid var(--j26-line-3);border-radius:9px;padding:0 10px;font-family:inherit;font-size:13.5px;outline:0}
.ui-2026 .select2-container--default .select2-search--dropdown .select2-search__field:focus{border-color:var(--j26-navy);box-shadow:0 0 0 3px rgba(27,43,75,.10)}
.ui-2026 .select2-results>.select2-results__options{padding:4px 6px 6px}
.ui-2026 .select2-container--default .select2-results__option{padding:7px 10px;border-radius:8px;font-size:13.5px;color:var(--j26-ink)}
.ui-2026 .select2-container--default .select2-results__option[aria-selected=true]{background:var(--j26-navy-tint-2);color:var(--j26-navy);font-weight:600}
.ui-2026 .select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--j26-navy-tint);color:var(--j26-navy)}
.ui-2026 .select2-container--default .select2-results__group{padding:8px 10px 4px;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--j26-muted)}
.ui-2026 .select2-container--default .select2-results__option[aria-disabled=true]{color:var(--j26-placeholder)}
.ui-2026 .select2-results__message{color:var(--j26-muted);font-style:italic}

/* =========================================================
   bootstrap-datepicker en bootstrap-timepicker (jQuery)
   ========================================================= */
.ui-2026 .datepicker.dropdown-menu{padding:8px;border:1px solid #E1E4DD;border-radius:12px;box-shadow:0 16px 40px rgba(27,43,75,.14);font-family:inherit;font-size:13px;color:var(--j26-ink);z-index:1060 !important}
.ui-2026 .datepicker.dropdown-menu::before,.ui-2026 .datepicker.dropdown-menu::after{display:none}
.ui-2026 .datepicker table tr td,.ui-2026 .datepicker table tr th{width:32px;height:32px;border-radius:8px;text-shadow:none}
.ui-2026 .datepicker table tr th{font-weight:600;color:var(--j26-navy)}
.ui-2026 .datepicker table tr th.dow{font-size:11.5px;font-weight:600;color:var(--j26-muted)}
.ui-2026 .datepicker table tr th.prev:hover,.ui-2026 .datepicker table tr th.next:hover,.ui-2026 .datepicker table tr th.datepicker-switch:hover,
.ui-2026 .datepicker table tr td.day:hover,.ui-2026 .datepicker table tr td span:hover{background:var(--j26-navy-tint-2)}
.ui-2026 .datepicker table tr td.old,.ui-2026 .datepicker table tr td.new{color:var(--j26-placeholder)}
.ui-2026 .datepicker table tr td.today,.ui-2026 .datepicker table tr td.today:hover{background:var(--j26-green-tint) !important;border-color:transparent;color:var(--j26-green-text)}
.ui-2026 .datepicker table tr td.active,.ui-2026 .datepicker table tr td.active:hover,.ui-2026 .datepicker table tr td.active.today,
.ui-2026 .datepicker table tr td span.active,.ui-2026 .datepicker table tr td span.active:hover{background:var(--j26-navy) !important;border-color:var(--j26-navy);color:#fff !important;text-shadow:none}
.ui-2026 .datepicker table tr td.range{background:var(--j26-navy-tint-2);border-radius:0}
.ui-2026 .datepicker table tr td.disabled,.ui-2026 .datepicker table tr td.disabled:hover{color:#C7CBC2;background:transparent;cursor:not-allowed}
.ui-2026 .datepicker table tr td span{border-radius:8px}
.ui-2026 .bootstrap-timepicker-widget.dropdown-menu{padding:8px;border:1px solid #E1E4DD;border-radius:12px;box-shadow:0 16px 40px rgba(27,43,75,.14);font-family:inherit}
.ui-2026 .bootstrap-timepicker-widget.dropdown-menu::before,.ui-2026 .bootstrap-timepicker-widget.dropdown-menu::after{display:none}
.ui-2026 .bootstrap-timepicker-widget table td a{border-radius:8px;color:var(--j26-navy)}
.ui-2026 .bootstrap-timepicker-widget table td a:hover{background:var(--j26-navy-tint-2)}
.ui-2026 .bootstrap-timepicker-widget table td input{width:44px;height:34px;border:1px solid var(--j26-line-3);border-radius:8px;font-family:'Geist Mono',monospace;font-size:14px;box-shadow:none}

/* =========================================================
   vuejs-datepicker en vue2-timepicker
   ========================================================= */
.ui-2026 .vdp-datepicker__calendar{z-index:1060;border:1px solid #E1E4DD;border-radius:12px;box-shadow:0 16px 40px rgba(27,43,75,.14);padding:6px;max-width:calc(100vw - 32px);font-family:inherit;color:var(--j26-ink)}
.ui-2026 .vdp-datepicker__calendar header span{font-weight:600;color:var(--j26-navy)}
.ui-2026 .vdp-datepicker__calendar header .up:not(.disabled):hover,
.ui-2026 .vdp-datepicker__calendar header .prev:not(.disabled):hover,
.ui-2026 .vdp-datepicker__calendar header .next:not(.disabled):hover{background:var(--j26-navy-tint-2);border-radius:8px}
.ui-2026 .vdp-datepicker__calendar .cell{border-radius:8px}
.ui-2026 .vdp-datepicker__calendar .cell.day-header{font-size:11.5px;font-weight:600;color:var(--j26-muted)}
.ui-2026 .vdp-datepicker__calendar .cell.highlighted{background:var(--j26-green-tint);color:var(--j26-green-text)}
.ui-2026 .vdp-datepicker__calendar .cell.selected,.ui-2026 .vdp-datepicker__calendar .cell.selected:hover,.ui-2026 .vdp-datepicker__calendar .cell.selected.highlighted{background:var(--j26-navy);color:#fff}
.ui-2026 .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
.ui-2026 .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,
.ui-2026 .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover{border-color:var(--j26-navy)}
.ui-2026 .vdp-datepicker__calendar .disabled{color:#C7CBC2}
.ui-2026 .vue__time-picker input.display-time,.ui-2026 .time-picker input.display-time{height:38px;border:1px solid var(--j26-line-3);border-radius:10px;padding:0 12px;font-family:'Geist Mono',monospace;font-size:14px;color:var(--j26-ink);background:#fff;box-shadow:none}
.ui-2026 .vue__time-picker input.display-time:focus,.ui-2026 .time-picker input.display-time:focus{border-color:var(--j26-navy);box-shadow:0 0 0 4px rgba(27,43,75,.10);outline:0}
.ui-2026 .vue__time-picker input.display-time:disabled,.ui-2026 .time-picker input.display-time:disabled{background:var(--j26-subtle);color:var(--j26-muted)}
.ui-2026 .vue__time-picker .dropdown,.ui-2026 .time-picker .dropdown{top:42px;z-index:1060;border:1px solid #E1E4DD;border-radius:12px;box-shadow:0 16px 40px rgba(27,43,75,.14);overflow:hidden;font-family:inherit}
.ui-2026 .vue__time-picker .dropdown ul li:not([disabled]):hover,.ui-2026 .time-picker .dropdown ul li:not([disabled]):hover{background:var(--j26-navy-tint-2);color:var(--j26-navy)}
.ui-2026 .vue__time-picker .dropdown ul li:not([disabled]).active,.ui-2026 .vue__time-picker .dropdown ul li:not([disabled]).active:hover,
.ui-2026 .time-picker .dropdown ul li:not([disabled]).active,.ui-2026 .time-picker .dropdown ul li:not([disabled]).active:hover{background:var(--j26-navy);color:#fff}
.ui-2026 .vue__time-picker .dropdown .hint,.ui-2026 .time-picker .dropdown .hint{color:var(--j26-muted)}

/* v-autocomplete (Vue): generieke lijst; modulespecifieke regels blijven winnen */
.ui-2026 .v-autocomplete{position:relative}
.ui-2026 .v-autocomplete .v-autocomplete-list{position:absolute;left:0;right:0;z-index:1060;background:#fff;border:1px solid #E1E4DD;border-radius:12px;box-shadow:0 16px 40px rgba(27,43,75,.14);padding:6px;margin-top:4px;max-height:280px;overflow:auto}
.ui-2026 .v-autocomplete .v-autocomplete-list-item{padding:8px 10px;border:0;border-radius:8px;cursor:pointer;font-size:13.5px;background:#fff}
.ui-2026 .v-autocomplete .v-autocomplete-list-item:hover,.ui-2026 .v-autocomplete .v-autocomplete-item-active{background:var(--j26-navy-tint-2)}
.ui-2026 .v-autocomplete .v-autocomplete-list-item abbr{display:block;font-size:12px;color:var(--j26-muted);text-decoration:none;border:0}

/* =========================================================
   Editors: wysihtml5 en trumbowyg
   ========================================================= */
.ui-2026 .wysihtml5-toolbar{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 6px !important;padding:0;list-style:none}
.ui-2026 .wysihtml5-toolbar>li{float:none;margin:0 !important;height:auto}
.ui-2026 .wysihtml5-toolbar .btn{height:30px;min-height:30px;padding:0 9px;font-size:12.5px;border-radius:8px;background:#fff;color:var(--j26-navy)}
.ui-2026 .wysihtml5-toolbar .btn.wysihtml5-command-active,.ui-2026 .wysihtml5-toolbar .btn.active{background:var(--j26-navy-tint) !important;border-color:#C5CFE0}
.ui-2026 .wysihtml5-toolbar .btn-group>.btn{border-radius:0}
.ui-2026 .wysihtml5-toolbar .btn-group>.btn:first-child{border-radius:8px 0 0 8px}
.ui-2026 .wysihtml5-toolbar .btn-group>.btn:last-child{border-radius:0 8px 8px 0}
.ui-2026 .wysihtml5-toolbar .btn-group>.btn:only-child{border-radius:8px}
.ui-2026 iframe.wysihtml5-sandbox{border:1px solid var(--j26-line-3) !important;border-radius:10px !important;background:#fff !important}

.ui-2026 .trumbowyg-box{margin:0;border:1px solid var(--j26-line-3);border-radius:10px;overflow:hidden;background:#fff}
.ui-2026 .trumbowyg-box.trumbowyg-fullscreen{border-radius:0}
.ui-2026 .trumbowyg-box:focus-within{border-color:var(--j26-navy);box-shadow:0 0 0 4px rgba(27,43,75,.10)}
.ui-2026 .trumbowyg-box,.ui-2026 .trumbowyg-editor,.ui-2026 .trumbowyg-textarea{min-height:200px}
.ui-2026 .trumbowyg-button-pane{background:var(--j26-subtle);border-bottom:1px solid var(--j26-line-2)}
.ui-2026 .trumbowyg-button-pane::after{background:var(--j26-line-2)}
.ui-2026 .trumbowyg-button-pane .trumbowyg-button-group::after{background:var(--j26-line-2)}
.ui-2026 .trumbowyg-button-pane button{border-radius:7px;margin:2px 1px}
.ui-2026 .trumbowyg-button-pane button:not(.trumbowyg-disable):hover,
.ui-2026 .trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
.ui-2026 .trumbowyg-button-pane button.trumbowyg-active{background:var(--j26-navy-tint-2);outline:0}
.ui-2026 .trumbowyg-button-pane button svg{fill:var(--j26-ink-2);color:var(--j26-ink-2)}
.ui-2026 .trumbowyg-editor,.ui-2026 .trumbowyg-textarea{font-family:inherit;font-size:14px;line-height:1.55;color:var(--j26-ink);padding:12px 14px}
.ui-2026 .trumbowyg-editor[contenteditable=true]:empty:not(:focus)::before{color:var(--j26-placeholder)}
.ui-2026 .trumbowyg-dropdown{border:1px solid #E1E4DD;border-radius:12px;box-shadow:0 16px 40px rgba(27,43,75,.14);padding:4px;font-family:inherit}
.ui-2026 .trumbowyg-dropdown button{border-radius:8px;font-size:13px;color:var(--j26-ink)}
.ui-2026 .trumbowyg-dropdown button:hover,.ui-2026 .trumbowyg-dropdown button:focus{background:var(--j26-navy-tint-2)}
.ui-2026 .trumbowyg-modal-box{border-radius:0 0 14px 14px;box-shadow:0 24px 60px rgba(27,43,75,.25);font-family:inherit}
.ui-2026 .trumbowyg-modal-box .trumbowyg-modal-title{font-family:'Bricolage Grotesque',sans-serif;font-size:16px;font-weight:700;color:var(--j26-navy);background:var(--j26-subtle);border-bottom:1px solid var(--j26-line-2)}
.ui-2026 .trumbowyg-modal-box label>input,.ui-2026 .trumbowyg-modal-box label>select,.ui-2026 .trumbowyg-modal-box label>textarea{border:1px solid var(--j26-line-3);border-radius:8px}
.ui-2026 .trumbowyg-modal-box .trumbowyg-modal-button{border-radius:10px;font-family:inherit;font-weight:600}
.ui-2026 .trumbowyg-modal-box .trumbowyg-modal-submit{background:var(--j26-navy)}
.ui-2026 .trumbowyg-modal-box .trumbowyg-modal-submit:hover,.ui-2026 .trumbowyg-modal-box .trumbowyg-modal-submit:focus{background:var(--j26-navy-2)}
.ui-2026 .trumbowyg-modal-box .trumbowyg-modal-reset{background:#fff;color:var(--j26-navy);border:1px solid var(--j26-line-3)}

/* =========================================================
   jQuery UI (autocomplete, menu, eventuele datepicker)
   ========================================================= */
.ui-2026 .ui-widget,.ui-2026 .ui-widget input,.ui-2026 .ui-widget select,.ui-2026 .ui-widget textarea,.ui-2026 .ui-widget button{font-family:inherit;font-size:13.5px}
.ui-2026 .ui-autocomplete.ui-menu{z-index:1060;max-height:320px;overflow-y:auto;overflow-x:hidden;padding:6px;border:1px solid #E1E4DD;border-radius:12px;background:#fff;box-shadow:0 16px 40px rgba(27,43,75,.14);color:var(--j26-ink)}
.ui-2026 .ui-autocomplete.ui-menu .ui-menu-item{margin:0;padding:0;list-style:none;background:none;border:0}
.ui-2026 .ui-autocomplete.ui-menu .ui-menu-item>a,.ui-2026 .ui-autocomplete.ui-menu .ui-menu-item-wrapper{display:block;margin:0;padding:7px 10px;border:0;border-radius:8px;color:var(--j26-ink);line-height:1.35}
.ui-2026 .ui-autocomplete.ui-menu .ui-state-focus,.ui-2026 .ui-autocomplete.ui-menu .ui-state-active,.ui-2026 .ui-autocomplete.ui-menu .ui-state-hover{margin:0 !important;border:0 !important;background:var(--j26-navy-tint-2) !important;color:var(--j26-navy) !important;font-weight:500}
.ui-2026 .ui-helper-hidden-accessible{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ui-2026 .ui-datepicker{padding:8px;border:1px solid #E1E4DD;border-radius:12px;background:#fff;box-shadow:0 16px 40px rgba(27,43,75,.14)}
.ui-2026 .ui-datepicker .ui-datepicker-header{border:0;border-radius:8px;background:var(--j26-subtle);color:var(--j26-navy)}
.ui-2026 .ui-datepicker .ui-state-default{border:0;border-radius:8px;background:transparent;text-align:center;color:var(--j26-ink)}
.ui-2026 .ui-datepicker .ui-state-highlight{background:var(--j26-green-tint);color:var(--j26-green-text)}
.ui-2026 .ui-datepicker .ui-state-active{background:var(--j26-navy);color:#fff}

/* =========================================================
   Meldingen: sweetalert (v2), sweetalert2, notify, toastr
   ========================================================= */
.ui-2026 .swal-overlay{background-color:rgba(27,36,51,.32)}
.ui-2026 .swal-modal{width:min(440px,calc(100% - 32px));border-radius:18px;box-shadow:0 24px 60px rgba(27,43,75,.25);font-family:inherit;padding-top:8px}
.ui-2026 .swal-title{font-family:'Bricolage Grotesque',sans-serif;font-size:19px;font-weight:700;letter-spacing:-0.01em;line-height:1.3;color:var(--j26-navy);padding:14px 20px 0}
.ui-2026 .swal-title:not(:last-child){margin-bottom:8px}
.ui-2026 .swal-text{font-size:14px;line-height:1.5;color:var(--j26-ink-2);text-align:center;padding:0 20px}
.ui-2026 .swal-icon--warning{border-color:#F2D58A}
.ui-2026 .swal-icon--warning__body,.ui-2026 .swal-icon--warning__dot{background-color:#D9A21B}
.ui-2026 .swal-icon--success{border-color:var(--j26-green-border)}
.ui-2026 .swal-icon--success__line{background-color:var(--j26-green-dark)}
.ui-2026 .swal-icon--success__ring{border-color:var(--j26-green-border)}
.ui-2026 .swal-icon--info{border-color:#C5CFE0}
.ui-2026 .swal-icon--info::before,.ui-2026 .swal-icon--info::after{background-color:var(--j26-navy)}
.ui-2026 .swal-icon--error{border-color:#F3D3C2}
.ui-2026 .swal-icon--error__line{background-color:var(--j26-red)}
.ui-2026 .swal-content{padding:0 20px;margin-top:12px}
.ui-2026 .swal-content__input,.ui-2026 .swal-content__textarea{border:1px solid var(--j26-line-3);border-radius:10px;font-family:inherit;font-size:14px}
.ui-2026 .swal-content__input:focus,.ui-2026 .swal-content__textarea:focus{border-color:var(--j26-navy);box-shadow:0 0 0 4px rgba(27,43,75,.10);outline:0}
.ui-2026 .swal-footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:20px;padding:12px 20px;border-top:1px solid var(--j26-line-2);background:var(--j26-subtle);border-radius:0 0 18px 18px;text-align:right}
.ui-2026 .swal-button-container{margin:0}
.ui-2026 .swal-button{height:38px;padding:0 16px;border-radius:10px;border:1px solid var(--j26-navy);background-color:var(--j26-navy);color:#fff;font-family:inherit;font-size:13.5px;font-weight:600;box-shadow:none}
.ui-2026 .swal-button:not([disabled]):hover{background-color:var(--j26-navy-2)}
.ui-2026 .swal-button:focus{outline:2px solid var(--j26-navy);outline-offset:2px;box-shadow:none}
.ui-2026 .swal-button--cancel{background-color:#fff;border-color:var(--j26-line-3);color:var(--j26-navy)}
.ui-2026 .swal-button--cancel:not([disabled]):hover{background-color:#F6F7F4}
.ui-2026 .swal-button--danger{background-color:var(--j26-red);border-color:var(--j26-red);color:#fff}
.ui-2026 .swal-button--danger:not([disabled]):hover{background-color:#963008}
@media (max-width:767px){
  .ui-2026 .swal-button-container{flex:1 1 auto}
  .ui-2026 .swal-button{width:100%;height:44px}
}

.ui-2026 .swal2-container.swal2-backdrop-show,.ui-2026 .swal2-container.swal2-shown{background:rgba(27,36,51,.32)}
.ui-2026 .swal2-popup{width:min(440px,calc(100% - 32px));border-radius:18px;box-shadow:0 24px 60px rgba(27,43,75,.25);font-family:inherit;padding:20px 0 0;color:var(--j26-ink)}
.ui-2026 .swal2-title{font-family:'Bricolage Grotesque',sans-serif;font-size:19px;font-weight:700;letter-spacing:-0.01em;color:var(--j26-navy);padding:0 20px}
.ui-2026 .swal2-html-container,.ui-2026 .swal2-content{font-size:14px;line-height:1.5;color:var(--j26-ink-2);padding:0 20px}
.ui-2026 .swal2-input,.ui-2026 .swal2-textarea,.ui-2026 .swal2-select{height:40px;margin:14px 20px 0;width:calc(100% - 40px);max-width:none;border:1px solid var(--j26-line-3);border-radius:10px;box-shadow:none;font-family:inherit;font-size:14px;color:var(--j26-ink)}
.ui-2026 .swal2-input:focus,.ui-2026 .swal2-textarea:focus{border-color:var(--j26-navy);box-shadow:0 0 0 4px rgba(27,43,75,.10);outline:0}
.ui-2026 .swal2-validation-message{background:#FFF8F3;color:var(--j26-red);font-size:13px}
.ui-2026 .swal2-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;width:100%;margin:20px 0 0;padding:12px 20px;border-top:1px solid var(--j26-line-2);background:var(--j26-subtle);border-radius:0 0 18px 18px}
.ui-2026 .swal2-actions .swal2-styled{margin:0;height:38px;padding:0 16px;border-radius:10px;font-family:inherit;font-size:13.5px;font-weight:600;box-shadow:none !important}
.ui-2026 .swal2-actions .swal2-styled.swal2-confirm{order:2;background:var(--j26-navy) !important;border:1px solid var(--j26-navy);color:#fff}
.ui-2026 .swal2-actions .swal2-styled.swal2-confirm:hover{background:var(--j26-navy-2) !important}
.ui-2026 .swal2-actions .swal2-styled.swal2-cancel{order:1;background:#fff !important;border:1px solid var(--j26-line-3);color:var(--j26-navy)}
.ui-2026 .swal2-actions .swal2-styled.swal2-cancel:hover{background:#F6F7F4 !important}
.ui-2026 .swal2-actions .swal2-styled.swal2-deny{background:#fff !important;border:1px solid #F3D3C2;color:var(--j26-red)}
.ui-2026 .swal2-actions .swal2-styled:focus-visible{outline:2px solid var(--j26-navy);outline-offset:2px}
.ui-2026 .swal2-loader{border-color:var(--j26-navy) transparent var(--j26-navy) transparent}
.ui-2026 .swal2-icon.swal2-warning{border-color:#F2D58A;color:#D9A21B}
.ui-2026 .swal2-icon.swal2-info,.ui-2026 .swal2-icon.swal2-question{border-color:#C5CFE0;color:var(--j26-navy)}
.ui-2026 .swal2-icon.swal2-error{border-color:#F3D3C2}
.ui-2026 .swal2-icon.swal2-error [class^=swal2-x-mark-line]{background-color:var(--j26-red)}
.ui-2026 .swal2-icon.swal2-success [class^=swal2-success-line]{background-color:var(--j26-green-dark)}
.ui-2026 .swal2-icon.swal2-success .swal2-success-ring{border-color:var(--j26-green-border)}

/* notify.js (bootstrap-stijl) en bootstrap-notify */
.ui-2026 .notifyjs-corner{margin:12px}
.ui-2026 .notifyjs-bootstrap-base{padding:10px 14px 10px 14px;border-radius:12px;border:1px solid var(--j26-line);background:#fff;background-image:none !important;box-shadow:0 16px 40px rgba(27,43,75,.14);font-family:inherit;font-size:13.5px;font-weight:500;text-shadow:none;color:var(--j26-ink);white-space:normal;max-width:min(380px,calc(100vw - 32px))}
.ui-2026 .notifyjs-bootstrap-success{background:var(--j26-green-tint-2);border-color:var(--j26-green-border);color:#2E4A10}
.ui-2026 .notifyjs-bootstrap-info{background:var(--j26-navy-tint-2);border-color:#D5DDEA;color:var(--j26-navy)}
.ui-2026 .notifyjs-bootstrap-warn{background:#FFF8E3;border-color:#F2E3B3;color:#5A3F00}
.ui-2026 .notifyjs-bootstrap-error{background:#FFF8F3;border-color:#F3D9C7;color:#6E2C07}
.ui-2026 [data-notify=container].alert{border-radius:12px;box-shadow:0 16px 40px rgba(27,43,75,.14);font-size:13.5px;max-width:min(380px,calc(100vw - 32px))}

/* toastr */
.ui-2026 #toast-container>.toast,.ui-2026 #toast-container>div{opacity:1;border-radius:12px;padding:12px 14px 12px 46px;box-shadow:0 16px 40px rgba(27,43,75,.14);font-family:inherit;font-size:13.5px;background-position:16px center;max-width:min(380px,calc(100vw - 32px))}
.ui-2026 #toast-container>div:hover{box-shadow:0 16px 40px rgba(27,43,75,.20)}
.ui-2026 #toast-container>.toast-success{background-color:var(--j26-green-dark)}
.ui-2026 #toast-container>.toast-info{background-color:var(--j26-navy)}
.ui-2026 #toast-container>.toast-warning{background-color:var(--j26-amber)}
.ui-2026 #toast-container>.toast-error{background-color:var(--j26-red)}
.ui-2026 #toast-container .toast-title{font-weight:700}
.j26-share-sign{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.j26-share-sign img{max-width:280px;width:100%;height:auto;border:1px solid var(--j26-line);border-radius:10px;background:#fff}

/* Junity 2026 — Auth: inloggen, wachtwoord vergeten/reset, registreren, e-mail bevestigen, pincode-terminal + aftelbalk */

/* ---------- schil (layouts.auth, body.ui-2026.j26-auth-body) ---------- */
/* Huisstijl junity.nl: navy #002A54 overheersend, groen #6DB642 voor knoppen/accenten, stippenpatronen */
body.ui-2026.j26-auth-body{margin:0;min-height:100vh;background:#EEF2F6 !important;padding:0 !important}
.j26-auth{--jb-navy:#002A54;--jb-navy-2:#0B3A6B;--jb-navy-tint:#E6EDF5;--jb-green:#6DB642;--jb-green-d:#5CA033;--jb-green-l:#A9DA88;display:flex;flex-direction:column;min-height:100vh;font-family:'Geist',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--j26-ink);-webkit-font-smoothing:antialiased}
.j26-auth *,.j26-auth *::before,.j26-auth *::after{box-sizing:border-box}
.j26-auth-hero{flex:1;display:flex;flex-wrap:wrap;gap:10px;padding:10px;min-height:calc(100vh - 40px)}

/* banner: afgerond navy paneel met groene rand-accent links en stippenraster */
.j26-auth-ban{flex:1 1 440px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:28px;padding:40px 48px 40px 56px;border-radius:22px;background:var(--jb-navy);box-shadow:inset 8px 0 0 var(--jb-green);color:#fff}
.ui-2026 .j26-auth a.j26-auth-logo,.ui-2026 .j26-auth a.j26-auth-logo:hover{position:relative;z-index:1;display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none;align-self:flex-start}
.j26-auth-logo-m{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex:none;background:#fff}
.j26-auth-logo-m img{width:28px;height:28px;object-fit:contain;display:block}
.j26-auth-logo strong{font-family:'Bricolage Grotesque',sans-serif;font-size:24px;font-weight:800;letter-spacing:-0.02em;color:#fff}
.j26-auth-ban-body{margin-top:auto;position:relative;z-index:1;display:flex;flex-direction:column;gap:18px}
.j26-auth-tag{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--jb-green)}
.j26-auth-tag::before{content:"";width:22px;height:3px;border-radius:2px;background:var(--jb-green)}
.ui-2026 .j26-auth-ban h1{margin:0;max-width:480px;font-family:'Bricolage Grotesque',sans-serif;font-size:50px;line-height:1.02;letter-spacing:-0.03em;font-weight:800;color:#fff}
.ui-2026 .j26-auth-ban p{margin:0;max-width:440px;font-size:16px;line-height:1.55;color:#C9D5E3}
.j26-auth-ban-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:14px;color:#E4EBF3}
.j26-auth-ban-l li{display:flex;align-items:center;gap:10px}
.j26-auth-ban-l .j26-ico{width:22px;height:22px;padding:4px;border-radius:50%;background:var(--jb-green);color:var(--jb-navy);stroke-width:3;flex:none}
.j26-auth-dots,.j26-auth-dots2{position:absolute;pointer-events:none}
.j26-auth-dots{right:36px;bottom:36px;width:216px;height:144px;background-image:radial-gradient(circle,var(--jb-green) 2.4px,transparent 3px);background-size:18px 18px;opacity:.75}
.j26-auth-dots2{right:-8px;top:28px;width:162px;height:108px;background-image:radial-gradient(circle,rgba(255,255,255,.28) 2px,transparent 2.6px);background-size:18px 18px}

/* formulierzijde */
.j26-auth-side{flex:1 1 440px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:48px 24px;border-radius:22px;background:#fff;border:1px solid #DFE5EC}
.j26-auth-side::before{content:"";position:absolute;left:24px;top:24px;width:108px;height:72px;background-image:radial-gradient(circle,#C9D3DF 2px,transparent 2.6px);background-size:18px 18px;pointer-events:none}
.j26-auth-box{position:relative;width:min(400px,100%)}
.j26-auth-form{display:flex;flex-direction:column;gap:22px;margin:0}
.j26-auth-head{display:flex;flex-direction:column;gap:6px}
.ui-2026 .j26-auth .j26-h1,.ui-2026 .j26-auth-card .j26-auth-card-h{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-size:32px;line-height:1.05;font-weight:800;letter-spacing:-0.03em;color:#002A54}
.ui-2026 .j26-auth .j26-sub{font-size:14px;line-height:1.5}
.ui-2026 .j26-auth .j26-f>label,.ui-2026 .j26-auth .j26-auth-lblrow label{margin:0;font-size:13px;font-weight:700;color:var(--jb-navy);max-width:none}
.j26-auth-lblrow{display:flex;align-items:baseline;gap:8px}
.ui-2026 .j26-auth .j26-auth-lblrow a{margin-left:auto;font-size:13px;font-weight:600}
.ui-2026 .j26-auth a:not(.j26-btn):not(.j26-auth-logo){color:var(--jb-navy);text-decoration:underline;text-decoration-color:var(--jb-green);text-decoration-thickness:2px;text-underline-offset:3px}
.ui-2026 .j26-auth a:not(.j26-btn):not(.j26-auth-logo):hover{color:var(--jb-green-d)}
.ui-2026 .j26-auth .j26-in.j26-auth-in{height:48px;font-size:15px;border:1px solid #CFD8E2;border-radius:12px;box-shadow:none;background:#fff}
.ui-2026 .j26-auth .j26-in.j26-auth-in:focus{border-color:var(--jb-navy);box-shadow:0 0 0 4px rgba(109,182,66,.22)}
.ui-2026 .j26-auth .j26-in.j26-auth-in.j26-in-err{border-color:#C2410C;box-shadow:0 0 0 4px rgba(194,65,12,.10)}
.j26-auth-pw{position:relative}
.j26-auth-pw .j26-auth-in{padding-right:48px}
.j26-auth-pw .j26-auth-eye{position:absolute;right:6px;top:6px}
.j26-auth-eye[aria-pressed="true"]{color:var(--jb-navy);background:var(--jb-navy-tint)}
.j26-auth .j26-cb{accent-color:var(--jb-green)}
.ui-2026 .j26-auth label.j26-auth-check{display:flex;align-items:center;gap:10px;margin:0;font-size:13.5px;font-weight:400;color:var(--j26-ink-2);cursor:pointer}
.ui-2026 .j26-auth label.j26-auth-check-top{align-items:flex-start}
.j26-auth-check-top .j26-cb{margin-top:2px}
/* ronde pill-knoppen in hoofdletters, zoals op junity.nl */
.ui-2026 .j26-auth .j26-btn.j26-auth-btn,.ui-2026 .j26-auth-card .j26-btn.j26-auth-btn{width:100%;height:50px;justify-content:center;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;text-decoration:none;background:#fff;color:#002A54;border:2px solid #002A54}
.ui-2026 .j26-auth .j26-btn.j26-auth-btn:hover,.ui-2026 .j26-auth-card .j26-btn.j26-auth-btn:hover{background:#E6EDF5;color:#002A54}
.ui-2026 .j26-auth .j26-btn-p.j26-auth-btn,.ui-2026 .j26-auth .j26-btn-p.j26-auth-btn:focus{background:#6DB642;border-color:#6DB642;color:#002A54;box-shadow:0 6px 16px -8px rgba(109,182,66,.9)}
.ui-2026 .j26-auth .j26-btn-p.j26-auth-btn:hover{background:#5CA033;border-color:#5CA033;color:#002A54}
.j26-auth-center{text-align:center}
.ui-2026 .j26-auth p.j26-auth-center{font-size:13.5px}
.j26-auth-strong{font-weight:700}
.ui-2026 a.j26-auth-link{font-size:13.5px;font-weight:600}
.j26-auth-linkbtn{border:0;background:none;padding:0;font:inherit;font-size:13.5px;font-weight:600;color:#002A54;cursor:pointer}
.j26-auth-linkbtn:hover{color:#5CA033;text-decoration:underline}
.j26-auth-ink{color:var(--j26-ink)}
.j26-auth-errs{margin:4px 0 0;padding:0 0 0 18px}
.j26-auth-errs li+li{margin-top:2px}
.j26-auth .j26-alert,.j26-auth-card .j26-alert{font-size:13px;line-height:1.5}
.j26-auth .j26-alert>.j26-ico,.j26-auth-card .j26-alert>.j26-ico{margin-top:2px}
.j26-auth-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;opacity:0}
.j26-auth :focus-visible,.j26-auth-card :focus-visible{outline:2px solid #6DB642;outline-offset:2px}

/* wachtwoordmeter */
.j26-auth-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.j26-auth-meter i{height:4px;border-radius:2px;background:var(--j26-line)}
.j26-auth-meter i.j26-on{background:#6DB642}
.j26-auth .j26-hint:empty{display:none}

.j26-auth-foot{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:8px 16px 14px;font-size:12.5px;color:var(--j26-placeholder)}

/* e-mail bevestigen (binnen layouts.app) */
.ui-2026 .content .j26-page.j26-auth-verify{padding:8px 0 24px;align-items:center}
.j26-auth-card{width:min(480px,100%);display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:18px;background:#fff;border:1px solid #DFE5EC;box-shadow:inset 0 6px 0 #6DB642}
.j26-auth-card form{margin:0}
.j26-auth-drop{padding:20px}
.j26-auth-drop-img{max-height:120px;width:auto}

@media (max-width:767px){
  .j26-auth-hero{padding:0;gap:0;min-height:0}
  .j26-auth-ban{flex-basis:100%;border-radius:0;padding:24px 16px 36px 24px;gap:16px;box-shadow:inset 0 -6px 0 var(--jb-green)}
  .ui-2026 .j26-auth-ban h1{font-size:30px}
  .ui-2026 .j26-auth-ban p{font-size:14px}
  .j26-auth-ban-l{display:none}
  .j26-auth-dots{width:108px;height:72px;right:16px;bottom:24px;opacity:.6}
  .j26-auth-dots2{width:90px;height:54px}
  .j26-auth-side{flex-basis:100%;border-radius:22px 22px 0 0;border:0;margin-top:-14px;position:relative;padding:28px 16px 32px;align-items:flex-start}
  .j26-auth-side::before{display:none}
  .ui-2026 .j26-auth .j26-h1{font-size:26px}
  .j26-auth-card{padding:18px 16px}
}

/* ---------- pincode-terminal (PincodeLogin.vue, modern-tak) ---------- */
.j26-pin{display:flex;flex-direction:column;max-width:720px;margin:8px auto 24px;border-radius:18px;background:#fff;border:1px solid var(--j26-line);overflow:hidden;color:var(--j26-ink)}
.j26-pin-top{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid var(--j26-line-2)}
.j26-pin-logo{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex:none;background:var(--j26-navy);color:#C4E09B;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:18px}
.j26-pin-co{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.j26-pin-co strong{font-size:15px;color:var(--j26-navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.j26-pin-co small{font-size:12.5px;color:var(--j26-muted)}
.j26-pin-clock{margin-left:auto;font-family:'Geist Mono',monospace;font-size:20px;font-weight:500;color:var(--j26-navy);font-variant-numeric:tabular-nums}
.j26-pin-wrap{display:flex;flex-direction:column;align-items:center;gap:22px;padding:36px 22px 28px;text-align:center}
.j26-pin-head{display:flex;flex-direction:column;align-items:center;gap:8px}
.ui-2026 .j26-pin .j26-h1.j26-pin-h{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-size:32px;font-weight:700;letter-spacing:-0.03em;color:var(--j26-navy)}
.ui-2026 .j26-pin .j26-sub{font-size:15px}
.j26-pin-dots{display:flex;gap:14px}
.j26-pin-dots i{width:16px;height:16px;border-radius:50%;border:2px solid var(--j26-line-3);background:#fff;transition:background .12s,border-color .12s}
.j26-pin-dots i.j26-on{background:var(--j26-navy);border-color:var(--j26-navy)}
.j26-pin-msg{min-height:24px;display:flex;justify-content:center}
.j26-pin-pad{display:grid;grid-template-columns:repeat(3,96px);gap:12px;justify-content:center}
.j26-pin-key{height:72px;border-radius:16px;border:1px solid var(--j26-line-3);background:#fff;font-family:'Geist',system-ui,sans-serif;font-size:26px;font-weight:600;color:var(--j26-navy);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;transition:background .1s,transform .05s;touch-action:manipulation}
.j26-pin-key:hover{background:var(--j26-hover)}
.j26-pin-key:active,.j26-pin-key:focus{background:var(--j26-navy-tint);outline:0}
.j26-pin-key:focus-visible{outline:2px solid var(--j26-green);outline-offset:2px}
.j26-pin-key:active{transform:scale(.97)}
.j26-pin-key .j26-ico{width:26px;height:26px}
.j26-pin-key.j26-pin-key-g{background:var(--j26-subtle);border-color:var(--j26-line);color:var(--j26-ink-2)}
.j26-pin-key:disabled{cursor:default;background:transparent;border-color:transparent}
.j26-pin-busy .j26-pin-pad{pointer-events:none;opacity:.55}
.j26-pin .j26-hint{font-size:12.5px}
.j26-pin-foot{padding:14px 22px;border-top:1px solid var(--j26-line-2);font-size:12.5px;color:var(--j26-faint);text-align:left}

@media (max-width:767px){
  .j26-pin{margin:0 0 16px;border-radius:14px}
  .j26-pin-top{padding:12px 16px}
  .j26-pin-wrap{padding:24px 16px 20px;gap:18px}
  .ui-2026 .j26-pin .j26-h1.j26-pin-h{font-size:26px}
  .j26-pin-pad{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:320px}
  .j26-pin-key{height:64px}
}

/* ---------- aftelbalk bij inloggen via pincode / impersonatie (layouts.partials.impersonate) ---------- */
.j26-pin-imp{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 16px;padding:10px 14px;border-radius:14px;background:var(--j26-navy);color:#fff;font-size:13.5px}
.ui-2026 .j26-pin-imp .j26-av.j26-pin-imp-av{background:var(--j26-navy-tint);color:var(--j26-navy)}
.j26-pin-imp-who{flex:1 1 200px;min-width:0}
.j26-pin-imp-who strong{color:#fff;font-weight:600}
.ui-2026 .j26-pin-imp .j26-pin-imp-count{display:inline-flex;align-items:center;gap:10px;color:#FFE7A3;font-variant-numeric:tabular-nums}
.j26-pin-imp-bar{display:inline-block;width:120px;height:6px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden}
.j26-pin-imp-bar>span{display:block;height:100%;width:100%;border-radius:999px;background:#FFD166;animation:j26-pin-drain 15s linear forwards}
.j26-pin-imp-out{margin:0}
.ui-2026 .j26-pin-imp .j26-btn{background:#fff;color:var(--j26-navy);border-color:#fff}
.ui-2026 .j26-pin-imp .j26-btn:hover{background:#F0F1EC}
@keyframes j26-pin-drain{from{width:100%}to{width:0}}
@media (prefers-reduced-motion:reduce){.j26-pin-imp-bar>span{animation:none}}

@media (max-width:767px){
  .ui-2026 .j26-pin-imp .j26-pin-imp-count{width:100%}
  .j26-pin-imp-bar{flex:1}
  .j26-pin-imp-out{width:100%}
  .j26-pin-imp-out .j26-btn{width:100%;justify-content:center}
}

/* Sales funnel (bord, kaart, filters, open taken) en beheer van leadbronnen/-filters in de nieuwe weergave.
   Alles onder .j26-sf / .j26-sf-set of met een j26-sf-voorvoegsel. Het leadformulier hergebruikt .j26-vk-form uit verkoop.css. */

/* =========================================================
   Pagina en kop
   ========================================================= */
.ui-2026 .content .j26-page.j26-sf,.ui-2026 .content .j26-page.j26-sf-set{padding:8px 0 24px}
.j26-sf-head-text{display:flex;flex-direction:column;gap:6px;min-width:0}
.ui-2026 .j26-sf .j26-page-head .j26-sub,.ui-2026 .j26-sf-set .j26-page-head .j26-sub{display:block;margin:0;padding:0;border:0}
.ui-2026 .j26-sf .j26-btn,.ui-2026 .j26-sf-set .j26-btn,.ui-2026 .j26-sf-form .j26-btn{text-decoration:none}
.ui-2026 .j26-sf .j26-btn-p,.ui-2026 .j26-sf .j26-btn-p:hover,.ui-2026 .j26-sf-set .j26-btn-p,.ui-2026 .j26-sf-set .j26-btn-p:hover{color:#fff}
.ui-2026 .j26-sf .j26-btn:disabled{opacity:.45;cursor:default}
.ui-2026 .j26-sf .j26-seg a{text-decoration:none}
.ui-2026 .j26-sf .j26-seg a:hover,.ui-2026 .j26-sf-set .j26-seg a:hover{color:var(--j26-navy)}
.ui-2026 .j26-sf-set .j26-seg a{text-decoration:none}
.ui-2026 .j26-sf .j26-btn:focus-visible,.ui-2026 .j26-sf .j26-seg a:focus-visible,.ui-2026 .j26-sf .j26-seg button:focus-visible,
.ui-2026 .j26-sf .j26-chip:focus-visible,.ui-2026 .j26-sf .j26-icon-btn:focus-visible,
.ui-2026 .j26-sf-set .j26-btn:focus-visible,.ui-2026 .j26-sf-set .j26-icon-btn:focus-visible,.ui-2026 .j26-sf-set .j26-seg a:focus-visible{outline:2px solid var(--j26-navy);outline-offset:2px}
.j26-sf-badge-hot{background:var(--j26-orange-tint) !important;color:var(--j26-orange) !important}

/* menu achter een knop (Bronnen en filters) */
.j26-sf-more{position:relative;display:inline-flex}
.j26-sf-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:40;min-width:220px;max-height:340px;overflow-y:auto;display:flex;flex-direction:column;gap:1px}
.j26-sf-menu-r{left:auto;right:0}
.ui-2026 .j26-sf-menu a.j26-menu-i{text-decoration:none;font-weight:500}
.ui-2026 .j26-sf-menu .j26-menu-i:focus-visible,.ui-2026 .j26-sf-menu .j26-menu-i:focus-within{outline:2px solid var(--j26-navy);outline-offset:-2px}

/* =========================================================
   Werkbalk en filters
   ========================================================= */
.ui-2026 .j26-sf-wrap{overflow:visible}
.ui-2026 .j26-sf-toolbar{position:relative;z-index:5}
.ui-2026 .j26-sf-search{flex:1 1 220px;max-width:320px}
.ui-2026 .j26-sf-search:focus-within{border-color:var(--j26-navy);box-shadow:0 0 0 4px rgba(27,43,75,.10)}
.ui-2026 .j26-sf-search input{height:30px;padding:0;box-shadow:none}
.j26-sf-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.j26-sf-fmenu{position:relative;display:inline-flex}
.ui-2026 .j26-sf-filters .j26-chip{font-weight:400;margin:0;max-width:280px}
.ui-2026 .j26-sf-filters .j26-chip.j26-chip-on{font-weight:500}
.ui-2026 .j26-sf-menu-check{margin:0;font-size:13.5px;font-weight:500;color:var(--j26-ink);cursor:pointer}
.ui-2026 .j26-sf-menu-check input{margin:0;flex:none;accent-color:var(--j26-navy)}
.ui-2026 .j26-sf-menu-check input[type="radio"]{width:16px;height:16px}
.j26-sf-menu-empty{margin:0;padding:8px 10px;font-size:13px;color:var(--j26-muted)}
.j26-sf-menu-f{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--j26-line-2);margin-top:4px;padding:8px 10px 4px}
.j26-sf-menu-f:empty{display:none}
.ui-2026 .j26-sf-menu-link{border:0;background:transparent;padding:0;font:inherit;font-size:12.5px;font-weight:600;color:var(--j26-navy);cursor:pointer;text-decoration:none}
.ui-2026 .j26-sf-menu-link:hover{text-decoration:underline;color:var(--j26-navy)}
.ui-2026 .j26-sf-clear{color:var(--j26-muted)}
.j26-sf-right{margin-left:auto;display:flex;align-items:center;gap:8px}
.j26-sf-sort{width:200px;margin:0}
.ui-2026 .j26-sf-sort select.j26-in{height:32px;font-size:13px;border-radius:10px}
.ui-2026 .j26-sf-sort .j26-ico{top:8px}

/* =========================================================
   Bord
   ========================================================= */
.j26-sf-scroll{overflow-x:auto;background:var(--j26-subtle);border-top:1px solid var(--j26-line-2);scrollbar-width:thin}
.j26-sf-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:12px;padding:14px;min-height:420px}
.j26-sf-col{display:flex;flex-direction:column;gap:8px;min-width:0}
.j26-sf-col-h{display:flex;align-items:center;gap:8px;padding:4px 4px 6px}
.j26-sf-col-h i{width:8px;height:8px;border-radius:50%;flex:none}
.ui-2026 .j26-sf-col-h h2{margin:0;font-family:inherit;font-size:13px;font-weight:600;color:var(--j26-ink-2);line-height:1.3;overflow-wrap:anywhere}
.j26-sf-col-h .j26-badge{margin-left:auto}
.j26-sf-col-b{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:140px;border-radius:12px;-webkit-user-select:none;user-select:none}
.j26-sf-col-empty{border:1.5px dashed #DADDD6;align-items:center;justify-content:center}
.j26-sf-col-empty::after{content:'Sleep een lead hierheen';font-size:12.5px;color:var(--j26-faint)}

/* kaart */
.ui-2026 .j26-sf-card{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--j26-line);border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(27,43,75,.04);cursor:grab;transition:border-color .15s,box-shadow .15s}
.ui-2026 .j26-sf-card:hover{border-color:#C5CFE0;box-shadow:0 4px 12px rgba(27,43,75,.08)}
.ui-2026 .j26-sf-card:focus-within{border-color:#C5CFE0}
.ui-2026 .j26-sf-ghost{opacity:.45;border-style:dashed;box-shadow:none}
.ui-2026 .j26-sf-card.j26-sf-dragging,.ui-2026 .j26-sf-dragging{transform:rotate(-1.5deg);box-shadow:0 14px 30px rgba(27,43,75,.18) !important;border-color:#C5CFE0 !important;cursor:grabbing;opacity:1 !important}
.j26-sf-card-top{display:flex;flex-direction:column;gap:4px;min-width:0}
.ui-2026 .j26-sf-card-order{font-size:11.5px;color:#2D4A80}
.ui-2026 a.j26-sf-card-n{font-size:13.5px;font-weight:600;color:var(--j26-navy);line-height:1.3;text-decoration:none;overflow-wrap:anywhere}
.ui-2026 a.j26-sf-card-n:hover{text-decoration:underline;color:var(--j26-navy)}
.ui-2026 a.j26-sf-card-n:focus-visible{outline:2px solid var(--j26-navy);outline-offset:2px;border-radius:4px}
.j26-sf-card-m{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--j26-muted);min-width:0}
.j26-sf-card-m span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.j26-sf-tags{display:flex;flex-wrap:wrap;gap:4px}
.ui-2026 .j26-sf-tags .j26-pill{height:20px;font-size:11px;padding:0 7px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.j26-sf-card-f{display:flex;flex-wrap:wrap;align-items:center;gap:6px;border-top:1px solid var(--j26-line-2);padding-top:8px;min-height:30px}
.ui-2026 .j26-sf-card-pdf{margin-left:auto;text-decoration:none}

/* taken op een kaart */
.j26-sf-tasks{display:contents}
.ui-2026 .j26-sf-task-btn{display:inline-flex;align-items:center;gap:4px;font:inherit;font-size:12px;font-weight:600;border:0;border-radius:6px;height:22px;padding:0 7px;cursor:pointer;background:#EFF0EC;color:#4A5262}
.ui-2026 .j26-sf-task-btn:focus-visible{outline:2px solid var(--j26-navy);outline-offset:2px}
.ui-2026 .j26-sf-task-urgent{background:var(--j26-orange-tint);color:var(--j26-orange)}
.ui-2026 .j26-sf-task-warning{background:var(--j26-amber-tint);color:var(--j26-amber)}
.j26-sf-task-list{order:3;flex:1 0 100%;list-style:none;margin:0;padding:8px;display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--j26-ink-2);background:var(--j26-subtle);border-radius:8px;cursor:default;-webkit-user-select:text;user-select:text}
.j26-sf-task-list li{display:flex;flex-direction:column;gap:1px;white-space:pre-line;overflow-wrap:anywhere}
.j26-sf-task-list strong{font-weight:600;color:var(--j26-ink)}
.j26-sf-task-list-urgent{background:#FDF3EE}
.j26-sf-task-list-warning{background:#FFFAEB}

/* voet */
.j26-sf-foot{border-top:1px solid var(--j26-line-2)}
.j26-sf-strong{color:var(--j26-navy)}
.ui-2026 .j26-sf-perpage{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:400;color:var(--j26-muted)}
.ui-2026 .j26-sf-perpage-sel{height:30px;border:1px solid var(--j26-line-3) !important;border-left-width:1px !important;border-radius:8px;padding:0 8px;font:inherit;font-size:13px;color:var(--j26-ink);background:#fff}
.j26-sf-pager{margin-left:auto;display:flex;gap:6px}

/* =========================================================
   Kaartweergave (Leaflet)
   ========================================================= */
.ui-2026 .j26-sf-map{border-top:1px solid var(--j26-line-2);border-radius:0 0 var(--j26-radius) var(--j26-radius);overflow:hidden;position:relative;z-index:0}
.ui-2026 .j26-sf-map-canvas{height:calc(100vh - 300px);min-height:460px;max-height:860px;width:100%}
.ui-2026 .j26-sf-legend{border:1px solid var(--j26-line);border-radius:12px !important;box-shadow:0 8px 24px rgba(27,43,75,.12) !important;padding:12px !important;font-size:12.5px !important;color:var(--j26-ink-2)}
.ui-2026 .j26-sf-legend .sales-funnel-map-legend__title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--j26-muted);border-bottom-color:var(--j26-line-2)}
.ui-2026 .j26-sf-legend .sales-funnel-map-legend__label{color:var(--j26-ink-2)}
.ui-2026 .j26-sf-map .leaflet-popup-content-wrapper{border-radius:12px}
.ui-2026 .j26-sf-map .lead-popup{font-family:inherit}
.ui-2026 .j26-sf-map .lead-popup__title{font-family:'Bricolage Grotesque',sans-serif;color:var(--j26-navy)}

/* =========================================================
   Open taken (lade)
   ========================================================= */
.j26-sf-layer{position:fixed;inset:0;z-index:1060}
.ui-2026 .j26-sf-drawer{z-index:1;outline:0;width:min(440px,100%)}
.ui-2026 .j26-sf-drawer .j26-modal-h .j26-h2{flex:0 1 auto}
.ui-2026 .j26-sf-drawer-x{margin-left:auto;border:0}
.j26-sf-drawer-b{flex:1 1 auto;overflow-y:auto;padding:8px 0 20px;-webkit-overflow-scrolling:touch}
.j26-sf-empty-ico{width:28px;height:28px;color:var(--j26-green-dark)}
.j26-sf-grp{margin:0}
.ui-2026 .j26-sf-grp-h{position:sticky;top:-8px;z-index:1;display:flex;align-items:center;gap:8px;margin:0;padding:12px 20px 6px;background:#fff;font-family:inherit;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--j26-faint)}
.ui-2026 .j26-sf-grp-late .j26-sf-grp-h{color:var(--j26-red)}
.ui-2026 .j26-sf-grp-today .j26-sf-grp-h{color:var(--j26-amber)}
.ui-2026 .j26-sf-grp-week .j26-sf-grp-h{color:var(--j26-ink-2)}
.j26-sf-task{display:flex;align-items:flex-start;gap:12px;padding:10px 20px 10px 17px;border-bottom:1px solid var(--j26-line-2);border-left:3px solid transparent}
.j26-sf-grp-late .j26-sf-task{border-left-color:var(--j26-red);background:#FDF6F2}
.j26-sf-grp-today .j26-sf-task{border-left-color:#D9A520}
.j26-sf-grp-week .j26-sf-task{border-left-color:var(--j26-line-3)}
.ui-2026 .j26-sf-task .j26-cb{margin-top:3px;width:18px;height:18px;flex:none}
.j26-sf-task-main{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 auto}
.ui-2026 a.j26-sf-task-lead,.ui-2026 span.j26-sf-task-lead{font-size:13.5px;font-weight:600;color:var(--j26-navy);text-decoration:none;overflow-wrap:anywhere}
.ui-2026 a.j26-sf-task-lead:hover{text-decoration:underline}
.j26-sf-task-text{font-size:13px;color:var(--j26-ink-2);white-space:pre-line;overflow-wrap:anywhere}
.j26-sf-task-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:2px}
.j26-sf-task-date{font-size:12px;color:var(--j26-muted);margin-right:4px;font-variant-numeric:tabular-nums}
.ui-2026 .j26-sf-task-meta .j26-pill{height:20px;font-size:11px;padding:0 7px}

/* =========================================================
   Leadformulier (sales funnel) — aanvulling op .j26-vk-form
   ========================================================= */
.j26-sf-inline{display:inline-flex;margin:0}
.ui-2026 .j26-sf-danger{color:var(--j26-red) !important}
.ui-2026 .j26-sf-form .j26-in:required{border-left:1px solid var(--j26-line-3) !important;background-color:#fff !important}

/* =========================================================
   Beheer leadbronnen / leadfilters
   ========================================================= */
.ui-2026 .j26-sf-set-card{max-width:720px;overflow:hidden}
.j26-sf-set-row{gap:10px}
.j26-sf-set-name{flex:1 1 auto;min-width:0;font-size:14px;color:var(--j26-ink);overflow-wrap:anywhere}
.ui-2026 .j26-pill.j26-sf-set-name{flex:0 1 auto;white-space:normal;height:auto;min-height:24px}
.j26-sf-set-row .j26-pill.j26-sf-set-name+.j26-sf-set-count{margin-left:auto}
.j26-sf-set-count{font-size:12.5px;white-space:nowrap}
.ui-2026 .j26-sf-set-row .j26-icon-btn{border:0;text-decoration:none}
.j26-sf-set-empty{margin:0;padding:14px 18px;font-size:13.5px}
.j26-sf-set-addform{display:flex;flex-wrap:wrap;gap:8px;width:100%;margin:0}
.ui-2026 .j26-sf-set-addform .j26-in{flex:1 1 200px;height:36px}
.ui-2026 .j26-sf-set-addform .j26-btn{height:36px}
.ui-2026 .j26-sf-set .j26-in:required{border-left:1px solid var(--j26-line-3) !important;background-color:#fff !important}
.ui-2026 .j26-sf-set .j26-in:focus{border-color:var(--j26-navy) !important;box-shadow:0 0 0 4px rgba(27,43,75,.10)}
.ui-2026 .j26-sf-set .has-error .j26-in{border-color:#C2410C !important}
.ui-2026 .j26-sf-set-form{max-width:560px;margin:0}
.ui-2026 .j26-sf-set-form .form-group{margin-bottom:0}
.j26-sf-set-f{justify-content:flex-end}

/* =========================================================
   Mobiel
   ========================================================= */
@media (max-width:767px){
  .ui-2026 .j26-sf .j26-page-actions{margin-left:0;width:100%}
  .ui-2026 .j26-sf-search{max-width:none;flex-basis:100%}
  .j26-sf-right{margin-left:0;width:100%}
  .j26-sf-sort{width:100%}
  .j26-sf-board{grid-auto-columns:minmax(260px,82vw);padding:12px}
  .ui-2026 .j26-sf-menu{max-width:calc(100vw - 32px)}
  .ui-2026 .j26-sf-map-canvas{height:60vh;min-height:360px}
  .j26-sf-pager{margin-left:0;width:100%}
  .j26-sf-pager .j26-btn{flex:1 1 0;justify-content:center}
}

/* Junity 2026 — Start (2): foutpagina's, zoekmodal (⌘K, /) en Juni (pagina, gesprek en zwevend paneel) */

/* ---------- Foutpagina's 403 / 404 / 500 / 503 ---------- */
.ui-2026 .content .j26-page.j26-errp{padding:24px 0 40px}
.j26-errp-card{width:100%;max-width:640px;margin:0 auto;background:#fff;border:1px solid #E3E5E0;border-radius:18px;padding:36px 32px 28px;display:flex;flex-direction:column;gap:14px;min-height:360px}
.j26-errp-tag{display:flex;align-items:center;gap:10px}
.j26-errp-code{font-family:'Bricolage Grotesque',sans-serif;font-size:64px;line-height:1;font-weight:800;letter-spacing:-0.04em;color:var(--j26-navy)}
.j26-errp-pill{align-self:flex-start}
.j26-errp-ico{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;margin-left:auto;flex:none}
.j26-errp-ico .j26-ico{width:22px;height:22px}
.j26-errp-ico-orange{background:var(--j26-orange-tint);color:var(--j26-orange)}
.j26-errp-ico-amber{background:var(--j26-amber-tint);color:var(--j26-amber)}
.j26-errp-ico-rose{background:#F3EEEE;color:#6B4545}
.j26-errp-ico-navy{background:var(--j26-navy-tint);color:var(--j26-navy)}
.ui-2026 .j26-errp .j26-errp-title{margin:6px 0 0;font-family:'Bricolage Grotesque',sans-serif;font-size:22px;line-height:1.25;font-weight:700;letter-spacing:-0.01em;color:var(--j26-navy)}
.j26-errp-text{margin:0;font-size:14px;line-height:1.55;color:var(--j26-muted)}
.j26-errp-text strong{color:var(--j26-ink);font-weight:600}
.ui-2026 .j26-errp-text a{color:var(--j26-navy);font-weight:600;text-decoration:underline}
.j26-errp-search{display:flex;gap:8px;margin:0}
.ui-2026 .j26-errp-search .j26-search{flex:1 1 auto;height:40px;margin:0;font-weight:400}
.ui-2026 .j26-errp-search .j26-search:focus-within{border-color:var(--j26-navy);box-shadow:0 0 0 4px rgba(27,43,75,.10)}
.ui-2026 .j26-errp-search .j26-search input{border:0 !important;box-shadow:none !important;height:auto;padding:0}
.j26-errp-search .j26-btn{height:40px}
.j26-errp-tech{font-family:'Geist Mono',monospace;font-size:12px;color:var(--j26-muted);background:var(--j26-subtle);border:1px solid var(--j26-line-2);border-radius:10px;padding:10px 12px;line-height:1.5;overflow-wrap:anywhere}
.j26-errp-acts{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px;padding-top:10px}
.ui-2026 .j26-errp .j26-btn-p,.ui-2026 .j26-errp .j26-btn-p:hover,.ui-2026 .j26-errp .j26-btn-p:focus{color:#fff}
.j26-errp a:focus-visible,.j26-errp button:focus-visible{outline:2px solid var(--j26-navy);outline-offset:2px}

/* ---------- Zoekmodal (SearchPage / ResultsBox) ---------- */
.ui-2026 .modal.j26-cmd-modal{overflow-y:auto}
.ui-2026 .j26-cmd-modal .modal-dialog.j26-cmd-dialog{width:min(860px,calc(100% - 32px));max-width:none;margin:8vh auto 24px}
.ui-2026 .j26-cmd-modal .modal-dialog.j26-cmd-dialog-empty{width:min(680px,calc(100% - 32px))}
.ui-2026 .j26-cmd-modal .modal-content.j26-cmd{display:flex;flex-direction:column;border:0;border-radius:18px;overflow:hidden;font-family:'Geist',system-ui,sans-serif;color:var(--j26-ink);background:#fff}
.j26-cmd-in{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 20px;border-bottom:1px solid var(--j26-line-2)}
.j26-cmd-in .j26-cmd-in-ico{width:20px;height:20px;color:var(--j26-muted)}
.ui-2026 .j26-cmd-in input{flex:1 1 auto;min-width:0;height:auto;padding:4px 0;border:0 !important;border-radius:0;outline:0;box-shadow:none !important;font:inherit;font-size:18px;color:var(--j26-ink);background:transparent}
.ui-2026 .j26-cmd-in input::placeholder{color:var(--j26-placeholder)}
.j26-cmd-esc{flex:none;border:0;background:transparent;padding:4px;border-radius:6px;cursor:pointer;line-height:1}
.j26-cmd-scopes{display:flex;gap:6px;padding:10px 16px;border-bottom:1px solid var(--j26-line-2);overflow-x:auto;scrollbar-width:none}
.j26-cmd-scopes::-webkit-scrollbar{display:none}
.j26-cmd-scope{flex:none;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--j26-line);background:#fff;font:inherit;font-size:12.5px;color:var(--j26-ink-2);cursor:pointer}
.j26-cmd-scope:hover{border-color:#C5CFE0;color:var(--j26-navy)}
.j26-cmd-scope.j26-cmd-scope-on{background:var(--j26-navy);border-color:var(--j26-navy);color:#fff}
.j26-cmd-n{font-size:11px;color:var(--j26-placeholder);font-variant-numeric:tabular-nums}
.j26-cmd-scope-on .j26-cmd-n{color:#C3CCDD}
.j26-cmd-body{display:grid;grid-template-columns:minmax(0,1fr);min-height:0}
.j26-cmd-body.j26-cmd-body-pv{grid-template-columns:minmax(0,1fr) 300px}
.j26-cmd-res{max-height:min(520px,60vh);overflow:auto;padding:6px 8px 10px}
.j26-cmd-hint{margin:0;padding:12px 10px 4px;font-size:13px;color:var(--j26-muted)}
.j26-cmd-grp{font-size:11.5px;font-weight:600;color:var(--j26-faint);text-transform:uppercase;letter-spacing:.04em;padding:12px 10px 6px}
.ui-2026 a.j26-cmd-hit{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:10px;color:var(--j26-ink);text-decoration:none;cursor:pointer}
.ui-2026 a.j26-cmd-hit:hover,.ui-2026 a.j26-cmd-hit:focus{background:var(--j26-hover);color:var(--j26-ink);text-decoration:none}
.ui-2026 a.j26-cmd-hit.j26-cmd-hit-on,.ui-2026 a.j26-cmd-hit.j26-cmd-hit-on:hover{background:var(--j26-navy-tint)}
.j26-cmd-ico{width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--j26-ground);color:var(--j26-ink-2);flex:none}
.j26-cmd-ico.j26-cmd-ico-lg{width:40px;height:40px;border-radius:10px;background:var(--j26-navy-tint);color:var(--j26-navy)}
.j26-cmd-hit-t{flex:1 1 auto;min-width:0}
.j26-cmd-hit-l{font-size:13.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.j26-cmd-hit-t small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.j26-cmd-hit mark{background:var(--j26-green-tint);color:var(--j26-green-text);border-radius:3px;padding:0 1px}
.j26-cmd-k{font-size:12px;color:var(--j26-placeholder);white-space:nowrap;flex:none}
.j26-cmd-empty{padding:32px 16px}
.j26-cmd-pv{border-left:1px solid var(--j26-line-2);background:var(--j26-subtle);padding:18px;display:flex;flex-direction:column;gap:12px;min-width:0;max-height:min(520px,60vh);overflow:auto}
.j26-cmd-pv-h{display:flex;align-items:center;gap:10px;min-width:0}
.j26-cmd-pv-h .j26-cell2{min-width:0}
.j26-cmd-pv-h strong{color:var(--j26-navy);font-size:15px;overflow-wrap:anywhere}
.j26-cmd-pv .j26-kv>span:last-child{min-width:0;overflow-wrap:anywhere;text-align:right}
.ui-2026 .j26-cmd-pv .j26-kv .label{display:inline-block !important;width:auto !important}
.j26-cmd-pv-acts{display:flex;flex-direction:column;gap:6px;margin-top:auto}
.j26-cmd-pv-acts .j26-btn{justify-content:center}
.ui-2026 .j26-cmd-pv-acts .j26-btn-p,.ui-2026 .j26-cmd-pv-acts .j26-btn-p:hover,.ui-2026 .j26-cmd-pv-acts .j26-btn-p:focus{color:#fff}
.j26-cmd-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 16px;border-top:1px solid var(--j26-line-2);background:var(--j26-subtle);font-size:12px;color:var(--j26-muted)}
.j26-cmd-foot>span{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.j26-cmd-foot .j26-cmd-foot-r{margin-left:auto}
.j26-cmd button:focus-visible,.j26-cmd a:focus-visible{outline:2px solid var(--j26-navy);outline-offset:2px}

/* ---------- Juni: volledige pagina ---------- */
.ui-2026 .content .j26-juni-page{margin:-20px -32px -40px;height:calc(100vh - 72px);min-height:480px;display:flex;flex-direction:column;border-radius:0 0 18px 18px;overflow:hidden}

/* ---------- Juni: gesprek (Livewire chat.chat-interface) ---------- */
.ui-2026 .modern-chat-wrapper.j26-juni{display:flex;flex:1 1 auto;min-height:0;height:100%;background:#fff;font-family:'Geist',system-ui,sans-serif;color:var(--j26-ink)}
.j26-juni-conv{flex:0 0 280px;width:280px;min-height:0;border-right:1px solid var(--j26-line-2);background:var(--j26-subtle);display:flex;flex-direction:column;gap:10px;padding:16px 12px}
.j26-juni-conv.j26-juni-conv-closed{display:none}
.j26-juni .j26-juni-new{justify-content:center;width:100%;flex:none}
.ui-2026 .j26-juni .j26-btn-p,.ui-2026 .j26-juni .j26-btn-p:hover,.ui-2026 .j26-juni .j26-btn-p:focus{color:#fff}
.ui-2026 .j26-juni .j26-juni-conv-search{flex:none;width:100%;height:34px;margin:0;font-weight:400}
.ui-2026 .j26-juni .j26-juni-conv-search input{border:0 !important;box-shadow:none !important;height:auto;padding:0}
.j26-juni-conv-list{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:1px}
.j26-juni-conv-g{font-size:11.5px;font-weight:600;color:var(--j26-faint);text-transform:uppercase;letter-spacing:.04em;padding:10px 8px 4px}
.j26-juni-conv-i{display:flex;align-items:center;gap:8px;width:100%;min-width:0;padding:8px 10px;border:0;border-radius:9px;background:transparent;font:inherit;font-size:13.5px;color:var(--j26-ink-2);text-align:left;cursor:pointer}
.j26-juni-conv-i span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.j26-juni-conv-i:hover{background:var(--j26-line-2);color:var(--j26-navy)}
.j26-juni-conv-i.j26-juni-conv-on,.j26-juni-conv-i.j26-juni-conv-on:hover{background:#fff;color:var(--j26-navy);font-weight:600;box-shadow:0 0 0 1px #E1E4DD}
.j26-juni-conv-empty{padding:20px 8px;text-align:center;font-size:13px;color:var(--j26-muted)}
.j26-juni-conv-foot{flex:none;padding:10px 8px 0;border-top:1px solid var(--j26-line);font-size:12px;line-height:1.5;color:var(--j26-faint)}
.j26-juni-thread{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column}
.j26-juni-th-h{flex:none;display:flex;align-items:center;gap:10px;padding:12px 24px;border-bottom:1px solid var(--j26-line-2)}
.j26-juni-th-t{flex:1 1 auto;min-width:0}
.j26-juni-th-t strong{color:var(--j26-navy);font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-2026 .j26-juni .j26-juni-del{color:var(--j26-red)}
.j26-juni-av{width:28px;height:28px;border-radius:9px;background:var(--j26-navy);color:#C4E09B;display:inline-flex;align-items:center;justify-content:center;flex:none}
.j26-juni-av.j26-juni-av-lg{width:44px;height:44px;border-radius:14px}
.j26-juni-av-lg .j26-ico{width:22px;height:22px}
.j26-juni .j26-juni-av-me{border-radius:50%}
.j26-juni-scroll{flex:1 1 auto;min-height:0;overflow-y:auto}
.j26-juni-msgs{max-width:820px;margin:0 auto;padding:28px 24px;display:flex;flex-direction:column;gap:22px}
.j26-juni-msg{display:flex;gap:12px;align-items:flex-start;min-width:0}
.j26-juni-msg.j26-juni-msg-me{flex-direction:row-reverse}
.j26-juni-who{flex:none;display:inline-flex}
.j26-juni-bub{max-width:min(640px,100%);min-width:0;font-size:14px;line-height:1.55;color:var(--j26-ink);display:flex;flex-direction:column;gap:6px}
.j26-juni-msg-me .j26-juni-bub{background:var(--j26-navy-tint);border-radius:16px 16px 4px 16px;padding:11px 14px;color:var(--j26-navy)}
.j26-juni-text{white-space:pre-wrap;overflow-wrap:anywhere}
.j26-juni-content{min-width:0;overflow-wrap:anywhere}
.j26-juni-content p{margin:0 0 .8em}
.j26-juni-content>:last-child{margin-bottom:0}
.j26-juni-content ul,.j26-juni-content ol{margin:0 0 .8em;padding-left:20px}
.j26-juni-content h1,.j26-juni-content h2,.j26-juni-content h3,.j26-juni-content h4{margin:.6em 0 .4em;font-family:'Geist',system-ui,sans-serif;font-size:15px;font-weight:700;color:var(--j26-navy)}
.ui-2026 .j26-juni-content a{color:var(--j26-navy);font-weight:500;text-decoration:underline}
.j26-juni-content code{background:var(--j26-ground);padding:1px 4px;border-radius:4px;font-family:'Geist Mono',monospace;font-size:.9em;color:var(--j26-ink)}
.j26-juni-content pre{margin:0 0 .8em;background:var(--j26-ink);color:#F2F3EF;padding:10px 12px;border:0;border-radius:10px;overflow-x:auto;font-family:'Geist Mono',monospace;font-size:12.5px}
.j26-juni-content pre code{background:transparent;padding:0;color:inherit}
.j26-juni-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:0 0 .8em;font-size:13px;border:1px solid var(--j26-line);border-radius:12px;-webkit-overflow-scrolling:touch}
.j26-juni-content th{text-align:left;font-weight:600;color:var(--j26-muted);font-size:12px;padding:6px 10px;border-bottom:1px solid var(--j26-line);background:var(--j26-subtle);white-space:nowrap}
.j26-juni-content td{padding:7px 10px;border-bottom:1px solid var(--j26-line-2);white-space:nowrap}
.j26-juni-content tr:last-child td{border-bottom:0}
.j26-juni-meta{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--j26-placeholder)}
.j26-juni-msg-me .j26-juni-meta{justify-content:flex-end}
.ui-2026 .j26-juni .j26-juni-copy.j26-juni-copied{color:var(--j26-green-dark) !important}
.j26-juni-typing{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:14px;background:var(--j26-ground);font-size:13px;color:var(--j26-muted)}
.j26-juni-typing i{width:6px;height:6px;border-radius:50%;background:var(--j26-placeholder);display:inline-block;animation:j26-juni-dot 1.2s infinite ease-in-out}
.j26-juni-typing i:nth-child(2){animation-delay:.15s}
.j26-juni-typing i:nth-child(3){animation-delay:.3s;margin-right:4px}
@keyframes j26-juni-dot{0%,80%,100%{opacity:.3}40%{opacity:1}}
@media (prefers-reduced-motion:reduce){.j26-juni-typing i{animation:none}}
.j26-juni-empty{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:48px 8px 8px}
.j26-juni-empty-t{font-family:'Bricolage Grotesque',sans-serif;font-size:18px;color:var(--j26-navy)}
.j26-juni-sugg{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px}
.j26-juni-sugg .j26-chip{height:auto;min-height:32px;padding:6px 12px;white-space:normal;text-align:left}
.ui-2026 .j26-juni .j26-juni-composer{flex:none;max-width:820px;width:100%;margin:0 auto;padding:0 24px 18px;display:flex;flex-direction:column;gap:8px;background:transparent;border:0}
.j26-juni-composer form{margin:0}
.j26-juni-box{display:flex;align-items:flex-end;gap:10px;border:1px solid var(--j26-line-3);border-radius:16px;padding:10px 10px 10px 16px;background:#fff;box-shadow:0 6px 20px rgba(27,43,75,.06)}
.j26-juni-box:focus-within{border-color:var(--j26-navy);box-shadow:0 0 0 4px rgba(27,43,75,.08)}
.ui-2026 .j26-juni-box textarea{flex:1 1 auto;min-width:0;min-height:24px;max-height:160px;height:auto;padding:6px 0;border:0 !important;border-radius:0;outline:0;box-shadow:none !important;resize:none;font:inherit;font-size:14px;line-height:1.5;color:var(--j26-ink);background:transparent}
.ui-2026 .j26-juni-box textarea::placeholder{color:var(--j26-placeholder)}
.j26-juni-send{width:36px;height:36px;border-radius:10px;border:0;background:var(--j26-navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
.j26-juni-send:hover{background:var(--j26-navy-2)}
.j26-juni-send:disabled{background:#C9CED6;cursor:not-allowed}
.j26-juni-hint{margin:0;text-align:center;font-size:12px;color:var(--j26-faint)}
.j26-juni button:focus-visible,.j26-juni a:focus-visible{outline:2px solid var(--j26-navy);outline-offset:2px}

/* ---------- Juni: zwevend paneel (markup in layouts/app.blade.php) ---------- */
.ui-2026 .global-chat-container{font-family:'Geist',system-ui,sans-serif}
.ui-2026 .global-chat-container .juni-modal{border:1px solid #E1E4DD;border-radius:16px;box-shadow:-16px 0 40px rgba(27,43,75,.10),0 24px 60px rgba(27,43,75,.16)}
.ui-2026 .global-chat-container .juni-modal-header{padding:10px 10px 10px 16px;border-bottom:1px solid var(--j26-line-2);gap:6px}
.ui-2026 .global-chat-container .juni-modal-header>a{display:inline-flex;align-items:center;gap:8px;color:var(--j26-navy) !important;font-size:14px}
.ui-2026 .global-chat-container .juni-modal-header>a::before{content:'';width:28px;height:28px;border-radius:9px;flex:none;background:var(--j26-navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C4E09B' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.9 5.1L19 10l-5.1 1.9L12 17l-1.9-5.1L5 10l5.1-1.9z'/%3E%3C/svg%3E") center/16px 16px no-repeat}
.ui-2026 .global-chat-container .juni-header-actions{gap:2px}
.ui-2026 .global-chat-container .header-icon-btn,.ui-2026 .global-chat-container .juni-modal-header .close-btn{width:30px;height:30px;border-radius:10px;color:var(--j26-ink-2)}
.ui-2026 .global-chat-container .header-icon-btn{font-size:16px}
.ui-2026 .global-chat-container .juni-modal-header .close-btn{font-size:22px}
.ui-2026 .global-chat-container .header-icon-btn:hover,.ui-2026 .global-chat-container .juni-modal-header .close-btn:hover{background:#F0F1EC;color:var(--j26-navy)}
.ui-2026 .global-chat-container .juni-resize-handle{color:var(--j26-placeholder);background:#fff;border-color:var(--j26-line-2)}
.ui-2026 .global-chat-container .juni-resize-handle:hover{color:var(--j26-navy)}
.ui-2026 .juni-modal .modern-chat-wrapper.j26-juni{height:auto !important;flex:1 1 auto;min-height:0;border-radius:0 0 16px 16px}
.ui-2026 .juni-modal .j26-juni-th-h{display:none}
.ui-2026 .juni-modal .j26-juni-msgs{padding:18px 16px;gap:16px}
.ui-2026 .juni-modal .j26-juni .j26-juni-composer{padding:12px 12px 12px 32px;border-top:1px solid var(--j26-line-2)}
.ui-2026 .juni-modal .j26-juni-box{box-shadow:none}
.ui-2026 .juni-modal .j26-juni-hint{display:none}
.ui-2026 .juni-modal .j26-juni-empty{padding-top:24px}

/* ---------- mobiel ---------- */
@media (max-width:767px){
  .j26-errp-card{padding:24px 18px 20px;min-height:0}
  .j26-errp-code{font-size:48px}
  .j26-errp-search{flex-wrap:wrap}
  .j26-errp-search .j26-btn{flex:1 1 100%;justify-content:center}

  .ui-2026 .j26-cmd-modal .modal-dialog.j26-cmd-dialog,.ui-2026 .j26-cmd-modal .modal-dialog.j26-cmd-dialog-empty{width:calc(100% - 16px);margin:8px auto}
  .j26-cmd-body.j26-cmd-body-pv{grid-template-columns:minmax(0,1fr)}
  .j26-cmd-pv{display:none}
  .j26-cmd-k{display:none}
  .ui-2026 .j26-cmd-in input{font-size:16px}
  .j26-cmd-foot .j26-cmd-foot-r{margin-left:0}
  .j26-cmd-res{max-height:calc(100vh - 220px)}

  .ui-2026 .content .j26-juni-page{margin:-16px -16px -32px;height:calc(100vh - 66px)}
  .j26-juni.j26-juni-full{flex-direction:column}
  .j26-juni-conv{flex:none;width:auto;max-height:38vh;border-right:0;border-bottom:1px solid var(--j26-line-2);padding:12px}
  .j26-juni-th-h{padding:10px 12px}
  .j26-juni-msgs{padding:16px 12px;gap:16px}
  .ui-2026 .j26-juni .j26-juni-composer{padding:0 12px 12px}
  .ui-2026 .juni-modal .j26-juni .j26-juni-composer{padding:10px 12px}
  .j26-juni-hint{display:none}
}

/* Junity 2026 — mobiele weergave (M-mockups) voor werkbonnen, planning en uren.
   Alles alleen op telefoon (max. 767px) en alleen in de nieuwe weergave (.ui-2026).
   Desktop en de klassieke weergave worden hier niet geraakt. */

@media (max-width:767px){

  /* ---------- gedeeld ---------- */
  body.ui-2026 .j26m-ib{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:12px;border:1px solid var(--j26-line-3);background:#fff;color:var(--j26-navy) !important;flex:none;cursor:pointer;text-decoration:none !important;font:inherit}
  body.ui-2026 .j26m-ib .j26-ico{width:18px;height:18px}
  body.ui-2026 .j26m-ib-soft{border:0;background:var(--j26-ground)}
  body.ui-2026 .j26m-ib-ghost{border:0;background:transparent}
  body.ui-2026 .j26m-ib.j26wb-danger{color:var(--j26-red) !important}
  body.ui-2026 .j26m-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:40;min-width:230px;display:flex;flex-direction:column}
  body.ui-2026 .j26m-menu .j26-menu-i{display:flex;align-items:center;width:100%;min-height:44px;padding:0 12px;border:0;background:transparent;font:inherit;font-size:14px;text-align:left;color:var(--j26-ink) !important;text-decoration:none !important;cursor:pointer}
  body.ui-2026 .j26m-menu .j26-menu-i.j26wb-danger{color:var(--j26-red) !important}
  body.ui-2026 .j26m-menu .j26-menu-on{background:var(--j26-navy-tint-2);font-weight:600;color:var(--j26-navy) !important}

  /* ---------- werkbon: kop (Open.vue) ---------- */
  body.ui-2026 .j26m-wb-root{gap:12px}
  body.ui-2026 .j26m-wb-root>.j26wb-head{display:none}
  body.ui-2026 .j26m-head{display:flex;align-items:center;gap:10px;min-width:0}
  body.ui-2026 .j26m-head-t{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
  body.ui-2026 .j26m-head .j26m-sub{margin:0;font-size:12.5px;color:var(--j26-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.ui-2026 .j26m-head .j26m-sub .j26-mono{font-size:12px;color:var(--j26-ink-2)}
  body.ui-2026 .j26m-head .j26m-h1{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-size:21px;line-height:1.15;font-weight:700;letter-spacing:-0.02em;color:var(--j26-navy);overflow-wrap:anywhere}
  body.ui-2026 .j26m-more{position:relative;flex:none}

  /* ---------- werkbon: één scrollpagina (Menu.vue) ---------- */
  body.ui-2026 .j26m-page{display:flex;flex-direction:column;gap:12px;min-width:0}
  body.ui-2026 .j26m-card{background:#fff;border:1px solid var(--j26-line);border-radius:16px;min-width:0}
  body.ui-2026 .j26m-p{padding:14px 16px}
  body.ui-2026 .j26m-grow{flex:1;min-width:0}

  body.ui-2026 .j26m-steps{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--j26-muted)}
  body.ui-2026 .j26m-st{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
  body.ui-2026 .j26m-st i{width:10px;height:10px;border-radius:50%;background:#CDD1C8;flex:none}
  body.ui-2026 .j26m-st.j26m-st-on{color:var(--j26-navy)}
  body.ui-2026 .j26m-st.j26m-st-on i{background:var(--j26-navy)}
  body.ui-2026 .j26m-st.j26m-st-busy{color:var(--j26-amber)}
  body.ui-2026 .j26m-st.j26m-st-busy i{background:#D9A520}
  body.ui-2026 .j26m-st.j26m-st-done{color:var(--j26-green-text)}
  body.ui-2026 .j26m-st.j26m-st-done i{background:var(--j26-green-dark)}
  body.ui-2026 .j26m-st-l{flex:1;min-width:10px;height:2px;border-radius:2px;background:#D3D7CE}
  body.ui-2026 .j26m-st-l.j26m-st-on{background:var(--j26-navy)}

  body.ui-2026 .j26m-loc{display:flex;flex-direction:column;gap:10px}
  body.ui-2026 .j26m-loc-t{display:flex;flex-direction:column;gap:3px;min-width:0;overflow-wrap:anywhere}
  body.ui-2026 .j26m-loc-t strong{font-size:15px;font-weight:600;color:var(--j26-navy)}
  body.ui-2026 .j26m-loc-t>span:not(.j26-label){font-size:13.5px;color:var(--j26-ink-2)}
  body.ui-2026 .j26m-note{padding:10px 12px;font-size:13px;line-height:1.45;white-space:pre-line}
  body.ui-2026 .j26m-btns{display:flex;gap:8px}
  body.ui-2026 .j26m-b{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:44px;flex:1;border-radius:12px;border:1px solid var(--j26-line-3);background:#fff;font:inherit;font-size:14px;font-weight:600;color:var(--j26-navy) !important;text-decoration:none !important;cursor:pointer}

  body.ui-2026 .j26m-row{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 16px;border-top:1px solid var(--j26-line-2);color:var(--j26-ink) !important;text-decoration:none !important}
  body.ui-2026 .j26m-card>.j26m-row:first-child{border-top:0}
  body.ui-2026 .j26m-row-t{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0;overflow-wrap:anywhere}
  body.ui-2026 .j26m-row-t>strong{font-size:14px;font-weight:600;color:var(--j26-ink)}
  body.ui-2026 .j26m-row-t>span{font-size:12.5px;color:var(--j26-muted)}
  body.ui-2026 .j26m-av{width:36px;height:36px;background:var(--j26-ground);color:var(--j26-ink-2);font-size:12px}
  body.ui-2026 .j26m-kvs{padding:4px 16px 10px}
  body.ui-2026 .j26m-kvs .j26-kv:last-child{border-bottom:0}
  body.ui-2026 .j26m-kvs .j26-kv>span:last-child,body.ui-2026 .j26m-kvs .j26-kv>a{min-width:0;overflow-wrap:anywhere}
  body.ui-2026 .j26m-users{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}

  body.ui-2026 .j26m-text{display:flex;flex-direction:column;gap:6px}
  body.ui-2026 .j26m-reason{font-size:14.5px;font-weight:600;color:var(--j26-navy);overflow-wrap:anywhere}
  body.ui-2026 .j26m-reason+.j26-label{margin-top:8px}
  body.ui-2026 .j26m-page .j26m-instr{margin:0;font-size:14px;line-height:1.55;color:var(--j26-ink);white-space:pre-line;overflow-wrap:anywhere}

  body.ui-2026 .j26m-sh{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 4px 0;font-size:12px;font-weight:600;color:var(--j26-muted);text-transform:uppercase;letter-spacing:.03em}
  body.ui-2026 .j26m-sh .j26-badge{text-transform:none;letter-spacing:0}
  body.ui-2026 .j26m-add{margin-left:auto;display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--j26-line-3);background:#fff;font-size:13.5px;font-weight:600;color:var(--j26-navy) !important;text-transform:none;letter-spacing:0;text-decoration:none !important}
  body.ui-2026 .j26m-empty{margin:0;padding:18px 16px;font-size:13.5px;color:var(--j26-muted);text-align:center}

  body.ui-2026 .j26m-act{align-items:flex-start;padding:14px 4px 14px 16px}
  body.ui-2026 .j26m-act-t{display:flex;flex-direction:column;width:56px;flex:none;font-size:11.5px;color:var(--j26-muted);font-variant-numeric:tabular-nums}
  body.ui-2026 .j26m-act-h{font-family:'Bricolage Grotesque',sans-serif;font-size:20px;font-weight:700;line-height:1.2;color:var(--j26-navy)}
  body.ui-2026 .j26m-act-b{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0;color:var(--j26-ink) !important;text-decoration:none !important}
  body.ui-2026 .j26m-act-who{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--j26-muted)}
  body.ui-2026 .j26m-act-d{font-size:14px;line-height:1.45;white-space:pre-line;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
  body.ui-2026 .j26m-act-o{align-self:flex-start;max-width:100%;overflow:hidden;text-overflow:ellipsis}
  body.ui-2026 .j26m-act-m{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--j26-muted)}
  body.ui-2026 .j26m-pop{position:relative;flex:none;margin-top:-10px}
  body.ui-2026 .j26m-total{justify-content:space-between;min-height:48px;background:var(--j26-green-tint-2);border-radius:0 0 15px 15px;font-size:13.5px;font-weight:600;color:var(--j26-green-text) !important}
  body.ui-2026 .j26m-total .j26-mono{font-size:14px;color:var(--j26-navy)}

  body.ui-2026 .j26m-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px 16px}
  body.ui-2026 .j26m-th{position:relative;aspect-ratio:1;margin:0;padding:0;border:0;border-radius:12px;overflow:hidden;background:var(--j26-subtle);display:flex;align-items:center;justify-content:center;cursor:pointer;min-width:0}
  body.ui-2026 .j26m-th img{width:100%;height:100%;object-fit:cover;display:block}
  body.ui-2026 .j26m-th.j26m-th-sel{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--j26-navy)}
  body.ui-2026 label.j26m-th-add{display:flex;flex-direction:column;gap:4px;margin:0;border:1.5px dashed #CDD1C8;font-size:11.5px;font-weight:600;color:var(--j26-muted);max-width:none}
  body.ui-2026 .j26m-th-add .j26-ico{width:20px;height:20px}
  body.ui-2026 .j26m-th-add:focus-within{border-color:var(--j26-navy)}
  body.ui-2026 .j26m-busy{opacity:.6;pointer-events:none}
  body.ui-2026 .j26m-thact{display:flex;align-items:center;gap:6px;padding:0 10px 10px 16px}
  body.ui-2026 .j26m-thact>span{flex:1;min-width:0;font-size:12.5px;color:var(--j26-muted)}

  body.ui-2026 .j26m-rm{align-items:flex-start;padding:14px 16px}
  body.ui-2026 .j26m-rm-meta{font-size:12.5px;color:var(--j26-muted)}
  body.ui-2026 .j26m-rm-meta strong{font-weight:600;color:var(--j26-navy)}
  body.ui-2026 .j26m-row-t>.j26m-rm-text{font-size:14px;line-height:1.45;color:var(--j26-ink);white-space:pre-line;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  body.ui-2026 .j26m-rm-st{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:3px;font-size:12.5px;color:var(--j26-muted)}

  body.ui-2026 .j26m-links .j26m-row{font-size:14px}
  body.ui-2026 .j26m-links .j26m-row>.j26-ico{color:var(--j26-ink-2)}
  body.ui-2026 .j26m-links .j26m-chev{color:var(--j26-placeholder)}
  body.ui-2026 .j26m-hint{font-size:12.5px;color:var(--j26-muted);text-align:right}

  /* vaste actiebalk onderaan */
  body.ui-2026 .j26m-act-bar{position:sticky;bottom:0;z-index:30;display:flex;gap:8px;margin:4px -16px 0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--j26-line);box-shadow:0 -8px 24px rgba(27,43,75,.06)}
  body.ui-2026 .j26m-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:50px;border:0;border-radius:14px;background:var(--j26-navy);color:#fff !important;font:inherit;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none !important}
  body.ui-2026 .j26m-btn .j26-ico{width:18px;height:18px}

  /* bestaande opslaan-/afrondbalken als volle balk onderaan */
  body.ui-2026 .j26-wb>.j26-wb-savebar,
  body.ui-2026 .j26wb-remarks>.j26wb-savebar{bottom:0;margin:4px -16px 0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-radius:0;border-left:0;border-right:0;border-bottom:0;background:#fff;box-shadow:0 -8px 24px rgba(27,43,75,.06);flex-wrap:nowrap}
  body.ui-2026 .j26-wb>.j26-wb-savebar .j26-wb-savebar-t{display:none}
  body.ui-2026 .j26wb-remarks>.j26wb-savebar .j26-btn{height:50px;flex:1 1 0;justify-content:center;border-radius:14px;font-size:15px}
  body.ui-2026 .j26wb-remarks>.j26wb-savebar .j26-btn-p{flex:2 1 0;margin-left:0}
  body.ui-2026 .j26-wb-savebar-a .j26-btn{height:50px;border-radius:14px}

  /* ---------- werkzaamheid (Activities.vue) ---------- */
  body.ui-2026 .j26-wb-formcard{border-color:var(--j26-line);box-shadow:none}
  body.ui-2026 .j26-wb-formcard .j26-wb-grid>.j26-wb-mh{grid-column:span 3}
  body.ui-2026 .j26-wb-formcard .j26-wb-grid>.j26-wb-mt{grid-column:span 2}
  body.ui-2026 .j26-wb-formcard .j26-wb-grid>.j26-wb-mt .vue__time-picker input.display-time{text-align:center;padding:0 6px}
  body.ui-2026 .j26-wb-formcard .j26-wb-total{min-height:48px}
  body.ui-2026 .j26-wb-formcard .j26-wb-toggle{min-height:52px}
  body.ui-2026 .j26-wb-mrow-a .j26-wb-sq{width:44px;height:44px}
  body.ui-2026 .j26-wb-mrow-main{min-height:44px}
  body.ui-2026 .j26-wb-mat-del,body.ui-2026 .j26-wb-mats .j26-icon-btn{width:44px;height:44px}

  /* ---------- afronden (Finish.vue) ---------- */
  body.ui-2026 .j26-wb-finish>.j26-wb-sum{display:none}
  body.ui-2026 .j26m-travel .j26-wb-grid>.j26-wb-field{grid-column:span 6;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}
  body.ui-2026 .j26m-travel .j26-wb-field>label{grid-column:1 / -1}
  body.ui-2026 .j26-wb-finish .j26-wb-sig-h .j26-btn{height:44px}
  body.ui-2026 .j26-wb-finish .j26-wb-savebar-finish .j26-wb-finish-btn{width:100%}

  /* ---------- planning (Index.vue) ---------- */
  body.ui-2026 .j26pl{gap:12px}
  body.ui-2026 .j26pl-head{flex-wrap:nowrap;align-items:center;gap:10px}
  body.ui-2026 .j26pl-head .j26pl-titles{flex:1;min-width:0;gap:2px}
  body.ui-2026 .j26pl .j26pl-head .j26-h1{font-size:24px;line-height:1.1}
  body.ui-2026 .j26pl-head .j26pl-kicker{font-size:12.5px}
  body.ui-2026 .j26pl-head .j26-page-actions{width:auto;margin-left:auto;flex-wrap:nowrap}
  body.ui-2026 .j26pl-head .j26pl-new{width:44px;height:44px;padding:0;justify-content:center;border-radius:12px;flex:none}
  body.ui-2026 .j26pl-head .j26pl-new .j26-ico{width:18px;height:18px}
  body.ui-2026 .j26pl-kpis{display:none}
  body.ui-2026 .j26pl-toolbar{flex-wrap:wrap;gap:8px}
  body.ui-2026 .j26pl-toolbar>.j26pl-seg:first-child{order:1;width:auto;flex:1 1 auto}
  body.ui-2026 .j26pl-toolbar>.j26pl-seg:first-child button{flex:1 1 0;min-width:64px;height:38px}
  body.ui-2026 .j26pl-toolbar>.j26pl-view{order:2;width:auto;flex:none;margin-left:0}
  body.ui-2026 .j26pl-toolbar>.j26pl-view button{flex:none;width:44px;height:38px;padding:0;justify-content:center}
  body.ui-2026 .j26pl-toolbar .j26pl-rel{order:3;flex:1 1 100%;width:100%;min-width:0}
  body.ui-2026 .j26pl-toolbar .j26pl-rel .j26-in{height:44px;border-radius:12px;white-space:nowrap;text-overflow:ellipsis}
  body.ui-2026 .j26pl-dh{padding:8px 4px 0;gap:6px 8px}
  body.ui-2026 .j26pl .j26pl-dh-t{font-family:'Geist',system-ui,sans-serif;font-size:15px}
  body.ui-2026 .j26pl-dh .j26-pill{height:22px}
  body.ui-2026 .j26pl-dh-d{display:none}
  body.ui-2026 .j26pl-dh-n{margin-left:auto;font-family:'Geist Mono',monospace}
  body.ui-2026 .j26pl-list{border-radius:16px}
  body.ui-2026 .j26pl-wb{position:relative;grid-template-columns:3px 46px minmax(0,1fr);gap:4px 12px;padding:14px 8px 10px 14px}
  body.ui-2026 .j26pl-time{font-size:13px}
  body.ui-2026 .j26pl-main{gap:3px}
  body.ui-2026 .j26pl-titlerow{flex-direction:column;align-items:flex-start;gap:1px}
  body.ui-2026 .j26pl-rel-name{font-size:15px}
  body.ui-2026 a.j26pl-rel-name::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}
  body.ui-2026 .j26pl-nr{font-size:11.5px}
  body.ui-2026 .j26pl-reason{font-size:13px;color:var(--j26-ink-2)}
  body.ui-2026 .j26pl-instr{display:none}
  body.ui-2026 .j26pl-facts{gap:3px;margin-top:0}
  body.ui-2026 .j26pl-fact{font-size:12.5px;color:var(--j26-muted)}
  body.ui-2026 .j26pl-fact[title="Contactpersoon op locatie"]{display:none}
  body.ui-2026 .j26pl-acts{position:relative;z-index:1;grid-column:3 / -1;justify-content:flex-end;gap:2px;margin-top:2px}
  body.ui-2026 .j26pl-acts .j26pl-act{flex:none;width:44px;height:44px;min-width:0;padding:0;justify-content:center;border:0;background:transparent}
  body.ui-2026 .j26pl-acts .j26pl-act>span{display:none}
  body.ui-2026 .j26pl-acts .j26pl-act .j26-ico{width:18px;height:18px}
  body.ui-2026 .j26pl-acts .j26-btn-p.j26pl-act{display:none}
  body.ui-2026 .j26pl-acts .j26pl-del{width:44px;height:44px}
  body.ui-2026 .j26pl-weekbar .j26pl-nav{width:44px;height:44px}
  body.ui-2026 .j26pl-weekbar .j26-btn-sm{height:44px}

  /* ---------- uren: kop (HourRegistration Index.vue) ---------- */
  body.ui-2026 .j26-hr-head{gap:12px}
  body.ui-2026 .j26-hr-head .j26-h1{font-size:24px}
  body.ui-2026 .j26-hr-actions{gap:8px}
  body.ui-2026 .j26-hr-user .j26-in{height:44px;border-radius:12px}
  body.ui-2026 .j26-hr-user .j26-ico{top:14px}
  body.ui-2026 .j26-hr-me{height:44px}
  body.ui-2026 .j26-hr-actions>.j26-seg{order:1;flex:1 1 150px}
  body.ui-2026 .j26-hr-actions>.j26-seg button{flex:1;justify-content:center;height:38px}
  body.ui-2026 .j26-hr-actions>.j26-hr-pop-wrap{order:2}
  body.ui-2026 .j26-hr-actions>.j26-hr-weeknav{order:3;flex:1 1 auto;justify-content:space-between;height:44px;border-radius:12px}
  body.ui-2026 .j26-hr-actions>.j26-btn{order:4}
  body.ui-2026 .j26-hr-weeknav .j26-icon-btn{width:44px;height:42px}
  body.ui-2026 .j26-hr-period{height:42px;flex:1;justify-content:center}
  body.ui-2026 .j26-hr-actions>.j26-btn,body.ui-2026 .j26-hr-actions .j26-hr-more{height:44px;border-radius:12px}
  body.ui-2026 .j26-hr-actions>.j26-btn-p{flex:1 1 100%;height:50px;justify-content:center;font-size:15px;border-radius:14px;order:10}
  body.ui-2026 .j26-hr-menu .j26-menu-i{min-height:44px}

  /* ---------- uren: week met dagtabs (Hours.vue) ---------- */
  body.ui-2026 .j26-hr-week{gap:12px}
  body.ui-2026 .j26-hr-alerts{gap:8px}
  body.ui-2026 .j26-hr-alert .j26-btn-sm{height:40px}
  body.ui-2026 .j26-hr-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
  body.ui-2026 .j26-hr-day{min-height:62px;padding:7px 0 8px;gap:3px;border-radius:12px;align-items:center;text-align:center}
  body.ui-2026 .j26-hr-day-d{font-size:11.5px}
  body.ui-2026 .j26-hr-day-n{display:none}
  body.ui-2026 .j26-hr-day-h{font-family:'Geist Mono',monospace;font-size:12px;font-weight:600;letter-spacing:0}
  body.ui-2026 .j26-hr-day .j26-track{width:22px;height:3px}

  body.ui-2026 .j26-hr-week>.j26-cols{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:12px}
  body.ui-2026 .j26-hr-week>.j26-cols>.j26-hr-main{flex:0 0 auto;gap:12px}
  body.ui-2026 .j26-hr-week>.j26-cols>.j26-hr-side{display:contents}
  body.ui-2026 .j26-hr-week>.j26-cols>.j26-hr-side>section{flex:0 0 auto;order:2}
  body.ui-2026 .j26-hr-week>.j26-cols>.j26-hr-side>#j26-hr-wb{order:-1;border-color:var(--j26-green-border)}
  body.ui-2026 .j26-hr-week>.j26-cols>.j26-hr-side>#j26-hr-wb:has(.j26-hr-none){order:4}
  body.ui-2026 .j26-hr-week>.j26-cols>.j26-hr-side>section[aria-label="Kilometers, onkosten en overnachtingen"]{order:1}
  body.ui-2026 .j26-hr-week>.j26-cols>.j26-hr-side>section[aria-label="Per order deze week"]{order:3}
  body.ui-2026 .j26-hr-grp:not(.j26-hr-grp-sel){display:none}
  body.ui-2026 .j26-hr-grp-h .j26-icon-btn{width:44px;height:44px}
  body.ui-2026 .j26-hr-grp-h{flex-wrap:nowrap;gap:8px;padding:6px 6px 6px 12px}
  body.ui-2026 .j26-hr-grp-toggle{min-height:44px;flex:1 1 auto;min-width:0}
  body.ui-2026 .j26-hr-grp-toggle h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.ui-2026 .j26-hr-grp-h .j26-pill{flex:none}
  body.ui-2026 .j26-hr-grp-h .j26-hr-grp-t{margin-left:0;flex:none}
  body.ui-2026 .j26-hr-empty .j26-btn{height:44px}
  body.ui-2026 .j26-hr-row{grid-template-columns:52px minmax(0,1fr) auto 44px;padding:10px 4px 10px 12px}
  body.ui-2026 .j26-hr-row-acts .j26-icon-btn{width:44px;height:44px}
  body.ui-2026 .j26-hr-wb{padding:12px 14px}
  body.ui-2026 .j26-hr-wb-a .j26-btn{height:44px}
  body.ui-2026 .j26-hr-wb-a .j26-icon-btn{width:44px;height:44px}
  body.ui-2026 .j26-hr-side .j26-card-h .j26-seg button{height:36px}
  body.ui-2026 .j26-hr-side .j26-card-h .j26-icon-btn{width:44px;height:44px}
  body.ui-2026 .j26-hr-side .j26-card-f{min-height:48px}

  body.ui-2026 .j26m-links3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  body.ui-2026 .j26m-links3 a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:64px;padding:12px 4px;border-radius:14px;border:1px solid var(--j26-line);background:#fff;font-size:12.5px;font-weight:600;color:var(--j26-navy) !important;text-align:center;text-decoration:none !important}
  body.ui-2026 .j26m-links3 a .j26-ico{width:18px;height:18px;color:var(--j26-green-dark)}

  /* ---------- uren: regel schrijven (Hour.vue) ---------- */
  body.ui-2026 .j26-hr-edit .j26-hr-form .j26-in:not(textarea):not(.j26-hr-in-sm),
  body.ui-2026 .j26-hr-edit .j26-hr-form .form-control,
  body.ui-2026 .j26-hr-edit .time-picker input.display-time{height:48px;font-size:16px;border-radius:12px}
  body.ui-2026 .j26-hr-edit .j26-hr-form .j26-sel-wrap .j26-ico{top:16px}
  body.ui-2026 .j26-hr-edit .j26-hr-form .j26-hr-grid3.j26-hr-times{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  body.ui-2026 .j26-hr-edit .j26-hr-times .time-picker input.display-time{text-align:center;padding:0 6px}
  body.ui-2026 .j26-hr-edit .j26-hr-edit-f{position:sticky;bottom:0;z-index:20;flex-wrap:wrap;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -8px 24px rgba(27,43,75,.06)}
  body.ui-2026 .j26-hr-edit .j26-hr-edit-f .j26-btn{height:50px;justify-content:center;border-radius:14px;font-size:15px}
  body.ui-2026 .j26-hr-edit .j26-hr-edit-f .j26-hr-push{flex:1 1 0;margin-left:0}
  body.ui-2026 .j26-hr-edit .j26-hr-edit-f .j26-btn-p{flex:2 1 0}
  body.ui-2026 .j26-hr-edit .j26-hr-edit-f .j26-btn-danger{flex:1 1 100%;order:3;height:44px;font-size:14px}
  body.ui-2026 .j26-hr-xrow .j26-icon-btn{width:44px;height:44px}
}
.ui-2026 .j26-qo .j26-qo-tbl{table-layout:auto}
.ui-2026 .j26-qo .j26-qo-main{display:block;line-height:1.35}
.ui-2026 .j26-qo .j26-qo-sub{display:block;color:var(--j26-muted);font-size:12px;line-height:1.35;margin-top:2px}
.ui-2026 .j26-qo a.j26-qo-link{color:var(--j26-navy);text-decoration:none}
.ui-2026 .j26-qo a.j26-qo-link:hover{text-decoration:underline}
.ui-2026 .j26-qo .j26-qo-rel{min-width:180px}
.ui-2026 .j26-qo .j26-qo-name{min-width:240px;white-space:normal}
.ui-2026 .j26-qo .j26-qo-nowrap{white-space:nowrap}

/* Relaties — relatiekaart (kop, KPI's, tabbalk met "Meer", Algemeen-kaarten, tabellen per tab)
   en de sub-schermen vanuit de kaart (adres, extra gegevens, object, tariefgroep, portaalgebruiker).
   Alles onder .j26-rc of met het j26-rc-voorvoegsel. */

.ui-2026 .content .j26-page.j26-rc{padding:8px 0 24px}
.j26-rc a:not(.j26-btn):not(.j26-icon-btn):not(.j26-menu-i):not(.j26-tab){color:var(--j26-navy)}
.ui-2026 .j26-rc .j26-btn,.ui-2026 .j26-rc .j26-btn:hover,.ui-2026 .j26-rc .j26-icon-btn:hover,.ui-2026 .j26-rc .j26-tab:hover{text-decoration:none}
.ui-2026 .j26-rc .j26-btn{color:var(--j26-navy)}
.ui-2026 .j26-rc .j26-btn-p,.ui-2026 .j26-rc .j26-btn-p:hover,.ui-2026 .j26-rc .j26-btn-p:focus{color:#fff}
.j26-rc .j26-btn[disabled]{opacity:.5;cursor:not-allowed}
.j26-rc-grow{flex:1 1 auto;min-width:0}
.j26-rc-ml{margin-left:auto}
.j26-rc-wrap{white-space:normal;overflow-wrap:anywhere}
.j26-rc-strong{color:var(--j26-ink);font-weight:600}
.j26-rc-empty{margin:0;padding:16px 18px;font-size:13.5px;color:var(--j26-muted)}
.j26-rc-empty-in{padding:0}
.j26-rc-error{color:var(--j26-red)}
.ui-2026 .j26-rc .j26-rc-danger{color:var(--j26-red)}

/* ---------- kop ---------- */
.j26-rc-head{align-items:center}
.j26-rc-av{flex:none}
.j26-rc-titles{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1 1 320px}
.j26-rc-titlerow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.ui-2026 .j26-rc-h1{font-size:30px;overflow-wrap:anywhere}
.j26-rc-core{display:flex;flex-wrap:wrap;gap:2px 0}
.j26-rc-core>span+span::before{content:'·';margin:0 8px;color:var(--j26-faint, #9AA0A8)}
.j26-rc-core .j26-mono{color:var(--j26-ink-2)}

/* dropdowns (Nieuw, Meer) — Bootstrap-dropdown met j26-menu */
.j26-rc .dropdown{position:relative}
.ui-2026 .j26-rc .j26-rc-menu.dropdown-menu{min-width:220px;margin-top:6px;padding:6px !important;border:1px solid #E1E4DD !important;border-radius:12px !important;box-shadow:0 16px 40px rgba(27,43,75,.14) !important}
.ui-2026 .j26-rc .j26-rc-menu>li>a.j26-menu-i{display:flex !important;align-items:center;gap:10px;padding:8px 10px !important;border-radius:8px;font-size:13.5px;color:var(--j26-ink) !important;white-space:nowrap;background:transparent}
.ui-2026 .j26-rc .j26-rc-menu>li>a.j26-menu-i:hover,.ui-2026 .j26-rc .j26-rc-menu>li>a.j26-menu-i:focus,.ui-2026 .j26-rc .j26-rc-menu>li.active>a.j26-menu-i{background:var(--j26-navy-tint-2) !important;color:var(--j26-ink) !important;text-decoration:none;outline:0}
.ui-2026 .j26-rc .j26-rc-menu>li.active>a.j26-menu-i{font-weight:600}
.j26-rc-menu-l{flex:1}

/* ---------- KPI's ---------- */
.j26-rc-kpis{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.ui-2026 .j26-rc-kpis .j26-kpi-v{font-size:24px;overflow-wrap:anywhere}
.j26-rc-kpis .j26-kpi-s a{font-weight:600}

/* ---------- tabbalk ---------- */
.j26-rc-tabbar{display:flex;align-items:stretch;gap:22px;border-bottom:1px solid var(--j26-line-2);min-width:0}
.ui-2026 .j26-rc .j26-rc-tabs{flex:0 1 auto;min-width:0;margin:0;padding:0;list-style:none;border-bottom:0;scrollbar-width:none}
.ui-2026 .j26-rc .j26-rc-tabs::-webkit-scrollbar{display:none}
.j26-rc-tabs>li{display:flex;flex:none;margin:0;padding:0}
.ui-2026 .j26-rc .j26-tab{color:var(--j26-muted);margin-bottom:-1px;background:transparent}
.ui-2026 .j26-rc .j26-tab:hover,.ui-2026 .j26-rc .j26-tab:focus{color:var(--j26-navy);text-decoration:none}
.ui-2026 .j26-rc .j26-tab:focus-visible{outline:2px solid var(--j26-navy);outline-offset:-2px;border-radius:6px}
.ui-2026 .j26-rc .j26-tab-on,.ui-2026 .j26-rc .j26-tab-on:hover,.ui-2026 .j26-rc .j26-tab-on:focus{color:var(--j26-navy);font-weight:600;border-bottom-color:var(--j26-green)}
.ui-2026 .j26-rc .j26-tab-on .j26-badge{background:var(--j26-green-tint);color:var(--j26-green-text)}
.j26-rc-more{display:flex;flex:none}
.ui-2026 .j26-rc .j26-rc-more-btn{border:0;border-bottom:2px solid transparent;font:inherit;font-size:13.5px;cursor:pointer}
.j26-rc-content{margin-top:0}
.ui-2026 .j26-rc .j26-rc-content>.tab-pane{padding:0}

/* ---------- Algemeen ---------- */
.j26-rc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;align-items:start}
.j26-rc .j26-card-h{flex-wrap:wrap}
.j26-rc-kvs{padding-top:6px;padding-bottom:6px}
.j26-rc .j26-kv>span:last-child,.j26-rc .j26-kv>a{min-width:0;overflow-wrap:anywhere}
.j26-rc .j26-kv>a{color:var(--j26-navy)}
.j26-rc-kv-rate>span:last-child{display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}
.ui-2026 .j26-rc .j26-rc-kv-rate .j26-btn{height:28px;padding:0 8px}
.j26-rc-pwr{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}
.j26-rc-pwr-img{width:120px;max-height:90px;object-fit:contain;border:1px solid var(--j26-line);border-radius:10px;background:var(--j26-subtle);padding:6px}
.j26-rc-row{padding:10px 18px}
.j26-rc-row .j26-cell2>span{overflow-wrap:anywhere}
.j26-rc-addr-t{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--j26-muted)}
.j26-rc .j26-card-f a{font-size:13px;font-weight:600}
.j26-rc-notes{display:flex;flex-direction:column;gap:12px}
.j26-rc-note{display:flex;flex-direction:column;gap:4px;font-size:13.5px;line-height:1.45}
.j26-rc-note.j26-note-y{padding:10px 12px;gap:4px}
.j26-rc-note-m{font-size:12px;color:var(--j26-muted)}
.j26-rc-link-form{flex-wrap:wrap}
.j26-rc-link-form .select2-container{width:100% !important;min-width:0}
.ui-2026 .j26-rc-link-form .select2-container .select2-selection--single{height:34px;border:1px solid var(--j26-line-3);border-radius:10px}

/* ---------- tabellen per tab (zelfde j26-lijsten als de hoofdoverzichten: .j26-ol/.j26-rl) ---------- */
.j26-rc-list{display:flex;flex-direction:column;gap:12px;min-width:0}
.ui-2026 .j26-rc .j26-rc-list .j26-tbl-wrap{overflow:visible}
.ui-2026 .j26-rc .j26-rc-list .j26-tbl-wrap>.j26-toolbar{border-radius:var(--j26-radius) var(--j26-radius) 0 0}
.ui-2026 .j26-rc .j26-rc-list .dataTables_wrapper{min-width:0}
.ui-2026 .j26-rc .j26-rc-list table.j26-tbl{min-width:760px}
.ui-2026 .j26-rc .j26-rc-list .j26-tbl td{height:52px;padding-top:8px;padding-bottom:8px}
.ui-2026 .j26-rc .j26-rc-list .j26-tbl td.j26-ol-actions{width:1%;white-space:nowrap}
.ui-2026 .j26-rc .j26-rc-list .j26-tbl td.j26-rl-date{white-space:nowrap}
.ui-2026 .j26-rc .j26-rc-list .j26-tbl td.j26-rc-strong{font-weight:600}
.j26-rc-toolbar{gap:8px 10px}
.j26-rc-toolbar-a{margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.j26-rc-toolbar-note{font-size:12.5px;color:var(--j26-muted)}
.j26-rc-hint-inline{font-size:12.5px}

/* afbeeldingen (objecten) */
.ui-2026 .j26-rc .j26-rc-list .j26-tbl td.j26-rc-img-cell{width:56px;padding-right:0}
.ui-2026 .j26-rc td.j26-rc-img-cell img{display:block;width:40px;height:40px;border-radius:8px;object-fit:cover;border:1px solid var(--j26-line-2)}
.j26-rc-img-empty{display:block;width:40px;height:40px;border-radius:8px;border:1px dashed var(--j26-line-3);background:var(--j26-subtle)}

/* notities: vastgezette regels */
.ui-2026 .j26-rc .j26-rc-list .j26-tbl tr.is-sticky>td{background:#FFFBEF}
.ui-2026 .j26-rc .j26-rc-list .j26-tbl tr.is-sticky>td:first-child{box-shadow:inset 3px 0 0 #E9C46A}
.ui-2026 .j26-rc .j26-rc-pin{align-self:flex-start;height:20px;margin-top:4px;padding:0 7px;font-size:11px}
.ui-2026 .j26-rc .j26-rc-list .j26-tbl td.j26-rc-note-cell{min-width:280px}
.ui-2026 .j26-rc .j26-rc-list .j26-tbl td.j26-rc-lines{line-height:1.5}

/* facturen: referentie (inline stijl uit de server) en trackers */
.ui-2026 .j26-rc .j26-rc-list td.j26-rc-ref [style]{border-bottom:1px dotted var(--j26-line-3) !important;cursor:help}
.ui-2026 .j26-rc .j26-rc-list .j26-tbl td.j26-rc-trackers .label{height:22px;margin-right:4px;text-decoration:none}
.ui-2026 .j26-rc .j26-rc-list .j26-tbl td.j26-rc-trackers .label::before{display:none}
.ui-2026 .j26-rc .j26-rc-list .j26-tbl td.j26-rc-trackers .label .fa{font-size:11px}

/* periodefilter (bestelde producten) */
.j26-rc-filter-date{display:flex;min-width:0}
.ui-2026 .j26-rc-filter-date fieldset{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;border:0;min-width:0}
.ui-2026 .j26-rc-filter-date legend{float:left;width:auto;margin:0 4px 0 0;padding:0;border:0;font-size:12px;font-weight:600;color:var(--j26-muted);text-transform:uppercase;letter-spacing:.03em}
.ui-2026 .j26-rc-filter-date fieldset>label{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:12.5px;font-weight:500;color:var(--j26-ink-2)}
.ui-2026 .j26-rc .j26-rc-filter-date .form-control{float:none;width:128px !important;height:32px;border:1px dashed #CDD1C8 !important;border-radius:999px;padding:0 12px;font-size:13px;box-shadow:none;background:#fff}
.ui-2026 .j26-rc .j26-rc-filter-date .form-control:focus{border-style:solid !important;border-color:var(--j26-navy) !important}

/* bestelde producten: uitklapregel met orders */
.ui-2026 .j26-rc .j26-rc-products a[id^="product_"]{cursor:pointer;height:30px}
.ui-2026 .j26-rc tr.j26-rc-subrow>td{height:auto;background:var(--j26-subtle) !important;padding:6px 14px 12px !important;white-space:normal}
.ui-2026 .j26-rc tr.j26-rc-subrow table.table{margin:0;background:#fff;border:1px solid var(--j26-line-2);border-radius:10px;font-size:13px}
.ui-2026 .j26-rc tr.j26-rc-subrow table.table th{font-size:12px;font-weight:600;color:var(--j26-muted);background:transparent}

/* ---------- sub-schermen (formulieren) ---------- */
.j26-rc-formpage{max-width:1180px}
.j26-rc-form{display:flex;flex-direction:column}
.ui-2026 .j26-rc .j26-rc-sec-first{border-top:0;padding-top:4px}
.ui-2026 .j26-rc .j26-in:required,.ui-2026 .j26-rc .j26-in:required:focus{border-left:1px solid var(--j26-line-3) !important;background-color:#fff !important}
.ui-2026 .j26-rc .j26-in:focus{border-color:var(--j26-navy) !important;box-shadow:0 0 0 4px rgba(27,43,75,.10)}
.ui-2026 .j26-rc .has-error .j26-in{border-color:#C2410C !important;box-shadow:0 0 0 4px rgba(194,65,12,.10)}
.ui-2026 .j26-rc .has-warning .j26-in{border-color:#D69E2E !important}
.ui-2026 .j26-rc .form-group{margin-bottom:0}
.j26-rc-inline{display:flex;gap:8px;align-items:center}
.j26-rc-inline .j26-in{flex:1 1 auto}
.j26-rc-textarea{min-height:96px}
.ui-2026 .j26-rc .j26-rc-file{height:auto;padding:8px 10px}
.j26-rc-fieldset{margin:0;padding:0;border:0;min-width:0}
.ui-2026 .j26-rc .j26-rc-fieldset legend{width:auto;margin:0 0 7px;padding:0;border:0}
.j26-rc-checks{display:flex;flex-wrap:wrap;gap:8px 20px}
.ui-2026 .j26-rc .j26-rc-check{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:500;color:var(--j26-ink);cursor:pointer}
.ui-2026 .j26-rc .j26-rc-check input[type="checkbox"]{margin:0;width:16px;height:16px;accent-color:var(--j26-navy)}
.j26-rc-check .j26-hint{font-weight:400}
.j26-rc-imgrow{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.j26-rc-thumb{max-width:180px;max-height:140px;border:1px solid var(--j26-line);border-radius:10px;padding:4px;background:#fff;object-fit:contain}
.j26-rc-vars{margin-top:12px;display:flex;flex-direction:column;gap:6px}
.j26-rc-vars dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:12.5px}
.j26-rc-vars dt{font-family:'Geist Mono',monospace;font-weight:500;color:var(--j26-navy)}
.j26-rc-vars dd{margin:0;color:var(--j26-muted)}
.j26-rc .wysihtml5-toolbar{margin:0 0 6px !important;padding:0}
.ui-2026 .j26-rc textarea.textarea_editor{min-height:180px;border:1px solid var(--j26-line-3);border-radius:10px}
.j26-rc-debit-warning{font-size:12.5px;color:var(--j26-amber, #B7791F)}
.has-error .j26-rc-debit-warning{color:var(--j26-red)}
.j26-rc-savebar{margin-top:16px;z-index:5}
.j26-rc-narrow{max-width:560px}
.j26-rc-stack{display:flex;flex-direction:column;gap:16px}
.j26-rc-card-f{justify-content:flex-end}
.j26-rc-grid-form{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 16px}
.j26-rc-objform{overflow:hidden}
.j26-rc-history{display:flex;flex-direction:column;gap:16px}
.j26-rc-tl-b{display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-size:13.5px;line-height:1.45;min-width:0}
.j26-rc-tl-m{font-size:12.5px;color:var(--j26-muted)}
.j26-rc-tl-m strong{color:var(--j26-ink)}
.ui-2026 .j26-rc .j26-rc-toggle{height:24px;padding:0 6px;font-size:12.5px;vertical-align:baseline}
.j26-rc-files{min-width:0}
.j26-rc-files .box{margin-bottom:0}
.j26-rc-files .table-responsive,.j26-rc-files .box-body{overflow-x:auto}

/* ---------- mobiel ---------- */
@media (max-width:767px){
  .ui-2026 .j26-rc-h1{font-size:24px}
  .j26-rc-head .j26-page-actions{margin-left:0;width:100%}
  .j26-rc-tabbar{gap:14px}
  .ui-2026 .j26-rc .j26-rc-tabs{gap:16px}
  .j26-rc-grid{grid-template-columns:minmax(0,1fr)}
  .j26-rc .j26-col-side{max-width:none}
  .j26-rc-toolbar-a{margin-left:0;width:100%}
  .j26-rc-toolbar .j26-ol-searchbox{flex:1 1 100%}
  .j26-rc-grid-form>.j26-c1,.j26-rc-grid-form>.j26-c2,.j26-rc-grid-form>.j26-c3,
  .j26-rc-grid-form>.j26-c4,.j26-rc-grid-form>.j26-c5,.j26-rc-grid-form>.j26-c6{grid-column:span 6}
  .j26-rc-inline{flex-wrap:wrap}
  .j26-rc-inline .j26-btn{width:100%;justify-content:center}
  .ui-2026 .j26-rc .j26-rc-menu.dropdown-menu{min-width:200px;max-width:calc(100vw - 32px)}
  .ui-2026 .j26-rc .j26-rc-dd>.dropdown-menu-right{right:auto;left:0}
}
@media (max-width:767px){.ui-2026 .j26-rc-kpis,.ui-2026 .j26od-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ui-2026 .j26-rc-kpis .j26-kpi,.ui-2026 .j26od-kpis .j26-kpi{padding:12px}.ui-2026 .j26-rc-kpis .j26-kpi-v,.ui-2026 .j26od-kpis .j26-kpi-v{font-size:20px}}
.ui-2026 .j26-rc-data{overflow:hidden}
.ui-2026 .j26-rc-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.ui-2026 .j26-rc-data-sec{padding:18px 20px;border-bottom:1px solid var(--j26-line-2)}
.ui-2026 .j26-rc-data-sec:nth-child(odd){border-right:1px solid var(--j26-line-2)}
.ui-2026 .j26-rc-data-h{display:flex;align-items:center;gap:8px;min-height:30px;margin-bottom:8px}
.ui-2026 .j26-rc-data-t{margin:0;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--j26-muted)}
.ui-2026 .j26-rc-dl{display:grid;grid-template-columns:minmax(110px,38%) minmax(0,1fr);gap:8px 14px;margin:0;font-size:13.5px;line-height:1.45}
.ui-2026 .j26-rc-dl dt{font-weight:400;color:var(--j26-muted)}
.ui-2026 .j26-rc-dl dd{margin:0;color:var(--j26-ink);overflow-wrap:anywhere}
.ui-2026 .j26-rc-pre{white-space:pre-line}
.ui-2026 .j26-rc-data-empty{margin:12px 0 0;font-size:12px;color:var(--j26-faint)}
.ui-2026 .j26-rc-pwr-row{padding:16px 20px}
.ui-2026 .j26-rc-pwr-row .j26-rc-data-h{margin-bottom:0}
.ui-2026 .j26-rc-pwr-row .j26-rc-pwr{margin-top:12px}
@media (max-width:900px){.ui-2026 .j26-rc-data-grid{grid-template-columns:minmax(0,1fr)}.ui-2026 .j26-rc-data-sec:nth-child(odd){border-right:0}.ui-2026 .j26-rc-data-sec,.ui-2026 .j26-rc-pwr-row{padding:16px}}

/* Financieel — Te factureren, Herinneringen en Abonnementen (nieuwe weergave). Alles onder .j26-if of met j26-if-voorvoegsel. */

/* pagina */
.ui-2026 .content .j26-page.j26-if{padding:8px 0 24px}
.ui-2026 .j26-if .j26-page-head .j26-sub{display:block;margin:0;padding:0;border:0;max-width:760px}
.ui-2026 .j26-if-head-text{display:flex;flex-direction:column;gap:6px;min-width:0}
.ui-2026 .j26-if .j26-page-actions .j26-btn{text-decoration:none}
.ui-2026 .j26-if .j26-page-actions .j26-btn-p,.ui-2026 .j26-if .j26-page-actions .j26-btn-p:hover,
.ui-2026 .j26-if a.j26-btn-p,.ui-2026 .j26-if a.j26-btn-p:hover,.ui-2026 .j26-if a.j26-btn-p:focus{color:#fff}
.ui-2026 .j26-if a.j26-btn,.ui-2026 .j26-if a.j26-btn:hover,.ui-2026 .j26-if a.j26-icon-btn{text-decoration:none}
.ui-2026 .j26-if .j26-btn:focus-visible,.ui-2026 .j26-if .j26-icon-btn:focus-visible,.ui-2026 .j26-if .j26-chip:focus-visible{outline:2px solid var(--j26-navy);outline-offset:2px}
.ui-2026 .j26-if .j26-ico-sm{width:14px;height:14px}
.ui-2026 .j26-if-grow{flex:1 1 auto;min-width:0}
.ui-2026 .j26-if .j26-if-strong{font-weight:600;color:var(--j26-ink)}
.ui-2026 .j26-if a.j26-if-strong{color:var(--j26-ink)}
.ui-2026 .j26-if a.j26-if-strong:hover{color:var(--j26-navy)}
.ui-2026 .j26-if .j26-num{text-align:right;font-variant-numeric:tabular-nums}
.ui-2026 .j26-if .j26-mono{font-family:'Geist Mono',monospace;font-size:12.5px}
.ui-2026 .j26-if .j26-tbl-wrap{overflow:visible}
.ui-2026 .j26-if .j26-tbl-wrap>.j26-toolbar{border-radius:var(--j26-radius) var(--j26-radius) 0 0}
.ui-2026 .j26-if .j26-tbl-foot{border-top:1px solid var(--j26-line-2)}
.ui-2026 .j26-if .j26-tbl-foot .j26-ico{flex:none}
.ui-2026 .j26-if .j26-empty strong{color:var(--j26-ink)}
.ui-2026 .j26-if .j26-card{overflow:hidden}
.ui-2026 .j26-if .j26-card-h .j26-h2{flex:1 1 auto}
.ui-2026 .j26-if .j26-list-row{font-size:13.5px}
.ui-2026 .j26-if .j26-list-row .j26-cell2{min-width:0}
.ui-2026 .j26-if .j26-list-row .j26-cell2>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-2026 .j26-if .j26-alert .j26-ico{flex:none;margin-top:2px}

/* avatars (de layout zet .j26-av standaard op donkerblauw) */
.ui-2026 .j26-if .j26-av{background:#EFF0EC;color:var(--j26-ink-2)}
.ui-2026 .j26-if .j26-av-navy{background:var(--j26-navy-tint);color:var(--j26-navy)}
.ui-2026 .j26-if .j26-av-green{background:var(--j26-green-tint);color:var(--j26-green-text)}
.ui-2026 .j26-if .j26-av-orange{background:var(--j26-orange-tint);color:var(--j26-orange)}

/* zoekveld en chips */
.ui-2026 .j26-if .j26-if-search{flex:0 1 280px;margin:0;font-weight:400}
.ui-2026 .j26-if .j26-if-search:focus-within{border-color:var(--j26-navy);box-shadow:0 0 0 4px rgba(27,43,75,.10)}
.ui-2026 .j26-if .j26-if-search input{height:30px;padding:0;box-shadow:none}
.ui-2026 .j26-if-chips{display:flex;flex-wrap:wrap;gap:6px}
.ui-2026 .j26-if .j26-chip{margin:0;font-weight:400}
.ui-2026 .j26-if .j26-chip.j26-chip-on{font-weight:500}
.ui-2026 .j26-if .j26-chip.j26-chip-on .j26-badge{background:#fff;color:var(--j26-navy)}

/* tabel met groepen (Te factureren, Herinneringen) */
.ui-2026 .j26-if table.j26-if-tbl{min-width:900px;margin:0}
.ui-2026 .j26-if .j26-if-tbl td{vertical-align:middle}
.ui-2026 .j26-if .j26-if-tbl tbody[hidden],.ui-2026 .j26-if .j26-if-tbl tr[hidden],.ui-2026 .j26-if .j26-if-tbl tbody.j26-if-filtered{display:none}
.ui-2026 .j26-if .j26-if-tbl tr.j26-if-grp td{background:var(--j26-subtle);height:46px;border-bottom:1px solid var(--j26-line)}
.ui-2026 .j26-if .j26-if-tbl tbody.j26-if-group + tbody tr:hover td{background:var(--j26-hover)}
.ui-2026 .j26-if .j26-if-tbl tbody.j26-if-current tr.j26-if-grp td{background:var(--j26-navy-tint-2)}
.ui-2026 .j26-if-grp-l{display:flex;align-items:center;gap:10px;min-width:0}
.ui-2026 .j26-if .j26-if-grp-name{margin:0;font:inherit;font-size:14px;font-weight:600;color:var(--j26-ink)}
.ui-2026 .j26-if .j26-if-grp-name a{color:var(--j26-ink)}
.ui-2026 .j26-if .j26-if-grp-name a:hover{color:var(--j26-navy)}
.ui-2026 .j26-if .j26-if-grp-info{font-size:12.5px;font-weight:400}
.ui-2026 .j26-if .j26-if-grp-r{text-align:right;font-size:13px;font-weight:500}
.ui-2026 .j26-if .j26-if-toggle{border:1px solid transparent;color:var(--j26-muted)}
.ui-2026 .j26-if .j26-if-toggle .j26-ico{transition:transform .15s ease}
.ui-2026 .j26-if-tc .j26-if-toggle[aria-expanded="false"] .j26-ico{transform:rotate(-90deg)}
.ui-2026 .j26-if-rm .j26-if-toggle[aria-expanded="true"] .j26-ico{transform:rotate(90deg)}

.ui-2026 .j26-if-src{display:flex;align-items:center;gap:10px;min-width:0}
.ui-2026 .j26-if-src-ic{width:32px;height:32px;border-radius:9px;background:var(--j26-subtle);border:1px solid var(--j26-line-2);display:inline-flex;align-items:center;justify-content:center;color:var(--j26-ink-2);flex:none}
.ui-2026 .j26-if .j26-if-src .j26-cell2 a,.ui-2026 .j26-if .j26-if-src-t{font-weight:500;color:var(--j26-ink)}
.ui-2026 .j26-if .j26-if-src .j26-cell2 a:hover{color:var(--j26-navy)}
.ui-2026 .j26-if .j26-if-src .j26-cell2 small{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-2026 .j26-if a.j26-if-order{color:var(--j26-ink-2)}
.ui-2026 .j26-if a.j26-if-order:hover{color:var(--j26-navy)}
.ui-2026 .j26-if-by{display:inline-flex;align-items:center;gap:8px;font-size:13px}
.ui-2026 .j26-if .j26-if-acts-cell{text-align:right;width:1%}
.ui-2026 .j26-if-acts{display:flex;gap:4px;justify-content:flex-end;align-items:center}
.ui-2026 .j26-if .j26-if-acts .j26-icon-btn{border:1px solid transparent}
.ui-2026 .j26-if .j26-if-acts .j26-if-skip:hover{color:var(--j26-red)}

/* relatie kiezen (modals) */
.ui-2026 .j26-if-picker-hint{margin:0 0 12px;font-size:13px}
.ui-2026 table.j26-if-picker-tbl{width:100% !important;margin:0 !important}
.ui-2026 .j26-if-picker-tbl th{font-size:12px;font-weight:600;color:var(--j26-muted)}
.ui-2026 .j26-if-picker-tbl td{vertical-align:middle !important}
.ui-2026 .j26-if-picker-tbl td:last-child{text-align:right}

/* Herinneringen */
.ui-2026 .j26-if .j26-kpi-v.j26-if-kpi-warn{color:var(--j26-orange)}
.ui-2026 .j26-if .j26-if-rm-tbl tr.j26-if-rel td{height:60px}
.ui-2026 .j26-if .j26-if-rm-tbl tr.j26-if-rel.j26-sel td{background:var(--j26-navy-tint-2)}
.ui-2026 .j26-if-pills{display:inline-flex;gap:6px;align-items:center}
.ui-2026 .j26-if .j26-if-late{color:var(--j26-orange)}
.ui-2026 .j26-if .j26-if-sub tr.j26-if-subrow td{height:48px;background:#fff;font-size:13px}
.ui-2026 .j26-if .j26-if-sub tr.j26-if-subrow td.j26-if-subrow-first{padding-left:62px}
.ui-2026 .j26-if .j26-if-sub tr.j26-if-subrow:last-child td{border-bottom:1px solid var(--j26-line)}
.ui-2026 .j26-if-snooze{display:inline-flex}
.ui-2026 .j26-if .j26-if-snooze .j26-btn[aria-expanded="true"]{background:#F0F1EC}
.ui-2026 .j26-if-menu{position:fixed;z-index:1040;min-width:180px;display:flex;flex-direction:column;gap:1px;text-align:left}
.ui-2026 .j26-if-menu[hidden]{display:none}
.ui-2026 .j26-if-menu-h{padding:6px 10px 4px}
.ui-2026 .j26-if-menu a.j26-menu-i{text-decoration:none;color:var(--j26-ink)}
.ui-2026 .j26-if-menu a.j26-menu-i:focus{background:var(--j26-navy-tint-2);outline:0}

/* Herinnering aanmaken */
.ui-2026 .j26-if-rc .j26-cols{align-items:flex-start}
.ui-2026 .j26-if-rc .j26-col-main{flex:999 1 560px;min-width:0;display:flex;flex-direction:column}
.ui-2026 .j26-if-editor{min-width:0}
.ui-2026 .j26-if-editor .mce-tinymce{border:1px solid var(--j26-line-3) !important;border-radius:10px;overflow:hidden;box-shadow:none !important}
.ui-2026 .j26-if .j26-if-total{background:var(--j26-subtle);font-weight:500}

/* formulieren: oranje "verplicht"-rand van de oude skin uitzetten */
.ui-2026 .j26-if-form .j26-in:required,.ui-2026 .j26-if-form select.j26-in:required{border:1px solid var(--j26-line-3) !important;background-color:#fff !important}
.ui-2026 .j26-if-form .j26-in:required:focus{border-color:var(--j26-navy) !important}
.ui-2026 .j26-if-form .has-error .j26-in{border-color:#C2410C !important}
.ui-2026 .j26-if-form .select2-hidden-accessible:required+.select2-container .select2-selection--single{border-left:1px solid var(--j26-line-3) !important}
.ui-2026 .j26-if-form .select2-container .select2-selection--single{height:40px;border:1px solid var(--j26-line-3);border-radius:10px;display:flex;align-items:center}
.ui-2026 .j26-if-form .select2-container .select2-selection--single .select2-selection__rendered{line-height:38px;padding-left:12px;font-size:14px;color:var(--j26-ink)}
.ui-2026 .j26-if-form .select2-container .select2-selection--single .select2-selection__arrow{height:38px}
.ui-2026 .j26-if-form .has-error .select2-selection--single{border-color:#C2410C !important}

/* Abonnementen */
.ui-2026 .j26-if-ab .j26-tbl .j26-if-th-sub{font-weight:400;color:var(--j26-faint)}
.ui-2026 .j26-if-ab .j26-tbl td.j26-if-date{font-variant-numeric:tabular-nums}
.ui-2026 .j26-if-ab .j26-tbl a.j26-row-link{color:var(--j26-navy)}
.ui-2026 .j26-if-ab .j26-tbl tr.j26-rl-inactive a.j26-row-link{color:var(--j26-ink-2)}
.ui-2026 .j26-if-abf .j26-if-errors{margin:0;padding-left:18px}
.ui-2026 .j26-if-toggle-sw{margin:0}
.ui-2026 .j26-if-toggle-sw input:checked+.j26-switch{background:var(--j26-green-dark)}
.ui-2026 .j26-if-toggle-sw input:checked+.j26-switch::after{left:19px}
.ui-2026 .j26-if-toggle-sw input:focus-visible+.j26-switch{box-shadow:0 0 0 4px rgba(27,43,75,.15)}
.ui-2026 .j26-if-toks{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.ui-2026 .j26-if .j26-if-tok{font-family:'Geist Mono',monospace;font-size:12px;padding:2px 7px;border-radius:6px;background:var(--j26-navy-tint-2);border:1px solid #D5DDEA;color:var(--j26-navy)}
.ui-2026 .j26-if-lines-wrap{overflow-x:auto;border:1px solid var(--j26-line);border-radius:12px}
.ui-2026 table.j26-if-lines{width:100%;min-width:560px;border-collapse:collapse;margin:0}
.ui-2026 .j26-if-lines th{font-size:12px;font-weight:600;color:var(--j26-muted);text-align:left;padding:0 8px;height:36px;background:var(--j26-subtle);border-bottom:1px solid var(--j26-line)}
.ui-2026 .j26-if-lines td{padding:6px 8px;border-bottom:1px solid var(--j26-line-2);vertical-align:middle}
.ui-2026 .j26-if-lines tbody tr:last-child td{border-bottom:0}
.ui-2026 .j26-if-lines .j26-in{height:36px;font-size:13.5px}
.ui-2026 .j26-if-lines .j26-if-col-qty{width:96px}
.ui-2026 .j26-if-lines .j26-if-col-price{width:130px}
.ui-2026 .j26-if-lines .j26-if-col-vat{width:86px}
.ui-2026 .j26-if-lines .j26-if-col-del{width:44px}
.ui-2026 .j26-if-lines .remove-line:hover{color:var(--j26-red)}
.ui-2026 .j26-if-lines-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.ui-2026 .j26-if-lines-sum{margin-left:auto;font-size:13px;color:var(--j26-muted);font-variant-numeric:tabular-nums}
.ui-2026 .j26-if-lines-sum strong{color:var(--j26-navy)}

/* mobiel */
@media (max-width:767px){
  .ui-2026 .j26-if .j26-page-actions{margin-left:0;width:100%}
  .ui-2026 .j26-if .j26-if-search{flex:1 1 100%}
  .ui-2026 .j26-if-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:100%}
  .ui-2026 .j26-if-chips::-webkit-scrollbar{display:none}
  .ui-2026 .j26-if .j26-col-side{max-width:none;flex-basis:100%}
  .ui-2026 .j26-if .j26-h1{font-size:28px}
  .ui-2026 .j26-if-lines-sum{margin-left:0;width:100%}
  .ui-2026 .j26-if .j26-if-sub tr.j26-if-subrow td.j26-if-subrow-first{padding-left:14px}
}
.ui-2026 .j26-if-tbl th,.ui-2026 .j26-if-tbl td{padding-left:10px;padding-right:10px}.ui-2026 .j26-if-tbl td:nth-child(5):not(.j26-if-acts-cell){max-width:170px}.ui-2026 .j26-if-tbl td:nth-child(5):not(.j26-if-acts-cell) *{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-2026 .j26-if-tbl td.j26-if-acts-cell{white-space:nowrap}

/* Junity 2026 — Kleur: statusblokken (.j26-stage) en KPI-tegels (.j26-kpi) iets kleurrijker, zonder markupwijziging */

/* ---------- statusblokken ----------
   De stipkleur staat inline op <i style="background:…">. Pseudo-elementen van die <i> nemen
   die kleur over met background:inherit; zo krijgen de bovenrand en de tint de kleur van de stip. */
body.ui-2026 .j26-stages .j26-stage{position:relative;overflow:hidden;isolation:isolate;border-top-color:transparent;transition:border-color .12s,box-shadow .12s}
body.ui-2026 .j26-stages .j26-stage .j26-stage-l i{flex:none;width:10px;height:10px;box-shadow:0 0 0 3px rgba(255,255,255,.9),0 0 0 4px rgba(27,43,75,.08)}
body.ui-2026 .j26-stages .j26-stage .j26-stage-l i::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:inherit;pointer-events:none}
body.ui-2026 .j26-stages .j26-stage .j26-stage-l i::after{content:"";position:absolute;inset:0;z-index:-1;background:inherit;opacity:0;pointer-events:none;transition:opacity .12s}
body.ui-2026 .j26-stages .j26-stage:hover .j26-stage-l i::after{opacity:.05}
body.ui-2026 .j26-stages .j26-stage.j26-stage-on{border-color:var(--j26-navy);box-shadow:0 0 0 1px var(--j26-navy),0 8px 20px -14px rgba(27,43,75,.55)}
body.ui-2026 .j26-stages .j26-stage.j26-stage-on .j26-stage-l i::before{height:4px}
body.ui-2026 .j26-stages .j26-stage.j26-stage-on .j26-stage-l i::after{opacity:.1}
body.ui-2026 .j26-stages .j26-stage.j26-stage-on .j26-stage-l{color:var(--j26-navy)}
body.ui-2026 .j26-stages .j26-stage .j26-stage-n{color:var(--j26-navy)}

/* ---------- KPI-tegels ----------
   Dunne gekleurde bovenrand en een lichte tint, op volgorde navy / groen / amber / oranje.
   Donkere en groene varianten en de dashboardtegels (eigen kleuren) blijven zoals ze zijn. */
body.ui-2026 .j26-kpis>.j26-kpi:not(.j26-kpi-dark):not(.j26-kpi-green):not(.j26-st-kpi){--j26-k-bar:var(--j26-navy);--j26-k-bg:var(--j26-navy-tint-2);position:relative;overflow:hidden;background:linear-gradient(180deg,var(--j26-k-bg) 0,#fff 70%) !important}
body.ui-2026 .j26-kpis>.j26-kpi:not(.j26-kpi-dark):not(.j26-kpi-green):not(.j26-st-kpi)::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--j26-k-bar);pointer-events:none}
body.ui-2026 .j26-kpis>.j26-kpi:nth-child(4n+2):not(.j26-kpi-dark):not(.j26-kpi-green):not(.j26-st-kpi){--j26-k-bar:var(--j26-green);--j26-k-bg:var(--j26-green-tint-2)}
body.ui-2026 .j26-kpis>.j26-kpi:nth-child(4n+3):not(.j26-kpi-dark):not(.j26-kpi-green):not(.j26-st-kpi){--j26-k-bar:#E3B341;--j26-k-bg:#FFFAEC}
body.ui-2026 .j26-kpis>.j26-kpi:nth-child(4n+4):not(.j26-kpi-dark):not(.j26-kpi-green):not(.j26-st-kpi){--j26-k-bar:#D9774A;--j26-k-bg:#FFF8F3}
body.ui-2026 .j26-kpis>.j26-kpi-green:not(.j26-st-kpi){position:relative;overflow:hidden;box-shadow:inset 0 3px 0 var(--j26-green)}
body.ui-2026 .j26-kpis>.j26-kpi-dark:not(.j26-st-kpi){position:relative;overflow:hidden;box-shadow:inset 0 3px 0 var(--j26-green)}

@media (prefers-reduced-motion:reduce){
  body.ui-2026 .j26-stages .j26-stage,body.ui-2026 .j26-stages .j26-stage .j26-stage-l i::after{transition:none}
}

/* Generieke restyle van "oude" DataTables (standaard jDataTable-dom met .row-kop en -voet) in de nieuwe weergave.
   Alleen onder .ui-2026. Lijsten die al de j26-opbouw gebruiken (dom: J26OrderList.dom → .j26-scroll-x/.j26-tbl-foot,
   tabel .j26-tbl) hebben geen .row-kinderen en geen .dataTables_filter, en worden hier dus niet geraakt.
   Hoger specifiek dan public/css/modern-theme.css (laadt later); !important alleen waar die of de inline-stijl wint.
   De :has()-voorwaarden staan in :where(), zodat module-eigen regels (bv. .j26-st-tbl-wrap) voorrang houden. */

.ui-2026 .dataTables_wrapper{font-size:13.5px;color:var(--j26-ink)}
.ui-2026 .dataTables_wrapper>.row{margin-left:0;margin-right:0}

/* ---------- kop: zoekveld (als j26-search), extra knoppen, lengte-keuze ---------- */
.ui-2026 .dataTables_wrapper>.row:where(:has(.dataTables_filter,.dataTables_length):not(:has(table))){display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 12px}
.ui-2026 .dataTables_wrapper>.row:where(:has(.dataTables_filter,.dataTables_length):not(:has(table)))>[class*="col-"]{float:none;width:auto;min-width:0;padding:0;flex:0 1 auto}
.ui-2026 .dataTables_wrapper>.row:where(:has(.dataTables_filter,.dataTables_length):not(:has(table)))>[class*="col-"]:where(:has(.dataTables_filter)){order:-1;flex:0 1 300px}
.ui-2026 .dataTables_wrapper>.row:where(:has(.dataTables_filter,.dataTables_length):not(:has(table)))>[class*="col-"]:where(:has(.dataTables_length)){order:2;margin-left:auto}
.ui-2026 .dataTables_wrapper>.row:where(:has(.dataTables_filter,.dataTables_length):not(:has(table)))>[class*="col-"]:empty{display:none}

.ui-2026 .dataTables_wrapper .dataTables_filter{float:none;margin:0 !important;padding:0;text-align:left}
.ui-2026 .dataTables_wrapper .dataTables_filter label{position:relative;display:flex !important;align-items:center;width:100%;height:34px;margin:0;padding:0 10px 0 34px;border:1px solid #DFE2DA;border-radius:10px;background:#fff;font-size:0 !important;font-weight:400;color:var(--j26-faint);white-space:nowrap;cursor:text}
.ui-2026 .dataTables_wrapper .dataTables_filter label::before{content:'';position:absolute;left:11px;top:50%;width:15px;height:15px;margin-top:-7.5px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat}
.ui-2026 .dataTables_wrapper .dataTables_filter label:focus-within{border-color:var(--j26-navy);box-shadow:0 0 0 4px rgba(27,43,75,.10)}
.ui-2026 .dataTables_wrapper .dataTables_filter input,.ui-2026 .dataTables_wrapper .dataTables_filter input.form-control{display:block;flex:1 1 auto;width:100% !important;min-width:0;height:32px !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;outline:0;background:transparent !important;box-shadow:none !important;font:inherit;font-size:13px !important;color:var(--j26-ink)}
.ui-2026 .dataTables_wrapper .dataTables_filter input::placeholder{color:var(--j26-placeholder, #9AA0A8)}

.ui-2026 .dataTables_wrapper .dataTables_length{float:none;margin:0;padding:0}
.ui-2026 .dataTables_wrapper .dataTables_length label{display:inline-flex !important;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:400;color:var(--j26-muted);white-space:nowrap}
.ui-2026 .dataTables_wrapper .dataTables_length select,.ui-2026 .dataTables_wrapper .dataTables_length select.form-control{width:auto !important;height:32px !important;margin:0 !important;padding:0 26px 0 10px !important;border:1px solid var(--j26-line-3) !important;border-radius:9px !important;background-color:#fff;box-shadow:none !important;font:inherit;font-size:13px !important;color:var(--j26-ink)}

/* ---------- tabel als j26-tbl ---------- */
.ui-2026 .dataTables_wrapper>.row:where(:has(table.dataTable))>[class*="col-"]{float:none;width:100%;padding:0}
.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl){width:100% !important;margin:0 !important;border:0 !important;border-collapse:collapse !important;border-radius:0;background:#fff}
.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl)>thead>tr>th,
.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl)>thead>tr>td{height:40px;padding:0 14px !important;border:0 !important;border-bottom:1px solid var(--j26-line) !important;background:var(--j26-subtle) !important;font-size:11.5px !important;font-weight:600 !important;letter-spacing:.04em !important;text-transform:uppercase !important;color:var(--j26-muted) !important;white-space:nowrap;vertical-align:middle}
.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl)>thead>tr>th.sorting,
.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl)>thead>tr>th.sorting_asc,
.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl)>thead>tr>th.sorting_desc{padding-right:26px !important;cursor:pointer}
.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl)>thead>tr>th.sorting_asc,
.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl)>thead>tr>th.sorting_desc{color:var(--j26-navy) !important}
.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl)>thead>tr>th::after{bottom:auto !important;top:50%;margin-top:-7px;right:10px !important;font-size:10px;opacity:.35}
.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl)>thead>tr>th.sorting_asc::after,
.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl)>thead>tr>th.sorting_desc::after{opacity:.8}
.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl)>tbody>tr{background:transparent}
.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl)>tbody>tr>td,
.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl)>tbody>tr>th{height:52px;padding:8px 14px !important;border:0 !important;border-bottom:1px solid var(--j26-line-2) !important;background:transparent;font-size:13.5px !important;font-weight:400;color:var(--j26-ink);vertical-align:middle}
.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl)>tbody>tr:last-child>td{border-bottom:1px solid var(--j26-line-2) !important}
.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl).table-striped>tbody>tr:nth-of-type(odd){background:transparent}
.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl)>tbody>tr:hover>td{background:var(--j26-hover)}
.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl)>tbody>tr.selected>td{background:var(--j26-navy-tint-2)}
.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl)>tbody>tr>td a:not(.btn):not(.label){color:var(--j26-navy);font-weight:500}
.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl)>tfoot>tr>td,
.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl)>tfoot>tr>th{height:48px;padding:0 14px !important;border:0 !important;background:var(--j26-subtle);font-weight:600}

/* lege staat */
.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl) td.dataTables_empty{height:auto;padding:40px 14px !important;border-bottom:0 !important;text-align:center;font-size:13.5px !important;color:var(--j26-muted);white-space:normal;background:transparent !important}
.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl) td.dataTables_empty::before{content:'';display:block;width:36px;height:36px;margin:0 auto 10px;border-radius:10px;background:var(--j26-subtle) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239AA0A8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h18M3 12h18M3 17h10'/%3E%3C/svg%3E") center/18px no-repeat;border:1px solid var(--j26-line-2)}

/* statuslabels uit de presenters: inline breedte neutraliseren, als pill */
.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl) .label{display:inline-flex !important;align-items:center;width:auto !important;max-width:100%;height:22px;padding:0 9px;border-radius:999px;font-size:11.5px;font-weight:600;line-height:1;white-space:nowrap}
.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl) td [style*="width:100%"],.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl) td [style*="width: 100%"]{width:auto !important}

/* rij-acties (action-group uit de server) als rustige j26-knoppen */
.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl) .action-group{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px}
.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl) .action-group .btn{display:inline-flex;align-items:center;gap:4px;height:28px;min-height:28px;margin:0 !important;padding:0 9px;border-radius:8px !important;font-size:12px;font-weight:600;background:#fff !important;color:var(--j26-navy) !important;border:1px solid var(--j26-line-3) !important;text-decoration:none}
.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl) .action-group .btn:hover{background:#F6F7F4 !important}
.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl) .action-group .btn-danger{color:var(--j26-red) !important;border-color:#F3D3C2 !important}
.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl) .action-group .btn-danger:hover{background:#FFF5F0 !important}
.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl) .action-group .btn.disabled,.ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl) .action-group .btn[disabled]{opacity:.45}

/* laden */
.ui-2026 .dataTables_wrapper:not(:has(.j26-tbl-foot)) .dataTables_processing{top:56px;left:50%;width:auto;height:auto;margin:0;padding:8px 14px;transform:translateX(-50%);border:1px solid var(--j26-line);border-radius:10px;background:#fff;box-shadow:0 8px 20px rgba(27,43,75,.10);font-size:13px;color:var(--j26-muted);z-index:5}

/* ---------- voet: info en paginering zoals j26-tbl-foot ---------- */
.ui-2026 .dataTables_wrapper>.row:where(:has(.dataTables_paginate,.dataTables_info):not(:has(table))){display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;padding:12px 4px 0}
.ui-2026 .dataTables_wrapper>.row:where(:has(.dataTables_paginate,.dataTables_info):not(:has(table)))>[class*="col-"]{float:none;width:auto;min-width:0;padding:0;flex:0 1 auto}
.ui-2026 .dataTables_wrapper>.row:where(:has(.dataTables_paginate,.dataTables_info):not(:has(table)))>[class*="col-"]:where(:has(.dataTables_paginate)){margin-left:auto}
.ui-2026 .dataTables_wrapper .dataTables_info{float:none;margin:0;padding:0 !important;font-size:13px;color:var(--j26-muted);white-space:normal}
.ui-2026 .dataTables_wrapper .dataTables_paginate{float:none;margin:0;padding:0 !important;text-align:left}
.ui-2026 .dataTables_wrapper .dataTables_paginate .pagination{display:flex;flex-wrap:wrap;gap:4px;margin:0}
.ui-2026 .dataTables_wrapper .dataTables_paginate .pagination>li>a,
.ui-2026 .dataTables_wrapper .dataTables_paginate .pagination>li>span{display:inline-flex;align-items:center;justify-content:center;float:none;height:32px;min-width:32px;margin:0 !important;padding:0 10px !important;border:1px solid var(--j26-line-3) !important;border-radius:9px !important;background:#fff;font-size:13px;font-weight:500;color:var(--j26-navy)}
.ui-2026 .dataTables_wrapper .dataTables_paginate .pagination>li>a:hover{background:#F6F7F4}
.ui-2026 .dataTables_wrapper .dataTables_paginate .pagination>.active>a,
.ui-2026 .dataTables_wrapper .dataTables_paginate .pagination>.active>a:hover,
.ui-2026 .dataTables_wrapper .dataTables_paginate .pagination>.active>span{background:var(--j26-navy) !important;border-color:var(--j26-navy) !important;color:#fff;font-weight:600}
.ui-2026 .dataTables_wrapper .dataTables_paginate .pagination>.disabled>a,
.ui-2026 .dataTables_wrapper .dataTables_paginate .pagination>.disabled>a:hover{background:#fff;color:var(--j26-placeholder, #9AA0A8);opacity:.7;cursor:not-allowed}
.ui-2026 .dataTables_wrapper .dataTables_paginate .pagination>li>a:focus-visible{outline:2px solid var(--j26-navy);outline-offset:2px}

/* losse elementen in dom-strings zonder .row (bv. "lfrtip") */
.ui-2026 .dataTables_wrapper>.dataTables_filter{float:right;width:300px;max-width:100%;margin-bottom:12px !important}
.ui-2026 .dataTables_wrapper>.dataTables_length{float:left;margin-bottom:12px}
.ui-2026 .dataTables_wrapper>.dataTables_info{float:left;padding-top:14px !important}
.ui-2026 .dataTables_wrapper>.dataTables_paginate{float:right;padding-top:10px !important}

/* ---------- mobiel ---------- */
@media (max-width:767px){
  .ui-2026 .dataTables_wrapper>.row:where(:has(.dataTables_filter,.dataTables_length):not(:has(table)))>[class*="col-"]:where(:has(.dataTables_filter)){flex:1 1 100%}
  .ui-2026 .dataTables_wrapper>.row:where(:has(.dataTables_filter,.dataTables_length):not(:has(table)))>[class*="col-"]:where(:has(.dataTables_length)){margin-left:0}
  .ui-2026 .dataTables_wrapper>.dataTables_filter{float:none;width:100%}
  .ui-2026 .dataTables_wrapper>.row:where(:has(.dataTables_paginate,.dataTables_info):not(:has(table)))>[class*="col-"]:where(:has(.dataTables_paginate)){margin-left:0}
  .ui-2026 .dataTables_wrapper table.dataTable:not(.j26-tbl)>tbody>tr>td{height:auto}
}

/* Financieel — correcties na browsertest (dashboard, factuur bewerken, verzendlijst, herinneringen, abonnement) */

/* Financieel overzicht: jaartabel past op ~1100px zonder horizontaal scrollen */
.ui-2026 .j26-iv .j26-iv-ym-fit .j26-tbl.j26-iv-ym{min-width:0;width:100%}
.ui-2026 .j26-iv .j26-iv-ym-fit .j26-tbl.j26-iv-ym th,.ui-2026 .j26-iv .j26-iv-ym-fit .j26-tbl.j26-iv-ym td{padding:0 8px;font-size:12.5px;font-variant-numeric:tabular-nums}
.ui-2026 .j26-iv .j26-iv-ym-fit .j26-tbl.j26-iv-ym td{height:40px}
.ui-2026 .j26-iv .j26-iv-ym-fit .j26-tbl.j26-iv-ym tbody th{height:40px}
.ui-2026 .j26-iv .j26-iv-ym-fit .j26-tbl.j26-iv-ym th:first-child,.ui-2026 .j26-iv .j26-iv-ym-fit .j26-tbl.j26-iv-ym td:first-child{padding-left:14px}
.ui-2026 .j26-iv .j26-iv-ym-fit .j26-tbl.j26-iv-ym th:last-child,.ui-2026 .j26-iv .j26-iv-ym-fit .j26-tbl.j26-iv-ym td:last-child{padding-right:14px}
.ui-2026 .j26-iv .j26-iv-ym-fit .j26-tbl.j26-iv-ym td[title]{cursor:default}
@media (max-width:767px){
  .ui-2026 .j26-iv .j26-iv-ym-fit .j26-tbl.j26-iv-ym{min-width:760px}
}

/* Factuur bewerken: sleepgreep als handle, geen tekstselectie tijdens slepen */
.ui-2026 .j26-iv-lines td.j26-iv-grip{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none}
.ui-2026 .j26-iv-lines .j26-iv-handle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:28px;border-radius:6px;color:#8A909A;transition:background .12s,color .12s}
.ui-2026 .j26-iv-lines .j26-iv-handle .j26-ico{width:16px;height:16px}
.ui-2026 .j26-iv-lines .j26-iv-handle circle{fill:currentColor;stroke:none}
.ui-2026 .j26-iv-lines tbody tr:hover .j26-iv-handle{background:var(--j26-subtle);color:var(--j26-navy)}
.ui-2026 .j26-iv-lines td.j26-iv-grip:hover .j26-iv-handle{background:#E9ECF2;color:var(--j26-navy)}
.ui-2026 table.j26-iv-lines.j26-iv-dragging,.ui-2026 table.j26-iv-lines.j26-iv-dragging *{user-select:none;-webkit-user-select:none;cursor:grabbing !important}
.ui-2026 table.j26-iv-lines.j26-iv-dragging tr.dragClass .j26-iv-handle{background:#fff;color:var(--j26-navy)}
body.ui-2026.j26-iv-noselect,body.ui-2026.j26-iv-noselect *{user-select:none !important;-webkit-user-select:none !important}

/* Verzendlijst: nette kop boven de tabel en passende actieknop */
.ui-2026 .j26-iv-sl-wrap .j26-iv-sl-toolbar{min-height:52px}
.ui-2026 .j26-iv-sl-wrap .j26-iv-sl-toolbar .j26-h2{margin:0}
.ui-2026 .j26-iv-sl-wrap .j26-iv-sl-total{margin-left:auto;font-size:13px;font-variant-numeric:tabular-nums}
.ui-2026 .j26-iv-sl-wrap .j26-tbl thead th{border-top:0 !important}
.ui-2026 .j26-iv-sl-wrap .j26-scroll-x{border-radius:0}
.ui-2026 .j26-iv-sendlist .j26-bulk.j26-iv-bulk{flex-wrap:nowrap;max-width:100%;gap:8px}
.ui-2026 .j26-iv-sendlist .j26-iv-bulk strong,.ui-2026 .j26-iv-sendlist .j26-iv-bulk .j26-iv-bulk-sum{white-space:nowrap}
.ui-2026 .j26-iv-sendlist .j26-iv-bulk a.j26-iv-bulk-send{flex:none;white-space:nowrap;height:auto;min-height:34px;padding:0 16px;line-height:1.2}
.ui-2026 .j26-iv-sendlist .j26-iv-bulk a.j26-iv-bulk-send .j26-ico{flex:none}
.ui-2026 .j26-iv-sendlist .j26-iv-bulk-send-s{display:none}
@media (max-width:600px){
  .ui-2026 .j26-iv-sendlist .j26-iv-bulk-send-l{display:none}
  .ui-2026 .j26-iv-sendlist .j26-iv-bulk-send-s{display:inline}
  .ui-2026 .j26-iv-sendlist .j26-bulk.j26-iv-bulk{flex-wrap:wrap}
}

/* Herinneringen: actiekolom niet afkappen (Herinnering + Dempen volledig zichtbaar) */
.ui-2026 .j26-if .j26-if-rm-tbl td.j26-if-acts-cell{max-width:none;width:1%;white-space:nowrap;padding-right:14px}
.ui-2026 .j26-if .j26-if-rm-tbl td.j26-if-acts-cell *{overflow:visible;text-overflow:clip}
.ui-2026 .j26-if .j26-if-rm-tbl .j26-if-acts{flex-wrap:nowrap;gap:6px}
.ui-2026 .j26-if .j26-if-rm-tbl .j26-if-acts .j26-btn{flex:none;white-space:nowrap}

/* Nieuw abonnement: nette lege staat in de regelstabel */
.ui-2026 .j26-if-lines tr.j26-if-lines-empty[hidden]{display:none}
.ui-2026 .j26-if-lines tr.j26-if-lines-empty td{padding:18px 14px;border-bottom:0;background:#fff}
.ui-2026 .j26-if-lines .j26-if-lines-empty-b{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--j26-muted);white-space:normal}
.ui-2026 .j26-if-lines .j26-if-lines-empty-b strong{color:var(--j26-ink);font-weight:600}
.ui-2026 .j26-if-lines-wrap{background:#fff}

/* ---------- Werkbon: voortgang per stap (Open.vue / Menu.vue) ---------- */
.ui-2026 .j26wb-steps .j26wb-step-n.j26wb-step-ok{background:var(--j26-green-dark);color:#fff}
.ui-2026 .j26wb-step-ok svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.ui-2026 .j26wb-step-c{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;border-radius:9px;background:var(--j26-green-tint);color:var(--j26-green-text);font-size:11px;font-weight:700;line-height:1}
.ui-2026 .j26wb-nav .j26wb-nav-i.j26wb-nav-ok{background:var(--j26-green-tint);color:var(--j26-green-text)}
.ui-2026 .j26wb-nav-ok .j26-ico{stroke-width:2.6}
.ui-2026 .j26wb-nav-c{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 7px;border-radius:11px;background:var(--j26-green-tint);color:var(--j26-green-text);font-size:12px;font-weight:700;flex:none}
.ui-2026 .j26wb-nav-btn{width:100%;border:0;border-top:1px solid var(--j26-line-2);background:transparent;font:inherit;text-align:left;cursor:pointer}

/* ---------- Gedeelde werkbon: handtekening ---------- */
.j26-share-sign.j26-share-sign-xl{display:block}
.j26-share-sign-xl .j26-sign-fig{margin:0;width:100%;max-width:480px}
.j26-share-sign-xl .j26-sign-pad{display:block;padding:12px 16px;border:1px solid var(--j26-line-3);border-radius:12px;background:#fff}
.j26-share-sign.j26-share-sign-xl img{display:block;width:100%;max-width:100%;height:auto;max-height:240px;object-fit:contain;object-position:left center;border:0;border-radius:0;background:#fff;image-rendering:-webkit-optimize-contrast;filter:drop-shadow(0 0 .5px #111) drop-shadow(0 0 .5px #111)}
.j26-share-sign-xl .j26-sign-cap{display:flex;flex-direction:column;gap:2px;margin-top:10px;padding-top:8px;border-top:1px solid var(--j26-ink-2)}
.j26-share-sign-xl .j26-sign-cap strong{font-size:15px;font-weight:600;color:var(--j26-ink)}
.j26-share-sign-xl .j26-sign-cap span{font-size:13px;color:var(--j26-muted)}

/* ---------- Uren: onkosten, kilometers, overnachtingen (getalvelden) ---------- */
.ui-2026 .input-group.j26-hr-num{display:flex;align-items:stretch;width:100%}
.ui-2026 .input-group.j26-hr-num>.input-group-addon{display:flex;align-items:center;justify-content:center;width:auto;min-width:44px;height:44px;padding:0 12px;font-size:15px;line-height:1;flex:none}
.ui-2026 .input-group.j26-hr-num>.form-control{float:none;flex:1 1 auto;width:1%;min-width:0;height:44px;padding:0 12px;font-size:16px;line-height:1.2}
.ui-2026 .input-group.j26-hr-num>.form-control:first-child{border-radius:10px 0 0 10px}
.ui-2026 .input-group.j26-hr-num>.form-control:last-child{border-radius:0 10px 10px 0}
.ui-2026 .form-control.input-lg.j26-hr-num-in{height:44px;padding:0 12px;font-size:16px;border-radius:10px}
.ui-2026 .j26-hr-num input[type=number],.ui-2026 input[type=number].j26-hr-num-in{-moz-appearance:textfield;appearance:textfield}
.ui-2026 .j26-hr-num input[type=number]::-webkit-outer-spin-button,.ui-2026 .j26-hr-num input[type=number]::-webkit-inner-spin-button,
.ui-2026 input[type=number].j26-hr-num-in::-webkit-outer-spin-button,.ui-2026 input[type=number].j26-hr-num-in::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* ---------- Uren exporteren: compacte medewerkerslijst ---------- */
.ui-2026 .j26-hr-pl-bar .j26-hr-pl-only{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:500;color:var(--j26-ink-2);white-space:nowrap;cursor:pointer}
.ui-2026 .j26-hr-pl-box{border:1px solid var(--j26-line-3);border-radius:12px;background:#fff;overflow:hidden}
.ui-2026 .j26-hr-pl-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-bottom:1px solid var(--j26-line-2);background:var(--j26-subtle);font-size:13px}
.ui-2026 .j26-hr-pl-head strong{font-weight:600;color:var(--j26-navy)}
.ui-2026 .j26-hr-people.j26-hr-pl{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0 12px;max-height:264px;overflow-y:auto;overflow-x:hidden;padding:6px 8px}
.ui-2026 .j26-hr-person.j26-hr-pl-i{gap:8px;min-height:32px;padding:4px 6px;border:0;border-radius:8px;background:transparent;font-size:13px}
.ui-2026 .j26-hr-person.j26-hr-pl-i:hover{background:var(--j26-hover)}
.ui-2026 .j26-hr-person.j26-hr-pl-i.j26-hr-person-on{background:var(--j26-navy-tint-2);color:var(--j26-navy)}
.ui-2026 .j26-hr-person.j26-hr-pl-i:focus-within{outline:2px solid var(--j26-navy);outline-offset:-2px}
.ui-2026 .j26-hr-pl-empty{margin:0;padding:14px 12px;font-size:13px;color:var(--j26-muted)}
@media (max-width:767px){
  .ui-2026 .j26-hr-people.j26-hr-pl{grid-template-columns:1fr 1fr;max-height:300px}
}
@media (max-width:420px){
  .ui-2026 .j26-hr-people.j26-hr-pl{grid-template-columns:1fr}
}

/* ---------- Pakbonnen: niet-wijzigbare (gefactureerde) pakbon in rijmenu ---------- */
.ui-2026 .j26-menu-i.j26-ps-locked{color:var(--j26-faint);cursor:default;font-size:12.5px;white-space:normal}
.ui-2026 .j26-menu-i.j26-ps-locked:hover{background:transparent}

/* ---------- Nacalculatie: lange tabellen ---------- */
.ui-2026 .j26-ol-more{position:sticky;left:0;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 16px;border-top:1px solid var(--j26-line-2);font-size:13px}
.ui-2026 .j26-ol-collapsible tr[hidden]{display:none}

/* flows-a */
.ui-2026 .j26-fa-layer{position:fixed;inset:0;z-index:1050;display:flex;align-items:center;justify-content:center;padding:16px}
.ui-2026 .j26-fa-layer .j26-scrim{position:absolute;inset:0}
.ui-2026 .j26-fa-modal{width:min(560px,100%);max-height:calc(100vh - 32px);z-index:1}
.ui-2026 .j26-fa-modal .j26-modal-h{align-items:flex-start}
.ui-2026 .j26-fa-titles{flex:1 1 auto;min-width:0}
.ui-2026 .j26-fa-titles .j26-h2{margin:0}
.ui-2026 .j26-fa-sub{margin:2px 0 0;color:var(--j26-muted);font-size:13px;overflow-wrap:anywhere}
.ui-2026 .j26-fa-x{margin-left:auto;flex:0 0 auto}
.ui-2026 .j26-fa-body{flex:1 1 auto;overflow-y:auto;padding:16px 20px;-webkit-overflow-scrolling:touch}
.ui-2026 .j26-fa-intro{margin:0 0 12px;color:var(--j26-muted);font-size:13px}
.ui-2026 .j26-fa-all{display:flex;align-items:center;gap:10px;margin:0 0 8px;padding:0 12px;font-weight:600;font-size:13px;cursor:pointer}
.ui-2026 .j26-fa-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ui-2026 .j26-fa-item{border:1px solid var(--j26-line);border-radius:12px;background:#fff}
.ui-2026 .j26-fa-item-off{background:var(--j26-subtle)}
.ui-2026 .j26-fa-row{display:flex;align-items:center;gap:12px;margin:0;padding:10px 12px;font-weight:400;cursor:pointer}
.ui-2026 .j26-fa-item-off .j26-fa-row{cursor:default}
.ui-2026 .j26-fa-main{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}
.ui-2026 .j26-fa-name{font-weight:600;color:var(--j26-ink,inherit)}
.ui-2026 .j26-fa-meta{color:var(--j26-muted);font-size:12px;overflow-wrap:anywhere}
.ui-2026 .j26-fa-concept{display:inline-block;margin:-4px 12px 10px 40px;font-size:12.5px;color:var(--j26-navy)}
.ui-2026 .j26-fa-note{margin-top:12px}
.ui-2026 .j26-fa-empty{padding:24px 8px}
.ui-2026 .j26-fa-next{align-items:center;flex-wrap:wrap;margin:0 0 16px}
.ui-2026 .j26-fa-next-t{display:flex;flex-direction:column;flex:1 1 200px;min-width:0}
.ui-2026 .j26-fa-next-a{display:flex;gap:8px;flex-wrap:wrap}
.ui-2026 .j26-qo tr.j26-qo-row{cursor:pointer}
.ui-2026 .j26-qo a.j26-qo-open{color:inherit;font-weight:600;text-decoration:none}
.ui-2026 .j26-qo a.j26-qo-open:hover,.ui-2026 .j26-qo a.j26-qo-open:focus-visible{color:var(--j26-navy);text-decoration:underline}
.ui-2026 .j26-menu-i.j26-fa-invlink{white-space:normal;font-size:12.5px}
@media (max-width:767px){
.ui-2026 .j26-fa-layer{align-items:flex-end;padding:0}
.ui-2026 .j26-fa-modal{width:100%;max-height:90vh;border-radius:18px 18px 0 0}
.ui-2026 .j26-fa-next-a{width:100%}
.ui-2026 .j26-fa-next-a .j26-btn{flex:1 1 auto;justify-content:center}
}