@charset "UTF-8";.pagina-chat{--chat-eigen-bel: color-mix(in srgb, var(--portal-color) 14%, var(--ds-card));--chat-andere-bel: var(--ds-card);display:flex;flex-direction:column;min-height:0}.pagina-chat .chat-shell{display:grid;grid-template-columns:340px minmax(0,1fr);gap:16px;align-items:stretch;height:calc(100vh - 230px);min-height:420px}.pagina-chat .chat-sidebar{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow);display:flex;flex-direction:column;min-height:0;overflow:hidden}.pagina-chat .sidebar-header{padding:12px 14px;border-bottom:1px solid var(--ds-border)}.pagina-chat .chip-btn{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 14px;font-size:13px;font-weight:500;border-radius:20px;border:1px solid var(--ds-border);background:var(--ds-hover);color:var(--ds-text-2);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.pagina-chat .chip-btn.active{background:var(--portal-color);border-color:var(--portal-color);color:var(--cdt-on-primary);font-weight:600}.pagina-chat .chat-list{flex:1;overflow-y:auto;min-height:0}.pagina-chat .chat-row{display:grid;grid-template-columns:auto 1fr;gap:12px;width:100%;text-align:left;font:inherit;padding:12px 14px;border:none;border-bottom:1px solid var(--ds-border);background:none;cursor:pointer;transition:background .12s ease}.pagina-chat .chat-row:hover{background:var(--ds-hover)}.pagina-chat .chat-row.active{background:color-mix(in srgb,var(--portal-color) 12%,transparent);border-left:3px solid var(--portal-color)}.pagina-chat .avatar{position:relative}.pagina-chat .initials{width:46px;height:46px;border-radius:50%;background:var(--portal-color);display:grid;place-items:center;font-weight:700;color:var(--cdt-on-primary)}.pagina-chat .chat-meta{min-width:0}.pagina-chat .chat-meta .top{display:flex;justify-content:space-between;align-items:center;gap:8px}.pagina-chat .chat-meta .naam{font-weight:700;color:var(--ds-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pagina-chat .chat-meta .tijd{color:var(--ds-text-muted);font-size:12px;flex-shrink:0}.pagina-chat .chat-meta .bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--ds-text-muted);font-size:13px;margin-top:2px}.pagina-chat .voorbeeld{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pagina-chat .ongelezen-bol{flex-shrink:0;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--portal-color);color:var(--cdt-on-primary);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.pagina-chat .chat-pane{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow);display:flex;flex-direction:column;min-height:0;overflow:hidden}.pagina-chat .chat-header{display:flex;align-items:center;gap:10px;padding:10px 14px;min-height:60px;flex-shrink:0;background:linear-gradient(135deg,var(--portal-color-dark) 0%,var(--portal-color) 100%);color:var(--cdt-on-primary)}.pagina-chat .chat-header .initials{width:36px;height:36px;background:#fff3}.pagina-chat .header-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.pagina-chat .header-info h3{margin:0;font-size:15px;font-weight:700;color:var(--cdt-on-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pagina-chat .header-info p{margin:0;font-size:12px;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pagina-chat .header-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.pagina-chat .hdr-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:32px;padding:0 12px;border-radius:999px;border:none;background:#ffffff29;color:var(--cdt-on-primary);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.pagina-chat .hdr-btn:hover:not(:disabled){background:#ffffff4d}.pagina-chat .hdr-btn:disabled{opacity:.5;cursor:default}.pagina-chat .messages{flex:1;overflow-y:auto;min-height:0;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--ds-bg)}.pagina-chat .message{display:flex}.pagina-chat .message.eigen{justify-content:flex-end}.pagina-chat .bubble{max-width:78%;padding:10px 14px;box-shadow:var(--ds-shadow);color:var(--ds-text);background:var(--chat-andere-bel);border-radius:16px 16px 16px 6px}.pagina-chat .message.eigen .bubble{background:var(--chat-eigen-bel);border-bottom-left-radius:16px;border-bottom-right-radius:6px}.pagina-chat .bubble .afzender{font-size:11px;font-weight:700;color:var(--ds-text-muted);margin:0 0 3px}.pagina-chat .bubble p{margin:0;line-height:1.45;white-space:pre-wrap;word-break:break-word}.pagina-chat .bubble img{max-width:240px;width:100%;border-radius:12px;display:block;margin-bottom:8px}.pagina-chat .bubble .file-link{display:inline-flex;align-items:center;gap:8px;color:var(--portal-color);font-weight:600;margin-bottom:6px;background:none;border:none;padding:0;cursor:pointer;font-size:13px}.pagina-chat .bubble .meta{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:11px;color:var(--ds-text-muted)}.pagina-chat .bijlage-weg{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px dashed var(--ds-border);border-radius:8px;font-size:13px;color:var(--ds-text-muted)}.pagina-chat .input-bar{padding:8px 10px 10px;flex-shrink:0;border-top:1px solid var(--ds-border)}.pagina-chat .attachment-preview{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:12px;padding:8px 10px;margin:0 4px 10px}.pagina-chat .attachment-preview img{width:60px;height:60px;object-fit:cover;border-radius:8px}.pagina-chat .attachment-meta{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ds-text-muted)}.pagina-chat .attachment-meta .naam{color:var(--ds-text);font-weight:600;word-break:break-all}.pagina-chat .ai-input{display:flex;align-items:flex-end;gap:6px}.pagina-chat .input-row{flex:1;display:flex;align-items:center;background:var(--ds-card);border:1.5px solid var(--ds-border);border-radius:999px;padding:0 14px;min-height:44px}.pagina-chat .input-row:focus-within{border-color:var(--portal-color)}.pagina-chat .input-row textarea{flex:1;width:100%;background:transparent;border:none;padding:10px 8px;color:var(--ds-text);font-size:14px;line-height:20px;box-sizing:border-box;resize:none;min-height:20px;max-height:100px;outline:none}.pagina-chat .rond-btn{background:var(--portal-color);color:var(--cdt-on-primary);border:none;border-radius:50%;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:filter .15s}.pagina-chat .rond-btn:hover:not(:disabled){filter:brightness(1.1)}.pagina-chat .rond-btn:disabled{opacity:.5;cursor:not-allowed}.pagina-chat .select-placeholder{flex:1;display:grid;place-items:center;align-content:center;text-align:center;gap:10px;color:var(--ds-text-muted);padding:24px}.pagina-chat .select-placeholder>svg{color:var(--portal-color);opacity:.35}.pagina-chat .select-placeholder h3{margin:0;color:var(--ds-text)}.pagina-chat .select-placeholder p{margin:0}.pagina-chat .leeg{padding:32px 16px;text-align:center;color:var(--ds-text-muted)}@media (max-width: 560px){.pagina-chat .chat-header{min-height:52px;padding:8px 10px;gap:8px}.pagina-chat .chat-header .initials{width:30px;height:30px}.pagina-chat .hdr-btn{padding:0 9px}.pagina-chat .hdr-btn span,.pagina-chat .hdr-btn .knop-tekst{display:none}}@media (max-width: 900px){.pagina-chat .chat-shell{grid-template-columns:1fr;height:auto}.pagina-chat .chat-sidebar.smal-verborgen,.pagina-chat .chat-pane.smal-verborgen{display:none}.pagina-chat .messages{max-height:55vh}}.shell{--sidebar-bg: #ffffff;--sidebar-border: #e4e4e7;--sidebar-text: #52525b;--sidebar-icon: #71717a;--sidebar-hover: #f4f4f5;--sidebar-active-bg: color-mix(in srgb, var(--portal-color, #6366f1) 15%, transparent);--sidebar-active-text: var(--portal-color, #6366f1);--divider: #e4e4e7;--uitklap-bg: #27272a;--uitklap-text: #fafafa;display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;background:var(--shell-bg)}html.dark-mode .shell,html.dark .shell,body.dark-mode .shell,body.dark .shell{--sidebar-bg: #2d2d2d;--sidebar-border: rgba(255, 255, 255, .1);--sidebar-text: #cbd5e1;--sidebar-icon: #9aa3ae;--sidebar-hover: rgba(255, 255, 255, .08);--sidebar-active-bg: color-mix(in srgb, var(--portal-color, #6366f1) 15%, transparent);--divider: rgba(255, 255, 255, .1);--uitklap-bg: #f5f7fb;--uitklap-text: #1a1a1a}.header{height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 16px 0 12px;color:#fff;z-index:100;background:linear-gradient(135deg,var(--portal-color, #6366f1) 0%,var(--portal-color-dark) 100%)}.header-left,.header-right{display:flex;align-items:center;gap:10px;min-width:0}.header-account{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25;min-width:0;max-width:240px;padding-right:4px}.header-account .account-naam{font-size:12.5px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.header-account .account-email{font-size:10.5px;color:#fff;opacity:.78;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.header-btn{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#ffffff1f;color:#fff;font-size:16px;line-height:1;cursor:pointer;transition:background .15s}.header-btn:hover{background:#ffffff38}.header-btn-uit:hover{background:#ef444447}.bel,.bel-knop{position:relative}.bel-teller{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--portal-color, #6366f1)}.bel-lijst{position:absolute;right:0;top:calc(100% + 8px);width:min(400px,92vw);max-height:70vh;overflow-y:auto;z-index:210;background:var(--ds-card);color:var(--ds-text);border:1px solid var(--ds-border);border-radius:14px;box-shadow:0 20px 60px #00000047}.bel-kop{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-bottom:1px solid var(--ds-border);font-size:14px;position:sticky;top:0;background:var(--ds-card)}.bel-alles{border:0;background:transparent;color:var(--portal-color, #6366f1);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}.bel-leeg{padding:18px 14px;font-size:13px;color:var(--ds-text-muted)}.bel-item{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;padding:10px 14px;border:0;border-bottom:1px solid var(--ds-border);background:transparent;color:inherit;font:inherit;cursor:pointer}.bel-item:last-child{border-bottom:0}.bel-item:hover{background:var(--ds-veld, rgba(0, 0, 0, .04))}.bel-item.bel-nieuw{background:color-mix(in srgb,var(--portal-color, #6366f1) 8%,transparent)}.bel-icoon{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ds-veld, rgba(0, 0, 0, .05));color:var(--portal-color, #6366f1);font-size:15px}.bel-tekst{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.bel-titel{font-size:13px;font-weight:600;line-height:1.3}.bel-sub{font-size:12px;color:var(--ds-text-muted);line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.bel-tijd{flex-shrink:0;font-size:11px;color:var(--ds-text-muted);padding-top:2px;white-space:nowrap}.zoek-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0f172a73;display:flex;align-items:flex-start;justify-content:center;padding-top:14vh;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.zoek-venster{width:min(560px,92vw);background:var(--ds-card);border:1px solid var(--ds-border);border-radius:16px;box-shadow:0 20px 60px #00000047;overflow:hidden}.zoek-invoer{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--ds-border)}.zoek-invoer svg{color:var(--ds-text-muted);flex-shrink:0}.zoek-invoer input{flex:1;border:none;background:none;outline:none;min-width:0;font-size:15px;color:var(--ds-text)}.zoek-invoer input::placeholder{color:var(--ds-text-muted)}.zoek-invoer kbd{font-size:10.5px;color:var(--ds-text-muted);border:1px solid var(--ds-border);border-radius:5px;padding:2px 6px;background:var(--ds-bg)}.zoek-treffers{max-height:46vh;overflow-y:auto;padding:6px}.zoek-treffer{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 11px;border:none;border-radius:999px;background:none;color:var(--ds-text);font-size:13.5px;cursor:pointer}.zoek-treffer:hover{background:var(--ds-hover)}.zoek-treffer svg{color:var(--portal-color);flex-shrink:0}.zoek-treffer .treffer-naam{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zoek-treffer .treffer-groep{font-size:11px;color:var(--ds-text-muted);flex-shrink:0}.zoek-leeg{padding:18px;text-align:center;color:var(--ds-text-muted);font-size:13px}.header-title{display:flex;flex-direction:column;line-height:1.15;min-width:0}.title-main{font-size:16px;font-weight:700}.title-sub{font-size:10px;font-weight:500;opacity:.75}.page-title-divider{width:1px;height:24px;flex-shrink:0;margin:0 8px;background:#ffffff40}.current-page-title{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rubriek{opacity:.72;font-weight:500}.scheiding{opacity:.5}.shell-body{display:flex;flex:1;position:relative;overflow:hidden}.overlay{display:none}@media (max-width: 768px){.overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:98;background:#0006;cursor:pointer}}.sidebar{box-sizing:border-box;flex-shrink:0;display:flex;flex-direction:column;gap:1px;padding:10px 6px;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:99;overflow:hidden;transition:width .2s ease,padding .2s ease,border-color .2s ease}.menu-lijst{display:flex;flex-direction:column;gap:1px;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--sidebar-border) transparent}.menu-lijst::-webkit-scrollbar{width:6px}.menu-lijst::-webkit-scrollbar-track{background:transparent}.menu-lijst::-webkit-scrollbar-thumb{background:var(--sidebar-border);border-radius:3px}.sidebar.rail .menu-lijst{scrollbar-width:none;-ms-overflow-style:none}.sidebar.rail .menu-lijst::-webkit-scrollbar{width:0;height:0;display:none}.sidebar.rail{width:52px}.sidebar.expanded{width:248px}.sidebar.collapsed{width:0;padding:0;border:none}.sidebar.collapsed>*{display:none}.menu-group-label{display:block;padding:14px 10px 5px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--sidebar-icon);white-space:nowrap;overflow:hidden}.menu-item,.menu-group-label,.menu-divider{flex-shrink:0}.menu-item{display:flex;align-items:center;gap:12px;width:100%;height:42px;padding:0 12px;border:none;border-left:3px solid transparent;border-radius:10px;background:transparent;color:var(--sidebar-text);font-size:14px;font-weight:500;text-align:left;text-decoration:none;cursor:pointer;transition:background .12s ease,color .12s ease}.menu-item:hover{background:var(--sidebar-hover)}.menu-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:700;border-left-color:var(--portal-color, #6366f1)}.menu-icon{flex-shrink:0;width:20px;font-size:18px;line-height:1;text-align:center;color:var(--sidebar-icon);transition:color .12s ease}.menu-item:hover .menu-icon{color:var(--sidebar-text)}.menu-item.active .menu-icon{color:var(--sidebar-active-text)}.menu-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar.rail .menu-group-label{height:1px;padding:0;margin:9px 12px;overflow:hidden;text-indent:-9999px;background:var(--divider);border-radius:1px}.sidebar.rail .menu-group-label:first-child{display:none}.sidebar.rail .menu-label,.sidebar.rail .menu-item{justify-content:center;padding:0;border-radius:8px}@media (max-width: 600px){.sidebar.rail .menu-item{height:38px}.sidebar.rail .menu-icon{font-size:17px;width:17px}}.sidebar.rail .menu-item.active{border-left-color:var(--portal-color, #6366f1)}.sidebar.rail .menu-item{position:relative}.sidebar.rail .menu-item .menu-label{display:block;position:fixed;left:var(--rail-uitklap-x, 58px);top:var(--rail-uitklap-y, 0);transform:translateY(-50%);z-index:300;padding:5px 10px;max-width:240px;border-radius:7px;background:var(--uitklap-bg, #27272a);color:var(--uitklap-text, #fafafa);border:0;box-shadow:0 6px 20px #00000038;font-size:12px;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none}.sidebar.rail .menu-item:hover .menu-label,.sidebar.rail .menu-item:focus-visible .menu-label{opacity:1;visibility:visible}@media (prefers-reduced-motion: no-preference){.sidebar.rail .menu-item .menu-label{transition:opacity .1s ease}}@media (hover: none){.sidebar.rail .menu-item .menu-label{display:none}}.content{flex:1;overflow-y:auto;overflow-x:clip;padding:14px 16px calc(24px + env(safe-area-inset-bottom,0px));background:var(--shell-bg)}@media (max-width: 768px){.sidebar.rail{width:60px}.sidebar.expanded{position:absolute;left:0;top:0;bottom:0;width:220px;padding:12px 8px;box-shadow:4px 0 24px #0000004d;z-index:200}.sidebar.expanded .menu-label,.sidebar.expanded .menu-group-label{display:block}.sidebar.expanded .menu-item{justify-content:flex-start;padding:0 10px}.header{height:52px}.page-title-divider,.title-sub{display:none}.current-page-title{font-size:15px;font-weight:700;opacity:1}.content{padding:8px;overflow-x:hidden;max-width:100%}}@media (max-width: 480px){.header{padding:0 8px;gap:4px}.header-left,.header-right{gap:4px}.header-account,.header-title,.page-title-divider,.current-page-title .rubriek,.current-page-title .scheiding{display:none}.current-page-title{font-size:15px;font-weight:700;max-width:none;min-width:0;flex:1}.current-page-title>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-left{flex:1;min-width:0}.content{padding:6px}}@media (max-width: 360px){.title-main{display:none}.current-page-title{font-size:14px;font-weight:700;max-width:none}}.hub-balk{position:relative;margin-bottom:14px;padding:6px;background:color-mix(in srgb,var(--portal-color) 8%,var(--ds-card-elevated, #f3f4f6));border:1px solid color-mix(in srgb,var(--portal-color) 22%,var(--ds-border));border-radius:999px;box-shadow:inset 0 1px 2px #0f172a0d}.hub-pijl{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:30px;height:30px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--portal-color) 22%,var(--ds-border));border-radius:50%;background:var(--ds-card);color:var(--ds-text-2);cursor:pointer;box-shadow:0 1px 3px #0f172a1a;transition:opacity .15s,color .15s,border-color .15s}.hub-pijl.links{left:7px}.hub-pijl.rechts{right:7px}.hub-pijl:hover{color:var(--portal-color);border-color:var(--portal-color)}.hub-pijl:disabled{opacity:.38;cursor:default;box-shadow:none}.hub-pijl:disabled:hover{color:var(--ds-text-2);border-color:color-mix(in srgb,var(--portal-color) 22%,var(--ds-border))}.hub-balk.schuifbaar .hub-tabs{padding-inline:34px}.hub-balk.schuifbaar .hub-tabs{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 30px,#000 calc(100% - 30px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 30px,#000 calc(100% - 30px),transparent 100%)}.hub-tabs{display:flex;flex-wrap:nowrap;gap:6px;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}.hub-tabs::-webkit-scrollbar{display:none}.hub-tab{box-sizing:border-box;flex:1 0 0;min-width:max-content;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:999px;font-size:13px;font-weight:600;color:var(--ds-text-2);background:var(--ds-card);border:1px solid var(--ds-border-subtle, var(--ds-border));box-shadow:0 1px 1px #0f172a0a;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.hub-tab:hover{color:var(--portal-color);border-color:color-mix(in srgb,var(--portal-color) 35%,transparent);box-shadow:0 2px 6px -2px #0f172a1f}.hub-tab.active{background:var(--portal-color);border-color:var(--portal-color);color:#fff;box-shadow:0 4px 12px -4px var(--portal-color)}.hub-tab svg{flex-shrink:0}@media (max-width: 900px){.hub-tabs{border-radius:12px}}@media (max-width: 640px){.hub-tabs{gap:4px;padding:4px}.hub-tab{padding:6px 10px;font-size:12px}}@media (max-width: 560px){.hub-tabs{gap:3px;padding:3px}.hub-tab{padding:5px 9px;font-size:11.5px;gap:5px}.hub-tab svg{width:13px;height:13px}}.menu-divider{height:1px;flex:0 0 1px;margin:8px 8px 6px;background:var(--sidebar-border)}.menu-divider-uit{margin-top:auto}.menu-uitloggen:hover,.menu-uitloggen:hover .menu-icon{color:var(--ds-fout, #dc2626)}.instellingen-tabs .hub-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.instellingen-tabs .hub-tab{font:inherit;cursor:pointer;flex:1 0 auto;white-space:nowrap}.tweestaps-kaart{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg, 14px);padding:16px 18px;display:flex;flex-direction:column;gap:10px}.tweestaps-kop{display:flex;align-items:center;gap:12px}.tweestaps-kop>svg{color:var(--portal-color);flex-shrink:0}.tweestaps-titel{font-weight:700;font-size:15px;color:var(--ds-text)}.tweestaps-stand{font-size:13px;color:var(--ds-text-muted)}.tweestaps-stand.aan{color:#15803d;font-weight:600}.tweestaps-stand.uit{color:#b45309;font-weight:600}.tweestaps-uitleg{margin:0;font-size:13.5px;line-height:1.5;color:var(--ds-text-muted)}.tweestaps-kop-tekst{flex:1 1 auto;min-width:0}.tweestaps-knop{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0}.tweestaps-wizard{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.tweestaps-blok{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:12px;background:var(--ds-veld);min-width:0}.tweestaps-blok-kop{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14.5px;color:var(--ds-text)}.tweestaps-nr{flex:0 0 26px;width:26px;min-width:26px;height:26px;min-height:26px;box-sizing:border-box;line-height:1;padding:0;aspect-ratio:1;border-radius:999px;background:var(--portal-color);color:#fff;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center}.tweestaps-qr{width:168px;height:168px;border-radius:12px;background:#fff;padding:8px;border:1px solid var(--ds-border);align-self:flex-start}.tweestaps-sleutel{display:flex;flex-direction:column;gap:6px}.tweestaps-secret-rij{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tweestaps-secret{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;letter-spacing:.06em;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:999px;padding:6px 14px;-webkit-user-select:all;user-select:all;color:var(--ds-text);white-space:nowrap}.tweestaps-kopie{font:inherit;font-size:12.5px;font-weight:600;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:999px;padding:5px 12px;cursor:pointer;color:var(--portal-color)}.tweestaps-kopie:hover{border-color:var(--portal-color)}.tweestaps-mail{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;border-radius:999px}.tweestaps-invoer{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.tweestaps-code{flex:0 0 160px;width:160px;max-width:160px;font-size:18px;letter-spacing:.25em;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tweestaps-link{background:none;border:0;padding:0;font:inherit;color:var(--portal-color);text-decoration:underline;cursor:pointer}.tweestaps-link:disabled{opacity:.6;cursor:default}.tweestaps-melding{font-size:13.5px;padding:10px 12px;border-radius:10px;background:var(--ds-veld);color:var(--ds-text)}.tweestaps-melding.fout{background:var(--ds-danger-bg, #fee2e2);color:var(--ds-danger, #b91c1c)}.tweestaps-melding.ok{background:var(--ds-success-bg, #dcfce7);color:#15803d}.tweestaps-acties{display:flex;justify-content:flex-start;margin-top:auto}.tweestaps-klaar{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:12px;background:var(--ds-success-bg, #dcfce7);align-items:flex-start}.tweestaps-klaar-titel{display:flex;align-items:center;gap:8px;font-weight:700;color:#15803d}.tweestaps-codes{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;width:100%}.tweestaps-codes code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:8px;padding:6px 8px;text-align:center;color:var(--ds-text)}@media (max-width: 640px){.tweestaps-kop{flex-wrap:wrap}.tweestaps-knop{width:100%;justify-content:center}.tweestaps-wizard{grid-template-columns:minmax(0,1fr)}}.pin-veld{position:relative}.pin-veld .form-input{padding-right:44px;letter-spacing:.2em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.pin-oog{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:999px;background:transparent;color:var(--ds-text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.pin-oog:hover{background:var(--ds-veld);color:var(--portal-color)}.pin-knoppen{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.menu-vergrendel:hover{color:var(--portal-color)}.vergrendel-laag{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;background:color-mix(in srgb,var(--ds-bg) 55%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:16px}.vergrendel-kaart{width:min(380px,100%);background:var(--ds-card);border:1px solid var(--ds-border);border-radius:18px;padding:28px 26px 22px;box-shadow:0 24px 60px #0000002e;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}.vergrendel-kaart .form-group{width:100%;margin:6px 0 0}.vergrendel-kaart .form-input{text-align:center;font-size:22px;letter-spacing:.5em}.vergrendel-icoon{width:56px;height:56px;border-radius:999px;background:var(--portal-color);color:#fff;display:inline-flex;align-items:center;justify-content:center}.vergrendel-titel{font-weight:700;font-size:18px;color:var(--ds-text)}.vergrendel-tekst{font-size:13.5px;color:var(--ds-text-muted)}.vergrendel-fout{font-size:13px;color:var(--ds-danger, #b91c1c);font-weight:600}.vergrendel-knop{width:100%}.vergrendel-kaart.fout{animation:vergrendel-schud .35s}@keyframes vergrendel-schud{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@media (prefers-reduced-motion: reduce){.vergrendel-kaart.fout{animation:none}}.hulp{position:relative;display:inline-flex;align-items:center;vertical-align:middle;margin-left:6px}.hulp-knop{width:26px;height:26px;border:0;border-radius:999px;background:transparent;color:var(--ds-text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.hulp-knop:hover,.hulp-knop[aria-expanded=true]{color:var(--portal-color);background:color-mix(in srgb,var(--portal-color) 10%,transparent)}.hulp-ballon{position:fixed;z-index:10003;width:min(360px,80vw);background:var(--ds-card);color:var(--ds-text);border:1px solid var(--ds-border);border-radius:12px;padding:12px 14px;box-shadow:0 12px 32px #00000024;font-size:13.5px;line-height:1.5;font-weight:400;text-transform:none;letter-spacing:0;display:flex;flex-direction:column;gap:6px;text-align:left;white-space:normal}.hulp-ballon.boven:before{top:auto;bottom:-6px;border:0;border-right:1px solid var(--ds-border);border-bottom:1px solid var(--ds-border)}.hulp-ballon:before{content:"";position:absolute;left:14px;top:-6px;width:10px;height:10px;background:var(--ds-card);border-left:1px solid var(--ds-border);border-top:1px solid var(--ds-border);transform:rotate(45deg)}.hulp-titel{font-weight:700;color:var(--ds-text)}.hulp-regel{color:var(--ds-text-2, var(--ds-text))}.card-header h3 .hulp,.btn-row .hulp{margin-left:4px}.btn-row.links{justify-content:flex-start}.btn-row.links .btn-primary+.btn-secondary,.btn-row.links .btn-danger+.btn-secondary{margin-left:18px}.kaart-hulp-houder{display:inline-flex;vertical-align:middle}.card-title .hulp,.section-header .hulp{margin-left:6px}.machtiging-laag{z-index:19000}.machtiging-kaart{width:min(460px,100%);gap:12px}.machtiging-kaart .vergrendel-tekst{text-align:left}.machtiging-sub{background:var(--ds-veld);border-radius:10px;padding:10px 12px;width:100%}.machtiging-link{font-size:12.5px}.machtiging-link b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.inlog-scherm{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow:hidden}.inlog-vlekken{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.inlog-vlek{position:absolute;border-radius:50%;background:var(--portal-color, #2563eb);opacity:.05;filter:blur(80px)}.inlog-vlek:nth-child(1){width:600px;height:600px;top:-20%;left:-15%}.inlog-vlek:nth-child(2){width:500px;height:500px;bottom:-15%;right:-10%}.inlog-vlek:nth-child(3){width:400px;height:400px;top:40%;left:60%}.inlog-vlek:nth-child(4){width:300px;height:300px;top:60%;left:10%}@media (prefers-reduced-motion: reduce){.inlog-vlek{display:none}}@media (max-width: 420px){.inlog-vlek:nth-child(3),.inlog-vlek:nth-child(4){display:none}}.inlog-houder{position:relative;z-index:1;width:100%;max-width:420px}.inlog-kaart{background:#1e2533;border-radius:20px;padding:32px;border-top:3px solid var(--portal-color, #2563eb);box-shadow:0 25px 80px #00000073,0 10px 40px #0000004d}@media (max-width: 420px){.inlog-kaart{padding:24px 20px;border-radius:16px}}.inlog-kop{display:flex;align-items:center;gap:10px;margin-bottom:8px}.inlog-tegel{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--portal-color, #2563eb);border-radius:10px;color:#fff}.inlog-merk{display:flex;align-items:baseline;gap:6px}.inlog-merk-taxi{font-size:22px;font-weight:800;color:#f1f5f9;letter-spacing:1px}.inlog-merk-cdt{font-size:22px;font-weight:400;color:#64748b;letter-spacing:1px}.inlog-portaalnaam{font-size:13px;font-weight:500;color:#94a3b8;margin:0 0 24px}.inlog-titel{font-size:20px;font-weight:700;color:var(--portal-color, #2563eb);margin:0 0 4px}.inlog-uitleg{font-size:13px;line-height:1.6;color:#94a3b8;margin:0 0 20px}.inlog-veld{margin-bottom:16px}.inlog-label{display:block;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--portal-color, #2563eb);margin-bottom:6px}.inlog-invoer{width:100%;padding:14px 16px;background:#151c2a;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#f1f5f9;font-size:16px;font-family:inherit;outline:none;box-sizing:border-box;transition:border-color .2s,box-shadow .2s,background .2s}.inlog-invoer::placeholder{color:#64748b}.inlog-invoer:focus{border-color:var(--portal-color, #2563eb);box-shadow:0 0 0 3px color-mix(in srgb,var(--portal-color, #2563eb) 18%,transparent);background:#1e2533}.inlog-invoer:disabled{opacity:.6;cursor:not-allowed}.inlog-knop{width:100%;min-height:48px;padding:14px 20px;border:none;border-radius:12px;background:var(--portal-color, #2563eb);color:#fff;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;box-shadow:0 4px 14px color-mix(in srgb,var(--portal-color, #2563eb) 40%,transparent);transition:filter .2s,box-shadow .2s}.inlog-knop:hover:not(:disabled){filter:brightness(1.08)}.inlog-knop:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.inlog-knop-tweede{background:transparent;border:1px solid rgba(255,255,255,.18);color:#e2e8f0;box-shadow:none}.inlog-knop-tweede:hover:not(:disabled){border-color:var(--portal-color, #2563eb)}.inlog-melding{padding:12px 16px;border-radius:10px;font-size:13px;margin:16px 0 0;line-height:1.5}.inlog-melding.fout{background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#fca5a5}.inlog-melding.info{background:#94a3b81a;border:1px solid rgba(148,163,184,.25);color:#cbd5e1}.inlog-voet{margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.inlog-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}.inlog-link{background:none;border:none;padding:0;font:inherit;font-size:13px;font-weight:500;color:#94a3b8;cursor:pointer;text-decoration:none}.inlog-link-blok{display:block;width:100%;margin-top:10px;text-align:center}.inlog-link:hover{color:#e2e8f0;text-decoration:underline}.inlog-scheiding{color:#475569;font-size:13px}.inlog-veldwikkel{position:relative}.inlog-veldwikkel .inlog-invoer{padding-right:48px}.inlog-oog{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:4px;cursor:pointer;color:#64748b;display:flex;align-items:center}.inlog-oog:hover{color:#94a3b8}.inlog-fijndruk{font-size:12px;line-height:1.6;color:#64748b;margin:0}.inlog-fijndruk a{color:#94a3b8}.inlog-qr{display:block;width:188px;height:188px;margin:4px auto 14px;border-radius:12px;background:#fff;padding:8px;box-sizing:border-box}.inlog-sleutel{font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;color:#e2e8f0;word-break:break-all}.start-spel .spel-kop{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:16px;padding:18px 20px;margin-bottom:16px;box-shadow:var(--ds-shadow)}.start-spel .spel-kop.af{border-color:var(--ds-success, #16a34a)}.start-spel .spel-score{display:flex;align-items:center;gap:18px}.start-spel .spel-score strong{font-size:17px;color:var(--ds-text)}.start-spel .spel-score p{margin:2px 0 0;font-size:13px}.start-spel .spel-procent{font-size:40px;font-weight:800;line-height:1;color:var(--portal-color);letter-spacing:-1px;min-width:96px}.start-spel .spel-procent span{font-size:18px;font-weight:700;margin-left:2px}.start-spel .spel-balk{height:10px;border-radius:999px;background:var(--ds-veld);margin:14px 0 16px;overflow:hidden}.start-spel .spel-balk>div{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--portal-color-dark),var(--portal-color));transition:width .4s ease}.start-spel .spel-levels{display:grid;grid-template-columns:repeat(var(--levels, 8),minmax(0,1fr));gap:8px}.start-spel .spel-level{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:10px 12px;border-radius:12px;border:1.5px solid var(--ds-border);background:var(--ds-veld);color:var(--ds-text-2);font:inherit;cursor:pointer;min-height:88px;min-width:0}.start-spel .spel-level:hover{border-color:var(--ds-border-strong)}.start-spel .spel-level.actief{border-color:var(--portal-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--portal-color) 18%,transparent)}.start-spel .spel-level.af{background:color-mix(in srgb,var(--ds-success, #16a34a) 10%,var(--ds-card));border-color:color-mix(in srgb,var(--ds-success, #16a34a) 40%,var(--ds-border))}.start-spel .spel-level-nr{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;background:var(--ds-card);border:1.5px solid var(--ds-border-strong);color:var(--ds-text)}.start-spel .spel-level.huidig .spel-level-nr{background:var(--portal-color);border-color:var(--portal-color);color:#fff}.start-spel .spel-level.af .spel-level-nr{background:var(--ds-success, #16a34a);border-color:var(--ds-success, #16a34a);color:#fff}.start-spel .spel-level-naam{font-size:12.5px;font-weight:600;line-height:1.25;color:var(--ds-text)}.start-spel .spel-level-telling{font-size:11.5px;color:var(--ds-text-muted);margin-top:auto}.start-spel .spel-level-kaart .card-header h3{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.start-spel .spel-portaal{font-size:11px}.start-spel .spel-intro{margin:0 0 14px;color:var(--ds-text-2);font-size:14px;line-height:1.5}.start-spel .spel-stappen{display:flex;flex-direction:column;gap:8px}.start-spel .spel-stap{border:1.5px solid var(--ds-border);border-radius:12px;background:var(--ds-card);overflow:hidden}.start-spel .spel-stap.gedaan{border-color:color-mix(in srgb,var(--ds-success, #16a34a) 45%,var(--ds-border))}.start-spel .spel-stap.open{border-color:color-mix(in srgb,var(--portal-color) 40%,var(--ds-border))}.start-spel .spel-stap-kop{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;background:none;border:0;font:inherit;color:var(--ds-text);text-align:left;cursor:pointer}.start-spel .spel-stap-status{display:inline-flex;color:var(--ds-text-muted);flex-shrink:0}.start-spel .spel-stap.gedaan .spel-stap-status{color:var(--ds-success, #16a34a)}.start-spel .spel-stap.open .spel-stap-status{color:var(--portal-color)}.start-spel .spel-stap-nr{font-size:12px;font-weight:700;color:var(--ds-text-muted);min-width:16px}.start-spel .spel-stap-titel{flex:1;font-weight:600;font-size:14.5px;min-width:0}.start-spel .spel-stap.gedaan .spel-stap-titel{text-decoration:line-through;text-decoration-color:var(--ds-text-muted);color:var(--ds-text-2)}.start-spel .spel-stap-label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--ds-text-muted);white-space:nowrap}.start-spel .spel-stap.gedaan .spel-stap-label{color:var(--ds-success, #16a34a)}.start-spel .spel-stap.open .spel-stap-label{color:var(--portal-color)}.start-spel .spel-stap-body{padding:14px 14px 14px 56px;background:var(--ds-veld);border-top:1px solid var(--ds-border)}.start-spel .spel-stap.open .spel-stap-body{background:color-mix(in srgb,var(--portal-color) 5%,var(--ds-veld))}.start-spel .spel-stap.gedaan .spel-stap-body{background:color-mix(in srgb,var(--ds-success, #16a34a) 6%,var(--ds-veld))}.start-spel .spel-waarom{margin:0 0 10px;color:var(--ds-text-2);font-size:14px;line-height:1.5}.start-spel .spel-hoe{margin:0 0 12px;padding-left:20px;color:var(--ds-text);font-size:14px;line-height:1.6}.start-spel .spel-hoe li::marker{font-weight:700;color:var(--portal-color)}.start-spel .spel-stap-acties{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.start-spel .spel-stap-acties .btn-primary,.start-spel .spel-stap-acties .btn-secondary{display:inline-flex;align-items:center;gap:6px;text-decoration:none}.start-spel .spel-voet{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;flex-wrap:wrap}.start-spel .spel-voet .btn-primary,.start-spel .spel-voet .btn-secondary{display:inline-flex;align-items:center;gap:6px}.start-spel .spel-hulp p{margin:0;font-size:14px;line-height:1.5}.start-spel .spel-intro{padding-top:12px;padding-bottom:12px;background:var(--ds-veld);border-radius:12px;margin-left:var(--ds-space-5);margin-right:var(--ds-space-5)}.start-spel .spel-hulp a{color:var(--portal-color);font-weight:600}@media (max-width: 560px){.start-spel .spel-stap-body{padding-left:14px}.start-spel .spel-stap-label{display:none}.start-spel .spel-procent{min-width:0;font-size:32px}}.start-spel .spel-level-kaart .spel-intro,.start-spel .spel-level-kaart .spel-stappen,.start-spel .spel-level-kaart .spel-voet,.start-spel .spel-hulp p{padding-left:var(--ds-space-5);padding-right:var(--ds-space-5)}.start-spel .spel-level-kaart,.start-spel .spel-hulp{padding-bottom:var(--ds-space-5)}@media (max-width: 900px){.start-spel .spel-levels{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 560px){.start-spel .spel-levels{grid-template-columns:minmax(0,1fr)}.start-spel .spel-level{flex-direction:row;align-items:center;gap:12px;min-height:0;padding:10px 14px}}.start-hint{display:flex;align-items:flex-start;gap:12px;margin:0 0 14px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--portal-color) 9%,var(--ds-card));border:1.5px solid color-mix(in srgb,var(--portal-color) 45%,var(--ds-border));color:var(--ds-text)}.start-hint>svg{color:var(--portal-color);flex-shrink:0;margin-top:2px}.start-hint-tekst{flex:1;min-width:0}.start-hint-tekst strong{display:block;font-size:14.5px}.start-hint-tekst ol{margin:6px 0 0;padding-left:20px;font-size:13.5px;line-height:1.55}.start-hint-tekst ol li::marker{font-weight:700;color:var(--portal-color)}.start-hint-tekst p{margin:4px 0 0;font-size:13.5px;color:var(--ds-text-2)}.start-hint-acties{display:flex;align-items:center;gap:8px;flex-shrink:0}.start-hint-acties .btn-secondary,.start-hint-acties .btn-primary{display:inline-flex;align-items:center;gap:6px;text-decoration:none;white-space:nowrap}.start-hint-acties .header-btn{width:32px;height:32px;color:var(--ds-text-2);background:var(--ds-veld);border:1px solid var(--ds-border)}@media (max-width: 640px){.start-hint{flex-wrap:wrap}.start-hint-acties{width:100%;justify-content:flex-end}}@keyframes start-ring-puls{0%,to{box-shadow:0 0 0 3px var(--portal-color),0 0 0 8px color-mix(in srgb,var(--portal-color) 22%,transparent)}50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--portal-color) 55%,transparent),0 0 0 14px color-mix(in srgb,var(--portal-color) 10%,transparent)}}.start-ring{position:fixed;z-index:10000;pointer-events:none;border-radius:10px;box-shadow:0 0 0 3px var(--portal-color);animation:start-ring-puls 1.1s ease-in-out 3;transition:left .12s,top .12s,width .12s,height .12s}@media (prefers-reduced-motion: reduce){.start-ring{animation:none;transition:none}}.start-assistent{position:fixed;right:18px;bottom:18px;z-index:10001}@keyframes begeleider-knop-in{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}@keyframes begeleider-paneel-in{0%{transform:translateY(18px) scale(.97);opacity:0}to{transform:none;opacity:1}}@keyframes begeleider-bericht-in{0%{transform:translateY(6px);opacity:0}to{transform:none;opacity:1}}@keyframes begeleider-puls{0%,to{box-shadow:0 10px 30px #0000002e,0 0 color-mix(in srgb,var(--portal-color) 45%,transparent)}50%{box-shadow:0 10px 30px #0000002e,0 0 0 10px color-mix(in srgb,var(--portal-color) 0%,transparent)}}.start-assistent-knop{display:inline-flex;align-items:center;gap:8px;padding:13px 18px;border-radius:999px;background:linear-gradient(135deg,var(--portal-color-dark) 0%,var(--portal-color) 100%);color:#fff;border:0;font:inherit;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 10px 30px #0000002e;animation:begeleider-knop-in .25s ease-out,begeleider-puls 2.4s ease-out 1s 2;transition:transform .15s ease,filter .15s ease}.start-assistent-knop:hover{transform:translateY(-1px);filter:brightness(1.06)}.start-assistent-paneel{width:min(400px,100vw - 36px);max-height:min(660px,100vh - 36px);display:flex;flex-direction:column;background:var(--ds-card);color:var(--ds-text);border:1px solid var(--ds-border);border-radius:20px;overflow:hidden;box-shadow:0 24px 60px #00000038,0 2px 8px #00000014;animation:begeleider-paneel-in .28s cubic-bezier(.2,.8,.2,1)}.start-assistent-kop{display:flex;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(135deg,var(--portal-color-dark) 0%,var(--portal-color) 100%);color:#fff}.start-assistent-kop>svg{opacity:.95}.start-assistent-kop strong{flex:1;font-size:14.5px;letter-spacing:.1px}.start-assistent-teller{font-size:12px;font-weight:700;background:#ffffff38;border-radius:999px;padding:3px 9px}.start-assistent-kop .header-btn{width:30px;height:30px;background:#ffffff2e;color:#fff;border:0}.start-assistent-kop .header-btn:hover{background:#ffffff4d}.start-assistent-stap{display:flex;align-items:center;gap:8px;padding:9px 16px;font-size:12.5px;font-weight:600;color:var(--ds-text-2);background:color-mix(in srgb,var(--portal-color) 7%,var(--ds-card));border-bottom:1px solid var(--ds-border)}.start-assistent-stap>span{flex:1;min-width:0}.start-assistent-los{border:0;background:none;color:var(--ds-text-muted);font-size:16px;line-height:1;cursor:pointer;padding:0 2px}.start-assistent-lijst{flex:1 1 auto;min-height:180px;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px;background:var(--ds-bg)}.start-assistent-bericht{max-width:90%;padding:10px 13px;border-radius:16px;font-size:13.5px;line-height:1.5;white-space:pre-line;animation:begeleider-bericht-in .2s ease-out}.start-assistent-bericht.hulp{align-self:flex-start;background:var(--ds-card);border:1px solid var(--ds-border);border-bottom-left-radius:6px;box-shadow:0 1px 2px #0000000a}.start-assistent-bericht.ik{align-self:flex-end;background:linear-gradient(135deg,var(--portal-color-dark) 0%,var(--portal-color) 100%);color:#fff;border-bottom-right-radius:6px}.start-assistent-bestemming{margin-top:8px}.start-assistent-bestemming .btn-secondary{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;font-size:12.5px;text-decoration:none;border-radius:999px}.start-assistent-snel{display:flex;gap:6px;flex-wrap:wrap;padding:12px 16px 4px;border-top:1px solid var(--ds-border);background:var(--ds-card)}.start-assistent-snel .btn-primary,.start-assistent-snel .btn-secondary{padding:7px 12px;font-size:12.5px;font-weight:600;border-radius:999px;display:inline-flex;align-items:center;gap:5px;border:1.5px solid transparent}.start-assistent-snel .btn-primary{background:var(--portal-color);border-color:var(--portal-color);color:#fff}.start-assistent-snel .btn-secondary{background:color-mix(in srgb,var(--portal-color) 10%,var(--ds-card));border-color:color-mix(in srgb,var(--portal-color) 35%,transparent);color:var(--portal-color-dark, var(--portal-color))}.start-assistent-snel .btn-secondary:hover{background:color-mix(in srgb,var(--portal-color) 18%,var(--ds-card))}.start-assistent-navigatie{display:flex;gap:8px;padding:8px 16px 0;background:var(--ds-card)}.start-assistent-navigatie .btn-primary,.start-assistent-navigatie .btn-secondary{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 10px;font-size:12.5px;text-decoration:none;border-radius:999px}.start-assistent-invoer{display:flex;gap:8px;align-items:center;padding:10px 16px 16px;background:var(--ds-card)}.start-assistent-invoer .form-input{flex:1;min-width:0;min-height:44px;border-radius:999px;border:1.5px solid transparent;background:var(--ds-veld);padding:0 16px;font-size:13.5px}.start-assistent-invoer .form-input:focus{background:var(--ds-card);border-color:var(--portal-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--portal-color) 18%,transparent)}.start-assistent-invoer .btn-primary{width:44px;height:44px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}@media (max-width: 640px){.start-assistent{right:10px;bottom:10px}.start-assistent-knop{width:48px;height:48px;padding:0;justify-content:center;font-size:0;gap:0}.start-assistent-knop svg{width:22px;height:22px}}body:has(.modal-overlay) .start-assistent:not(:has(.start-assistent-paneel)){display:none}@media (prefers-reduced-motion: reduce){.start-assistent .start-assistent-knop,.start-assistent .start-assistent-paneel,.start-assistent .start-assistent-bericht{animation:none}}.setup{border-radius:18px;overflow:hidden;border:1px solid var(--ds-border);background:var(--ds-card);box-shadow:0 16px 40px #0000000f;min-height:calc(100vh - 140px);display:flex;flex-direction:column}.setup-voortgang{height:6px;background:color-mix(in srgb,var(--portal-color) 15%,transparent)}.setup-voortgang-balk{height:100%;background:var(--portal-color);transition:width .5s cubic-bezier(.2,.8,.2,1)}.setup-raster{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0}.setup-links{position:relative;background:linear-gradient(160deg,var(--portal-color),var(--portal-color-dark, var(--portal-color)));color:#fff;padding:44px 48px 56px;display:flex;flex-direction:column;justify-content:center;gap:16px;animation:setup-in .45s ease both}.setup-links.pop .setup-nr{animation:setup-pop .5s ease}.setup-nr{display:inline-flex;align-items:center;gap:12px;font-size:42px;font-weight:900;line-height:1;opacity:.95;animation:setup-in .5s ease both}.setup-titel{font-size:34px;font-weight:900;line-height:1.1;margin:0;animation:setup-in .5s .08s ease both}.setup-uitleg{font-size:15.5px;line-height:1.55;opacity:.92;margin:0;max-width:520px;animation:setup-in .5s .16s ease both}.setup-stappenlijst{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;animation:setup-in .5s .24s ease both}.setup-stappenlijst li{display:flex;align-items:center;gap:10px;font-size:14px;opacity:.7;cursor:pointer;padding:6px 10px;border-radius:10px;transition:opacity .2s,background .2s}.setup-stappenlijst li.nu{opacity:1;background:#ffffff24;font-weight:700}.setup-stappenlijst li.af{opacity:.95}.setup-bol{width:26px;height:26px;border-radius:999px;background:#ffffff38;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.setup-stappenlijst li.af .setup-bol{background:#fff;color:var(--portal-color)}.setup-later{position:absolute;left:48px;bottom:18px;background:none;border:0;font:inherit;font-size:13px;color:#ffffffbf;cursor:pointer;text-decoration:underline;padding:0}.setup-rechts{padding:44px 48px;display:flex;flex-direction:column;justify-content:center;gap:14px;min-width:0;background:var(--ds-bg)}.setup-rechts.richting-vooruit{animation:setup-slide-in .4s ease both}.setup-rechts.richting-terug{animation:setup-slide-back .4s ease both}.setup-kaart{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:18px;padding:24px 26px;display:flex;flex-direction:column;gap:14px;box-shadow:0 12px 30px #0000000f}.setup-kaart-kop{font-weight:800;font-size:17px;color:var(--ds-text)}.setup-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;color:var(--ds-text-2);font-size:14.5px}.setup-checklist li{display:flex;align-items:center;gap:10px}.setup-checklist li svg{color:var(--portal-color);flex-shrink:0}.setup-checklist li.af{color:#15803d;font-weight:600}.setup-groot{min-height:50px;font-size:16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px}.setup-kaart .form-label{display:flex;flex-direction:column;gap:6px;font-weight:600;color:var(--ds-text-2);font-size:13px}.setup-kaart .form-input,.setup-kaart .form-select{min-height:46px;font-size:15px}.setup-vink{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--ds-text-2);line-height:1.45}.setup-vink input{margin-top:3px}.setup-klaarblok{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px;text-align:center;color:#15803d}.setup-klaarblok b{font-size:18px;color:var(--ds-text)}.setup-klaarblok span{color:var(--ds-text-muted);font-size:13.5px}.setup-keuzes{display:grid;gap:12px}.setup-keuze{text-align:left;background:var(--ds-veld);border:2px solid transparent;border-radius:14px;padding:16px 18px;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:4px;transition:transform .15s,border-color .15s,background .15s}.setup-keuze b{font-size:16px;color:var(--ds-text)}.setup-keuze span{font-size:13.5px;color:var(--ds-text-muted)}.setup-keuze:hover{border-color:var(--portal-color);background:var(--ds-card);transform:translateY(-2px)}.setup-tab{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.setup-chip{background:color-mix(in srgb,var(--portal-color) 12%,transparent);color:var(--portal-color-dark, var(--portal-color));border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:700}.setup-blok{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:12px;background:var(--ds-veld)}.setup-rij{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setup-rij>.btn-secondary{white-space:nowrap}.setup-veldlabel{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ds-text-muted)}.setup-kenteken{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;font-size:20px;text-transform:uppercase}.setup-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:40px;font-weight:800;letter-spacing:.18em;text-align:center;color:var(--ds-text);background:var(--ds-card);border:2px dashed var(--portal-color);border-radius:14px;padding:16px;animation:setup-pop .5s ease}.setup-knoppen{display:flex;gap:8px;flex-wrap:wrap}.setup-knoppen .btn-primary,.setup-knoppen .btn-secondary{border-radius:999px;text-decoration:none;display:inline-flex;align-items:center}.setup-klein{font-size:13px;color:var(--ds-text-muted);margin:0}.setup-lijstje{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--ds-text-2)}.setup-lijstje li{display:flex;align-items:center;gap:8px}.setup-tariefregel{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:600;color:var(--ds-text-2);font-size:14px}.setup-euro{display:inline-flex;align-items:center;gap:6px;color:var(--ds-text-muted)}.setup-euro .form-input{width:120px;text-align:right}.setup-melding{font-size:13.5px;padding:10px 12px;border-radius:10px;background:var(--ds-veld);color:var(--ds-text)}.setup-melding.fout{background:var(--ds-danger-bg, #fee2e2);color:var(--ds-danger, #b91c1c)}.setup-melding.ok{background:var(--ds-success-bg, #dcfce7);color:#15803d}.setup-nav{display:flex;justify-content:space-between;gap:10px}.setup-nav .btn-primary,.setup-nav .btn-secondary{display:inline-flex;align-items:center;gap:8px;border-radius:999px}.setup-score{font-size:56px;font-weight:900;color:var(--portal-color);text-align:center;animation:setup-pop .6s ease}.setup-kaart.klaar{position:relative;overflow:hidden}.setup-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.setup-confetti i{position:absolute;top:-12px;left:calc(var(--i) * 5.5%);width:8px;height:14px;border-radius:2px;background:var(--portal-color);opacity:.8;animation:setup-confetti 2.6s calc(var(--i) * .12s) ease-in infinite;transform:rotate(calc(var(--i) * 37deg))}.setup-confetti i:nth-child(3n){background:#16a34a}.setup-confetti i:nth-child(3n+1){background:#f59e0b}.setup-linkknop{display:inline-flex;align-items:center;gap:8px;border-radius:999px;text-decoration:none}@keyframes setup-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes setup-slide-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes setup-slide-back{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes setup-pop{0%{transform:scale(.6)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes setup-confetti{0%{transform:translateY(0) rotate(0);opacity:.9}to{transform:translateY(420px) rotate(540deg);opacity:0}}@media (max-width: 900px){.setup{min-height:0}.setup-raster{grid-template-columns:minmax(0,1fr)}.setup-links{padding:24px 20px 44px;gap:10px}.setup-titel{font-size:24px}.setup-nr{font-size:30px}.setup-stappenlijst{display:none}.setup-later{left:20px;bottom:14px}.setup-rechts{padding:16px 14px 24px}.setup-rij{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.setup :is(.setup-links,.setup-rechts,.setup-nr,.setup-titel,.setup-uitleg,.setup-stappenlijst,.setup-code,.setup-score,.setup-confetti i){animation:none}}.setup-uitlegstap{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.setup-figuur{margin:0;display:flex;flex-direction:column;gap:6px}.setup-figuur img{width:100%;height:auto;border-radius:12px;border:1px solid var(--ds-border);box-shadow:0 8px 24px #00000014;display:block}.setup-figuur.app{align-items:center}.setup-figuur.app .setup-figuur-knop{width:min(260px,60%)}.setup-figuur.app img{width:100%;border-radius:22px}.setup-figuur-knop{position:relative;display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;border-radius:12px}.setup-figuur-knop:focus-visible{outline:3px solid color-mix(in srgb,var(--portal-color) 45%,transparent);outline-offset:3px}.setup-figuur-vergroot{position:absolute;right:10px;bottom:10px;width:32px;height:32px;border-radius:999px;background:#111827b8;color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000040;transition:transform .15s ease,background .15s ease}.setup-figuur-knop:hover .setup-figuur-vergroot{background:var(--portal-color);transform:scale(1.08)}.setup-lichtbak{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10002;background:#0a0c10e0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;cursor:zoom-out;animation:setup-lichtbak-in .18s ease both}.setup-lichtbak img{max-width:min(96vw,1400px);max-height:calc(100vh - 96px);width:auto;height:auto;border-radius:12px;box-shadow:0 24px 64px #00000080;cursor:default}.setup-lichtbak p{margin:0;color:#ffffffd9;font-size:13.5px;cursor:default}.setup-lichtbak-sluit{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:999px;border:0;background:#ffffff24;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.setup-lichtbak-sluit:hover{background:#ffffff47}@keyframes setup-lichtbak-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.setup-lichtbak{animation:none}.setup-figuur-knop:hover .setup-figuur-vergroot{transform:none}}.setup-figuur figcaption{font-size:12.5px;color:var(--ds-text-muted);text-align:center}.setup-uitlegtekst{display:flex;flex-direction:column;gap:10px}.setup-uitlegtekst p{margin:0;font-size:14.5px;line-height:1.55;color:var(--ds-text-2)}.setup-level{display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 320px);overflow:auto;padding-right:4px}.setup-levelstappen{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.setup-levelstappen li{background:var(--ds-veld);border-radius:12px;display:flex;flex-direction:column;gap:6px}.setup-levelkop{display:flex;align-items:center;gap:10px;color:var(--ds-text)}.setup-bol.donker{background:var(--portal-color);color:#fff}.setup-hoe{margin:0;padding-left:18px;font-size:13px;color:var(--ds-text-2);display:flex;flex-direction:column;gap:3px}.setup-lijstkop{list-style:none;margin-top:8px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;opacity:.75;cursor:default}.setup-stappenlijst{max-height:46vh;overflow:auto}.setup-stappenlijst::-webkit-scrollbar{width:6px}.setup-stappenlijst::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:3px}.setup-leveltekst{margin:0;font-size:14.5px;line-height:1.55;color:var(--ds-text-2)}.setup-levelkopje{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ds-text-muted);margin-top:4px}.setup-stappenlijst li.eerste-level{margin-top:10px;border-top:1px solid rgba(255,255,255,.22);padding-top:12px}.setup-stappenlijst li.eerste-level:before{content:"Daarna: de rest van het portaal";display:block;width:100%;flex-basis:100%;font-size:11px;text-transform:uppercase;letter-spacing:.06em;opacity:.75;margin-bottom:6px}.setup-stappenlijst li.eerste-level{flex-wrap:wrap}.setup-lijsttitel{flex:1;min-width:0}.setup-lijsttelling{font-size:12px;opacity:.8;font-variant-numeric:tabular-nums}.setup-links-voet{position:absolute;left:48px;right:48px;bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:#fffc}.setup-links-voet .setup-later{position:static}.setup-levelbalk{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.setup-linkknop.klein{min-height:32px;padding:4px 12px;font-size:12.5px}.setup-levelstap{overflow:hidden}.setup-levelstap .setup-levelkop{width:100%;background:none;border:0;font:inherit;text-align:left;cursor:pointer;padding:12px 14px;display:flex;align-items:center;gap:10px;color:var(--ds-text)}.setup-levelstap .setup-levelkop b{flex:1;min-width:0;font-size:14px}.setup-levelstap.gedaan .setup-levelkop b{color:var(--ds-text-muted);text-decoration:line-through;text-decoration-color:#00000040}.setup-stapstatus{display:inline-flex;color:var(--ds-text-muted);flex-shrink:0}.setup-stapstatus.gedaan{color:#15803d}.setup-stapstatus.open{color:var(--portal-color)}.setup-staplabel{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:3px 9px;background:var(--ds-card);color:var(--ds-text-muted);border:1px solid var(--ds-border);white-space:nowrap}.setup-staplabel.gedaan{color:#15803d;border-color:#86efac;background:#f0fdf4}.setup-staplabel.open{color:var(--portal-color-dark, var(--portal-color));border-color:color-mix(in srgb,var(--portal-color) 40%,transparent);background:color-mix(in srgb,var(--portal-color) 8%,transparent)}.setup-levelbody{padding:0 14px 14px 58px;display:flex;flex-direction:column;gap:8px}.setup-stapacties{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.setup-stapacties .setup-linkknop{min-height:36px;padding:6px 14px;font-size:13px}@media (max-width: 900px){.setup-links-voet{left:20px;right:20px}.setup-levelbody{padding-left:14px}}.setup-autoregel{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.setup-autoregel .form-select{flex:1 1 200px;min-height:38px;font-size:13.5px}.setup-tellers{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px;animation:setup-in .5s .2s ease both}.setup-teller{display:inline-flex;align-items:center;gap:6px;background:#ffffff29;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:5px 12px 5px 9px;font-size:12.5px;color:#ffffffeb}.setup-teller b{font-size:14px;font-weight:800;color:#fff}.setup-teller.let{background:#ffffff47}:root{color-scheme:light}body.dark,body.dark-mode,html.dark,html.dark-mode{color-scheme:dark}select option{background-color:var(--ds-card);color:var(--ds-text)}@tailwind base;@tailwind components;@tailwind utilities;html{background:var(--ds-bg)}body{margin:0;background:var(--ds-bg);color:var(--ds-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root,body{--shell-bg: var(--portaal-grond, #e6ecea);--ds-bg: var(--portaal-grond, #e6ecea);--ds-modal-bg: var(--portaal-venstergrond, #e3e6ea);--ds-veld: var(--portaal-veld, #f1f3f5);--ds-card: #ffffff;--ds-card-elevated: var(--portaal-kaart-op, #ffffff);--ds-input: var(--portaal-invoer, #ffffff);--ds-hover: var(--portaal-hover, #e9ecef);--ds-deep: var(--portaal-diep, #f1f3f5);--ds-text: var(--portaal-tekst, #0e1a18);--ds-text-2: var(--portaal-tekst-2, #2c3936);--ds-text-secondary: var(--ds-text-2);--ds-text-muted: var(--portaal-tekst-gedempt, #4d5b55);--ds-text-subtle: var(--portaal-tekst-fijn, #6f7d77);--ds-border: var(--portaal-rand, #d5d9de);--ds-border-strong: var(--portaal-rand-sterk, #b9c0c8);--ds-border-subtle: var(--portaal-rand-fijn, #eceef1);--ds-shadow: var(--portaal-schaduw, 0 1px 2px rgba(16,26,24,.04), 0 10px 26px -16px rgba(16,26,24,.14));--ds-shadow-lg: var(--portaal-schaduw-groot, 0 1px 2px rgba(16,26,24,.05), 0 18px 40px -20px rgba(16,26,24,.2));--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-5: 20px;--ds-space-6: 24px;--ds-space-8: 32px;--ds-space-10: 40px;--ds-radius-sm: 12px;--ds-radius: 14px;--ds-radius-lg: 16px;--ds-table-header: var(--portaal-tabelkop, #f4f7f6);--ds-table-border: var(--portaal-tabelrand, #e7ecea);--ds-table-hover: var(--portaal-tabelhover, #f4f7f6);--portal-color: #0ea5a4;--portal-color-dark: #0b7e7d;--portal-color-light: #5eead4;--cdt-bg-primary: var(--ds-bg);--cdt-bg-card: var(--ds-card);--cdt-bg-elevated: var(--ds-card-elevated);--cdt-bg-input: var(--ds-input);--cdt-bg-hover: var(--ds-hover);--cdt-text-primary: var(--ds-text);--cdt-text-secondary: var(--ds-text-2);--cdt-text-muted: var(--ds-text-muted);--cdt-text-disabled: var(--ds-text-subtle);--cdt-border: var(--ds-border);--cdt-border-strong: var(--ds-border-strong, #d1d5db);--cdt-success: #10b981;--cdt-warning: #f59e0b;--cdt-error: #ef4444;--cdt-shadow-sm: var(--ds-shadow);--cdt-shadow-md: 0 4px 12px rgba(0,0,0,.1);--cdt-shadow-lg: var(--ds-shadow-lg);--cdt-radius-sm: 8px;--cdt-radius-md: 12px;--cdt-radius-lg: 14px;--cdt-radius-full: 9999px;--cdt-blue-primary: var(--portal-color);--cdt-blue-shade: var(--portal-color-dark);--cdt-blue-tint: var(--portal-color-light);--cdt-blue-fade: color-mix(in srgb, var(--portal-color) 8%, transparent);--cdt-on-primary: #ffffff;--bg: #f4f7f6;--surface: #ffffff;--surface-2: #f8f9fa;--surface-3: #f1f3f5;--surface-hover: #e9ecef;--card-bg: #ffffff;--card-hover: #f3f4f6;--border: rgba(0,0,0,.08);--border-color: #e5e7eb;--border-strong: #d1d5db;--text: #374151;--text-primary: #374151;--text-secondary: #6b7280;--text-muted: #9ca3af;--page-bg: #f4f7f6;--ion-background-color: #f4f7f6;--ion-text-color: #1f2937;--login-bg: #1e2533;--login-bg-overlay: rgba(0, 0, 0, .4);--login-card-bg: #1e2533;--login-card-border: #3a4456;--login-text-primary: #f1f5f9;--login-text-secondary: #94a3b8;--login-text-muted: #64748b;--login-text-divider: #475569;--login-input-bg: #151c2a;--login-input-border: #3a4456;--login-accent: var(--portal-color);--login-accent-rgb: 14, 165, 164;--ds-success: #16a34a;--ds-success-bg: rgba(22, 163, 74, .1);--ds-danger: #e11d48;--ds-danger-bg: rgba(225, 29, 72, .1);--ds-warning: #d97706;--ds-warning-bg: rgba(217, 119, 6, .12);--ds-info: #3b82f6;--ds-info-bg: rgba(59, 130, 246, .1);--ds-purple: #8b5cf6;--ds-purple-bg: rgba(139, 92, 246, .1)}body.dark,body.dark-mode,html.dark,html.dark-mode,html.dark body,html.dark-mode body{--shell-bg: var(--portaal-grond-donker, #1a1a1a);--ds-bg: var(--portaal-grond-donker, #1a1a1a);--ds-modal-bg: #121212;--ds-veld: #232323;--ds-card: #2d2d2d;--ds-card-elevated: #3a3a3a;--ds-input: #252525;--ds-hover: #404040;--ds-deep: #141414;--ds-text: #f5f7fb;--ds-text-2: #cbd5e1;--ds-text-muted: #9aa3ae;--ds-text-subtle: #6f7681;--ds-border: rgba(255, 255, 255, .1);--ds-border-strong: rgba(255, 255, 255, .18);--ds-border-subtle: #333333;--ds-shadow: 0 2px 4px rgba(0, 0, 0, .4);--ds-shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--ds-table-header: #252525;--ds-table-border: rgba(255, 255, 255, .1);--ds-table-hover: #404040;--portal-color: #2dd4bf;--portal-color-dark: #14b8a6;--portal-color-light: #5eead4;--bg: #1a1a1a;--surface: #2d2d2d;--surface-2: #3a3a3a;--surface-3: #404040;--surface-hover: var(--ds-hover);--card-bg: #2d2d2d;--card-hover: var(--ds-hover);--border: var(--ds-border);--border-color: var(--ds-border);--border-strong: var(--ds-border-strong);--text: var(--ds-text);--text-primary: var(--ds-text);--text-secondary: var(--ds-text-2);--text-muted: var(--ds-text-muted);--page-bg: #1a1a1a;--ion-background-color: #1a1a1a;--ion-text-color: #f5f7fb;--ds-success: #34d399;--ds-success-bg: rgba(52, 211, 153, .18);--ds-danger: #fb7185;--ds-danger-bg: rgba(251, 113, 133, .18);--ds-warning: #fbbf24;--ds-warning-bg: rgba(251, 191, 36, .18);--ds-info: #60a5fa;--ds-info-bg: rgba(96, 165, 250, .18);--ds-purple: #a78bfa;--ds-purple-bg: rgba(167, 139, 250, .18);--cdt-success: var(--ds-success);--cdt-warning: var(--ds-warning);--cdt-error: var(--ds-danger)}body.dark .native-search-container:not(.search-wrapper>.native-search-container),body.dark-mode .native-search-container:not(.search-wrapper>.native-search-container),html.dark .native-search-container:not(.search-wrapper>.native-search-container),html.dark-mode .native-search-container:not(.search-wrapper>.native-search-container){background:var(--ds-card);background-color:var(--ds-card)}body.dark .search-wrapper>.native-search-container,body.dark-mode .search-wrapper>.native-search-container,html.dark .search-wrapper>.native-search-container,html.dark-mode .search-wrapper>.native-search-container{background:transparent;background-color:transparent}*,*:before,*:after{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif}.mono,.data-table .mono{font-family:JetBrains Mono,Fira Code,ui-monospace,monospace}img,video{max-width:100%;height:auto}app-root{display:block;height:100%;overflow:hidden}:host{display:block}.page-container{padding:0;background:transparent;display:flex;flex-direction:column;gap:16px}.page-topbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-space-4);padding:var(--ds-space-5) var(--ds-space-6);background:var(--ds-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);margin-bottom:var(--ds-space-4);box-shadow:var(--ds-shadow)}.page-title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:var(--ds-text);flex:1;margin:0}.page-meta{font-size:13px;color:var(--ds-text-muted);margin:0}.topbar-actions{display:flex;gap:10px;margin-left:auto}a.btn-primary,a.btn-secondary,a.btn-outline,a.btn-ghost,a.btn-danger,a.action-btn,a.tab-btn,a.quick-btn{text-decoration:none}.btn-primary{display:inline-flex;align-items:center;gap:6px;background:var(--portal-color);color:#fff;border:none;border-radius:var(--ds-radius-sm);padding:9px 18px;min-height:36px;box-sizing:border-box;line-height:1.2;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s;white-space:nowrap}.btn-primary:hover{background:var(--portal-color-dark)}.btn-secondary{display:inline-flex;align-items:center;gap:6px;background:var(--ds-card);color:var(--ds-text);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);padding:9px 18px;min-height:36px;box-sizing:border-box;line-height:1.2;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap}.btn-secondary:hover{border-color:var(--portal-color);color:var(--portal-color-dark)}.btn-secondary.warning{border-color:var(--ds-warning);color:var(--ds-warning);background:var(--ds-warning-bg)}.btn-secondary.warning:hover{background:color-mix(in srgb,var(--ds-warning) 18%,transparent)}.btn-outline{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--ds-text);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);padding:9px 18px;min-height:36px;box-sizing:border-box;line-height:1.2;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap}.btn-outline:hover{border-color:var(--portal-color);color:var(--portal-color-dark);background:color-mix(in srgb,var(--portal-color) 8%,transparent)}.topbar-actions .btn-primary{background:var(--portal-color);color:#fff;border:none;border-radius:999px}.topbar-actions .btn-secondary,.topbar-actions .btn-danger,.topbar-actions .btn-outline,.card-header .btn-primary,.card-header .btn-secondary,.card-header .btn-danger,.page-topbar .btn-primary,.page-topbar .btn-secondary{border-radius:999px}.topbar-actions .btn-primary:hover{background:var(--portal-color-dark)}.topbar-actions .btn-secondary{background:var(--ds-card);color:var(--ds-text-2);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm)}.topbar-actions .btn-secondary:hover{border-color:var(--portal-color);color:var(--portal-color-dark)}.topbar-actions .btn-secondary.active{background:color-mix(in srgb,var(--portal-color) 12%,transparent);border-color:var(--portal-color);color:var(--portal-color-dark);font-weight:700}.f-chip{display:inline-flex;align-items:center;gap:5px;background:var(--ds-deep);color:var(--ds-text-muted);border:1.5px solid var(--ds-border);border-radius:999px;height:34px;padding:0 14px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:inherit}.f-chip:hover:not(.active){background:color-mix(in srgb,var(--portal-color) 8%,transparent);color:var(--portal-color);border-color:color-mix(in srgb,var(--portal-color) 40%,transparent)}.f-chip.active{background:var(--portal-color);color:#fff;border-color:var(--portal-color);font-weight:600}.f-chip .f-count{font-size:11px;opacity:.75}.f-chip .chip-count{font-size:11px}.row-actions{display:inline-flex;align-items:center;gap:6px;justify-content:flex-end}.btn-icon{width:32px;height:32px;min-width:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid var(--ds-border);border-radius:999px;color:var(--ds-text-2);cursor:pointer;transition:background .15s,color .15s}.btn-icon:hover{background:var(--ds-hover);color:var(--portal-color-dark)}.btn-icon.danger:hover{background:var(--ds-danger-bg);color:var(--ds-danger);border-color:var(--ds-danger)}.btn-icon:disabled{opacity:.5;cursor:default}.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled,.action-btn:disabled,.btn-row button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-icon svg{width:15px;height:15px}.page-tabs{display:flex;gap:4px;margin-bottom:var(--ds-space-4);background:var(--ds-card);border:1px solid var(--ds-border);border-radius:999px;padding:4px}@media (max-width: 640px){.page-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.page-tabs::-webkit-scrollbar{display:none}.page-tab{flex:0 0 auto}}.page-tab{flex:1;padding:9px 14px;border:none;background:transparent;white-space:nowrap;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;color:var(--ds-text-muted);font-family:inherit;transition:all .15s;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}.page-tab svg{width:16px;height:16px}.page-tab:hover:not(.active){background:var(--ds-hover);color:var(--ds-text-2)}.page-tab.active{background:var(--portal-color);color:#fff}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px;width:100%;max-width:100%;box-sizing:border-box}@media (max-width: 600px){.stats-row{grid-template-columns:repeat(2,1fr);gap:8px}.stats-row>:last-child:nth-child(odd){grid-column:1/-1}}.stats-row>*,.stat-card,.stat-content{min-width:0}.stat-card{display:flex;align-items:center;gap:14px;padding:var(--ds-space-5);background:var(--ds-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow);transition:box-shadow .15s;min-width:0;box-sizing:border-box;overflow:hidden}.stat-card:hover{box-shadow:var(--ds-shadow-lg)}.stat-icon{width:42px;height:42px;min-width:42px;border-radius:var(--ds-radius-sm);flex-shrink:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--portal-color) 12%,transparent);color:var(--portal-color-dark)}.stat-icon.green,.stat-icon.blue,.stat-icon.orange,.stat-icon.red,.stat-icon.purple,.stat-icon.gray,.stat-icon.concept,.stat-icon.verzonden,.stat-icon.betaald,.stat-icon.verlopen{background:color-mix(in srgb,var(--portal-color) 12%,transparent)}.stat-info{display:flex;flex-direction:column;min-width:0}.stat-card:not(:has(.stat-info)){flex-direction:column;align-items:flex-start;gap:4px}.stat-card:not(:has(.stat-info))>.stat-label{margin-top:0;order:1}.stat-card:not(:has(.stat-info))>.stat-value{white-space:normal;overflow-wrap:anywhere;line-height:1.1;max-width:100%}.stat-value{font-size:22px;font-weight:800;color:var(--ds-text-2);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--ds-text-subtle);margin-top:3px;line-height:1.25}.section-card,.table-card,.facturen-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow);overflow:clip;margin-bottom:16px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:var(--ds-space-4) var(--ds-space-5) var(--ds-space-3);background:transparent;border-bottom:1px solid var(--ds-border);flex-shrink:0}.card-header h2,.card-header h3{margin:0;font-size:14px;font-weight:650;color:var(--ds-text);letter-spacing:0;flex:1;display:flex;align-items:center;gap:8px}.card-header .card-meta,.card-meta{font-size:12px;color:var(--ds-text-muted);font-weight:600}.card-header .card-badge{font-size:10px;font-weight:600;padding:3px 10px;background:color-mix(in srgb,var(--portal-color) 12%,transparent);color:var(--portal-color-dark);border-radius:999px}.card-body,.card-content{padding:var(--ds-space-5)}.filter-bar{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px;padding:0;background:transparent}.filter-bar.kolom{flex-direction:column;align-items:stretch;gap:10px}.filter-bar>.native-search-container,.filter-bar>.search-wrapper,.filter-bar>app-shared-calendar{flex:1 1 100%;min-width:0}.filter-bar>*{min-width:0}.filter-bar>.status-filters,.filter-bar>.filter-chips,.filter-bar>.chip-row{flex:0 0 100%;min-width:0}.filter-chips,.chip-row{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity;padding:2px 0;position:relative}.filter-chips::-webkit-scrollbar,.chip-row::-webkit-scrollbar{display:none}.filter-chips{gap:8px;flex-wrap:wrap;padding:4px 0 14px;flex:0 0 100%}.seg-bar{display:flex;gap:4px;align-items:center;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px;margin-bottom:14px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px}.seg-bar::-webkit-scrollbar{display:none}.search-wrapper{box-sizing:border-box;position:relative;flex:1;min-width:0;display:flex;align-items:center;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:24px;min-height:44px;padding:4px 6px 4px 0;transition:border-color .15s ease}.search-wrapper:focus-within{border-color:var(--portal-color)}.search-wrapper>.native-search-container{flex:1 1 auto;min-width:0;border:none;background:transparent;border-radius:0;padding:6px 14px;min-height:auto}.search-wrapper>.status-badge-container{position:static;transform:none;flex-shrink:0;padding-right:0}@media (max-width: 640px){.search-wrapper{flex-wrap:wrap;row-gap:6px;padding:6px}.search-wrapper>.native-search-container{flex:1 1 100%}.search-wrapper>.status-badge-container{flex:1 1 100%}.search-wrapper>.status-badge-container>.status-badge{width:100%;justify-content:center}}.native-search-container{display:flex;align-items:center;gap:10px;background:var(--ds-veld);border:1.5px solid transparent;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;border-radius:24px;padding:10px 14px;min-height:44px;flex:1 1 320px;min-width:240px}@media (max-width: 900px){.native-search-container,.search-wrapper{flex:1 1 100%;min-width:0;width:100%}}.native-search-container:not(.card *):not(.card-body *):not(.modal-body *):not(.paneel *):not(.search-wrapper>.native-search-container){background:var(--ds-card);border-color:var(--ds-border)}.native-search-container:focus-within{background:var(--ds-card);border-color:var(--portal-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--portal-color) 18%,transparent)}input[type=search].pool-zoek,input.pool-zoek,.zoekveld input[type=search],input[type=search].form-input{background-color:var(--ds-veld);border:1.5px solid transparent;border-radius:999px;min-height:40px;padding:0 16px}input[type=search].pool-zoek:focus,input.pool-zoek:focus,.zoekveld input[type=search]:focus,input[type=search].form-input:focus{background-color:var(--ds-card);border-color:var(--portal-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--portal-color) 18%,transparent);outline:none}.native-search-container .search-icon{color:var(--portal-color);font-size:18px;flex-shrink:0}.native-search-container *,.native-search-container input{background:transparent;background-color:transparent;box-shadow:none;border:none;outline:none}.native-search-container .native-search-input{flex:1;color:var(--ds-text-2);font-size:13px;-webkit-appearance:none}.native-search-container .native-search-input::placeholder{color:var(--ds-text-muted)}.native-search-container input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px transparent inset}.clear-icon{font-size:18px;color:var(--ds-text-subtle);cursor:pointer;flex-shrink:0}.native-search-container{flex-wrap:wrap;row-gap:8px}.native-search-container .native-search-input{flex:1 1 220px;min-width:0}.native-search-container>.status-pills,.native-search-container>.view-toggle,.native-search-container>.filter-chips,.native-search-container>.chip-row{flex:0 0 auto}@media (max-width: 900px){.native-search-container{min-width:0}.native-search-container .native-search-input{flex:1 1 calc(100% - 34px)}.native-search-container>.status-pills{flex:1 1 auto}.native-search-container>.view-toggle{flex:0 0 auto;margin-left:auto}}.status-pills{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.status-badge-container{position:absolute;right:0;top:50%;transform:translateY(-50%);padding-right:6px}.status-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;box-shadow:var(--ds-shadow-lg);padding:8px;z-index:1000;animation:dropdownIn .15s ease}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.status-option-group{padding:4px 0;border-bottom:1px solid var(--ds-border-subtle)}.status-option-group:last-child{border-bottom:none}.status-group-label{display:block;padding:6px 14px 4px;font-size:10px;font-weight:700;letter-spacing:.5px;color:var(--ds-text-muted);text-transform:uppercase}.status-option{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--ds-text-2);transition:background .1s}.status-option:hover{background:var(--ds-hover)}.status-option.active{background:color-mix(in srgb,var(--portal-color) 10%,transparent);color:var(--portal-color-dark);font-weight:700}.status-option .label{font-size:13px}.period-bar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.period-selector{position:relative;display:inline-flex;align-items:center;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:50px;height:46px;overflow:visible}.period-nav{width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--ds-text-muted);cursor:pointer;transition:all .15s;flex-shrink:0;font-size:17px;border-radius:50px}.period-nav:hover{color:var(--portal-color-dark);background:color-mix(in srgb,var(--portal-color) 8%,transparent)}.period-display{display:flex;align-items:center;gap:8px;padding:0 14px;border-left:1px solid var(--ds-border);border-right:1px solid var(--ds-border);cursor:pointer;min-width:172px;height:46px;transition:background .15s;-webkit-user-select:none;user-select:none}.period-display:hover{background:color-mix(in srgb,var(--portal-color) 6%,transparent)}.period-cal-icon{font-size:17px;color:var(--portal-color);flex-shrink:0}.period-label{flex:1;font-size:14px;font-weight:700;color:var(--ds-text-2);white-space:nowrap;text-transform:capitalize}.period-label .period-yr{font-weight:400;color:var(--ds-text-muted);margin-left:5px;font-size:13px}.period-chevron{font-size:13px;color:var(--ds-text-muted);transition:transform .2s;flex-shrink:0}.period-chevron.open{transform:rotate(180deg)}.period-jaar-panel{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);min-width:140px;z-index:9999;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;overflow-y:auto;max-height:280px;box-shadow:0 10px 32px #0006}.jaar-option{padding:11px 20px;font-size:14px;font-weight:600;color:var(--ds-text-2);cursor:pointer;transition:background .1s;text-align:center}.jaar-option:hover{background:var(--ds-hover)}.jaar-option.selected{color:var(--portal-color-dark);background:color-mix(in srgb,var(--portal-color) 10%,transparent)}.period-clear{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:50px;color:var(--ds-text-muted);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s;flex-shrink:0}.period-clear:hover{border-color:#f87171;color:#f87171;background:#f871710f}.page-topbar select,.topbar-actions select{padding:8px 14px;border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);font-size:13px;font-weight:500;cursor:pointer;outline:none}.page-topbar select:hover,.topbar-actions select:hover{border-color:var(--portal-color)}.topbar-gekleurd select{border:1px solid rgba(255,255,255,.35);background:#ffffff2e;color:#fff}.tabs-header{display:flex;gap:6px;padding:0 0 14px;flex-wrap:wrap;border-bottom:1px solid var(--ds-border);margin-bottom:16px}.main-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:999px;margin-bottom:20px}.main-tab{flex:1;min-width:120px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border-radius:999px;font-size:13px;font-weight:700;font-family:inherit;color:var(--ds-text-2);background:transparent;border:none;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.main-tabs:has(>:nth-child(2):last-child){justify-content:flex-start}.main-tabs:has(>:nth-child(2):last-child) .main-tab{flex:0 1 auto;min-width:160px;max-width:300px}.main-tab:hover:not(.active){background:var(--ds-hover);color:var(--portal-color)}.main-tab.active{background:var(--portal-color);color:#fff;box-shadow:0 4px 12px -4px var(--portal-color)}@media (max-width: 640px){.main-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;gap:4px;padding:4px}.main-tabs::-webkit-scrollbar{display:none}.main-tab{flex:1 0 auto;min-width:64px;min-height:36px;white-space:nowrap;padding:0 16px;font-size:12.5px}.main-tabs:has(>:nth-child(2):last-child) .main-tab{min-width:0;max-width:none}}@media (max-width: 500px){.main-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(45%,1fr));gap:4px;padding:4px;border-radius:22px;overflow:visible}.main-tab{min-width:0;white-space:normal;text-align:center;line-height:1.15;padding:8px 6px;min-height:36px;font-size:12px}}.tab-bar,.tabs-header{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}@media (max-width: 640px){.tab-bar,.tabs-header{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;margin-bottom:12px}.tab-bar::-webkit-scrollbar,.tabs-header::-webkit-scrollbar{display:none}.tab-bar>*,.tabs-header>*{flex:0 0 auto}}.tab-btn{padding:7px 18px;border:2px solid var(--ds-border);border-radius:999px;background:var(--ds-card);color:var(--ds-text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.tab-btn.active{background:var(--portal-color);border-color:var(--portal-color);color:#fff}.tab-btn:hover:not(.active){border-color:var(--portal-color);color:var(--portal-color)}.table-wrap,.data-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.table-container{overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--ds-border) transparent}.table-container::-webkit-scrollbar{height:4px}.table-container::-webkit-scrollbar-track{background:transparent}.table-container::-webkit-scrollbar-thumb{background:var(--ds-border);border-radius:2px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{padding:10px 14px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;color:var(--ds-text-muted);background:var(--ds-table-header);border-bottom:1px solid var(--ds-table-border)}.data-table td{padding:11px 14px;color:var(--ds-text-2);border-bottom:1px solid var(--ds-table-border);white-space:nowrap}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--ds-table-hover)}.data-table .align-right,.data-table th.align-right{text-align:right}.clickable-row{cursor:pointer}.clickable-row:focus-visible{outline:2px solid var(--ds-accent, currentColor);outline-offset:-2px}:where(select:not([class]),input[type=date]:not([class]),input[type=number]:not([class]),input[type=time]:not([class])){padding:8px 11px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-card);color:var(--ds-text);font-size:13px;font-family:inherit;outline:none;transition:border-color .15s}:where(select:not([class]),input[type=date]:not([class]),input[type=number]:not([class]),input[type=time]:not([class])):focus{border-color:var(--portal-color)}.stats-row:empty,.filter-bar:empty,.topbar-actions:empty,.card-body:empty{display:none}.data-table .align-center{text-align:center}.data-table .bold{font-weight:700}.data-table .muted{color:var(--ds-text-muted)}.data-table .mono{font-family:JetBrains Mono,Fira Code,monospace}.data-table .amount{white-space:nowrap}.data-table .positive{color:var(--ds-success)}.data-table .negative{color:var(--ds-danger)}.data-table th.yr,.jr-table th.yr,.data-table td.yr,.jr-table td.yr{text-align:right;width:120px;font-variant-numeric:tabular-nums}.data-table th.yr-sep,.jr-table th.yr-sep,.data-table td.yr-sep,.jr-table td.yr-sep{border-left:2px solid var(--ds-border)}.pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid var(--ds-table-border)}.page-info{font-size:13px;color:var(--ds-text-muted);display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.page-sub{font-size:12px;color:var(--ds-text-subtle)}.page-controls{display:flex;align-items:center;gap:6px}.page-btn{min-width:30px;height:30px;padding:0 8px;border:1px solid var(--ds-border);border-radius:999px;background:transparent;color:var(--ds-text-2);cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;display:flex;align-items:center;justify-content:center;transition:all .15s}.page-btn:hover:not(:disabled){background:var(--portal-color);border-color:var(--portal-color);color:#fff}.page-btn.active{background:var(--portal-color);border-color:var(--portal-color);color:#fff;font-weight:700}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-ellipsis{font-size:13px;color:var(--ds-text-muted);padding:0 2px;line-height:30px}.page-number{font-size:13px;color:var(--ds-text-muted)}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.status-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.status-badge.betaald,.status-badge.goedgekeurd,.status-badge.definitief,.status-badge.actief,.status-badge.gekoppeld,.status-badge.uitgekeerd,.status-badge.ontvangen,.status-badge.geaccepteerd,.status-badge.ontvangst,.status-badge.beschikbaar,.status-badge.getekend{background:var(--ds-success-bg);color:var(--ds-success)}.status-badge.open,.status-badge.verzonden,.status-badge.ingediend,.status-badge.gegenereerd,.status-badge.afgeleverd,.status-badge.verhuurd,.status-badge.bezet,.status-badge.onderweg{background:color-mix(in srgb,var(--portal-color) 12%,transparent);color:var(--portal-color-dark)}.status-badge.verloopt,.status-badge.in-afwachting,.status-badge.pending,.status-badge.deels-betaald,.status-badge.gereserveerd,.status-badge.onderhoud{background:var(--ds-warning-bg);color:var(--ds-warning)}.status-badge.verlopen,.status-badge.afgewezen,.status-badge.afgekeurd,.status-badge.aanmaning,.status-badge.niet-gekoppeld,.status-badge.mislukt,.status-badge.fout,.status-badge.uitgave,.status-badge.achterstallig{background:var(--ds-danger-bg);color:var(--ds-danger)}.status-badge.concept,.status-badge.gepland,.status-badge.inactief,.status-badge.geannuleerd,.status-badge.genegeerd,.status-badge.niet-verzonden,.status-badge.afgelopen{background:var(--ds-hover);color:var(--ds-text-muted)}.actions{display:flex;gap:4px;align-items:center;justify-content:flex-end}.data-table td.actions{display:table-cell;white-space:normal;text-align:right}.data-table td.actions>*{display:inline-flex;vertical-align:middle;margin:2px 0 2px 4px}.data-table th:last-child,.data-table td:last-child{text-align:right}.action-btn{min-width:32px;height:32px;border:none;border-radius:8px;background:var(--portal-color);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;gap:5px;padding:0 8px;font-size:12px;font-weight:600;white-space:nowrap}.action-btn:hover{background:var(--portal-color-dark);transform:translateY(-1px)}.action-btn.secondary{background:var(--ds-deep);color:var(--ds-text-muted);border:1px solid var(--ds-border)}.action-btn.secondary:hover{background:var(--portal-color);color:#fff;border-color:var(--portal-color);transform:translateY(-1px)}.action-btn.danger{background:#ef44441f;color:#dc2626}.action-btn.danger:hover{background:#ef4444;color:#fff;transform:translateY(-1px)}.action-btn.approve{background:color-mix(in srgb,var(--portal-color) 12%,transparent);color:var(--portal-color-dark)}.action-btn.approve:hover{background:var(--portal-color);color:#fff;transform:translateY(-1px)}.action-btn.reject{background:#ef44441f;color:#dc2626}.action-btn.reject:hover{background:#ef4444;color:#fff;transform:translateY(-1px)}.action-btn.warning{background:#f59e0b1f;color:#d97706}.action-btn.warning:hover{background:#f59e0b;color:#fff;transform:translateY(-1px)}body.dark .action-btn.danger,body.dark-mode .action-btn.danger,html.dark .action-btn.danger,html.dark-mode .action-btn.danger,body.dark .action-btn.reject,body.dark-mode .action-btn.reject,html.dark .action-btn.reject,html.dark-mode .action-btn.reject{background:var(--ds-danger-bg);color:var(--ds-danger)}body.dark .action-btn.warning,body.dark-mode .action-btn.warning,html.dark .action-btn.warning,html.dark-mode .action-btn.warning{background:var(--ds-warning-bg);color:var(--ds-warning)}.icon-btn{width:30px;height:30px;border:none;border-radius:6px;background:var(--ds-deep);color:var(--ds-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.icon-btn:hover{background:var(--portal-color);color:#fff}.empty-state{padding:48px 24px;text-align:center;vertical-align:middle;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.empty-state-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--ds-text-muted)}.empty-state-inner .btn-primary,.empty-state-inner .btn-secondary{margin-top:8px;padding:6px 14px;font-size:12px;font-weight:600;flex:0 0 auto;width:auto;background:color-mix(in srgb,var(--portal-color) 12%,transparent);color:var(--portal-color-dark);border:none;box-shadow:none}.empty-state-inner .btn-primary:hover,.empty-state-inner .btn-secondary:hover{background:color-mix(in srgb,var(--portal-color) 18%,transparent)}.empty-state-inner p{margin:0;font-size:14px}.bold{font-weight:700}.muted{color:var(--ds-text-muted)}.mono{font-family:JetBrains Mono,Fira Code,monospace}.positive{color:var(--ds-success)}.negative{color:var(--ds-danger)}.warning{color:var(--ds-warning)}.text-right,.align-right{text-align:right}.form-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.form-row>label{display:flex;flex-direction:column;gap:5px;flex:1 1 170px;min-width:0;font-size:11px;font-weight:700;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px}.form-row>label>span{color:inherit}.form-row input,.form-row select,.form-row textarea{padding:10px 14px;border-radius:var(--ds-radius-sm);border:1.5px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);font-size:14px;outline:none;width:100%;box-sizing:border-box;font-family:inherit;font-weight:400;text-transform:none;letter-spacing:normal;transition:border-color .15s}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--portal-color)}.form-row input[type=checkbox],.form-row input[type=radio]{width:auto;flex:0 0 auto}.form-row>button{flex:0 0 auto}.text-center{text-align:center}.form-label{font-size:11px;font-weight:700;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px}.form-label input,.form-label select,.form-label textarea,.form-label .footer-note,.form-label .form-hint,.form-label .muted,.form-label small,.form-label p,.form-label>span:not(.form-label){text-transform:none;letter-spacing:normal;font-weight:400}.form-label .footer-note,.form-label .form-hint,.form-label .muted,.form-label small{font-size:12px;color:var(--ds-text-muted);line-height:1.45;margin:0;display:block}label.form-label:has(>input,>select,>textarea){display:flex;flex-direction:column;gap:6px}label.form-label:has(>input[type=checkbox],>input[type=radio]){flex-direction:row;align-items:flex-start;gap:9px}label.form-label:has(>input[type=checkbox],>input[type=radio])>span{font-size:13px;color:var(--ds-text);line-height:1.45}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.form-group label{font-size:11px;font-weight:700;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--portal-color, #6366f1);cursor:pointer;flex-shrink:0}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed;opacity:.5}.form-input,.form-select,.form-textarea{padding:10px 14px;border-radius:var(--ds-radius-sm);border:1.5px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);font-size:14px;outline:none;width:100%;box-sizing:border-box;font-family:inherit;transition:border-color .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--portal-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--portal-color) 12%,transparent)}.form-input::placeholder,.form-textarea::placeholder{color:var(--ds-text-muted)}.modal-overlay .form-input,.modal-overlay .form-select,.modal-overlay .form-textarea,.modal-overlay input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),.modal-overlay textarea,.modal-overlay select{background-color:var(--ds-card);color:var(--ds-text);border:1.5px solid var(--ds-border-strong);border-radius:12px;min-height:44px;box-sizing:border-box}.modal-overlay .modal-section .form-input,.modal-overlay .modal-section .form-select,.modal-overlay .modal-section .form-textarea,.modal-overlay .modal-section input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),.modal-overlay .modal-section textarea,.modal-overlay .modal-section select,.modal-overlay .section-card .form-input,.modal-overlay .section-card .form-select,.modal-overlay .section-card .form-textarea,.modal-overlay .section-card input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),.modal-overlay .section-card textarea,.modal-overlay .section-card select,.modal-overlay .form-section .form-input,.modal-overlay .form-section .form-select,.modal-overlay .form-section .form-textarea,.modal-overlay .form-section input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),.modal-overlay .form-section textarea,.modal-overlay .form-section select,.modal-overlay .modal-card .form-input,.modal-overlay .modal-card .form-select,.modal-overlay .modal-card .form-textarea,.modal-overlay .modal-card input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),.modal-overlay .modal-card textarea,.modal-overlay .modal-card select{background-color:var(--ds-veld)}.modal-body .btn-secondary,.modal-body .btn-outline,.modal-body .btn-ghost,.modal-body .rol-card,.modal-body .keuze-kaart,.modal-body .optie-kaart{background:var(--ds-veld);border-color:var(--ds-border-strong)}.modal-body .btn-secondary:hover{background:var(--ds-hover)}.modal-footer .btn-secondary{background:var(--ds-card);border:1.5px solid var(--ds-border-strong)}.modal-overlay .form-input:focus,.modal-overlay .form-select:focus,.modal-overlay .form-textarea:focus,.modal-overlay input:focus,.modal-overlay textarea:focus,.modal-overlay select:focus{border-color:var(--portal-color)}.modal-overlay .form-input::placeholder,.modal-overlay .form-textarea::placeholder,.modal-overlay input::placeholder,.modal-overlay textarea::placeholder{color:var(--ds-text-muted)}.modal-overlay select option{background:var(--ds-card);color:var(--ds-text)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:36px;line-height:1.5;background-color:var(--ds-bg);color:var(--ds-text);font-weight:600;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;min-height:44px;width:100%;display:block}.form-select:hover{border-color:var(--ds-text-muted)}body.dark .form-select,body.dark-mode .form-select,html.dark .form-select,html.dark-mode .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23cbd5e1' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}.form-textarea{resize:vertical;min-height:80px}.field-wrapper{display:flex;align-items:center;gap:10px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:24px;padding:7px 12px;min-height:36px;width:100%;box-sizing:border-box;transition:border-color .15s;cursor:default}.field-wrapper:focus-within{border-color:var(--portal-color)}.field-icon{color:var(--portal-color);font-size:18px;flex-shrink:0}.field-arrow{color:var(--ds-text-muted);font-size:16px;flex-shrink:0;transition:transform .2s;transform:rotate(90deg)}.field-arrow.open{transform:rotate(270deg)}.field-input{flex:1;background:transparent;border:none;outline:none;color:var(--ds-text-2);font-size:14px;font-family:inherit}.field-input::placeholder{color:var(--ds-text-muted)}.field-value{flex:1;font-size:14px;color:var(--ds-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.field-value.placeholder{color:var(--ds-text-muted)}.custom-dropdown{position:relative;width:100%}.custom-dropdown .field-wrapper{cursor:pointer}.dropdown-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:9999;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:16px;overflow:hidden;overflow-y:auto;max-height:240px;box-shadow:0 8px 24px #0000004d}.dropdown-group-label{padding:8px 14px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ds-text-muted);background:var(--ds-card)}.dropdown-option{padding:10px 16px;font-size:14px;color:var(--ds-text-2);cursor:pointer;transition:background .1s}.dropdown-option:hover{background:var(--ds-hover)}.dropdown-option.selected{color:var(--portal-color-dark);font-weight:600;background:color-mix(in srgb,var(--portal-color) 8%,transparent)}*,*:before,*:after{--highlight-height: 0;--highlight-color: transparent;--highlight-color-focused: transparent}.item-highlight,.item-inner-highlight,.input-highlight{display:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.modal-content{background:var(--ds-card);border-radius:16px;border:1px solid var(--ds-border);box-shadow:var(--ds-shadow-lg);width:100%;max-width:720px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-content.modal-sm{max-width:460px}.modal-overlay .modal-content:not(.modal-sm){min-width:min(720px,100%)}.modal-content.modal-lg{max-width:920px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:linear-gradient(135deg,var(--portal-color-dark) 0%,var(--portal-color) 100%);border-bottom:none;flex-shrink:0}.modal-header h2,.modal-header h3{margin:0;font-size:16px;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px;min-width:0;line-height:1.3}.modal-header h2 svg,.modal-header h3 svg{color:#fff;flex-shrink:0}.modal-close{background:#fff3;border:none;border-radius:8px;width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:20px;line-height:1;flex-shrink:0}.modal-close:hover{background:#ffffff59;color:#fff}.modal-body{flex:1;overflow-y:auto;padding:16px;background:var(--ds-modal-bg)}.modal-content.modal-sm .modal-body,.modal-content.modal-sm .modal-footer{background:var(--ds-card)}.modal-body .detail-grid,.modal-body .detail-rows,.modal-body .detail-rijen{display:flex;flex-direction:column;gap:0;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;padding:2px 14px;box-shadow:0 1px 4px #0000000f}.modal-body .detail-grid .detail-row,.modal-body .detail-rows .detail-row,.modal-body .detail-rijen .detail-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--ds-border);font-size:13px}.modal-body .detail-grid .detail-row:last-child,.modal-body .detail-rows .detail-row:last-child,.modal-body .detail-rijen .detail-row:last-child{border-bottom:none}.modal-body .detail-row .detail-label{font-size:13px;font-weight:500;color:var(--ds-text-muted);text-transform:none;letter-spacing:0;flex:0 0 auto;max-width:45%}.modal-body .detail-row>:not(.detail-label){color:var(--ds-text);font-weight:500;text-align:right;overflow-wrap:anywhere}.modal-body .detail-row>.bold,.modal-body .detail-row>strong{font-weight:700}.modal-body .modal-section,.modal-body .section-card,.modal-body .form-section,.modal-body .modal-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;padding:16px 18px;margin-bottom:14px;box-shadow:0 1px 4px #0000000f}.modal-body .modal-section:last-child,.modal-body .section-card:last-child,.modal-body .form-section:last-child,.modal-body .modal-card:last-child{margin-bottom:0}.modal-body .modal-section>.section-header,.modal-body .section-card>.section-header,.modal-body .form-section>.section-header,.modal-body .modal-section>.section-title,.modal-body .section-card>.section-title,.modal-body .form-section>.section-title{display:flex;align-items:center;gap:10px;margin:-2px -18px 14px;padding:0 18px 12px;border-bottom:1px solid var(--ds-border);font-size:15px;font-weight:700;color:var(--ds-text)}.modal-body .modal-section>.section-header h3,.modal-body .modal-section>.section-header h4,.modal-body .section-card>.section-header h3,.modal-body .section-card>.section-header h4{margin:0;font-size:15px;font-weight:700;color:var(--ds-text)}.modal-body .modal-section>h3,.modal-body .modal-section>h4,.modal-body .section-card>h3,.modal-body .section-card>h4,.modal-body .form-section>h3,.modal-body .form-section>h4{margin:-2px -18px 14px;padding:0 18px 12px;border-bottom:1px solid var(--ds-border);font-size:15px;font-weight:700;color:var(--ds-text);display:flex;align-items:center;gap:10px;text-transform:none;letter-spacing:0}.modal-body .form-group,.modal-body .nf-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.modal-body .form-group:last-child,.modal-body .nf-field:last-child{margin-bottom:0}.modal-body .form-group label,.modal-body .nf-field label,.modal-body .form-label{font-size:11px;font-weight:700;color:var(--ds-text-muted);letter-spacing:.5px;text-transform:uppercase;margin-bottom:0}.modal-footer{display:flex;gap:12px;padding:14px 20px;border-top:1px solid var(--ds-border);background:var(--ds-modal-bg);flex-shrink:0}.modal-footer .btn-secondary,.modal-footer .btn-primary{flex:1;justify-content:center}.modal-footer .btn-danger{flex:0 0 auto;min-width:110px;justify-content:center}.modal-footer>.btn-row{display:flex;flex-wrap:wrap;flex:1;gap:12px;margin:0}.modal-footer>.btn-row>button,.modal-footer>.btn-row>a{flex:1 1 calc(50% - 6px);min-width:max-content;max-width:100%;justify-content:center}.modal-footer{flex-wrap:wrap}.modal-footer>.btn-primary,.modal-footer>.btn-secondary,.modal-footer>.btn-danger{min-width:max-content;max-width:100%}.modal-footer button,.modal-footer .btn-row>a{min-height:48px;border-radius:12px;font-size:15px}.modal-overlay .modal-content .modal-header h2,.modal-overlay .modal-content .modal-header h3,.modal-overlay .modal-content .modal-header .title,.modal-overlay .modal-content .modal-header span,.modal-overlay .modal-content .modal-header p,.modal-overlay .modal-content .modal-header .muted{color:#fff}.modal-overlay .modal-content .modal-header .modal-meta,.modal-overlay .modal-content .modal-header .muted{opacity:.85;font-weight:500}.app-alert-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;animation:alertFadeIn .15s ease}@keyframes alertFadeIn{0%{opacity:0}to{opacity:1}}.app-alert{background:var(--ds-card);border-radius:18px;border:1px solid var(--ds-border);box-shadow:0 8px 40px #0000002e;width:100%;max-width:400px;display:flex;flex-direction:column;overflow:hidden;animation:alertSlideIn .18s cubic-bezier(.34,1.56,.64,1)}@keyframes alertSlideIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.app-alert-icon{display:flex;align-items:center;justify-content:center;padding:28px 20px 12px}.app-alert-body{padding:0 24px 8px;text-align:center}.app-alert-title{display:block;font-size:16px;font-weight:700;color:var(--ds-text-2);margin-bottom:6px}.app-alert-msg{display:block;font-size:13px;color:var(--ds-text-muted);line-height:1.5}.app-alert-detail{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;padding:10px 14px;background:var(--ds-hover);border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);font-size:13px;color:var(--ds-text-2);font-weight:500}.app-alert-footer{display:flex;gap:8px;padding:16px 20px}.app-alert-footer .btn-secondary,.app-alert-footer .btn-primary,.app-alert-footer .btn-danger{flex:1;justify-content:center;text-align:center}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:var(--ds-radius-sm);font-size:13px;font-weight:700;cursor:pointer;border:none;transition:background .15s,transform .1s;background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-danger:active{transform:scale(.97)}.bottom-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:9999;display:flex;align-items:flex-end;justify-content:center}.bottom-sheet{width:100%;max-height:93vh;background:var(--ds-card);border-radius:20px 20px 0 0;box-shadow:0 -8px 40px #0000004d;display:flex;flex-direction:column;animation:sheetIn .28s cubic-bezier(.32,.72,0,1)}@keyframes sheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-sheet .modal-header{border-radius:20px 20px 0 0}@media (max-width: 768px){.page-container{width:100%;max-width:100%;box-sizing:border-box;padding:12px 12px 32px}.page-topbar{padding:12px 14px;border-radius:12px;gap:8px;flex-wrap:wrap}.page-title{font-size:15px;line-height:1.2;flex:1 1 100%;margin:0}.page-title svg{font-size:18px}.page-meta{font-size:11px;flex:1 1 100%;margin:0;opacity:.9}.stat-card{padding:10px;gap:8px;min-height:56px}.stat-icon{width:32px;height:32px;min-width:32px;border-radius:8px}.stat-icon svg{font-size:15px}.stats-row{gap:8px}.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:12px}.search-wrapper{width:100%;min-width:0}.search-wrapper .native-search-container{width:auto;box-sizing:border-box}.period-bar{flex-direction:column;align-items:stretch}.period-bar>*{width:100%}.period-selector{justify-content:space-between;width:100%}.period-display{flex:1}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:500px;font-size:12px}table:not(.table-container table):not(.tabelhouder table):not(.table-card table){display:block;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}table:not(.table-container table):not(.tabelhouder table):not(.table-card table)>thead,table:not(.table-container table):not(.tabelhouder table):not(.table-card table)>tbody,table:not(.table-container table):not(.tabelhouder table):not(.table-card table)>tfoot{display:table;width:100%}.data-table th,.data-table td{padding:8px 10px}.two-col-grid{grid-template-columns:1fr}.topbar-actions{flex-wrap:wrap;gap:6px;justify-content:flex-start;margin-left:0;width:100%;flex:1 1 100%}.topbar-actions .btn-primary,.topbar-actions .btn-secondary{flex:0 1 auto}.topbar-actions app-page-info{flex:0 0 auto}.card-body,.card-content{padding:14px}.card-header{flex-wrap:wrap;row-gap:4px}.card-header h2,.card-header h3{flex:1 1 100%}.card-header .card-meta{flex:0 1 auto}.pagination{flex-wrap:wrap;row-gap:8px;justify-content:center}.page-info{flex:1 1 100%;justify-content:center;text-align:center}.modal-overlay,.mk-modal-overlay,.portal-modal-overlay{align-items:flex-end;padding:0}.modal,.mk-modal,.portal-modal,.modal-content{border-radius:20px 20px 0 0;max-width:100%;max-height:95vh;width:100%;height:auto;margin:0}.modal-body,.modal-header{padding:14px 16px}.modal-footer{padding:12px 16px 16px;gap:8px}.modal-footer .btn-primary,.modal-footer .btn-secondary{flex:1}.card-header{padding:12px 14px}.card-header h3{font-size:13px}.card-header .card-meta{font-size:11px}.tab-bar,.tabs-header{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;scrollbar-width:thin;padding-bottom:4px}.tab-bar .tab-btn,.tabs-header .tab-btn{flex:0 0 auto;white-space:nowrap}.empty-state{padding:32px 16px}.empty-state-inner svg{font-size:40px}.empty-state-inner p{font-size:13px}}@media (max-width: 480px){.page-container{padding:10px 10px 28px}.page-topbar{padding:10px 12px;gap:6px}.page-title{font-size:14px}.page-title svg{font-size:16px}.page-meta{font-size:11px}.topbar-actions{gap:6px}.topbar-actions .btn-primary,.topbar-actions .btn-secondary{flex:0 1 auto;justify-content:center}.topbar-actions svg{font-size:14px}.table-container{margin:0}.data-table{font-size:11px}.data-table th,.data-table td{padding:7px 8px}}html,body{overflow-x:hidden;max-width:100vw}.page-container{overflow-x:hidden;max-width:100%}@media (max-width: 768px){.table-container .data-table:has(tbody td.empty-state){min-width:0}.table-container .data-table:has(tbody td.empty-state) thead{display:none}.table-card:has(.data-table td.empty-state) .card-header{border-bottom:none}}.form-grid input:required:not(:placeholder-shown):invalid,.form-grid select:required:not(:placeholder-shown):invalid,.form-grid textarea:required:not(:placeholder-shown):invalid,.modal-section input:required:not(:placeholder-shown):invalid,.modal-section select:required:not(:placeholder-shown):invalid,.modal-section textarea:required:not(:placeholder-shown):invalid{border-color:var(--ds-danger);background:var(--ds-danger-bg)}@media (max-width: 768px){.ao-nav-grid,.feature-grid,.tile-grid,.hub-grid,.nav-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.stats-grid,.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.table-wrap,.data-table-wrap,table.data-table{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 480px){.ao-nav-grid,.feature-grid,.tile-grid,.hub-grid,.nav-grid,.form-grid,.two-col{grid-template-columns:1fr}.stats-grid,.kpi-grid{grid-template-columns:repeat(2,1fr)}.page-container,.ds-page,.ds-section{padding:8px}.ds-card,.stat-card,.info-card{padding:12px}h1{font-size:20px}h2{font-size:17px}h3{font-size:15px}body,p,span,div,h1,h2,h3,h4{word-break:keep-all;overflow-wrap:break-word}.btn-row,.actions-row,.chips-row{flex-wrap:wrap;gap:6px}}html,body{overflow-x:hidden}:root,body{--cdt-gradient: linear-gradient(135deg, var(--portal-color-dark, var(--portal-color)) 0%, var(--portal-color) 100%)}.cdt-page-header{display:flex;align-items:center;gap:14px;background:var(--cdt-gradient);border-radius:16px;padding:18px 20px;margin-bottom:8px;position:relative;overflow:hidden}.cdt-page-header .cdt-page-header-text h2,.cdt-page-header .cdt-page-header-text h3{color:#fff;-webkit-text-fill-color:#ffffff;margin:0;font-size:17px;font-weight:700}.cdt-page-header .cdt-page-header-text p{color:#fffc;-webkit-text-fill-color:rgba(255,255,255,.8);margin:0;font-size:13px}.cdt-page-header .cdt-page-header-icon{width:42px;height:42px;border-radius:12px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cdt-page-header.chat-page-header{background:var(--cdt-gradient)}.chat-header.cdt-page-header h2,.chat-header.cdt-page-header p{color:#fff;-webkit-text-fill-color:#ffffff}:root,body{--ds-text-1: var(--ds-text);--ds-text-3: var(--ds-text-muted)}.cdt-period-toggle,.segment-toggle{display:flex;gap:2px;background:var(--ds-card, #fff);border:1px solid var(--ds-border, #e5e7eb);border-radius:50px;padding:3px;box-shadow:0 1px 4px #0000000f;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;margin-bottom:12px}.cdt-period-toggle::-webkit-scrollbar,.segment-toggle::-webkit-scrollbar{display:none}.cdt-period-btn,.segment-btn{flex:1;min-width:52px;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px;border-radius:50px;border:none;background:transparent;color:var(--ds-text-muted, #6b7280);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap;height:auto;line-height:1}.cdt-period-btn:hover:not(.active),.segment-btn:hover:not(.active){color:var(--ds-text-2, #374151);background:var(--ds-hover)}.cdt-period-btn.active,.active.segment-btn{background:var(--portal-color, #ef4444);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--portal-color, #ef4444) 40%,transparent)}.cdt-period-nav-bar{display:flex;align-items:center;justify-content:space-between;background:var(--ds-card, #fff);border:1px solid var(--ds-border, #e5e7eb);border-radius:50px;padding:3px 6px;box-shadow:0 1px 4px #0000000f;margin-bottom:14px}.cdt-period-nav-btn{width:27px;height:27px;border-radius:50%;border:none;background:transparent;color:var(--ds-text-muted, #6b7280);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;flex-shrink:0}.cdt-period-nav-btn:hover:not(:disabled){background:var(--ds-hover);color:var(--ds-text, #18181b)}.cdt-period-nav-btn:disabled{opacity:.4;cursor:default}.cdt-period-nav-mid{display:flex;align-items:center;gap:10px}.cdt-period-nav-label{font-size:13px;font-weight:700;color:var(--ds-text, #18181b)}.cdt-vandaag-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border, #e5e7eb);background:transparent;color:var(--ds-text-muted, #6b7280);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.cdt-vandaag-btn:hover:not(:disabled){background:var(--ds-hover);color:var(--portal-color, #ef4444);border-color:var(--portal-color, #ef4444)}.cdt-view-bar{display:flex;align-items:center;gap:6px;background:var(--ds-card, #fff);border:1px solid var(--ds-border, #e5e7eb);border-radius:14px;padding:6px 10px;box-shadow:0 1px 4px #0000000f;margin-bottom:14px}.cdt-view-bar .cdt-period-btn,.cdt-view-bar .segment-btn{border-radius:var(--ds-radius-sm)}.card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;box-shadow:var(--ds-shadow);padding:16px 18px;margin-bottom:16px;box-sizing:border-box;overflow:clip}.footer-note{font-size:13px;color:var(--ds-text-subtle);margin:8px 0 0;line-height:1.5}.footer-note.err{color:var(--ds-danger)}.card-title{display:flex;align-items:center;gap:8px;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--ds-border-subtle);font-size:15px;font-weight:700;color:var(--ds-text)}.section{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;padding:16px}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--portal-color)}.chip{font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px;background:var(--ds-hover);color:var(--ds-text-2);white-space:nowrap}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.detail-row{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13px;color:var(--ds-text-2)}.completion-bar{height:8px;background:var(--ds-border);border-radius:4px;overflow:hidden;margin-bottom:8px}.completion-fill{height:100%;background:var(--portal-color);border-radius:4px;transition:width .25s ease}.drop-zone{border:2px dashed var(--ds-border);border-radius:12px;padding:28px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .15s;color:var(--ds-text-3);font-size:13px}.drop-zone:hover,.drop-zone.actief{border-color:var(--portal-color);color:var(--ds-text-2)}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 640px){.form-grid-2{grid-template-columns:1fr}}@keyframes dsFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes dsFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dsScaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: no-preference){.page-container>*{animation:dsFadeUp .36s cubic-bezier(.4,0,.2,1) both}.page-container>*:nth-child(2){animation-delay:.05s}.page-container>*:nth-child(3){animation-delay:.1s}.page-container>*:nth-child(4){animation-delay:.15s}.page-container>*:nth-child(5){animation-delay:.2s}.page-container>*:nth-child(n+6){animation-delay:.24s}.ds-anim-in{animation:dsFadeUp .36s cubic-bezier(.4,0,.2,1) both}.ds-scale-in{animation:dsScaleIn .28s cubic-bezier(.4,0,.2,1) both}.ds-stagger>*{animation:dsFadeUp .32s cubic-bezier(.4,0,.2,1) both}.ds-stagger>*:nth-child(2){animation-delay:.04s}.ds-stagger>*:nth-child(3){animation-delay:.08s}.ds-stagger>*:nth-child(4){animation-delay:.12s}.ds-stagger>*:nth-child(5){animation-delay:.16s}.ds-stagger>*:nth-child(6){animation-delay:.2s}.ds-stagger>*:nth-child(n+7){animation-delay:.24s}}@media (max-width: 768px) and (pointer: coarse){button,[role=button],input[type=submit],input[type=button],input[type=reset],a[class*=btn],a[class*=knop],a[class*=menu-item],a[class*=nav-item],a[class*=tab],a[class*=card],.form-input,.form-select,.field-input{min-height:44px;box-sizing:border-box}.icon-btn,.btn-icon,.action-btn,.page-btn,.header-btn{min-width:44px}.chip,.f-chip{min-height:32px;padding-top:6px;padding-bottom:6px}.filter-bar{flex-wrap:wrap}.form-input,.form-select,.form-textarea,.field-input,input[type=text],input[type=search],input[type=email],input[type=tel],input[type=number],input[type=date],input[type=password],select,textarea{font-size:16px}}@media print{.shell .sidebar,.shell .header,.shell .overlay,.shell .zoek-overlay{display:none}.shell .shell-body,.shell .content{margin:0;padding:0;width:auto;max-width:none;overflow:visible}.page-topbar .topbar-actions,button:not([class*=card]):not([class*=kaart]):not([class*=tile]):not([class*=tegel]):not([class*=row]):not([class*=rij]):not([class*=item]),input[type=submit],input[type=button],input[type=reset]{display:none}button[class*=card][class*=-btn],button[class*=kaart][class*=-btn],button[class*=tile][class*=-btn],button[class*=item][class*=-btn],button[class*=row][class*=-btn]{display:none}body,.shell,.content,.card,.modal-card,.page-container{background:#fff;color:#000;box-shadow:none}.card,.stat-card,.modal-card{break-inside:avoid}table{break-inside:auto}tr,.data-table tr{break-inside:avoid}thead{display:table-header-group}table{display:table;overflow:visible}}.page-container>[class][class]{margin-bottom:0}.view-toggle,.weergave-toggle,.view-toggle .view-btn,.weergave-toggle .view-btn{border-radius:999px}.settings-shell{display:block}.settings-content{padding:0}.status-badge-container>.status-badge{padding:7px 12px;font-size:12.5px;font-weight:600;border-radius:999px;color:#fff;background:var(--portal-color);border:1px solid var(--portal-color);cursor:pointer;transition:filter .15s ease}.status-badge-container>.status-badge:hover{filter:brightness(1.08)}.status-badge-container>.status-badge svg{color:#fff}.status-badge-container>.status-badge:before{display:none}.filter-bar>select.form-input,.filter-bar>select.form-select{border-radius:999px;padding-inline:16px}.filter-bar>select,.filter-bar>input:not([type=checkbox]):not([type=radio]),.filter-bar>.filter-datum>input{padding:8px 16px;border-radius:999px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);font-size:13px;font-family:inherit;min-height:36px;box-sizing:border-box;outline:none}.filter-bar>select:focus,.filter-bar>input:focus,.filter-bar>.filter-datum>input:focus{border-color:var(--portal-color)}.filter-bar>.filter-datum{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ds-text-muted)}.filter-bar{--filter-hoogte: 40px;align-items:center}.filter-bar>.native-search-container{height:var(--filter-hoogte);min-height:var(--filter-hoogte);box-sizing:border-box;padding-block:0;align-self:center}.filter-bar>.native-search-container .native-search-input{height:100%;padding-block:0}.filter-bar>.native-search-container:has(>.status-pills,>.view-toggle,>.filter-chips,>.chip-row){height:auto;padding-block:4px}.filter-bar>.native-search-container:has(>.status-pills,>.view-toggle,>.filter-chips,>.chip-row) .native-search-input{height:auto;min-height:30px}@media (max-width: 640px){.filter-bar{--filter-hoogte: 44px}.filter-bar>.native-search-container{height:auto;min-height:var(--filter-hoogte);padding-block:4px}.filter-bar>.native-search-container .native-search-input{height:auto;min-height:36px}}.filter-bar>select,.filter-bar>input:not([type=checkbox]):not([type=radio]),.filter-bar>.filter-datum>input{height:var(--filter-hoogte);min-height:var(--filter-hoogte);padding-block:0;width:auto;max-width:260px;flex:0 0 auto}.filter-bar>.tab-bar{margin-bottom:0;align-items:center;min-width:0;max-width:100%}.filter-bar>.tab-bar{padding-bottom:0;scrollbar-width:none}.filter-bar>.tab-bar::-webkit-scrollbar{display:none}.filter-bar>.tab-bar>.tab-btn{height:var(--filter-hoogte);padding-block:0;box-sizing:border-box}.filter-bar>button{height:var(--filter-hoogte);padding-block:0;box-sizing:border-box}.cdt-period-nav-bar.leeg .cdt-period-nav-label{color:var(--ds-text-muted)}.cdt-period-nav-btn:disabled{opacity:.3;cursor:default}@media (max-width: 640px){.filter-bar>*{min-width:0;max-width:100%}.filter-bar>.filter-chips,.filter-bar>.chip-row{flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 560px){.hub-balk .hub-tab,.hub-balk button{min-height:36px}.hub-balk{padding:4px}.stat-card .stat-label{font-size:11px;text-transform:none;letter-spacing:0;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25}.stat-card{flex-direction:column;align-items:flex-start;gap:8px;padding:10px}.stat-card .stat-icon{width:30px;height:30px;min-width:30px}.stat-card .stat-icon svg{width:16px;height:16px}.stat-card .stat-info{width:100%}.stat-card .stat-value{font-size:20px}.stat-card .stat-value{white-space:normal;overflow-wrap:anywhere;line-height:1.1}}@media (max-width: 640px){.modal-overlay{padding:0;align-items:flex-end}.modal-content,.modal-content.modal-sm{max-width:none;width:100%;max-height:94dvh;border-radius:18px 18px 0 0;border-left:none;border-right:none;border-bottom:none}.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-header,.modal-footer{flex-shrink:0}.modal-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}}@media (max-width: 500px){.cdt-period-toggle,.segment-toggle{display:grid;grid-template-columns:repeat(auto-fit,minmax(31%,1fr));gap:5px;border-radius:26px;overflow:visible}.cdt-period-btn,.segment-btn{min-width:0;white-space:normal;text-align:center;padding:10px 4px;font-size:12px;line-height:1.1}}@media (max-width: 640px){.page-topbar .topbar-actions{display:flex;flex-wrap:wrap;gap:8px;overflow:visible;padding-bottom:0}.page-topbar .topbar-actions>*{flex:1 1 calc(50% - 4px);min-width:max-content;max-width:100%;box-sizing:border-box;min-height:44px;justify-content:center;text-align:center;padding-inline:12px;white-space:nowrap}.page-topbar .topbar-actions>.btn-primary{order:-1;flex:1 1 100%}.page-topbar .topbar-actions>app-page-info,.page-topbar .topbar-actions>.page-info-btn,.page-topbar .topbar-actions>select{flex:0 0 auto}.page-topbar .topbar-actions>.live-pill,.page-topbar .topbar-actions>[class*=pill],.page-topbar .topbar-actions>[class*=badge]{display:inline-flex;align-items:center;justify-content:center;gap:6px}}@media (max-width: 640px){.shell .content input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color]),.shell .content select,.shell .content textarea{font-size:16px;min-height:44px;box-sizing:border-box}.shell .content input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color],.form-input),.shell .content select:not(.form-select){padding-left:12px;padding-right:12px;border-radius:10px}.shell .content .native-search-container .native-search-input{min-height:0;padding:0;border-radius:0}}@media (max-width: 640px){.modal-footer .btn-primary,.modal-footer .btn-secondary,.modal-footer .btn-danger,.btn-primary.block,.btn-block{min-height:48px;font-size:15px;width:100%;justify-content:center}.modal-footer{display:flex;flex-wrap:wrap;gap:10px}.modal-footer .btn-primary,.modal-footer .btn-secondary,.modal-footer .btn-danger{width:auto;flex:1 1 calc(50% - 5px);min-width:0}}@media (max-width: 640px){code,pre,.mono{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%}p,li,td,.muted,.hint{overflow-wrap:anywhere}}@media (max-width: 640px){.native-search-container>.status-pills,.native-search-container>.view-toggle,.native-search-container>.filter-chips,.native-search-container>.chip-row{flex:1 1 100%;display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}.native-search-container>.status-pills::-webkit-scrollbar,.native-search-container>.view-toggle::-webkit-scrollbar{display:none}.native-search-container>.status-pills>*,.native-search-container>.view-toggle>*{flex:0 0 auto;white-space:nowrap}}.mail-opgemaakt{min-width:0}.mail-html{font-size:13.5px;line-height:1.6;color:var(--ds-text);overflow-x:auto;word-break:break-word}.mail-html img{max-width:100%;height:auto}.mail-html table{max-width:100%;border-collapse:collapse}.mail-html td,.mail-html th{padding:4px 6px}.mail-html a{color:var(--portal-color)}.mail-html blockquote{margin:8px 0;padding-left:12px;border-left:3px solid var(--ds-border);color:var(--ds-text-muted)}.mail-html pre{white-space:pre-wrap;word-break:break-word}.mail-html img[data-geblokkeerd]{display:inline-block;min-width:90px;min-height:22px;border:1px dashed var(--ds-border);border-radius:6px;background:var(--ds-bg-soft, transparent)}.mail-blokkade{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px;padding:9px 12px;border:1px solid var(--ds-border);border-radius:9px;font-size:12.5px;color:var(--ds-text-muted)}.mail-blokkade button{border:1px solid var(--ds-border);background:transparent;color:inherit;border-radius:999px;padding:5px 13px;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap}.mail-blokkade button:hover{border-color:var(--portal-color);color:var(--portal-color)}.mail-tekst{font-size:13.5px;line-height:1.65;color:var(--ds-text);white-space:pre-wrap;word-break:break-word}.opz .opz-kop-knoppen{display:flex;gap:8px;flex-shrink:0}.opz .btn-secondary.aan{border-color:var(--portal-color);color:var(--portal-color)}.opz .opz-mailweg{display:flex;align-items:center;gap:9px;margin:0 0 14px;font-size:13.5px;color:var(--ds-text-2);cursor:pointer}.opz .opz-mailweg input{width:16px;height:16px;accent-color:var(--portal-color);cursor:pointer}.opz .opz-kaart{margin-bottom:12px}.opz .opz-kaart.open{border-left:3px solid var(--portal-color)}.opz .opz-regel{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.opz .opz-wie{display:flex;flex-direction:column;gap:2px;min-width:0}.opz .opz-wie strong{font-size:15px}.opz .opz-wie .muted{font-size:12.5px}.opz .opz-stand{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px;flex-shrink:0}.opz .opz-pil{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap}.opz .opz-pil.open{background:color-mix(in srgb,var(--portal-color) 16%,transparent);color:var(--portal-color)}.opz .opz-pil.klaar{background:color-mix(in srgb,#16a34a 16%,transparent);color:#15803d}.opz .opz-pil.onbekend{background:var(--ds-hover);color:var(--ds-text-2)}.opz .opz-detail{margin:10px 0 0;font-size:13px}.opz .opz-acties{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.opz .opz-acties button{display:inline-flex;align-items:center;gap:7px}@media (max-width: 640px){.opz .opz-stand{width:100%}.opz .opz-acties button{flex:1 1 auto;justify-content:center}}.opz-mailkop{margin:0 0 12px;font-size:12.5px}.opz-recht{margin:10px 0 14px;padding:10px 13px;border:1px solid var(--ds-border);border-left:3px solid var(--ds-border);border-radius:9px;font-size:12.5px;line-height:1.55}.opz-recht.mag{border-left-color:var(--ds-success, #16a34a)}.opz-recht.beoordeel{border-left-color:var(--ds-warning, #d97706)}.opz-recht-kop{display:flex;align-items:center;gap:7px;font-weight:700;color:var(--ds-text);margin-bottom:4px}.opz-recht p{margin:0;color:var(--ds-text-2)}.opz-recht ul{margin:7px 0 0;padding-left:18px;color:var(--ds-text-muted)}.opz-recht li{margin:2px 0}@media (max-width: 640px){.opz .opz-kop-knoppen{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}.opz .opz-kop-knoppen::-webkit-scrollbar{display:none}.opz .opz-kop-knoppen>*{flex:0 0 auto;white-space:nowrap}}.na-kop{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:6px}.na-kop .card-uitleg{flex:1;min-width:260px;margin:0}.na-traag{margin:0 0 12px;font-size:12.5px}.na-let-op{color:var(--ds-warning, #d97706)}.na-rij{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(220px,1.6fr) auto;gap:16px;align-items:center;padding:13px 15px;margin-bottom:8px;border:1px solid var(--ds-border);border-radius:11px;background:var(--ds-card)}.na-naam{font-weight:700;color:var(--ds-text)}.na-wat{display:flex;flex-direction:column;gap:3px;font-size:12.5px}.na-actie{justify-self:end}.na-pil{align-self:flex-start;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;border:1px solid var(--ds-border)}.na-pil.oranje{color:var(--ds-warning, #d97706);border-color:color-mix(in srgb,var(--ds-warning, #d97706) 45%,transparent)}.na-pil.rood{color:var(--ds-danger, #dc2626);border-color:color-mix(in srgb,var(--ds-danger, #dc2626) 45%,transparent)}@media (max-width: 900px){.na-rij{grid-template-columns:1fr}.na-actie{justify-self:start}}.na-uitgesteld{margin:4px 0 18px;padding:12px 15px;border:1px solid var(--ds-border);border-left:3px solid var(--ds-border);border-radius:11px;background:var(--ds-card)}.na-uitgesteld-kop{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--ds-text)}.na-uitgesteld p{margin:5px 0 8px;font-size:12.5px}.na-uitgesteld ul{margin:0;padding-left:18px;font-size:12.5px}.na-uitgesteld li{margin:3px 0;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.pagina-gebruikers .card:last-child{margin-bottom:0}.pagina-gebruikers .card-title svg{font-size:18px;color:var(--portal-color)}.pagina-gebruikers .input{width:100%;box-sizing:border-box;min-height:38px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:9px;padding:8px 11px;font:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.pagina-gebruikers .input:focus{outline:none;border-color:var(--portal-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--portal-color) 12%,transparent)}.pagina-gebruikers .tabs-bar{display:flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px}.pagina-gebruikers .tab-btn:hover{color:var(--ds-text);background:color-mix(in srgb,var(--portal-color) 7%,transparent)}.pagina-gebruikers .tab-btn.tab-active{background:color-mix(in srgb,var(--portal-color) 12%,transparent);color:var(--portal-color);border-color:color-mix(in srgb,var(--portal-color) 20%,transparent)}.pagina-gebruikers .tab-btn svg{font-size:16px}.pagina-gebruikers .tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;font-size:11px;font-weight:700}.pagina-gebruikers .users-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.pagina-gebruikers .user-stat{padding:14px 12px;border-radius:13px;border:1px solid var(--ds-border);background:var(--ds-card);display:flex;flex-direction:column;gap:6px;text-align:center;cursor:pointer;transition:border-color .15s,transform .2s,box-shadow .2s}.pagina-gebruikers .user-stat:hover{border-color:color-mix(in srgb,var(--portal-color) 30%,transparent);transform:translateY(-2px);box-shadow:var(--ds-shadow)}.pagina-gebruikers .user-stat.active-filter{border-color:color-mix(in srgb,var(--portal-color) 50%,transparent);background:color-mix(in srgb,var(--portal-color) 8%,transparent)}.pagina-gebruikers .us-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;margin:0 auto}.pagina-gebruikers .us-icon.blue{background:#3b82f61a;color:#3b82f6}.pagina-gebruikers .us-icon.green{background:#22c55e1a;color:#22c55e}.pagina-gebruikers .us-icon.red{background:#ef44441a;color:#ef4444}.pagina-gebruikers .us-icon.amber{background:#f59e0b1f;color:#f59e0b}.pagina-gebruikers .us-icon.purple{background:#8b5cf61a;color:#8b5cf6}.pagina-gebruikers .us-icon.cyan{background:#06b6d41a;color:#06b6d4}.pagina-gebruikers .us-icon.yellow{background:#f59e0b1a;color:#f59e0b}.pagina-gebruikers .us-value{font-size:22px;font-weight:700;color:var(--ds-text)}.pagina-gebruikers .us-label{font-size:11px;font-weight:500;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.3px}.pagina-gebruikers .users-search-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.pagina-gebruikers .users-search-input{max-width:360px}.pagina-gebruikers .pakket-filter{max-width:200px;cursor:pointer}.pagina-gebruikers .users-count{font-size:12px;color:var(--ds-text-muted);font-weight:500}.pagina-gebruikers .data-table th{text-align:left;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-muted);padding:9px 10px;border-bottom:1px solid var(--ds-border);white-space:nowrap;background:color-mix(in srgb,var(--portal-color) 3%,transparent)}.pagina-gebruikers .data-table td{padding:9px 10px;border-bottom:1px solid var(--ds-border-subtle);color:var(--ds-text-2);vertical-align:middle}.pagina-gebruikers .data-table tbody tr{transition:background .12s}.pagina-gebruikers .data-table tbody tr:hover{background:var(--ds-hover)}.pagina-gebruikers .data-table tr:last-child td{border-bottom:none}.pagina-gebruikers .td-empty{color:var(--ds-text-muted);text-align:center;padding:24px}.pagina-gebruikers .action-cell{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.pagina-gebruikers .data-table td:last-child{text-align:right}.pagina-gebruikers .user-type{display:inline-flex;font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--portal-color) 10%,transparent);color:var(--portal-color);border:1px solid color-mix(in srgb,var(--portal-color) 20%,transparent)}.pagina-gebruikers .user-status{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.3px}.pagina-gebruikers .user-status.active{background:#16a34a;color:#fff;border:none}.pagina-gebruikers .user-status.inactive,.pagina-gebruikers .user-status.pending{background:#d97706;color:#fff;border:none}.pagina-gebruikers .user-status.rejected{background:#dc2626;color:#fff;border:none}.pagina-gebruikers .user-status.paused{background:#ea580c;color:#fff;border:none}.pagina-gebruikers .aanvraag-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:none;border-radius:var(--ds-radius-sm);font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;color:#fff;transition:opacity .15s,transform .15s}.pagina-gebruikers .aanvraag-btn:hover{opacity:.88;transform:translateY(-1px)}.pagina-gebruikers .aanvraag-btn:active{transform:none}.pagina-gebruikers .aanvraag-btn:disabled{opacity:.6;cursor:wait;transform:none}.pagina-gebruikers .aanvraag-btn.reject{background:linear-gradient(135deg,#ef4444,#dc2626)}.pagina-gebruikers .aanvraag-btn.approve{background:linear-gradient(135deg,#22c55e,#16a34a)}.pagina-gebruikers .aanvraag-btn.pause{background:linear-gradient(135deg,#f97316,#ea580c)}.pagina-gebruikers .aanvraag-btn.resume{background:linear-gradient(135deg,#38bdf8,#0ea5e9)}.pagina-gebruikers .aanvraag-btn.btn-verwijder{background:#dc2626;color:#fff;padding:6px 10px}.pagina-gebruikers .aanvraag-btn.btn-verwijder svg{font-size:15px}.pagina-gebruikers .aanvraag-btn.neutral{background:#374151;color:#fff}.pagina-gebruikers .aanvraag-btn.warn{background:#f59e0b;color:#1f2937}.pagina-gebruikers .aanvraag-btn.ghost{background:transparent;color:var(--ds-text);border:1px solid var(--ds-border)}.pagina-gebruikers .incompl-badge{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#f59e0b;color:#fff;font-size:11px;font-weight:800;margin-left:7px;vertical-align:middle;cursor:help}.pagina-gebruikers .aanvraag-btn.icon-only{padding:7px;width:34px;justify-content:center;gap:0}.pagina-gebruikers .btn-golive{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:var(--ds-radius-sm);color:#fff;cursor:pointer;font-size:14px;font-weight:700;transition:opacity .15s,box-shadow .2s,transform .15s}.pagina-gebruikers .btn-golive:hover{opacity:.92;box-shadow:0 6px 20px #16a34a59;transform:translateY(-1px)}.pagina-gebruikers .btn-golive:disabled{opacity:.6;cursor:wait;transform:none;box-shadow:none}.pagina-gebruikers .empty-state svg{font-size:40px;color:var(--ds-text-subtle)}.pagina-gebruikers .clickable-row{cursor:pointer}.pagina-gebruikers .dv{flex:1;color:var(--ds-text);word-break:break-word;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pagina-gebruikers .dv-tag{font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--portal-color) 12%,transparent);color:var(--portal-color);text-transform:uppercase}.pagina-gebruikers .dv-tag-warn{background:#f59e0b26;color:#fbbf24}.pagina-gebruikers .dv-verify-btn{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:3px 9px;border:1px solid rgba(34,197,94,.4);border-radius:999px;background:#22c55e1f;color:#22c55e;font-size:11px;font-weight:700;cursor:pointer}.pagina-gebruikers .dv-verify-btn:hover{background:#22c55e33}.pagina-gebruikers .dv-verify-btn svg{font-size:13px}.pagina-gebruikers .dv-send-btn{border-color:color-mix(in srgb,var(--portal-color) 40%,transparent);background:color-mix(in srgb,var(--portal-color) 12%,transparent);color:#6366f1}.pagina-gebruikers .dv-send-btn:hover{background:color-mix(in srgb,var(--portal-color) 20%,transparent)}.pagina-gebruikers .dv-send-btn[disabled]{opacity:.55;cursor:default}.pagina-gebruikers .live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-left:8px;background:#9ca3af;vertical-align:middle}.pagina-gebruikers .live-dot.ok{background:#22c55e;box-shadow:0 0 0 3px #22c55e33}.pagina-gebruikers .live-dot.bad{background:#ef4444;box-shadow:0 0 0 3px #ef444433}.pagina-gebruikers .live-upd{font-size:12px;font-weight:500;color:var(--ds-text-muted);margin-left:6px}.pagina-gebruikers .live-foot{margin-top:10px;font-size:12px;color:var(--ds-text-muted)}.pagina-gebruikers .dv-missing{color:#ef4444;font-style:italic}.pagina-gebruikers .copy-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-input);color:var(--ds-text);cursor:pointer;padding:0;opacity:.7}.pagina-gebruikers .copy-btn:hover{opacity:1;border-color:var(--portal-color);color:var(--portal-color)}.pagina-gebruikers .copy-btn svg{font-size:13px}.pagina-gebruikers .tools-panel{background:color-mix(in srgb,var(--portal-color) 5%,transparent);border:1px solid color-mix(in srgb,var(--portal-color) 15%,transparent);border-radius:11px;padding:12px 14px}.pagina-gebruikers .tools-panel-title{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--portal-color);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.pagina-gebruikers .tools-panel-title svg{font-size:15px}.pagina-gebruikers .tools-section-label{font-size:10px;font-weight:700;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:10px 0 6px}.pagina-gebruikers .tools-section-label:first-of-type{margin-top:0}.pagina-gebruikers .tool-btn{display:flex;align-items:center;gap:7px;width:100%;padding:8px 10px;margin-bottom:6px;background:color-mix(in srgb,var(--portal-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--portal-color) 25%,transparent);border-radius:var(--ds-radius-sm);color:var(--portal-color);font-size:12px;font-weight:600;cursor:pointer;text-align:left;transition:background .15s,border-color .15s}.pagina-gebruikers .tool-btn:hover:not(:disabled){background:color-mix(in srgb,var(--portal-color) 18%,transparent);border-color:color-mix(in srgb,var(--portal-color) 40%,transparent)}.pagina-gebruikers .tool-btn:disabled{opacity:.55;cursor:wait}.pagina-gebruikers .tool-btn svg{font-size:14px;flex:0 0 auto}.pagina-gebruikers .tool-link{display:flex;align-items:center;gap:7px;width:100%;padding:7px 10px;margin-bottom:5px;background:transparent;border:1px solid var(--ds-border);border-radius:8px;color:var(--ds-text-2);font-size:12px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,color .15s}.pagina-gebruikers .tool-link:hover{background:var(--ds-hover);border-color:color-mix(in srgb,var(--portal-color) 30%,transparent);color:var(--ds-text)}.pagina-gebruikers .tool-link svg{font-size:13px;flex:0 0 auto;color:var(--ds-text-muted)}.pagina-gebruikers .tool-result{display:flex;align-items:flex-start;gap:7px;padding:7px 10px;border-radius:7px;font-size:12px;font-weight:600;margin-bottom:6px;line-height:1.4}.pagina-gebruikers .tool-result svg{font-size:14px;flex:0 0 auto;margin-top:1px}.pagina-gebruikers .tool-result--found{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.25)}.pagina-gebruikers .tool-result--warn{background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.pagina-gebruikers .tool-result--error{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.25)}.pagina-gebruikers .tool-result--loading{background:color-mix(in srgb,var(--portal-color) 8%,transparent);color:var(--ds-text-muted);border:1px solid var(--ds-border);font-weight:400;font-style:italic}.pagina-gebruikers .tool-mismatch{font-size:10px;font-weight:700;padding:1px 6px;border-radius:5px;background:#ef444433;color:#f87171;margin-left:4px;white-space:nowrap}.pagina-gebruikers .actie-groep{display:flex;flex-direction:column;align-items:stretch;gap:6px}.pagina-gebruikers .actie-groep-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);margin:6px 0 2px}.pagina-gebruikers .actie-rij{display:flex;align-items:center;gap:10px}.pagina-gebruikers .actie-rij .aanvraag-btn{flex:0 0 168px;justify-content:flex-start}.pagina-gebruikers .actie-uitleg{flex:1;min-width:0;font-size:12px;line-height:1.35;color:var(--ds-text-muted)}@media (max-width: 640px){.pagina-gebruikers .actie-rij{flex-direction:column;align-items:stretch;gap:3px}.pagina-gebruikers .actie-rij .aanvraag-btn{flex:none}}.pagina-gebruikers .detail-docs-loading,.pagina-gebruikers .detail-docs-empty{font-size:12px;color:var(--ds-text-muted);padding:4px 0}.pagina-gebruikers .doc-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--ds-border-subtle)}.pagina-gebruikers .doc-item:last-child{border-bottom:none}.pagina-gebruikers .doc-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.pagina-gebruikers .doc-naam{font-size:13px;color:var(--ds-text);font-weight:600;word-break:break-word}.pagina-gebruikers .doc-sub{font-size:11px;color:var(--ds-text-muted)}.pagina-gebruikers .doc-dl{flex:0 0 auto}.pagina-gebruikers .edit-btn{background:linear-gradient(135deg,#6366f1,#4f46e5)}.pagina-gebruikers .edit-btn-sec{background:color-mix(in srgb,var(--portal-color) 15%,transparent);color:var(--portal-color);border:1px solid color-mix(in srgb,var(--portal-color) 30%,transparent)}.pagina-gebruikers .edit-form-row{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.pagina-gebruikers .edit-label{font-size:11px;font-weight:700;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.05em}.pagina-gebruikers .edit-select{font-size:13px}.pagina-gebruikers .edit-form-note{font-size:11px;color:var(--ds-text-muted);line-height:1.5;margin-bottom:10px;border-left:3px solid var(--ds-border);padding-left:8px}.pagina-gebruikers .edit-test-toggle{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ds-text-muted);margin:8px 0 10px;cursor:pointer}.pagina-gebruikers .edit-test-toggle input{cursor:pointer;accent-color:#10b981}.pagina-gebruikers .edit-form-actions{display:flex;gap:8px}.pagina-gebruikers .edit-stripe-badge{font-size:10px;font-weight:700;background:#10b98126;color:#10b981;padding:2px 6px;border-radius:5px;margin-left:6px}.pagina-gebruikers .edit-access-hint{font-size:11px;color:var(--ds-text-muted);margin-top:4px;display:block;line-height:1.4}@media (max-width: 700px){.pagina-gebruikers .tab-btn{flex:none}.pagina-gebruikers .users-stats{grid-template-columns:repeat(2,1fr)}}.pagina-gebruikers .tabs-bar .tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px;border:1px solid transparent;border-radius:var(--ds-radius-sm);background:transparent;color:var(--ds-text-muted);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:color .15s,background .15s,border-color .15s}.pagina-gebruikers .tabs-bar .tab-btn:hover{color:var(--ds-text);background:color-mix(in srgb,var(--portal-color) 7%,transparent)}.pagina-gebruikers .dv.mono{font-family:ui-monospace,monospace;font-size:11px;color:var(--ds-text-muted)}.pagina-gebruikers .card-kop-rij{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}.pagina-gebruikers .card-kop-rij .card-title{margin:0}.pagina-gebruikers .bulk-rij{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.pagina-gebruikers .golive-rij{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.pagina-gebruikers .card-uitleg{font-size:12.5px;color:var(--ds-text-muted);margin:0 0 12px;line-height:1.5}.pagina-gebruikers .naam-cel{color:var(--portal-color);font-weight:500}.pagina-gebruikers .id-cel{font-size:11px;color:var(--ds-text-muted);font-family:ui-monospace,monospace}.pagina-gebruikers .card-groen{border:1px solid color-mix(in srgb,var(--ds-success) 40%,transparent)}.pagina-gebruikers .tab-badge.geel{background:#eab308;color:#1f2937}.pagina-gebruikers .tab-badge.rood{background:#dc2626;color:#fff}.pagina-gebruikers .tab-badge.oranje{background:#f59e0b;color:#1f2937}.pagina-gebruikers .tab-badge.groen{background:#16a34a;color:#fff}.pagina-gebruikers .tab-badge.paars{background:#7c3aed;color:#fff}.pagina-gebruikers .nieuw-fout{color:var(--ds-danger);font-size:13px}.pagina-gebruikers .nieuw-klaar-titel{color:var(--ds-success);font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:6px}.pagina-gebruikers .nieuw-mailregel{margin:0 0 10px;padding:8px 10px;border-radius:8px;background:var(--ds-success-bg);color:var(--ds-success);font-size:12px}.pagina-gebruikers .veld-rij{display:flex;gap:8px}.pagina-gebruikers .veld-rij>.input{flex:1}.pagina-gebruikers .veld-label{font-size:11px;color:var(--ds-text-muted);margin:4px 0 -2px}.pagina-gebruikers .pakket-rij{display:flex;gap:8px;flex-wrap:wrap}.pagina-gebruikers .pakket-kaart{flex:1;min-width:96px;background:var(--ds-card);color:var(--ds-text);border:1px solid var(--ds-border);border-radius:10px;padding:10px 8px;cursor:pointer;text-align:center;transition:border-color .15s,box-shadow .15s}.pagina-gebruikers .pakket-kaart.gekozen{border-color:var(--portal-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--portal-color) 12%,transparent)}.pagina-gebruikers .pakket-kaart-naam{font-weight:700;font-size:13px}.pagina-gebruikers .pakket-kaart-prijs{font-size:12px;color:var(--ds-text-muted)}.pagina-gebruikers .incasso-blok{margin-top:12px;padding:10px 12px;border:1px solid var(--ds-border);border-radius:10px;background:var(--ds-card)}.pagina-gebruikers .incasso-rij{display:flex;gap:8px;align-items:center}.pagina-gebruikers .incasso-rij .input{flex:1;font-family:ui-monospace,monospace;font-size:12px}.pagina-gebruikers .controle-lijst{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.pagina-gebruikers .controle-laden{font-size:12px;color:var(--ds-text-muted);padding:6px 2px}.pagina-gebruikers .controle-fout{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ds-danger);background:var(--ds-danger-bg);border-radius:8px;padding:7px 9px}.pagina-gebruikers .controle-samenvatting{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:2px}.pagina-gebruikers .cs-deel{font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:3px 7px;border-radius:999px}.pagina-gebruikers .cs-ok{background:var(--ds-success-bg);color:var(--ds-success)}.pagina-gebruikers .cs-niet{background:var(--ds-warning-bg);color:var(--ds-warning)}.pagina-gebruikers .cs-leeg{background:var(--ds-danger-bg);color:var(--ds-danger)}.pagina-gebruikers .cs-nul{background:var(--ds-hover);color:var(--ds-text-muted)}.pagina-gebruikers .controle-rij{display:flex;gap:8px;align-items:flex-start;background:var(--ds-card);border:1px solid var(--ds-border);border-left-width:3px;border-radius:9px;padding:8px 9px}.pagina-gebruikers .controle-rij>svg{font-size:15px;flex:0 0 auto;margin-top:1px}.pagina-gebruikers .controle-rij--ok{border-left-color:var(--ds-success)}.pagina-gebruikers .controle-rij--ok>svg{color:var(--ds-success)}.pagina-gebruikers .controle-rij--niet{border-left-color:var(--ds-warning);background:var(--ds-warning-bg)}.pagina-gebruikers .controle-rij--niet>svg{color:var(--ds-warning)}.pagina-gebruikers .controle-rij--leeg{border-left-color:var(--ds-danger);background:var(--ds-danger-bg)}.pagina-gebruikers .controle-rij--leeg>svg{color:var(--ds-danger)}.pagina-gebruikers .controle-tekst{min-width:0;flex:1}.pagina-gebruikers .controle-kop{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}.pagina-gebruikers .controle-label{font-size:12px;font-weight:700;color:var(--ds-text)}.pagina-gebruikers .controle-stand{font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ds-text-muted)}.pagina-gebruikers .controle-rij--ok .controle-stand{color:var(--ds-success)}.pagina-gebruikers .controle-rij--niet .controle-stand{color:var(--ds-warning)}.pagina-gebruikers .controle-rij--leeg .controle-stand{color:var(--ds-danger)}.pagina-gebruikers .controle-waarde{font-family:ui-monospace,monospace;font-size:11px;color:var(--ds-text-2);margin-top:2px;overflow-wrap:anywhere}.pagina-gebruikers .controle-uitleg{font-size:11px;color:var(--ds-text-muted);margin-top:3px;line-height:1.4}.pagina-gebruikers .controle-sinds{font-size:10px;color:var(--ds-text-subtle);margin-top:3px}.us-trechter{margin-top:14px;display:flex;flex-direction:column;gap:6px}.us-tr-rij{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center}.us-tr-nr{text-align:right;font-weight:700;font-size:1rem;color:var(--ds-text);font-variant-numeric:tabular-nums}.us-tr-spoor{height:10px;border-radius:999px;background:var(--ds-border-subtle);overflow:hidden}.us-tr-vul{display:block;height:100%;border-radius:999px;background:var(--portal-color)}.us-tr-lbl{font-size:.85rem;color:var(--ds-text-muted);min-width:150px}.us-tr-uit{margin:8px 0 0;font-size:.8rem;line-height:1.45}@media (max-width: 640px){.us-tr-rij{grid-template-columns:46px 1fr}.us-tr-lbl{grid-column:2}}.us-tr-vul.betaalt{background:var(--ds-success)}.detail-betaal{border:1px solid var(--ds-border);border-left-width:4px;border-radius:10px;padding:12px 14px;margin-bottom:14px;background:var(--ds-card)}.detail-betaal.ok{border-left-color:var(--ds-success)}.detail-betaal.fout{border-left-color:var(--ds-danger)}.detail-betaal.onbekend{border-left-color:var(--ds-border-strong)}.db-kop{font-weight:700;font-size:.95rem;color:var(--ds-text)}.detail-betaal.ok .db-kop{color:var(--ds-success)}.detail-betaal.fout .db-kop{color:var(--ds-danger)}.db-uitleg{margin-top:4px;font-size:.82rem;line-height:1.45;color:var(--ds-text-muted)}.db-regels{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.8rem;color:var(--ds-text-muted)}.db-regels b{color:var(--ds-text)}.db-gemeten{color:var(--ds-text-subtle);font-style:italic}.detail-vers{border:1px solid var(--ds-border);border-left:4px solid var(--ds-warning);border-radius:10px;padding:10px 14px;margin-bottom:14px;font-size:.82rem;line-height:1.5;color:var(--ds-text-muted);background:var(--ds-card)}.us-tr-eur{display:block;margin-top:2px;font-size:.8rem;color:var(--ds-text);font-variant-numeric:tabular-nums}.db-afgemeld{display:flex;gap:8px;align-items:flex-start;margin-top:10px;padding-top:10px;border-top:1px solid var(--ds-border-subtle);font-size:.82rem;line-height:1.45;color:var(--ds-text-muted)}.db-afgemeld ion-icon{flex:none;margin-top:2px;font-size:1rem}@media (max-width: 640px){.pagina-gebruikers .tabs-bar{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}.pagina-gebruikers .tabs-bar::-webkit-scrollbar{display:none}.pagina-gebruikers .tabs-bar>*{flex:0 0 auto;white-space:nowrap}}.cent-badge{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.02em;color:var(--ds-danger, #b91c1c);background:var(--ds-danger-bg, #fee2e2);vertical-align:middle;white-space:nowrap}.db-machtiging-stap{color:var(--ds-danger, #b91c1c)}.pagina-gebruikers .dossier-modal{max-width:1040px}.pagina-gebruikers .dossier-soort{font-size:12px;font-weight:600;opacity:.8;text-transform:capitalize;margin-left:4px}.pagina-gebruikers .dossier-kop-rechts{display:flex;align-items:center;gap:10px;flex:0 0 auto}.pagina-gebruikers .dossier-kop-rechts .user-status{border:1px solid rgba(255,255,255,.35)}.pagina-gebruikers .dossier-body{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}.pagina-gebruikers .dossier-links,.pagina-gebruikers .dossier-rechts{min-width:0;display:flex;flex-direction:column;gap:14px}.pagina-gebruikers .dossier-body .modal-section{margin-bottom:0}@media (max-width: 900px){.pagina-gebruikers .dossier-body{grid-template-columns:1fr}}.pagina-gebruikers .dossier-kaart .detail-rijen{border:none;box-shadow:none;padding:0;border-radius:0}.pagina-gebruikers .dossier-kaart .detail-row{padding:9px 0}.pagina-gebruikers .dossier-kaart .detail-row:first-child{padding-top:2px}.pagina-gebruikers .dossier-kaart .detail-row:last-child{padding-bottom:2px}.pagina-gebruikers .dossier-kaart .dv{justify-content:flex-end;text-align:right}.pagina-gebruikers .dossier-kaart .dv.mono{font-size:11px}.pagina-gebruikers .dossier-kaart .dv-missing{color:var(--ds-danger);font-style:normal;font-weight:500}.pagina-gebruikers .dossier-kaart .dv code{font-family:ui-monospace,monospace;font-size:12px;background:var(--ds-hover);padding:2px 6px;border-radius:6px}.pagina-gebruikers .detail-betaal.modal-section{border-left-width:4px}.pagina-gebruikers .detail-vers.modal-section{border-left:4px solid var(--ds-warning)}.pagina-gebruikers .detail-docs-loading,.pagina-gebruikers .detail-docs-empty{font-size:13px;color:var(--ds-text-muted)}.pagina-gebruikers .tools-panel{background:var(--ds-card);border-color:var(--ds-border);border-radius:14px;padding:16px 18px}.pagina-gebruikers .tools-panel .section-header,.pagina-gebruikers .dossier-acties .section-header{color:var(--portal-color)}.pagina-gebruikers .dossier-acties{grid-column:1 / -1}.pagina-gebruikers .dossier-acties .actie-groep{display:block}.pagina-gebruikers .dossier-acties .actie-groep+.actie-groep{margin-top:14px;padding-top:12px;border-top:1px solid var(--ds-border-subtle)}.pagina-gebruikers .dossier-acties .actie-groep-label{display:block;margin:0 0 8px}.pagina-gebruikers .dossier-acties .actie-groep-label+.actie-rij,.pagina-gebruikers .dossier-acties .actie-rij{display:inline-flex;vertical-align:top;flex-direction:column;align-items:stretch;gap:4px;width:calc((100% - 24px) / 3);margin:0 12px 10px 0}.pagina-gebruikers .dossier-acties .actie-rij:nth-of-type(3n){margin-right:0}@media (max-width: 900px){.pagina-gebruikers .dossier-acties .actie-rij{width:calc((100% - 12px)/2)}.pagina-gebruikers .dossier-acties .actie-rij:nth-of-type(3n){margin-right:12px}.pagina-gebruikers .dossier-acties .actie-rij:nth-of-type(2n){margin-right:0}}@media (max-width: 560px){.pagina-gebruikers .dossier-acties .actie-rij{width:100%;margin-right:0}}.pagina-gebruikers .dossier-acties .actie-rij .aanvraag-btn{flex:none;width:100%;justify-content:flex-start;min-height:40px}.pagina-gebruikers .dossier-acties .actie-uitleg{font-size:11.5px;line-height:1.35;padding:0 2px}@media (min-width: 641px){.pagina-gebruikers .dossier-voet>.btn-row{flex-wrap:nowrap;justify-content:flex-start}.pagina-gebruikers .dossier-voet>.btn-row>button{flex:0 0 auto;min-height:42px;font-size:14px;padding:0 18px}.pagina-gebruikers .dossier-voet .dossier-sluit{margin-left:auto;min-width:120px}}.pagina-gebruikers .detail-edit-form.modal-section{margin:0}.pagina-gebruikers .detail-edit-form .edit-form-row{display:grid;grid-template-columns:200px 1fr;align-items:center;gap:10px;margin-bottom:8px}@media (max-width: 640px){.pagina-gebruikers .detail-edit-form .edit-form-row{grid-template-columns:1fr;gap:4px}}.pagina-gebruikers .detail-edit-form .edit-label{text-transform:none;letter-spacing:0;font-size:12.5px;font-weight:600;color:var(--ds-text-2)}.pagina-gebruikers .detail-edit-form .edit-form-actions{margin-top:12px}.pagina-gebruikers .nieuw-body{display:flex;flex-direction:column;gap:10px}.pagina-gebruikers .tool-btn,.pagina-gebruikers .tool-link{box-sizing:border-box}.wa-blok{margin:10px 0 4px}.wa-paneel{margin-top:8px;display:flex;flex-direction:column;gap:8px}.wa-tekst{width:100%;font-size:13px;line-height:1.45;resize:vertical}.wa-knoppen{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.wa-knoppen .btn-primary,.wa-knoppen .btn-secondary{display:inline-flex;align-items:center;gap:6px}.wa-geen-tel{font-size:12.5px;color:var(--ds-text-muted)}.pagina-klantstatus .ks-dl{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px}.pagina-klantstatus .ks-dl-titel{font-size:14px;font-weight:700;display:flex;align-items:center;gap:7px}.pagina-klantstatus .ks-dl-sub{font-size:12px;color:var(--text-muted, #64748b);margin-top:2px}.pagina-klantstatus .ks-dl-link{font-size:12.5px;border:1px solid var(--border-color, #e2e8f0);border-radius:7px;padding:6px 10px;-webkit-user-select:all;user-select:all;word-break:break-all}.pagina-klantstatus .ks-dl-acties{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}.pagina-klantstatus .ks-open-blok{margin-bottom:14px}.pagina-klantstatus .ks-open-titel{margin:0 0 4px;font-size:15px;display:flex;align-items:center;gap:7px}.pagina-klantstatus .ks-open-uitleg{margin:0 0 10px;font-size:12.5px;color:var(--text-muted, #64748b)}.pagina-klantstatus .ks-kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px}.pagina-klantstatus .ks-kpi{background:var(--card-bg, #fff);border-radius:10px;padding:10px 13px;box-shadow:var(--ds-shadow)}.pagina-klantstatus .ks-kpi .kv{font-size:22px;font-weight:800}.pagina-klantstatus .ks-kpi .kl{font-size:12px;color:var(--text-muted, #64748b);margin-top:2px}.pagina-klantstatus .ks-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}.pagina-klantstatus .ks-zoek{display:flex;align-items:center;gap:7px;flex:1;min-width:220px;background:var(--card-bg, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:9px;padding:7px 11px}.pagina-klantstatus .ks-zoek svg{color:var(--text-muted, #64748b);flex-shrink:0}.pagina-klantstatus .ks-zoek input{border:0;outline:none;background:transparent;width:100%;color:inherit;font:inherit}.pagina-klantstatus .ks-check{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted, #64748b);cursor:pointer}.pagina-klantstatus .ks-knop{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:var(--ds-radius-sm);cursor:pointer;padding:7px 12px;font:inherit;font-size:12.5px;font-weight:600;background:var(--portal-color);color:#fff}.pagina-klantstatus .ks-knop[disabled]{opacity:.5;cursor:default}.pagina-klantstatus .ks-knop.stil{background:transparent;border:1px solid var(--border-color, #e2e8f0);color:var(--text-muted, #475569)}.pagina-klantstatus .ks-table .ks-th-controle{text-transform:capitalize;font-size:11px}.pagina-klantstatus .ks-td-controle{text-align:center}.pagina-klantstatus .ks-td-controle svg{font-size:19px;vertical-align:middle}.pagina-klantstatus .ks-td-controle svg.ok{color:#22c55e}.pagina-klantstatus .ks-td-controle svg.niet-ok{color:#ef4444}.pagina-klantstatus .ks-naam{font-weight:700}.pagina-klantstatus .ks-email{font-size:12px;color:var(--text-muted, #64748b)}.pagina-klantstatus .ks-rij-pauze{opacity:.55}.pagina-klantstatus .ks-2fa{white-space:nowrap;font-size:12px}.pagina-klantstatus .ks-vast{display:inline-block;padding:2px 8px;border-radius:999px;font-weight:700;color:var(--ds-danger);background:color-mix(in srgb,var(--ds-danger) 10%,transparent)}.pagina-klantstatus .ks-onth{display:inline-block;padding:2px 8px;border-radius:999px;color:var(--ds-text-muted);background:#7878781f}.pagina-klantstatus .ks-acties{display:flex;flex-wrap:wrap;gap:6px}.pagina-klantstatus .ks-leeg{text-align:center;color:var(--text-muted, #64748b);padding:18px}.pagina-klantstatus .status-badge.pauze{background:#eab30826;color:#b45309}.pagina-klantstatus .ks-modal-schim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4000;background:#00000080;display:flex;align-items:center;justify-content:center;padding:16px}.pagina-klantstatus .ks-modal{background:var(--card-bg, #fff);color:inherit;border-radius:14px;padding:18px;width:100%;max-width:420px;box-shadow:0 18px 50px #0000004d}.pagina-klantstatus .ks-modal-kop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.pagina-klantstatus .ks-modal-kop h3{margin:0;font-size:16px;display:flex;align-items:center;gap:7px}.pagina-klantstatus .ks-x{background:transparent;border:0;cursor:pointer;color:inherit;font-size:20px;display:flex}.pagina-klantstatus .ks-modal-uitleg{font-size:12.5px;color:var(--text-muted, #64748b);margin:4px 0 12px}.pagina-klantstatus .ks-modal label{display:block;font-size:12.5px;font-weight:600;margin-bottom:10px}.pagina-klantstatus .ks-modal input{display:block;width:100%;margin-top:4px;padding:8px 10px;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;background:transparent;color:inherit;font:inherit}.pagina-klantstatus .ks-modal-fout{color:#ef4444;font-size:12.5px;margin-bottom:10px}.pagina-klantstatus .ks-kpi.kleur-indigo{border-left:3px solid var(--portal-color)}.pagina-klantstatus .ks-kpi.kleur-indigo .kv{color:var(--portal-color)}.pagina-klantstatus .ks-kpi.kleur-groen{border-left:3px solid var(--ds-success)}.pagina-klantstatus .ks-kpi.kleur-groen .kv{color:var(--ds-success)}.pagina-klantstatus .ks-kpi.kleur-geel{border-left:3px solid var(--ds-warning)}.pagina-klantstatus .ks-kpi.kleur-geel .kv{color:var(--ds-warning)}.pagina-klantstatus .ks-kpi.kleur-rood{border-left:3px solid var(--ds-danger)}.pagina-klantstatus .ks-kpi.kleur-rood .kv{color:var(--ds-danger)}.pagina-klantstatus .ks-kpi.kleur-oranje{border-left:3px solid #ea580c}.pagina-klantstatus .ks-kpi.kleur-oranje .kv{color:#ea580c}.pagina-klantstatus .ks-kpi.kleur-cyaan{border-left:3px solid #0891b2}.pagina-klantstatus .ks-kpi.kleur-cyaan .kv{color:#0891b2}.pagina-klantstatus .ks-td-controle .ok{color:var(--ds-success)}.pagina-klantstatus .ks-td-controle .niet-ok{color:var(--ds-danger)}.pagina-klantstatus .ks-th-bedenktijd{font-size:11px;white-space:nowrap}.pagina-klantstatus .ks-td-bedenktijd{min-width:104px}.pagina-klantstatus .ks-bt{display:flex;flex-direction:column;gap:3px}.pagina-klantstatus .ks-bt-spoor{height:5px;border-radius:999px;background:#94a3b847;overflow:hidden}.pagina-klantstatus .ks-bt-vulling{height:100%;border-radius:999px;background:currentColor}.pagina-klantstatus .ks-bt-tekst{font-size:11px;font-weight:600;white-space:nowrap}.pagina-klantstatus .ks-bt--binnen{color:#16a34a}.pagina-klantstatus .ks-bt--verlopen,.pagina-klantstatus .ks-bt-leeg{color:#94a3b8}@media (max-width: 640px){.pagina-klantstatus .ks-bar{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}.pagina-klantstatus .ks-bar::-webkit-scrollbar{display:none}.pagina-klantstatus .ks-bar>*{flex:0 0 auto;white-space:nowrap}}.pagina-ilt-compleet .cc-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}.pagina-ilt-compleet .cc-kpi{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;padding:14px 16px}.pagina-ilt-compleet .cc-kpi-nr{font-size:28px;font-weight:800;color:var(--ds-text-1);line-height:1.1}.pagina-ilt-compleet .cc-kpi-lbl{font-size:12px;color:var(--ds-text-muted);margin-top:2px}.pagina-ilt-compleet .cc-kpi.ok .cc-kpi-nr{color:#16a34a}.pagina-ilt-compleet .cc-act{margin-bottom:16px}.pagina-ilt-compleet .cc-act-graad{float:right;font-size:13px;font-weight:700;color:#16a34a}.pagina-ilt-compleet .cc-act-graad.laag{color:#d97706}.pagina-ilt-compleet .cc-act-balk{display:flex;height:14px;border-radius:7px;overflow:hidden;background:var(--ds-bg);margin:10px 0}.pagina-ilt-compleet .cc-seg{min-width:2px;transition:flex .4s ease}.pagina-ilt-compleet .s-actief{background:#16a34a}.pagina-ilt-compleet .s-stil{background:#d97706}.pagina-ilt-compleet .s-nooit{background:#6366f1}.pagina-ilt-compleet .s-mail{background:#0ea5e9}.pagina-ilt-compleet .s-incompleet{background:#dc2626}.pagina-ilt-compleet .cc-act-legenda{display:flex;flex-wrap:wrap;gap:8px}.pagina-ilt-compleet .cc-seg-knop{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;padding:6px 11px;border-radius:999px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-1);cursor:pointer}.pagina-ilt-compleet .cc-seg-knop.aan{border-color:var(--portal-color);box-shadow:inset 0 0 0 1px var(--portal-color)}.pagina-ilt-compleet .cc-seg-knop b{font-variant-numeric:tabular-nums}.pagina-ilt-compleet .cc-seg-knop .p{width:9px;height:9px;border-radius:50%;display:inline-block}.pagina-ilt-compleet .cc-act-uitleg{font-size:12px;color:var(--ds-text-muted);margin-top:10px}.pagina-ilt-compleet .cc-seg-badge{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}.pagina-ilt-compleet .cc-nul{color:var(--ds-text-muted)}.pagina-ilt-compleet .cc-kpi.warn .cc-kpi-nr{color:#d97706}.pagina-ilt-compleet .cc-gaten{margin-bottom:16px}.pagina-ilt-compleet .cc-h2{font-size:14px;font-weight:700;margin:0 0 10px;color:var(--ds-text-1)}.pagina-ilt-compleet .cc-gaten-rij{display:flex;flex-wrap:wrap;gap:8px}.pagina-ilt-compleet .cc-gat{font-size:12.5px;color:var(--ds-text-muted);background:var(--ds-hover);border:1px solid var(--ds-border);border-radius:999px;padding:4px 12px}.pagina-ilt-compleet .cc-gat b{color:var(--ds-text-1)}.pagina-ilt-compleet .cc-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px}.pagina-ilt-compleet .cc-chip-btn{font-size:13px;padding:6px 13px;border-radius:999px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-muted);cursor:pointer}.pagina-ilt-compleet .cc-chip-btn.actief{background:var(--portal-color);color:#fff;border-color:var(--portal-color)}.pagina-ilt-compleet .cc-chip-tel{opacity:.7;margin-left:4px}.pagina-ilt-compleet .cc-zoek{display:flex;align-items:center;gap:6px;margin-left:auto;background:var(--ds-input, var(--ds-bg));border:1px solid var(--ds-border);border-radius:999px;padding:4px 12px}.pagina-ilt-compleet .cc-zoek input{border:none;background:transparent;color:var(--ds-text-1);outline:none;font-size:13px;min-width:220px}.pagina-ilt-compleet .cc-zoek svg{color:var(--ds-text-muted)}.pagina-ilt-compleet .cc-naam{font-weight:600;color:var(--ds-text-1)}.pagina-ilt-compleet .cc-sub{font-size:12px;color:var(--ds-text-muted)}.pagina-ilt-compleet .cc-mist-chip{display:inline-block;font-size:12px;color:#b45309;background:color-mix(in srgb,#d97706 12%,transparent);border:1px solid color-mix(in srgb,#d97706 30%,transparent);border-radius:var(--ds-radius-sm);padding:2px 8px;margin:2px 4px 2px 0}.pagina-ilt-compleet .cc-mist-adres{color:#6d28d9;background:color-mix(in srgb,#7c3aed 12%,transparent);border-color:color-mix(in srgb,#7c3aed 30%,transparent)}.pagina-ilt-compleet .cc-ok{display:inline-flex;align-items:center;gap:5px;color:#16a34a;font-size:13px}.pagina-ilt-compleet .cc-leeg{padding:24px;text-align:center;color:var(--ds-text-muted)}.pagina-ilt-compleet .cc-fout{color:#dc2626}.pagina-arbeidstijden .at-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}.pagina-arbeidstijden .at-kpi{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;padding:14px 16px}.pagina-arbeidstijden .at-kpi-nr{font-size:28px;font-weight:800;color:var(--ds-text-1);line-height:1.1;font-variant-numeric:tabular-nums}.pagina-arbeidstijden .at-kpi-lbl{font-size:12px;color:var(--ds-text-muted);margin-top:2px}.pagina-arbeidstijden .at-kpi.err .at-kpi-nr{color:#dc2626}.pagina-arbeidstijden .at-kpi.warn .at-kpi-nr{color:#d97706}.pagina-arbeidstijden .at-uitleg{font-size:12.5px;color:var(--ds-text-muted);line-height:1.55;margin-bottom:16px}.pagina-arbeidstijden .at-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px}.pagina-arbeidstijden .at-chip-btn{font-size:13px;padding:6px 13px;border-radius:999px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-muted);cursor:pointer}.pagina-arbeidstijden .at-chip-btn.actief{background:var(--portal-color);color:#fff;border-color:var(--portal-color)}.pagina-arbeidstijden .at-chip-tel{opacity:.7;margin-left:4px;font-variant-numeric:tabular-nums}.pagina-arbeidstijden .at-zoek{display:flex;align-items:center;gap:6px;margin-left:auto;background:var(--ds-input, var(--ds-bg));border:1px solid var(--ds-border);border-radius:999px;padding:4px 12px}.pagina-arbeidstijden .at-zoek input{border:none;background:transparent;color:var(--ds-text-1);outline:none;font-size:13px;min-width:220px}.pagina-arbeidstijden .at-zoek svg{color:var(--ds-text-muted)}.pagina-arbeidstijden .at-rij{cursor:pointer}.pagina-arbeidstijden .at-rij:hover{background:var(--ds-hover)}.pagina-arbeidstijden .at-naam{font-weight:600;color:var(--ds-text-1);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pagina-arbeidstijden .at-sub{font-size:12px;color:var(--ds-text-muted)}.pagina-arbeidstijden .at-getal{font-variant-numeric:tabular-nums;white-space:nowrap}.pagina-arbeidstijden .at-getal.rood{color:#dc2626;font-weight:700}.pagina-arbeidstijden .at-getal.oranje{color:#d97706;font-weight:600}.pagina-arbeidstijden .at-tekort{font-size:11.5px;color:#dc2626}.pagina-arbeidstijden .at-open{font-size:12.5px;color:#0ea5e9;font-weight:600;white-space:nowrap}.pagina-arbeidstijden .at-badge{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}.pagina-arbeidstijden .at-badge.s-rood{color:#b91c1c;background:color-mix(in srgb,#dc2626 12%,transparent)}.pagina-arbeidstijden .at-badge.s-oranje{color:#b45309;background:color-mix(in srgb,#d97706 14%,transparent)}.pagina-arbeidstijden .at-badge.s-groen{color:#15803d;background:color-mix(in srgb,#16a34a 14%,transparent)}.pagina-arbeidstijden .at-leeg{padding:24px;text-align:center;color:var(--ds-text-muted)}.pagina-arbeidstijden .at-detail-kop{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:14px}.pagina-arbeidstijden .at-detail-kop>div{display:flex;flex-direction:column;gap:2px;background:var(--ds-veld, var(--ds-bg));border:1px solid var(--ds-border);border-radius:10px;padding:9px 12px}.pagina-arbeidstijden .at-detail-kop b{font-size:14px;color:var(--ds-text-1)}.pagina-arbeidstijden .at-detail-kop b.rood{color:#dc2626}.pagina-arbeidstijden .at-detail-kop b.oranje{color:#d97706}.pagina-arbeidstijden .at-advies{font-size:12.5px;line-height:1.55;color:#b45309;background:color-mix(in srgb,#d97706 10%,transparent);border:1px solid color-mix(in srgb,#d97706 28%,transparent);border-radius:10px;padding:10px 12px;margin-bottom:14px}.pagina-arbeidstijden .at-tijdlijn{display:flex;flex-direction:column;gap:6px}.pagina-arbeidstijden .at-blok{display:grid;grid-template-columns:62px 1fr auto 130px;align-items:center;gap:10px;border:1px solid var(--ds-border);border-left:4px solid var(--ds-border);border-radius:8px;padding:8px 12px;font-size:12.5px}.pagina-arbeidstijden .at-blok.werk{border-left-color:#0ea5e9}.pagina-arbeidstijden .at-blok.rust{border-left-color:var(--ds-border)}.pagina-arbeidstijden .at-blok.rust.telt{border-left-color:#16a34a}.pagina-arbeidstijden .at-blok-soort{font-weight:700;color:var(--ds-text-1)}.pagina-arbeidstijden .at-blok-tijd{color:var(--ds-text-muted)}.pagina-arbeidstijden .at-blok-uren{font-variant-numeric:tabular-nums;font-weight:600;color:var(--ds-text-1)}.pagina-arbeidstijden .at-blok-telt{text-align:right;color:var(--ds-text-muted)}.pagina-arbeidstijden .at-blok.rust.telt .at-blok-telt{color:#15803d;font-weight:600}@media (max-width: 640px){.pagina-arbeidstijden .at-zoek{margin-left:0;width:100%}.pagina-arbeidstijden .at-zoek input{min-width:0;width:100%}.pagina-arbeidstijden .at-blok{grid-template-columns:1fr auto;row-gap:2px}.pagina-arbeidstijden .at-blok-telt{grid-column:1 / -1;text-align:left}}.pagina-agent-log .al-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:14px}.pagina-agent-log .al-kpi{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;padding:12px 14px}.pagina-agent-log .al-kpi-nr{font-size:26px;font-weight:800;color:var(--ds-text-1);line-height:1.1;font-variant-numeric:tabular-nums}.pagina-agent-log .al-kpi-lbl{font-size:12px;color:var(--ds-text-muted);margin-top:2px}.pagina-agent-log .al-kpi.groen .al-kpi-nr{color:#16a34a}.pagina-agent-log .al-kpi.blauw .al-kpi-nr{color:#0ea5e9}.pagina-agent-log .al-kpi.oranje .al-kpi-nr{color:#d97706}.pagina-agent-log .al-kpi.rood .al-kpi-nr{color:#dc2626}.pagina-agent-log .al-gezicht{display:inline-flex;vertical-align:middle;margin-right:8px;color:var(--portal-color);transform-origin:50% 60%;animation:al-adem 4s ease-in-out infinite}.pagina-agent-log .al-gezicht.groot{margin-right:0;flex:0 0 56px}.pagina-agent-log .al-gezicht .al-kop{fill:color-mix(in srgb,var(--portal-color) 14%,transparent);stroke:currentColor;stroke-width:2.5}.pagina-agent-log .al-gezicht .al-oog ellipse{fill:currentColor}.pagina-agent-log .al-gezicht .al-oog{transform-origin:50% 28px;animation:al-knipper 5.2s infinite}.pagina-agent-log .al-gezicht .al-oog-r{animation-delay:.06s}.pagina-agent-log .al-gezicht .al-mond{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round}.pagina-agent-log .al-gezicht.bezig .al-mond{d:path("M23 42 Q32 44 41 42")}.pagina-agent-log .al-gezicht .al-pen path{stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}.pagina-agent-log .al-gezicht .al-pen{transform-origin:48px 48px;animation:al-schrijf .7s ease-in-out infinite}.pagina-agent-log .al-gezicht.bezig{animation:al-adem 2.2s ease-in-out infinite}@keyframes al-adem{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.025) translateY(-1px)}}@keyframes al-knipper{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.08)}}@keyframes al-schrijf{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-2px,1px) rotate(-6deg)}}.pagina-agent-log .al-puntjes{display:inline-flex;gap:3px;margin-left:8px;vertical-align:middle}.pagina-agent-log .al-puntjes i{width:5px;height:5px;border-radius:50%;background:var(--portal-color);display:inline-block;animation:al-punt 1.2s infinite ease-in-out}.pagina-agent-log .al-puntjes i:nth-child(2){animation-delay:.2s}.pagina-agent-log .al-puntjes i:nth-child(3){animation-delay:.4s}@keyframes al-punt{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.pagina-agent-log .al-regel.al-nieuw{animation:al-binnen .35s ease-out}@keyframes al-binnen{0%{opacity:0;transform:translateY(6px);background:color-mix(in srgb,var(--portal-color) 12%,transparent)}to{opacity:1;transform:none;background:transparent}}.pagina-agent-log .al-cursor{color:var(--portal-color);animation:al-cursor .9s steps(1) infinite}@keyframes al-cursor{50%{opacity:0}}.pagina-agent-log .al-regel.al-schud.al-nieuw{animation:al-binnen .35s ease-out,al-schudden .5s ease-in-out .35s}@keyframes al-schudden{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media (prefers-reduced-motion: reduce){.pagina-agent-log .al-gezicht,.pagina-agent-log .al-gezicht .al-oog,.pagina-agent-log .al-gezicht .al-pen,.pagina-agent-log .al-puntjes i,.pagina-agent-log .al-regel.al-nieuw,.pagina-agent-log .al-cursor{animation:none}}.pagina-agent-log .al-status{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;margin-bottom:14px}.pagina-agent-log .al-puls{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle;background:var(--ds-text-muted);opacity:.5}.pagina-agent-log .al-puls.aan{background:#16a34a;opacity:1;box-shadow:0 0 #16a34a80;animation:al-puls 1.6s infinite}@keyframes al-puls{0%{box-shadow:0 0 #16a34a73}70%{box-shadow:0 0 0 10px #16a34a00}to{box-shadow:0 0 #16a34a00}}@media (prefers-reduced-motion: reduce){.pagina-agent-log .al-puls.aan{animation:none}}.pagina-agent-log .al-status-kop{font-weight:700;color:var(--ds-text-1);margin-bottom:3px}.pagina-agent-log .al-status-body{font-size:13.5px;color:var(--ds-text-1);line-height:1.5}.pagina-agent-log .al-status-sub{font-size:12px;color:var(--ds-text-muted);margin-top:6px;line-height:1.5}.pagina-agent-log .al-tekst.al-waarschuwing{color:#b45309}.pagina-agent-log .al-tekst.al-alarm{color:#b91c1c;font-weight:600}.pagina-agent-log .al-balk{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.pagina-agent-log .al-chip{font-size:13px;padding:6px 13px;border-radius:999px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-muted);cursor:pointer}.pagina-agent-log .al-chip.actief{background:var(--portal-color);color:#fff;border-color:var(--portal-color)}.pagina-agent-log .al-volgen{font-size:12.5px;color:var(--ds-text-muted);display:inline-flex;align-items:center;gap:6px}.pagina-agent-log .al-fout{color:#dc2626;font-size:13px;margin-bottom:10px}.pagina-agent-log .al-terminal{padding:12px 14px;height:calc(100vh - 470px);min-height:320px;overflow-y:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.55;background:var(--ds-veld, var(--ds-bg));color:var(--ds-text-1)}.pagina-agent-log .al-leeg{color:var(--ds-text-muted)}.pagina-agent-log .al-regel{display:grid;grid-template-columns:70px 112px 1fr;gap:10px;align-items:baseline;padding:2px 0}.pagina-agent-log .al-regel.al-ronde{color:var(--ds-text-muted);border-top:1px dashed var(--ds-border);margin-top:4px;padding-top:6px}.pagina-agent-log .al-tijd{color:var(--ds-text-muted);font-variant-numeric:tabular-nums}.pagina-agent-log .al-actie{font-weight:700;text-transform:uppercase;font-size:10.5px;letter-spacing:.04em;padding:1px 7px;border-radius:999px;text-align:center;white-space:nowrap}.pagina-agent-log .al-actie.groen{color:#15803d;background:color-mix(in srgb,#16a34a 14%,transparent)}.pagina-agent-log .al-actie.grijs{color:var(--ds-text-muted);background:color-mix(in srgb,var(--ds-text-muted) 14%,transparent)}.pagina-agent-log .al-actie.blauw{color:#0369a1;background:color-mix(in srgb,#0ea5e9 14%,transparent)}.pagina-agent-log .al-actie.oranje{color:#b45309;background:color-mix(in srgb,#d97706 14%,transparent)}.pagina-agent-log .al-actie.rood{color:#b91c1c;background:color-mix(in srgb,#dc2626 14%,transparent)}.pagina-agent-log .al-actie.stil{color:var(--ds-text-muted);background:transparent;border:1px dashed var(--ds-border)}.pagina-agent-log .al-tekst{overflow-wrap:anywhere}.pagina-agent-log .al-ticket{font-weight:600}@media (max-width: 640px){.pagina-agent-log .al-regel{grid-template-columns:62px 1fr}.pagina-agent-log .al-tekst{grid-column:1 / -1;padding-left:0}.pagina-agent-log .al-terminal{height:calc(100vh - 300px)}}.pagina-vaste-rit .vr-vlag{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;margin-bottom:16px;border:1px solid var(--ds-border);background:var(--ds-card);font-size:13px}.pagina-vaste-rit .vr-vlag.aan{border-color:#16a34a}.pagina-vaste-rit .vr-vlag.uit{border-color:var(--ds-border)}.pagina-vaste-rit .vr-vlag-sub{font-size:11.5px;color:var(--ds-text-muted);margin-top:4px;font-family:ui-monospace,Menlo,monospace}.pagina-vaste-rit .vr-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:14px}.pagina-vaste-rit .vr-kpi{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;padding:14px 16px}.pagina-vaste-rit .vr-kpi-nr{font-size:28px;font-weight:800;color:var(--ds-text-1);line-height:1.1;font-variant-numeric:tabular-nums}.pagina-vaste-rit .vr-kpi-lbl{font-size:12px;color:var(--ds-text-muted);margin-top:2px}.pagina-vaste-rit .vr-kpi.ok .vr-kpi-nr{color:#16a34a}.pagina-vaste-rit .vr-kpi.warn .vr-kpi-nr{color:#d97706}.pagina-vaste-rit .vr-kpi.err .vr-kpi-nr{color:#dc2626}.pagina-vaste-rit .vr-disclaimer{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:var(--ds-text-muted);padding:10px 12px;border-radius:10px;background:var(--ds-bg);border:1px dashed var(--ds-border);margin-bottom:18px}.pagina-vaste-rit .vr-kop{font-size:15px;font-weight:700;color:var(--ds-text-1);margin:18px 0 10px}.pagina-vaste-rit .vr-kop-sub{font-size:12px;font-weight:400;color:var(--ds-text-muted);margin-left:8px}.pagina-vaste-rit .vr-leeg{font-size:13px;color:var(--ds-text-muted);padding:10px 0}.pagina-vaste-rit .vr-leeg.ok{color:#16a34a}.pagina-vaste-rit .vr-leeg.err{color:#dc2626}.pagina-vaste-rit .vr-badge{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap;border:1px solid var(--ds-border)}.pagina-vaste-rit .vr-badge.ok{color:#16a34a;border-color:#16a34a}.pagina-vaste-rit .vr-badge.warn{color:#d97706;border-color:#d97706}.pagina-vaste-rit .vr-badge.err{color:#dc2626;border-color:#dc2626}.pagina-vaste-rit .vr-ok{color:#16a34a}.pagina-vaste-rit .vr-mis{color:#dc2626;text-decoration:line-through}.pagina-vaste-rit .vr-keten{margin-top:18px;padding:14px;border-radius:12px;border:1px solid var(--ds-border);background:var(--ds-card)}.pagina-vaste-rit .vr-keten-kop{display:flex;align-items:center;gap:10px;margin-bottom:10px}.pagina-vaste-rit .vr-keten-kop .btn-secondary{margin-left:auto}.pagina-vaste-rit .tabel-wrap{overflow-x:auto}.pagina-vaste-rit .tabel .num{text-align:right;font-variant-numeric:tabular-nums}.pagina-vaste-rit code{font-size:11.5px}.pagina-systeemstatus .section-intro{font-size:13px;color:var(--ds-text-muted);margin:0 0 16px;line-height:1.65;max-width:780px}.pagina-systeemstatus .card-title svg{font-size:17px;color:var(--portal-color);flex-shrink:0}@keyframes pagina-systeemstatus-fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pagina-systeemstatus-livePulse{0%,to{opacity:1}50%{opacity:.35}}.pagina-systeemstatus .summary-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pagina-systeemstatus .sum-stat{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid var(--ds-border);background:var(--ds-card);box-shadow:0 1px 2px #0000000a;animation:pagina-systeemstatus-fadeUp .4s ease both;transition:border-color .2s,box-shadow .2s,transform .18s}.pagina-systeemstatus .sum-stat:hover{transform:translateY(-2px);box-shadow:0 6px 20px -8px #6366f12e;border-color:var(--portal-color)}.pagina-systeemstatus .sum-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:19px;flex-shrink:0}.pagina-systeemstatus .sum-icon.servers{background:#6366f124;color:#6366f1}.pagina-systeemstatus .sum-icon.pm2{background:#10b98124;color:#10b981}.pagina-systeemstatus .sum-icon.node{background:#22c55e24;color:#22c55e}.pagina-systeemstatus .sum-icon.ubuntu{background:#f9731624;color:#f97316}.pagina-systeemstatus .sum-val{font-size:17px;font-weight:900;color:var(--ds-text);line-height:1.1;letter-spacing:-.02em}.pagina-systeemstatus .sum-label{font-size:10.5px;font-weight:600;color:var(--ds-text-muted);margin-top:1px}.pagina-systeemstatus .server-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px}.pagina-systeemstatus .server-type-card{border:1px solid var(--ds-border);border-radius:14px;padding:16px;background:var(--ds-bg);animation:pagina-systeemstatus-fadeUp .4s ease both;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.pagina-systeemstatus .server-type-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px -10px #0000002e}.pagina-systeemstatus .stc-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}.pagina-systeemstatus .stc-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:20px;flex-shrink:0}.pagina-systeemstatus .stc-proxy .stc-icon{background:#8b5cf624;color:#8b5cf6}.pagina-systeemstatus .stc-frontend .stc-icon{background:#3b82f624;color:#3b82f6}.pagina-systeemstatus .stc-backend .stc-icon{background:#6366f124;color:#6366f1}.pagina-systeemstatus .stc-db .stc-icon{background:#22c55e24;color:#22c55e}.pagina-systeemstatus .stc-relay .stc-icon{background:#f59e0b24;color:#f59e0b}.pagina-systeemstatus .stc-head-body{flex:1;min-width:0}.pagina-systeemstatus .stc-layer-badge{display:inline-block;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:999px;margin-bottom:6px}.pagina-systeemstatus .stc-proxy .stc-layer-badge{background:#8b5cf624;color:#8b5cf6}.pagina-systeemstatus .stc-frontend .stc-layer-badge{background:#3b82f624;color:#3b82f6}.pagina-systeemstatus .stc-backend .stc-layer-badge{background:#6366f124;color:#6366f1}.pagina-systeemstatus .stc-db .stc-layer-badge{background:#22c55e24;color:#22c55e}.pagina-systeemstatus .stc-relay .stc-layer-badge{background:#f59e0b24;color:#f59e0b}.pagina-systeemstatus .stc-nodes{display:flex;flex-wrap:wrap;gap:5px}.pagina-systeemstatus .stc-node{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:6px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.pagina-systeemstatus .stc-role{font-size:12.5px;font-weight:800;color:var(--ds-text);margin-bottom:6px}.pagina-systeemstatus .stc-desc{font-size:11.5px;color:var(--ds-text-muted);line-height:1.6;margin-bottom:10px}.pagina-systeemstatus .stc-details{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.pagina-systeemstatus .stc-detail{display:flex;align-items:flex-start;gap:7px;font-size:11px;color:var(--ds-text-muted);line-height:1.5}.pagina-systeemstatus .stc-detail svg{font-size:13px;flex-shrink:0;margin-top:1px}.pagina-systeemstatus .stc-proxy .stc-detail svg{color:#8b5cf6}.pagina-systeemstatus .stc-frontend .stc-detail svg{color:#3b82f6}.pagina-systeemstatus .stc-backend .stc-detail svg{color:#6366f1}.pagina-systeemstatus .stc-db .stc-detail svg{color:#22c55e}.pagina-systeemstatus .stc-relay .stc-detail svg{color:#f59e0b}.pagina-systeemstatus .stc-wg-row{display:flex;align-items:center;gap:6px;padding-top:8px;border-top:1px solid var(--ds-border);flex-wrap:wrap}.pagina-systeemstatus .stc-wg-lbl{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--ds-text-muted)}.pagina-systeemstatus .stc-wg-val{font-size:10px;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;padding:2px 7px;border-radius:5px;background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text)}.pagina-systeemstatus .pm2-intro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px;margin-bottom:20px}.pagina-systeemstatus .pm2-intro-card{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:12px;border:1px solid var(--ds-border);background:var(--ds-bg);animation:pagina-systeemstatus-fadeUp .4s ease both;transition:border-color .2s,box-shadow .2s}.pagina-systeemstatus .pm2-intro-card:hover{border-color:var(--portal-color);box-shadow:0 4px 16px -8px #6366f133}.pagina-systeemstatus .pm2-intro-icon{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;font-size:18px}.pagina-systeemstatus .pm2-ic-indigo{background:#6366f124;color:#6366f1}.pagina-systeemstatus .pm2-ic-green{background:#10b98124;color:#10b981}.pagina-systeemstatus .pm2-ic-amber{background:#f59e0b24;color:#f59e0b}.pagina-systeemstatus .pm2-intro-title{font-size:12.5px;font-weight:800;color:var(--ds-text);margin-bottom:5px}.pagina-systeemstatus .pm2-intro-text{font-size:11.5px;color:var(--ds-text-muted);line-height:1.65}.pagina-systeemstatus .pm2-intro-text code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;background:#6366f117;padding:1px 5px;border-radius:4px;color:var(--portal-color)}.pagina-systeemstatus .pm2-processes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:10px;margin-bottom:20px}.pagina-systeemstatus .pm2-proc-card{padding:14px;border-radius:12px;border:1px solid var(--ds-border);background:var(--ds-bg);animation:pagina-systeemstatus-fadeUp .4s ease both;transition:transform .18s ease,border-color .18s ease}.pagina-systeemstatus .pm2-proc-card:hover{transform:translateY(-2px);border-color:var(--portal-color)}.pagina-systeemstatus .pm2-proc-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.pagina-systeemstatus .pm2-proc-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:16px;flex-shrink:0}.pagina-systeemstatus .pm2pc-indigo .pm2-proc-icon{background:#6366f124;color:#6366f1}.pagina-systeemstatus .pm2pc-teal .pm2-proc-icon{background:#14b8a624;color:#14b8a6}.pagina-systeemstatus .pm2-proc-name{font-size:13px;font-weight:800;color:var(--ds-text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.pagina-systeemstatus .pm2-proc-desc{font-size:11.5px;color:var(--ds-text-muted);line-height:1.6;margin-bottom:10px}.pagina-systeemstatus .pm2-proc-cmd{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pagina-systeemstatus .pm2-cmd-lbl{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--ds-text-muted)}.pagina-systeemstatus .pm2-cmd-code{font-size:10.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#6366f117;color:var(--portal-color);padding:3px 8px;border-radius:5px;border:1px solid rgba(99,102,241,.18)}.pagina-systeemstatus .pm2-live-header{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--ds-text-muted);margin-bottom:10px}.pagina-systeemstatus .pm2-live-header svg{font-size:14px;color:var(--portal-color)}.pagina-systeemstatus .pm2-refresh{margin-left:auto;font-weight:500;letter-spacing:0;text-transform:none;font-size:11px}.pagina-systeemstatus .live-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;animation:pagina-systeemstatus-livePulse 2s ease-in-out infinite;flex-shrink:0}.pagina-systeemstatus .stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.pagina-systeemstatus .stack-item{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:12px;border:1px solid var(--ds-border);background:var(--ds-bg);animation:pagina-systeemstatus-fadeUp .4s ease both;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.pagina-systeemstatus .stack-item:hover{transform:translateY(-2px);border-color:var(--portal-color);box-shadow:0 6px 20px -8px #6366f12e}.pagina-systeemstatus .si-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:18px;flex-shrink:0}.pagina-systeemstatus .si-node .si-icon{background:#22c55e24;color:#22c55e}.pagina-systeemstatus .si-pg .si-icon{background:#3b82f624;color:#3b82f6}.pagina-systeemstatus .si-redis .si-icon{background:#ef444424;color:#ef4444}.pagina-systeemstatus .si-nginx .si-icon{background:#10b98124;color:#10b981}.pagina-systeemstatus .si-docker .si-icon{background:#0ea5e924;color:#0ea5e9}.pagina-systeemstatus .si-ubuntu .si-icon{background:#f9731624;color:#f97316}.pagina-systeemstatus .si-name{font-size:12.5px;font-weight:800;color:var(--ds-text)}.pagina-systeemstatus .si-version{font-size:10px;font-weight:700;color:var(--portal-color);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:1px}.pagina-systeemstatus .si-role{font-size:10.5px;color:var(--ds-text-muted);margin-top:2px}.pagina-systeemstatus .si-body{flex:1;min-width:0}.pagina-systeemstatus .server-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.pagina-systeemstatus .server-metric{padding:13px;border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:12px;display:flex;flex-direction:column;gap:7px;animation:pagina-systeemstatus-fadeUp .4s ease both;transition:border-color .2s,box-shadow .2s,transform .18s}.pagina-systeemstatus .server-metric:hover{box-shadow:0 6px 20px -8px #6366f12e;transform:translateY(-1px);border-color:var(--portal-color)}.pagina-systeemstatus .sm-header{display:flex;align-items:center;gap:9px}.pagina-systeemstatus .sm-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.pagina-systeemstatus .sm-icon.blue{background:#3b82f61a;color:#3b82f6}.pagina-systeemstatus .sm-icon.green{background:#22c55e1a;color:#22c55e}.pagina-systeemstatus .sm-icon.purple{background:#8b5cf61a;color:#8b5cf6}.pagina-systeemstatus .sm-icon.cyan{background:#06b6d41a;color:#06b6d4}.pagina-systeemstatus .sm-icon.yellow{background:#f59e0b1a;color:#f59e0b}.pagina-systeemstatus .sm-icon.orange{background:#f973161a;color:#fb923c}.pagina-systeemstatus .sm-label{font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-muted)}.pagina-systeemstatus .sm-value{font-size:20px;font-weight:800;color:var(--ds-text);line-height:1.1;font-variant-numeric:tabular-nums}.pagina-systeemstatus .sm-sub{margin-top:auto;font-size:11px;color:var(--ds-text-muted);line-height:1.4}.pagina-systeemstatus .progress-bar{height:5px;border-radius:999px;background:#94a3b82e;overflow:hidden}.pagina-systeemstatus .progress-fill{height:100%;border-radius:inherit;background:#60a5fa;transition:width .4s ease}.pagina-systeemstatus .progress-fill.warn{background:#f59e0b}.pagina-systeemstatus .progress-fill.bad{background:#ef4444}.pagina-systeemstatus .disk-percent{display:flex;align-items:center;gap:8px;min-width:130px}.pagina-systeemstatus .disk-percent .progress-bar{flex:1}.pagina-systeemstatus .disk-percent span{font-variant-numeric:tabular-nums;font-size:12px}.pagina-systeemstatus .data-table th{text-align:left;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-muted);padding:8px 11px;border-bottom:1px solid var(--ds-border)}.pagina-systeemstatus .data-table td{padding:9px 11px;border-bottom:1px solid var(--ds-border);color:var(--ds-text)}.pagina-systeemstatus .data-table tbody tr{transition:background .12s ease}.pagina-systeemstatus .data-table tbody tr:hover{background:#6366f10a}.pagina-systeemstatus .data-table tr:last-child td{border-bottom:none}.pagina-systeemstatus .td-empty{color:var(--ds-text-muted);text-align:center;padding:24px;display:flex;align-items:center;justify-content:center;gap:8px}.pagina-systeemstatus .td-empty svg{font-size:16px}.pagina-systeemstatus .pm2-status{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;letter-spacing:.04em;padding:3px 9px;border-radius:999px;text-transform:uppercase;background:#94a3b824;color:var(--ds-text-muted)}.pagina-systeemstatus .pm2-status.online{background:#34d3991f;color:#16a34a}.pagina-systeemstatus .pm2-status.online:before{content:"";width:5px;height:5px;border-radius:50%;background:#22c55e;animation:pagina-systeemstatus-livePulse 2s ease-in-out infinite}.pagina-systeemstatus .pm2-status.stopped,.pagina-systeemstatus .pm2-status.errored{background:#ef44441f;color:#dc2626}.pagina-systeemstatus .pm2-status.warn{background:#f59e0b1f;color:#d97706}.pagina-systeemstatus .maintenance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:10px;margin-bottom:20px}.pagina-systeemstatus .maintenance-item{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border-radius:12px;border:1px solid var(--ds-border);background:var(--ds-bg);animation:pagina-systeemstatus-fadeUp .4s ease both;transition:border-color .2s,transform .18s}.pagina-systeemstatus .maintenance-item:hover{border-color:var(--portal-color);transform:translateY(-2px)}.pagina-systeemstatus .mnt-icon{width:34px;height:34px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;font-size:16px}.pagina-systeemstatus .mnt-body{flex:1;min-width:0}.pagina-systeemstatus .mnt-title{font-size:12px;font-weight:800;color:var(--ds-text);margin-bottom:4px}.pagina-systeemstatus .mnt-desc{font-size:11.5px;color:var(--ds-text-muted);line-height:1.6}.pagina-systeemstatus .mnt-freq{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--portal-color);flex-shrink:0;padding-top:2px}.pagina-systeemstatus .update-pipeline{padding:16px;border-radius:12px;border:1px solid var(--ds-border);background:var(--ds-bg)}.pagina-systeemstatus .upd-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:var(--ds-text);margin-bottom:16px}.pagina-systeemstatus .upd-title svg{font-size:15px;color:var(--portal-color)}.pagina-systeemstatus .upd-flow{display:flex;align-items:flex-start;flex-wrap:wrap;gap:4px;position:relative}.pagina-systeemstatus .upd-step{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;animation:pagina-systeemstatus-fadeUp .4s ease both;position:relative}.pagina-systeemstatus .upd-step-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:17px}.pagina-systeemstatus .upd-step-icon.u-green{background:#22c55e24;color:#22c55e}.pagina-systeemstatus .upd-step-icon.u-blue{background:#3b82f624;color:#3b82f6}.pagina-systeemstatus .upd-step-icon.u-amber{background:#f59e0b24;color:#f59e0b}.pagina-systeemstatus .upd-step-icon.u-indigo{background:#6366f124;color:#6366f1}.pagina-systeemstatus .upd-step-icon.u-green2{background:#10b98124;color:#10b981}.pagina-systeemstatus .upd-step-name{font-size:10.5px;font-weight:800;color:var(--ds-text);max-width:90px}.pagina-systeemstatus .upd-step-sub{font-size:10px;color:var(--ds-text-muted);max-width:90px;line-height:1.4}.pagina-systeemstatus .upd-arrow{font-size:14px;color:var(--ds-text-muted);padding:0 4px;align-self:center;margin-bottom:36px;flex-shrink:0}@media (max-width: 900px){.pagina-systeemstatus .summary-bar{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.pagina-systeemstatus .summary-bar{grid-template-columns:1fr 1fr;gap:8px}.pagina-systeemstatus .server-type-grid,.pagina-systeemstatus .pm2-intro-grid,.pagina-systeemstatus .pm2-processes,.pagina-systeemstatus .stack-grid,.pagina-systeemstatus .maintenance-grid{grid-template-columns:repeat(2,1fr)}.pagina-systeemstatus .upd-flow{gap:2px}}@media (max-width: 420px){.pagina-systeemstatus .summary-bar,.pagina-systeemstatus .stack-grid{grid-template-columns:repeat(2,1fr)}.pagina-systeemstatus .sum-stat{padding:12px}.pagina-systeemstatus .card{padding:14px}}.pagina-bezoekers .vz{display:flex;flex-direction:column;gap:16px;padding-bottom:30px}.pagina-bezoekers .vz-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.pagina-bezoekers .vz-title{display:flex;align-items:center;gap:8px;font-size:21px;font-weight:800;color:var(--ds-text)}.pagina-bezoekers .vz-title svg{color:var(--portal-color);font-size:22px}.pagina-bezoekers .vz-meta{font-size:12.5px;color:var(--ds-text-muted);margin-top:3px}.pagina-bezoekers .vz-meta strong{color:var(--ds-text)}.pagina-bezoekers .card h3{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted);margin:0 0 14px}.pagina-bezoekers .card h3 svg{color:var(--portal-color);font-size:16px}.pagina-bezoekers .error-note{background:#ef44441a;border:1px solid rgba(239,68,68,.28);color:#dc2626;padding:12px 16px;border-radius:12px;font-size:13px}.pagina-bezoekers .empty-data{color:var(--ds-text-muted);font-size:14px;padding:18px;text-align:center}.pagina-bezoekers .empty-inline{color:var(--ds-text-muted);font-size:13px;padding:8px 2px}.pagina-bezoekers .vz-strip{display:flex;gap:10px;flex-wrap:wrap}.pagina-bezoekers .live-pill,.pagina-bezoekers .verd-pill{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);background:var(--ds-card);font-size:13px;color:var(--ds-text);cursor:pointer;box-shadow:var(--ds-shadow)}.pagina-bezoekers .live-pill .dot{width:8px;height:8px;border-radius:50%;background:#9ca3af}.pagina-bezoekers .live-pill.on .dot{background:#16a34a;box-shadow:0 0 0 4px #16a34a2e;animation:pagina-bezoekers-pulse 2s infinite}.pagina-bezoekers .live-pill strong{font-size:16px;font-weight:800}.pagina-bezoekers .verd-pill svg{font-size:17px;color:var(--portal-color)}.pagina-bezoekers .verd-pill.alert{border-color:#ef444466}.pagina-bezoekers .verd-pill.alert svg{color:#dc2626}.pagina-bezoekers .chev{transition:transform .2s;font-size:11px;color:var(--ds-text-muted)}.pagina-bezoekers .chev.open{transform:rotate(180deg)}@keyframes pagina-bezoekers-pulse{0%,to{opacity:1}50%{opacity:.55}}.pagina-bezoekers .waiting{display:flex;align-items:flex-start;gap:12px;border-left:3px solid #16a34a}.pagina-bezoekers .waiting .dot{width:9px;height:9px;border-radius:50%;background:#16a34a;margin-top:4px;flex-shrink:0;box-shadow:0 0 0 4px #16a34a29;animation:pagina-bezoekers-pulse 2s infinite}.pagina-bezoekers .waiting .w-title{font-size:14px;font-weight:700;color:var(--ds-text)}.pagina-bezoekers .waiting .w-sub{font-size:12.5px;color:var(--ds-text-muted);margin-top:3px;max-width:640px;line-height:1.5}.pagina-bezoekers .kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.pagina-bezoekers .kpi{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;padding:15px 16px;box-shadow:var(--ds-shadow)}.pagina-bezoekers .kpi.accent{border-color:color-mix(in srgb,var(--portal-color) 45%,var(--ds-border));background:color-mix(in srgb,var(--portal-color) 6%,var(--ds-card))}.pagina-bezoekers .kpi.accent .kpi-v{color:var(--portal-color)}.pagina-bezoekers .kpi-l{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--ds-text-muted);overflow-wrap:anywhere}.pagina-bezoekers .kpi-v{font-size:27px;font-weight:800;color:var(--ds-text);margin:5px 0 2px;line-height:1}.pagina-bezoekers .kpi-s{font-size:11.5px;color:var(--ds-text-muted)}.pagina-bezoekers .fnl{display:flex;flex-direction:column;gap:15px}.pagina-bezoekers .fnl-bar-wrap{background:var(--ds-card);border-radius:8px;height:30px;overflow:hidden}.pagina-bezoekers .fnl-bar{height:100%;border-radius:8px;background:linear-gradient(90deg,var(--portal-color),color-mix(in srgb,var(--portal-color) 65%,#22c55e));min-width:6px;transition:width .5s cubic-bezier(.16,1,.3,1)}.pagina-bezoekers .fnl-bar.last{background:linear-gradient(90deg,#16a34a,#22c55e)}.pagina-bezoekers .fnl-info{display:flex;align-items:center;justify-content:space-between;margin-top:5px}.pagina-bezoekers .fnl-l{font-size:13px;font-weight:700;color:var(--ds-text)}.pagina-bezoekers .fnl-c{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.pagina-bezoekers .fnl-c small{color:var(--ds-text-muted);font-weight:600}.pagina-bezoekers .fnl-drop{font-size:11.5px;color:#e0955a;font-weight:600;margin-top:5px;display:flex;align-items:center;gap:4px}.pagina-bezoekers .dag-scroll{overflow-x:auto}.pagina-bezoekers .dag-tab{width:100%;border-collapse:collapse;font-size:13px}.pagina-bezoekers .dag-tab th{text-align:left;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted);padding:8px 10px;border-bottom:1px solid var(--ds-border);white-space:nowrap}.pagina-bezoekers .dag-tab td{padding:8px 10px;border-bottom:1px solid var(--ds-border);font-variant-numeric:tabular-nums;white-space:nowrap}.pagina-bezoekers .dag-tab th.num,.pagina-bezoekers .dag-tab td.num{text-align:right}.pagina-bezoekers .dag-tab td.dag{font-weight:700;color:var(--ds-text)}.pagina-bezoekers .dag-tab td.sterk{font-weight:800;color:var(--portal-color)}.pagina-bezoekers .dag-tab tr.leeg td{color:var(--ds-text-muted)}.pagina-bezoekers .dag-tab tfoot td{border-bottom:none;border-top:2px solid var(--ds-border);font-weight:800}.pagina-bezoekers .goal-card{border-color:color-mix(in srgb,var(--portal-color) 45%,var(--ds-border));background:linear-gradient(180deg,color-mix(in srgb,var(--portal-color) 8%,var(--ds-card)),var(--ds-card))}.pagina-bezoekers .goal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pagina-bezoekers .goal-l{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted)}.pagina-bezoekers .goal-v{font-size:34px;font-weight:800;color:var(--portal-color);line-height:1;margin-top:4px;font-variant-numeric:tabular-nums}.pagina-bezoekers .goal-target{font-size:18px;color:var(--ds-text-muted);font-weight:700}.pagina-bezoekers .goal-side{text-align:right}.pagina-bezoekers .goal-rem{font-size:14px;font-weight:800;color:var(--ds-text)}.pagina-bezoekers .goal-pace{font-size:11.5px;color:var(--ds-text-muted);margin-top:2px}.pagina-bezoekers .goal-bar-wrap{margin-top:14px;background:var(--ds-card);border-radius:999px;height:12px;overflow:hidden}.pagina-bezoekers .goal-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--portal-color),#22c55e);transition:width .6s cubic-bezier(.16,1,.3,1);min-width:6px}.pagina-bezoekers .dlt{font-weight:800;font-size:11px}.pagina-bezoekers .dlt.up{color:#16a34a}.pagina-bezoekers .dlt.down{color:#dc6a6a}.pagina-bezoekers .chart-h{position:relative;height:300px}.pagina-bezoekers .chart-h.sm{height:230px}.pagina-bezoekers .grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:14px}.pagina-bezoekers .row{display:grid;grid-template-columns:1fr auto;gap:3px 10px;align-items:center;margin-bottom:11px}.pagina-bezoekers .r-name{font-size:13px;color:var(--ds-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:5px}.pagina-bezoekers .r-name svg{font-size:13px;color:var(--ds-text-muted)}.pagina-bezoekers .r-count{font-size:12.5px;font-weight:700;color:var(--ds-text-muted);font-variant-numeric:tabular-nums}.pagina-bezoekers .r-track{grid-column:1 / -1;height:6px;background:var(--ds-hover);border-radius:4px;overflow:hidden}.pagina-bezoekers .r-fill{height:100%;background:var(--portal-color);border-radius:4px}.pagina-bezoekers .worldmap-wrap{position:relative;width:100%;max-width:560px;margin:0 auto;aspect-ratio:2/1;max-height:280px;border-radius:12px;overflow:hidden;background:var(--ds-hover);border:1px solid var(--ds-border)}.pagina-bezoekers .worldmap-img{width:100%;height:100%;object-fit:contain;opacity:.8}.pagina-bezoekers .map-dot{position:absolute;width:10px;height:10px;transform:translate(-50%,-50%);border-radius:50%;background:var(--portal-color);box-shadow:0 0 0 4px #6366f138,0 0 8px #6366f199}.pagina-bezoekers .map-dot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1px solid var(--portal-color);animation:pagina-bezoekers-mapPulse 2s ease-out infinite}.pagina-bezoekers .map-dot-count{position:absolute;left:50%;top:-15px;transform:translate(-50%);font-size:9px;font-weight:800;color:var(--ds-text);background:var(--ds-card);border:1px solid var(--ds-border);border-radius:6px;padding:0 4px}@keyframes pagina-bezoekers-mapPulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.pagina-bezoekers .map-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;padding:0 20px;color:var(--ds-text-muted);font-size:13px}.pagina-bezoekers .rows{margin-top:14px}.pagina-bezoekers .live-card .ls{display:flex;gap:12px;padding:11px 0;border-top:1px solid var(--ds-border)}.pagina-bezoekers .live-card .ls:first-of-type{border-top:0}.pagina-bezoekers .ls-dev{width:34px;height:34px;border-radius:9px;background:var(--ds-hover);display:grid;place-items:center;flex-shrink:0}.pagina-bezoekers .ls-dev svg{font-size:17px;color:var(--ds-text-muted)}.pagina-bezoekers .ls.on .ls-dev{background:#16a34a1f}.pagina-bezoekers .ls.on .ls-dev svg{color:#16a34a}.pagina-bezoekers .ls-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pagina-bezoekers .ls-badge{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#16a34a;background:#16a34a21;padding:2px 7px;border-radius:999px}.pagina-bezoekers .ls-strong{font-size:13px;font-weight:700;color:var(--ds-text)}.pagina-bezoekers .ls-muted{font-size:12px;color:var(--ds-text-muted)}.pagina-bezoekers .ls-path{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:6px 0 3px}.pagina-bezoekers .ls-step{font-size:11.5px;background:var(--ds-hover);border-radius:6px;padding:2px 7px;color:var(--ds-text)}.pagina-bezoekers .ls-arrow{color:var(--ds-text-muted);font-size:11px}.pagina-bezoekers .ls-time{font-size:11px;color:var(--ds-text-muted)}.pagina-bezoekers .vd-row{padding:8px 11px;background:var(--ds-hover);border-radius:8px;border-left:3px solid var(--ds-border);margin-bottom:6px}.pagina-bezoekers .vd-row.niv-kritiek{border-left-color:#dc2626}.pagina-bezoekers .vd-row.niv-hoog{border-left-color:#ea580c}.pagina-bezoekers .vd-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.pagina-bezoekers .vd-top .ip{font-family:ui-monospace,monospace;font-size:12.5px;font-weight:700;color:var(--ds-text)}.pagina-bezoekers .vd-ernst{font-size:10px;font-weight:800;text-transform:uppercase;padding:1px 7px;border-radius:999px;background:#6b728024;color:#4b5563}.pagina-bezoekers .vd-ernst.niv-kritiek{background:#ef444424;color:#dc2626}.pagina-bezoekers .vd-ernst.niv-hoog{background:#f9731624;color:#ea580c}.pagina-bezoekers .vd-hits,.pagina-bezoekers .vd-blok{font-size:11px;color:var(--ds-text-muted)}.pagina-bezoekers .vd-redenen{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.pagina-bezoekers .vd-redenen span{font-size:10.5px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:6px;padding:1px 6px;color:var(--ds-text-muted)}.pagina-bezoekers .data-table th{text-align:left;padding:7px 10px;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--ds-text-muted);border-bottom:1px solid var(--ds-border)}.pagina-bezoekers .data-table td{padding:8px 10px;border-bottom:1px solid var(--ds-border);color:var(--ds-text);white-space:nowrap}.pagina-bezoekers .dev-b{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--ds-hover);color:var(--ds-text-muted)}.pagina-bezoekers .dev-b.mobile{background:#6366f11f;color:var(--portal-color)}.pagina-bezoekers .vz-toasts{position:fixed;top:18px;right:18px;z-index:9999;display:flex;flex-direction:column;gap:9px}.pagina-bezoekers .vz-toast{display:flex;gap:10px;align-items:flex-start;background:var(--ds-card);border:1px solid var(--ds-border);border-left:3px solid var(--portal-color);border-radius:11px;padding:11px 14px;box-shadow:0 8px 24px #00000029;min-width:240px;max-width:320px;animation:pagina-bezoekers-slideIn .25s ease}.pagina-bezoekers .t-dot{width:8px;height:8px;border-radius:50%;background:#16a34a;margin-top:4px;flex-shrink:0;box-shadow:0 0 0 4px #16a34a29}.pagina-bezoekers .t-title{font-size:13px;font-weight:700;color:var(--ds-text)}.pagina-bezoekers .t-sub{font-size:12px;color:var(--ds-text-muted);margin-top:1px}@keyframes pagina-bezoekers-slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.pagina-bezoekers .live-pill,.pagina-bezoekers .verd-pill{font:inherit;text-align:left}.pagina-bezoekers .vz-title.page-title{font-size:21px}.pagina-platformen .pf-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:16px}.pagina-platformen .pf-title{font-size:20px;font-weight:800;color:var(--ds-text);display:flex;align-items:center;gap:8px}.pagina-platformen .pf-meta{font-size:12.5px;color:var(--ds-text-muted);margin-top:4px}.pagina-platformen .pf-venster{display:flex;gap:6px}.pagina-platformen .pf-vk{padding:7px 12px;border-radius:999px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);font-size:12.5px;font-weight:700;cursor:pointer}.pagina-platformen .pf-vk.on{border-color:var(--portal-color);background:color-mix(in srgb,var(--portal-color) 12%,var(--ds-card));color:var(--portal-color)}.pagina-platformen .kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:14px}.pagina-platformen .kpi{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;padding:15px 16px;box-shadow:var(--ds-shadow)}.pagina-platformen .kpi.accent{border-color:color-mix(in srgb,var(--portal-color) 45%,var(--ds-border));background:color-mix(in srgb,var(--portal-color) 6%,var(--ds-card))}.pagina-platformen .kpi.accent .kpi-v{color:var(--portal-color)}.pagina-platformen .kpi-l{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--ds-text-muted);overflow-wrap:anywhere}.pagina-platformen .kpi-v{font-size:27px;font-weight:800;color:var(--ds-text);margin:5px 0 2px;line-height:1}.pagina-platformen .kpi-s{font-size:11.5px;color:var(--ds-text-muted)}.pagina-platformen .pf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:14px;margin-bottom:14px}.pagina-platformen .card h3{display:flex;align-items:center;gap:6px;margin:0 0 12px;font-size:14px}.pagina-platformen .row{display:grid;grid-template-columns:1fr auto;gap:3px 10px;align-items:center;margin-bottom:11px}.pagina-platformen .r-name{font-size:13px;color:var(--ds-text);display:flex;align-items:center;gap:6px}.pagina-platformen .pf-eigen{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;border-radius:6px;background:color-mix(in srgb,var(--portal-color) 12%,var(--ds-card));color:var(--portal-color)}.pagina-platformen .r-count{font-size:12.5px;font-weight:700;color:var(--ds-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.pagina-platformen .r-track{grid-column:1 / -1;height:6px;background:var(--ds-hover);border-radius:4px;overflow:hidden}.pagina-platformen .r-fill{height:100%;background:var(--portal-color);border-radius:4px}.pagina-platformen .pf-uitleg{margin:6px 0 0;font-size:11.5px;color:var(--ds-text-muted);line-height:1.45}.pagina-platformen .table-wrap{overflow-x:auto}.pagina-platformen .pf-tabel{width:100%;border-collapse:collapse;font-size:13px}.pagina-platformen .pf-tabel th,.pagina-platformen .pf-tabel td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--ds-border)}.pagina-platformen .pf-tabel th{font-size:11.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--ds-text-muted)}.pagina-tickets .api-info{padding:12px 16px;font-size:13px;transition:border-color .2s}.pagina-tickets .api-info:hover{border-color:color-mix(in srgb,var(--portal-color) 40%,transparent)}.pagina-tickets .api-info summary{cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:700;color:var(--ds-text);list-style:none}.pagina-tickets .api-info summary::marker,.pagina-tickets .api-info summary::-webkit-details-marker{display:none}.pagina-tickets .api-info summary svg{color:var(--portal-color);font-size:16px}.pagina-tickets .api-info-body{margin-top:12px;display:flex;flex-direction:column;gap:8px;color:var(--ds-text-2);line-height:1.6}.pagina-tickets .api-info-body strong{color:var(--ds-text)}.pagina-tickets .api-info code{font-family:ui-monospace,Menlo,monospace;font-size:11.5px;background:var(--ds-card);padding:4px 8px;border-radius:6px;display:inline-block;border:1px solid var(--ds-border-subtle)}.pagina-tickets .api-info pre{font-family:ui-monospace,Menlo,monospace;font-size:11px;background:var(--ds-card);padding:12px 14px;border-radius:10px;overflow-x:auto;margin:0;color:var(--ds-text-2);border:1px solid var(--ds-border-subtle);line-height:1.6}.pagina-tickets .api-info .dim{color:var(--ds-text-muted);font-size:11.5px}.pagina-tickets .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.pagina-tickets .stat{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;cursor:pointer;box-shadow:var(--ds-shadow);transition:border-color .18s,transform .18s,box-shadow .18s}.pagina-tickets .stat:hover{border-color:var(--portal-color);transform:translateY(-2px);box-shadow:var(--ds-shadow-lg)}.pagina-tickets .stat .num{font-size:26px;font-weight:800;color:var(--ds-text);line-height:1.1}.pagina-tickets .stat.open .num{color:#3b82f6}.pagina-tickets .stat.hoog .num{color:#f59e0b}.pagina-tickets .stat.kritiek .num{color:#ef4444}.pagina-tickets .stat.opgelost .num{color:#22c55e}.pagina-tickets .stat .num.purple{color:#8b5cf6}.pagina-tickets .stat .num.dim{color:var(--ds-text-muted)}.pagina-tickets .stat .label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);margin-top:2px}.pagina-tickets .layout{display:grid;grid-template-columns:340px 1fr;gap:14px;align-items:stretch;min-height:0}.pagina-tickets .layout>*{min-height:0}.pagina-tickets .list-col{display:flex;flex-direction:column;overflow:hidden;min-height:0}.pagina-tickets .top-bar{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--ds-border)}.pagina-tickets .top-bar input{flex:1;min-width:0;border:1px solid var(--ds-border);background:var(--ds-input, color-mix(in srgb, var(--ds-text) 5%, var(--ds-card)));color:var(--ds-text);border-radius:8px;padding:8px 10px;font:inherit;font-size:13px;transition:border-color .15s,background .15s,box-shadow .15s}.pagina-tickets .top-bar input:focus{background:var(--ds-card)}.pagina-tickets .top-bar input::placeholder{color:var(--ds-text-muted)}.pagina-tickets .top-bar input:focus{outline:none;border-color:var(--portal-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--portal-color) 15%,transparent)}.pagina-tickets .new-btn{display:inline-flex;align-items:center;gap:5px;border:none;background:var(--portal-color);color:#fff;border-radius:var(--ds-radius-sm);padding:0 13px;font-weight:700;font-size:12.5px;cursor:pointer;transition:opacity .15s,transform .15s;white-space:nowrap}.pagina-tickets .new-btn:hover{opacity:.9;transform:translateY(-1px)}.pagina-tickets .chip-row:last-of-type{padding-bottom:8px;border-bottom:1px solid var(--ds-border)}.pagina-tickets .chip:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-tickets .list{overflow-y:auto;flex:1}.pagina-tickets .item{padding:11px 14px;border-bottom:1px solid var(--ds-border-subtle);cursor:pointer;transition:background .15s}.pagina-tickets .item:hover{background:var(--ds-hover, var(--ds-card))}.pagina-tickets .item.selected{background:color-mix(in srgb,var(--portal-color) 10%,transparent);border-left:3px solid var(--portal-color);padding-left:11px}.pagina-tickets .item-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.pagina-tickets .item-title{font-weight:700;font-size:13px;color:var(--ds-text);line-height:1.35}.pagina-tickets .item-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:6px;font-size:11px;color:var(--ds-text-muted)}.pagina-tickets .badge.in_behandeling{background:#8b5cf624;color:#7c3aed}.pagina-tickets .badge.wacht_op_reactie{background:#f59e0b24;color:#d97706}.pagina-tickets .badge.opgelost{background:#22c55e24;color:#16a34a}.pagina-tickets .badge.gesloten{background:#94a3b829;color:var(--ds-text-muted)}.pagina-tickets .badge.kritiek{background:#ef444424;color:#dc2626}.pagina-tickets .badge.hoog{background:#f9731624;color:#ea580c}.pagina-tickets .badge.medium{background:#f59e0b24;color:#d97706}.pagina-tickets .badge.laag{background:#94a3b829;color:var(--ds-text-muted)}.pagina-tickets .cat-chip{font-size:11px;color:var(--ds-text-2)}.pagina-tickets .src-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:6px;background:#3b82f61f;color:#2563eb}.pagina-tickets .detail-col{min-height:0;display:flex;flex-direction:column;overflow:hidden}.pagina-tickets .detail-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--ds-text-muted);padding:40px;text-align:center}.pagina-tickets .detail-placeholder svg{font-size:48px;color:var(--ds-text-subtle);opacity:.6}.pagina-tickets .detail-inner{display:flex;flex-direction:column;flex:1;overflow:hidden}.pagina-tickets .detail-header{display:flex;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--ds-border);align-items:flex-start}.pagina-tickets .detail-title{font-size:15px;font-weight:800;color:var(--ds-text);margin-bottom:8px;line-height:1.3}.pagina-tickets .detail-badges{display:flex;flex-wrap:wrap;gap:6px}.pagina-tickets .detail-actions{display:flex;gap:6px;flex-shrink:0}.pagina-tickets .btn{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:var(--ds-radius-sm);padding:7px 10px;font-weight:700;font-size:12px;cursor:pointer;transition:border-color .15s,color .15s}.pagina-tickets .btn:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-tickets .btn.primary{background:var(--portal-color);border-color:var(--portal-color);color:#fff}.pagina-tickets .btn.primary:hover{opacity:.9}.pagina-tickets .btn.success{color:#16a34a;border-color:#22c55e59}.pagina-tickets .btn.success:hover{background:#22c55e14}.pagina-tickets .btn.danger{color:#dc2626;border-color:#ef444459}.pagina-tickets .btn.danger:hover{background:#ef444414}.pagina-tickets .meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;padding:14px 18px;border-bottom:1px solid var(--ds-border);background:color-mix(in srgb,var(--ds-card) 60%,transparent)}.pagina-tickets .meta-cell{display:flex;flex-direction:column;gap:4px}.pagina-tickets .meta-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted)}.pagina-tickets .meta-val{font-size:13px;color:var(--ds-text)}.pagina-tickets .meta-cell select{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:6px;padding:5px 8px;font:inherit;font-size:12px;transition:border-color .15s}.pagina-tickets .meta-cell select:focus{outline:none;border-color:var(--portal-color)}.pagina-tickets .detail-body{overflow-y:auto;flex:1;padding:16px 18px;display:flex;flex-direction:column;gap:18px}.pagina-tickets .section h4{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);margin:0 0 10px}.pagina-tickets .desc{font-size:13px;color:var(--ds-text-2);line-height:1.6;white-space:pre-wrap}.pagina-tickets .desc-empty,.pagina-tickets .tl-empty{font-size:12.5px;color:var(--ds-text-muted);font-style:italic}.pagina-tickets .comment{display:flex;gap:10px;margin-bottom:10px}.pagina-tickets .comment-avatar{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--portal-color) 14%,var(--ds-card));border:1px solid var(--ds-border);font-size:11px;font-weight:800;color:var(--portal-color);flex-shrink:0}.pagina-tickets .comment.status-change .comment-avatar{background:var(--ds-card);color:var(--ds-text-muted)}.pagina-tickets .comment-bubble{flex:1;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;padding:9px 12px}.pagina-tickets .comment.status-change .comment-bubble{border-style:dashed;opacity:.85}.pagina-tickets .comment-meta{font-size:11px;color:var(--ds-text-muted);margin-bottom:4px;font-weight:600}.pagina-tickets .comment-body{font-size:13px;color:var(--ds-text);white-space:pre-wrap;line-height:1.5}.pagina-tickets .reply-bar{display:flex;flex-direction:column;gap:9px;padding:12px 16px;border-top:1px solid var(--ds-border);background:color-mix(in srgb,var(--ds-card) 40%,transparent)}.pagina-tickets .reply-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pagina-tickets .internal-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ds-text-2);cursor:pointer;-webkit-user-select:none;user-select:none}.pagina-tickets .internal-toggle input{accent-color:var(--portal-color);width:15px;height:15px;cursor:pointer}.pagina-tickets .internal-toggle.on{color:var(--ds-warning)}.pagina-tickets .reply-input{display:flex;gap:8px;align-items:flex-end}.pagina-tickets .reply-input textarea{flex:1;resize:none;min-height:38px;max-height:120px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:9px;padding:9px 11px;font:inherit;font-size:13px;box-sizing:border-box;transition:border-color .15s}.pagina-tickets .reply-input textarea:focus{outline:none;border-color:var(--portal-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--portal-color) 12%,transparent)}.pagina-tickets .reply-send{display:inline-flex;align-items:center;gap:5px;border:none;background:var(--portal-color);color:#fff;border-radius:9px;padding:9px 15px;font-weight:700;font-size:12.5px;cursor:pointer;transition:opacity .15s,transform .15s;white-space:nowrap}.pagina-tickets .reply-send:hover{opacity:.9;transform:translateY(-1px)}.pagina-tickets .sla-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:800;padding:2px 7px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.pagina-tickets .sla-badge svg{font-size:11px}.pagina-tickets .sla-badge.ok{background:var(--ds-info-bg);color:var(--ds-info)}.pagina-tickets .sla-badge.warn{background:var(--ds-warning-bg);color:var(--ds-warning)}.pagina-tickets .sla-badge.danger{background:var(--ds-danger-bg);color:var(--ds-danger)}.pagina-tickets .sla-badge.done{background:var(--ds-success-bg);color:var(--ds-success)}.pagina-tickets .sla-toggle{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:8px;padding:0 12px;font-weight:700;font-size:12px;cursor:pointer;transition:border-color .15s,color .15s,background .15s;white-space:nowrap}.pagina-tickets .sla-toggle svg{font-size:15px}.pagina-tickets .sla-toggle:hover{border-color:var(--ds-danger);color:var(--ds-danger)}.pagina-tickets .sla-toggle.active{background:var(--ds-danger-bg);border-color:var(--ds-danger);color:var(--ds-danger)}.pagina-tickets .stat.active{border-color:var(--ds-danger)}.pagina-tickets .intern-tag{display:inline-block;margin-left:6px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:1px 5px;border-radius:5px;background:var(--ds-warning-bg);color:var(--ds-warning)}.pagina-tickets .comment.internal .comment-bubble{border-color:color-mix(in srgb,var(--ds-warning) 45%,var(--ds-border));background:var(--ds-warning-bg)}.pagina-tickets .mine-toggle{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:8px;padding:0 12px;font-weight:700;font-size:12px;cursor:pointer;transition:border-color .15s,color .15s,background .15s;white-space:nowrap}.pagina-tickets .mine-toggle svg{font-size:15px}.pagina-tickets .mine-toggle:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-tickets .mine-toggle.active{background:color-mix(in srgb,var(--portal-color) 12%,transparent);border-color:var(--portal-color);color:var(--portal-color)}.pagina-tickets .assign-chip{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--portal-color) 12%,transparent);color:var(--portal-color);white-space:nowrap}.pagina-tickets .assign-chip svg{font-size:11px}.pagina-tickets .row-claim{display:inline-flex;align-items:center;gap:3px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:999px;padding:2px 8px;font:inherit;font-size:10.5px;font-weight:700;cursor:pointer;transition:border-color .15s,color .15s}.pagina-tickets .row-claim svg{font-size:11px}.pagina-tickets .row-claim:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-tickets .link-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 18px;border-bottom:1px solid var(--ds-border)}.pagina-tickets .link-bar a.btn{text-decoration:none}.pagina-tickets .link-bar .btn.copied{color:var(--ds-success);border-color:color-mix(in srgb,var(--ds-success) 40%,var(--ds-border))}.pagina-tickets .csat-score{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--ds-text)}.pagina-tickets .csat-score .stars{color:var(--ds-warning);letter-spacing:1px;font-size:14px}.pagina-tickets .stat .num.csat{font-size:18px;color:var(--ds-text)}.pagina-tickets .empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:44px 16px;color:var(--ds-text-muted);text-align:center;font-size:13px}.pagina-tickets .empty svg{font-size:40px;color:var(--ds-text-subtle);opacity:.5}@keyframes pagina-tickets-fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 860px){.pagina-tickets .layout{grid-template-columns:1fr}.pagina-tickets .list-col,.pagina-tickets .detail-col{max-height:none}}@media (max-width: 768px){.pagina-tickets .stats{grid-template-columns:repeat(2,1fr);gap:8px}.pagina-tickets .top-bar{flex-direction:column;gap:6px}.pagina-tickets .top-bar>*{width:100%}.pagina-tickets .chip-row{padding:6px 10px 0}.pagina-tickets .meta-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:12px 14px}.pagina-tickets .form-row{flex-direction:column;gap:10px}.pagina-tickets .detail-header{flex-direction:column;align-items:stretch;gap:8px;padding:14px}.pagina-tickets .detail-actions{flex-wrap:wrap}.pagina-tickets .detail-body{padding:12px 14px}.pagina-tickets .reply-bar{padding:10px 12px}.pagina-tickets .comment{gap:8px}}@media (max-width: 480px){.pagina-tickets .stats{grid-template-columns:repeat(2,1fr)}.pagina-tickets .meta-grid{grid-template-columns:1fr}.pagina-tickets .modal-body{padding:14px}.pagina-tickets .detail-header h2{font-size:14px;word-break:break-word}.pagina-tickets .detail-badges{gap:4px}}.wacht-blok{border-color:#fcd34d;margin-bottom:18px}.wacht-kop{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.wacht-kop h2{margin:0;display:flex;align-items:center;gap:8px;font-size:15px;color:#92400e}.wacht-ververs{font:inherit;font-size:12.5px;padding:5px 12px;border-radius:999px;cursor:pointer;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text)}.wacht-uitleg{margin:8px 0 14px;font-size:12.5px;line-height:1.6;color:var(--ds-text-muted)}.wacht-lijst{display:flex;flex-direction:column;gap:8px}.wacht-rij{display:flex;gap:14px;align-items:flex-start;padding:12px 14px;border-radius:11px;border:1px solid var(--ds-border);background:var(--ds-bg)}.wacht-rij.oud{border-color:#fca5a5;background:#fef2f2}.wacht-tijd{display:flex;flex-direction:column;align-items:center;min-width:54px;flex-shrink:0}.wacht-getal{font-size:21px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.wacht-eenheid{font-size:11px;color:var(--ds-text-muted)}.wacht-inhoud{min-width:0;flex:1}.wacht-van{font-size:13.5px;font-weight:600}.wacht-mail{font-size:12px;color:var(--portal-color);text-decoration:none}.wacht-mail:hover{text-decoration:underline}.wacht-tekst{margin:5px 0 0;font-size:12.5px;line-height:1.55;color:var(--ds-text)}.pagina-overzicht .isms-scope-banner{display:flex;gap:14px;align-items:flex-start;cursor:pointer;border-left:4px solid var(--portal-color);transition:box-shadow .15s ease,transform .15s ease}.pagina-overzicht .isms-scope-banner:hover{transform:translateY(-1px);box-shadow:0 6px 20px color-mix(in srgb,var(--portal-color) 22%,transparent)}.pagina-overzicht .isms-scope-banner-icon{font-size:28px;color:var(--portal-color);flex-shrink:0;line-height:1}.pagina-overzicht .isms-scope-banner-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.pagina-overzicht .isms-scope-banner-text{margin:4px 0 8px;font-size:14px;line-height:1.5}.pagina-overzicht .isms-scope-banner-link{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--portal-color)}.pagina-overzicht .card-title svg{font-size:17px;color:var(--portal-color);flex-shrink:0}.pagina-overzicht .section-header-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:4px}.pagina-overzicht .empty-state svg{font-size:38px;color:var(--ds-text-subtle)}.pagina-overzicht .empty-state span{font-size:13px}.pagina-overzicht .btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--ds-radius-sm);font-size:12px;font-weight:600;text-decoration:none;background:var(--portal-color);color:#fff;transition:opacity .15s ease,box-shadow .15s ease;white-space:nowrap}.pagina-overzicht .btn:hover{opacity:.88;box-shadow:0 2px 8px color-mix(in srgb,var(--portal-color) 30%,transparent)}.pagina-overzicht .btn.secondary{background:var(--ds-card);color:var(--ds-text-2);border:1px solid var(--ds-border)}.pagina-overzicht .btn.secondary:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-overzicht .quick-links-grid{display:flex;flex-wrap:wrap;gap:8px}.pagina-overzicht .overview-kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:16px}.pagina-overzicht .kpi-pill{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:var(--ds-card);border:1px solid var(--ds-border);font-size:12px;font-weight:600;color:var(--ds-text);transition:border-color .15s ease}.pagina-overzicht .kpi-pill:hover{border-color:var(--ds-hover, var(--portal-color))}.pagina-overzicht .kpi-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pagina-overzicht .kpi-dot.green{background:#22c55e;box-shadow:0 0 0 3px #22c55e2e}.pagina-overzicht .kpi-dot.red{background:#ef4444;box-shadow:0 0 0 3px #ef44442e}.pagina-overzicht .kpi-dot.yellow{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b2e}.pagina-overzicht .kpi-dot.blue{background:#3b82f6;box-shadow:0 0 0 3px #3b82f62e}.pagina-overzicht .service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:12px}.pagina-overzicht .service-card{padding:16px;border-radius:13px;border:1px solid var(--ds-border);background:var(--ds-card);display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.pagina-overzicht .service-card:hover{box-shadow:var(--ds-shadow-lg);transform:translateY(-1px)}.pagina-overzicht .service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#64748b,#94a3b8)}.pagina-overzicht .service-card.is-ok:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.pagina-overzicht .service-card.is-bad:before{background:linear-gradient(90deg,#ef4444,#f87171)}.pagina-overzicht .service-card.is-warn:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.pagina-overzicht .service-header{display:flex;align-items:center;gap:10px}.pagina-overzicht .service-icon{width:36px;height:36px;border-radius:10px;background:#3b82f61a;display:flex;align-items:center;justify-content:center;font-size:17px;color:#3b82f6;flex-shrink:0}.pagina-overzicht .service-name{font-size:14px;font-weight:600;color:var(--ds-text)}.pagina-overzicht .service-domain{font-size:11px;color:#2563eb;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.pagina-overzicht .service-status{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;padding:3px 10px;border-radius:999px;width:fit-content;text-transform:uppercase;letter-spacing:.4px;background:#64748b26;color:var(--ds-text-muted);border:1px solid var(--ds-border)}.pagina-overzicht .service-status .pulse{width:7px;height:7px;border-radius:50%;background:#64748b}.pagina-overzicht .service-card.is-ok .service-status{background:#22c55e1a;border-color:#22c55e40;color:#16a34a}.pagina-overzicht .service-card.is-ok .service-status .pulse{background:#22c55e;animation:pagina-overzicht-livePulse 2s ease-in-out infinite}.pagina-overzicht .service-card.is-bad .service-status{background:#ef44441a;border-color:#ef444440;color:#dc2626}.pagina-overzicht .service-card.is-bad .service-status .pulse{background:#ef4444}.pagina-overzicht .service-card.is-warn .service-status{background:#f59e0b1a;border-color:#f59e0b40;color:#d97706}.pagina-overzicht .service-card.is-warn .service-status .pulse{background:#f59e0b}.pagina-overzicht .service-note{font-size:11px;color:var(--ds-text-muted);line-height:1.4}@keyframes pagina-overzicht-livePulse{0%,to{opacity:1}50%{opacity:.4}}.pagina-overzicht .offline-alert-card{border-color:#ef444459;background:#ef444405}.pagina-overzicht .offline-alert-card .card-title{color:#dc2626}.pagina-overzicht .offline-alert-card .card-title svg{color:#ef4444}.pagina-overzicht .online-ok-card{border-color:#22c55e4d}.pagina-overzicht .online-ok-card .card-title{color:#16a34a}.pagina-overzicht .online-ok-card .card-title svg{color:#22c55e}.pagina-overzicht .offline-badge{font-size:11px;font-weight:800;padding:3px 12px;border-radius:999px;min-width:20px;text-align:center;flex-shrink:0}.pagina-overzicht .offline-badge.red{background:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.pagina-overzicht .offline-badge.green{background:#22c55e1f;color:#16a34a;border:1px solid rgba(34,197,94,.3)}.pagina-overzicht .offline-grid{display:flex;flex-direction:column;gap:8px}.pagina-overzicht .offline-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:11px;background:var(--ds-card);border:1px solid rgba(239,68,68,.2);transition:background .15s ease}.pagina-overzicht .offline-item:hover{background:var(--ds-hover)}.pagina-overzicht .offline-item-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.pagina-overzicht .offline-item-icon.red{background:#ef44441a;color:#ef4444}.pagina-overzicht .offline-item-icon.yellow{background:#f59e0b1a;color:#f59e0b}.pagina-overzicht .offline-item-body{flex:1;min-width:0}.pagina-overzicht .offline-item-name{font-size:13px;font-weight:600;color:var(--ds-text)}.pagina-overzicht .offline-item-detail{font-size:11px;color:var(--ds-text-muted);margin-top:1px}.pagina-overzicht .offline-item-status{font-size:10px;font-weight:700;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.4px;flex-shrink:0}.pagina-overzicht .offline-item-status.red{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.22)}.pagina-overzicht .offline-item-status.yellow{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.22)}.pagina-overzicht .uptime-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pagina-overzicht .uptime-card{padding:16px;border-radius:13px;background:var(--ds-card);border:1px solid var(--ds-border);text-align:center;transition:border-color .2s ease,transform .15s ease}.pagina-overzicht .uptime-card:hover{transform:translateY(-1px);border-color:var(--portal-color)}.pagina-overzicht .uptime-pct{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.pagina-overzicht .uptime-pct.green{color:#22c55e}.pagina-overzicht .uptime-pct.yellow{color:#f59e0b}.pagina-overzicht .uptime-pct.red{color:#ef4444}.pagina-overzicht .uptime-label{font-size:11px;color:var(--ds-text-muted);margin-top:3px;text-transform:uppercase;letter-spacing:.4px}.pagina-overzicht .uptime-bar-fill.green{background:#22c55e}.pagina-overzicht .uptime-bar-fill.yellow{background:#f59e0b}.pagina-overzicht .uptime-bar-fill.red{background:#ef4444}.pagina-overzicht .rt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.pagina-overzicht .rt-card{padding:14px;border-radius:13px;background:var(--ds-card);border:1px solid var(--ds-border);display:flex;flex-direction:column;gap:5px;position:relative;overflow:hidden;transition:border-color .2s ease,transform .15s ease}.pagina-overzicht .rt-card:hover{transform:translateY(-1px)}.pagina-overzicht .rt-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.pagina-overzicht .rt-card.ok:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.pagina-overzicht .rt-card.warn:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.pagina-overzicht .rt-card.bad:before{background:linear-gradient(90deg,#ef4444,#f87171)}.pagina-overzicht .rt-name{font-size:12px;font-weight:600;color:var(--ds-text-2)}.pagina-overzicht .rt-ms{font-size:22px;font-weight:800;color:#3b82f6;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.pagina-overzicht .rt-status{font-size:11px;color:var(--ds-text-muted)}.pagina-overzicht .rt-bad{color:#ef4444}.pagina-overzicht .ssl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:10px}.pagina-overzicht .ssl-card{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:var(--ds-card);border:1px solid var(--ds-border);transition:border-color .15s ease}.pagina-overzicht .ssl-card:hover{border-color:var(--portal-color)}.pagina-overzicht .ssl-card svg{font-size:19px;flex-shrink:0}.pagina-overzicht .ssl-card.green svg{color:#22c55e}.pagina-overzicht .ssl-card.yellow svg{color:#f59e0b}.pagina-overzicht .ssl-card.red svg{color:#ef4444}.pagina-overzicht .ssl-domain{font-size:11px;color:var(--ds-text-muted);flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden;text-overflow:ellipsis}.pagina-overzicht .ssl-days{font-size:12px;font-weight:700;flex-shrink:0}.pagina-overzicht .ssl-days.green{color:#22c55e}.pagina-overzicht .ssl-days.yellow{color:#f59e0b}.pagina-overzicht .ssl-days.red{color:#ef4444}.pagina-overzicht .docker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:10px}.pagina-overzicht .docker-card{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:11px;background:var(--ds-card);border:1px solid var(--ds-border);transition:border-color .15s ease}.pagina-overzicht .docker-card.ok{border-left-color:#22c55e}.pagina-overzicht .docker-card.bad{border-left-color:#ef4444}.pagina-overzicht .docker-card svg{font-size:17px;flex-shrink:0}.pagina-overzicht .docker-card.ok svg{color:#22c55e}.pagina-overzicht .docker-card.bad svg{color:#ef4444}.pagina-overzicht .docker-name{font-size:12px;font-weight:600;color:var(--ds-text);flex:1;overflow:hidden;text-overflow:ellipsis}.pagina-overzicht .docker-status{font-size:11px;color:var(--ds-text-muted);flex-shrink:0;max-width:120px;overflow:hidden;text-overflow:ellipsis}.pagina-overzicht .backup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.pagina-overzicht .backup-item{padding:13px 14px;border-radius:12px;background:var(--ds-card);border:1px solid var(--ds-border);display:flex;flex-direction:column;gap:5px;transition:border-color .15s ease}.pagina-overzicht .backup-item:hover{border-color:var(--portal-color)}.pagina-overzicht .backup-label{font-size:10px;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.4px;font-weight:600}.pagina-overzicht .backup-value{font-size:14px;font-weight:700;color:var(--ds-text)}.pagina-overzicht .inc-stats-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.pagina-overzicht .inc-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 16px;border-radius:12px;background:var(--ds-card);border:1px solid var(--ds-border);min-width:62px;transition:border-color .15s ease}.pagina-overzicht .inc-stat:hover{border-color:var(--portal-color)}.pagina-overzicht .inc-stat-num{font-size:20px;font-weight:800;color:var(--ds-text);font-variant-numeric:tabular-nums}.pagina-overzicht .inc-stat-num.red{color:#ef4444}.pagina-overzicht .inc-stat-num.green{color:#22c55e}.pagina-overzicht .inc-stat-label{font-size:10px;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px}.pagina-overzicht .incident-count{font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px}.pagina-overzicht .incident-count.active{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.25)}.pagina-overzicht .incident-count.resolved{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.25)}.pagina-overzicht .incident-list{display:flex;flex-direction:column;gap:6px;max-height:400px;overflow-y:auto}.pagina-overzicht .incident-item{display:flex;align-items:center;gap:10px;padding:9px 13px;border-radius:11px;background:var(--ds-card);border:1px solid var(--ds-border);font-size:13px;transition:background .15s ease}.pagina-overzicht .incident-item:hover{background:var(--ds-hover, color-mix(in srgb, var(--portal-color) 4%, transparent))}.pagina-overzicht .incident-item.active{border-color:#ef44444d;background:#ef44440d}.pagina-overzicht .incident-item.resolved{border-color:#22c55e2e}.pagina-overzicht .incident-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pagina-overzicht .incident-dot.active{background:#ef4444;animation:pagina-overzicht-livePulse 1.5s ease-in-out infinite}.pagina-overzicht .incident-dot.resolved{background:#22c55e}.pagina-overzicht .incident-time{font-size:11px;color:var(--ds-text-muted);min-width:110px;flex-shrink:0}.pagina-overzicht .incident-msg{flex:1;color:var(--ds-text);font-weight:500;font-size:13px}.pagina-overzicht .incident-duration{font-size:11px;color:var(--ds-text-muted);flex-shrink:0;text-align:right}.pagina-overzicht .platform-category{margin-bottom:22px}.pagina-overzicht .platform-category:last-child{margin-bottom:0}.pagina-overzicht .platform-category-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--ds-text-muted);margin-bottom:10px;padding-left:2px}.pagina-overzicht .platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:10px}.pagina-overzicht .platform-tile{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:13px;background:var(--ds-card);border:1px solid var(--ds-border);text-decoration:none;color:inherit;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.pagina-overzicht .platform-tile:hover{border-color:var(--portal-color);box-shadow:var(--ds-shadow);transform:translateY(-1px)}.pagina-overzicht .platform-icon{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}.pagina-overzicht .platform-info{flex:1;min-width:0}.pagina-overzicht .platform-name{font-size:13px;font-weight:600;color:var(--ds-text)}.pagina-overzicht .platform-url{font-size:11px;color:var(--ds-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:1px}.pagina-overzicht .platform-arrow{font-size:15px;color:var(--ds-text-subtle);flex-shrink:0;transition:color .15s ease,transform .15s ease}.pagina-overzicht .platform-tile:hover .platform-arrow{color:var(--portal-color);transform:translate(2px)}.pagina-overzicht .arch-diagram{display:flex;flex-direction:column;align-items:center;padding:20px 0 8px}.pagina-overzicht .arch-layer{width:100%;padding:16px;border-radius:14px;background:var(--ds-card);border:1px solid var(--ds-border)}.pagina-overzicht .arch-layer-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--ds-text-muted);margin-bottom:12px;text-align:center}.pagina-overzicht .arch-nodes{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.pagina-overzicht .arch-nodes.single{justify-content:center}.pagina-overzicht .arch-node{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 22px;border-radius:13px;border:1px solid var(--ds-border);background:var(--ds-card);min-width:120px;text-align:center;transition:border-color .15s ease}.pagina-overzicht .arch-node:hover{border-color:var(--portal-color)}.pagina-overzicht .arch-node svg{font-size:22px;margin-bottom:2px}.pagina-overzicht .arch-node span{font-size:12px;font-weight:600;color:var(--ds-text)}.pagina-overzicht .arch-node .arch-sub{font-size:10px;color:var(--ds-text-muted);font-weight:400}.pagina-overzicht .arch-node.user{border-color:#3b82f64d}.pagina-overzicht .arch-node.user svg{color:#3b82f6}.pagina-overzicht .arch-node.employee{border-color:#ef44444d}.pagina-overzicht .arch-node.employee svg{color:#ef4444}.pagina-overzicht .arch-node.public{border-color:#94a3b840}.pagina-overzicht .arch-node.public svg{color:#94a3b8}.pagina-overzicht .arch-node.infra{border-color:#22c55e4d;min-width:280px;background:#22c55e08}.pagina-overzicht .arch-node.infra svg{color:#22c55e}.pagina-overzicht .arch-node.backend{border-color:#a855f74d;min-width:280px;background:#a855f708}.pagina-overzicht .arch-node.backend svg{color:#a855f7}.pagina-overzicht .arch-node.db{border-color:#3b82f64d;min-width:280px;background:#3b82f608}.pagina-overzicht .arch-node.db svg{color:#3b82f6}.pagina-overzicht .arch-node.db-replica{border-color:#0ea5e94d;min-width:280px;background:#0ea5e908}.pagina-overzicht .arch-node.db-replica svg{color:#0ea5e9}.pagina-overzicht .arch-node.standby{border-color:#94a3b84d;border-style:dashed;min-width:280px;background:#94a3b808}.pagina-overzicht .arch-node.standby svg{color:#94a3b8}.pagina-overzicht .arch-node.standby span{color:var(--ds-text-2)}.pagina-overzicht .arch-node.relay{border-color:#f59e0b4d;min-width:280px;background:#f59e0b08}.pagina-overzicht .arch-node.relay svg{color:#f59e0b}.pagina-overzicht .arch-connector-row{display:flex;align-items:center;justify-content:center;gap:32px;padding:6px 0}.pagina-overzicht .arch-connector-row.triple{gap:48px}.pagina-overzicht .arch-branch{display:flex;flex-direction:column;align-items:center;gap:2px}.pagina-overzicht .arch-arrow-down{width:2px;height:18px;background:linear-gradient(180deg,#94a3b880,#94a3b81f);position:relative}.pagina-overzicht .arch-arrow-down:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(148,163,184,.5)}.pagina-overzicht .arch-connector-label{font-size:10px;color:var(--ds-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pagina-overzicht .arch-app-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:14px}.pagina-overzicht .arch-group{border-radius:13px;border:1px solid var(--ds-border);background:var(--ds-card);overflow:hidden}.pagina-overzicht .arch-group-header{padding:9px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:center}.pagina-overzicht .arch-group-header.blue{background:#3b82f614;color:#2563eb;border-bottom:1px solid rgba(59,130,246,.14)}.pagina-overzicht .arch-group-header.red{background:#ef444414;color:#dc2626;border-bottom:1px solid rgba(239,68,68,.14)}.pagina-overzicht .arch-group-header.gray{background:#94a3b814;color:var(--ds-text-muted);border-bottom:1px solid var(--ds-border)}.pagina-overzicht .arch-group-body{padding:10px;display:flex;flex-direction:column;gap:6px}.pagina-overzicht .arch-group-note{padding:8px 14px;font-size:11px;color:var(--ds-text-muted);line-height:1.5;border-top:1px solid var(--ds-border-subtle);text-align:center}.pagina-overzicht .arch-group-note strong{color:var(--ds-text-2)}.pagina-overzicht .arch-app-item{display:flex;flex-direction:column;gap:2px;padding:9px 13px;border-radius:9px;border:1px solid var(--ds-border);background:var(--ds-card);transition:border-color .15s ease}.pagina-overzicht .arch-app-item:hover{border-color:var(--portal-color)}.pagina-overzicht .arch-app-item strong{font-size:13px;color:var(--ds-text)}.pagina-overzicht .arch-app-item span{font-size:11px;color:var(--ds-text-muted)}.pagina-overzicht .arch-app-item code{font-size:10px;color:var(--ds-text-2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--ds-card);padding:2px 7px;border-radius:5px;margin-top:4px;width:fit-content}.pagina-overzicht .arch-app-item.blue{border-left:3px solid #3b82f6}.pagina-overzicht .arch-app-item.purple{border-left:3px solid #a855f7}.pagina-overzicht .arch-app-item.green{border-left:3px solid #22c55e}.pagina-overzicht .arch-app-item.amber{border-left:3px solid #f59e0b}.pagina-overzicht .arch-app-item.cyan{border-left:3px solid #0ea5e9}.pagina-overzicht .arch-app-item.pink{border-left:3px solid #ec4899}.pagina-overzicht .arch-app-item.red{border-left:3px solid #ef4444}.pagina-overzicht .arch-app-item.gray{border-left:3px solid #64748b}.pagina-overzicht .arch-app-item.indigo{border-left:3px solid #6366f1}.pagina-overzicht .arch-app-item.teal{border-left:3px solid #14b8a6}.pagina-overzicht .arch-app-item.orange{border-left:3px solid #fb923c}@media (max-width: 768px){.pagina-overzicht .overview-kpi-row{grid-template-columns:repeat(3,1fr);gap:8px}.pagina-overzicht .service-grid{grid-template-columns:repeat(2,1fr)}.pagina-overzicht .platform-grid{grid-template-columns:1fr 1fr}.pagina-overzicht .arch-app-groups{grid-template-columns:1fr}.pagina-overzicht .arch-connector-row{gap:16px}.pagina-overzicht .arch-node{min-width:90px;padding:10px 14px}}@media (max-width: 600px){.pagina-overzicht .service-grid,.pagina-overzicht .uptime-grid,.pagina-overzicht .rt-grid,.pagina-overzicht .ssl-grid,.pagina-overzicht .platform-grid{grid-template-columns:1fr}.pagina-overzicht .overview-kpi-row{grid-template-columns:repeat(2,1fr)}.pagina-overzicht .arch-nodes{flex-direction:column;align-items:center}.pagina-overzicht .arch-connector-row,.pagina-overzicht .arch-connector-row.triple{flex-direction:column;gap:4px}}@media (max-width: 480px){.pagina-overzicht .overview-kpi-row{grid-template-columns:repeat(2,1fr);gap:6px}.pagina-overzicht .service-grid,.pagina-overzicht .docker-grid,.pagina-overzicht .backup-grid{grid-template-columns:1fr;gap:8px}.pagina-overzicht .uptime-grid{grid-template-columns:1fr}.pagina-overzicht .inc-stats-row{gap:6px}.pagina-overzicht .inc-stat{flex:1 1 calc(50% - 5px);min-width:0}.pagina-overzicht .quick-links-grid,.pagina-overzicht .section-header-row{gap:6px}.pagina-overzicht .service-header,.pagina-overzicht .offline-item,.pagina-overzicht .arch-group-body{word-break:keep-all;overflow-wrap:break-word}.pagina-overzicht .arch-app-groups{grid-template-columns:1fr;gap:10px}}.pagina-overzicht .platform-icon{background:color-mix(in srgb,var(--portal-color) 12%,transparent);color:var(--portal-color)}.pagina-overzicht .status-badge.green{background:color-mix(in srgb,var(--ds-success) 14%,transparent);color:var(--ds-success)}.pagina-overzicht .isms-scope-banner{text-decoration:none;color:inherit}@media (max-width: 640px){.pagina-overzicht .isms-scope-banner{flex-direction:column;gap:8px}.pagina-overzicht .isms-scope-banner-text{font-size:13px}}@media (max-width: 640px){.pagina-overzicht .arch-node{width:100%;min-width:0;box-sizing:border-box}.pagina-overzicht .arch-nodes{align-items:stretch}}@media (max-width: 640px){.pagina-overzicht .quick-links-grid{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pagina-overzicht .quick-links-grid::-webkit-scrollbar{display:none}.pagina-overzicht .quick-links-grid>*{flex:0 0 auto}}html.hud{--portal-color: #5ee7ff;--portal-color-dark: #0b1a2e;--portal-color-light: #9ff3ff}html.hud .shell{--shell-bg: #05070d;--sidebar-bg: rgba(8, 12, 22, .96);--sidebar-border: rgba(94, 231, 255, .14);--sidebar-text: #b9c7e6;--sidebar-icon: #7f93b8;--sidebar-hover: rgba(94, 231, 255, .08);--sidebar-active-bg: rgba(94, 231, 255, .14);--sidebar-active-text: #fff;--divider: rgba(94, 231, 255, .12);--uitklap-bg: #0b1220;--uitklap-text: #dbe7ff;--ds-bg: #05070d;--ds-card: #0c1220;--ds-card-elevated: #101a2c;--ds-input: #0b1220;--ds-hover: rgba(94,231,255,.08);--ds-deep: #080d17;--ds-veld: rgba(94,231,255,.06);--ds-modal-bg: #0b1220;--ds-text: #dbe7ff;--ds-text-2: #b9c7e6;--ds-text-muted: #7f93b8;--ds-text-subtle: #5f7194;--ds-border: rgba(94,231,255,.16);--ds-border-strong: rgba(94,231,255,.35);--ds-border-subtle: rgba(94,231,255,.1);--ds-table-header: #0b1220;--ds-table-border: rgba(94,231,255,.12);--ds-table-hover: rgba(94,231,255,.06);--ds-shadow: 0 10px 30px -18px rgba(94,231,255,.25);--ds-shadow-lg: 0 20px 50px -24px rgba(94,231,255,.35)}html.hud .shell .header{background:linear-gradient(90deg,#0b1a2e,#05070d 70%);border-bottom:1px solid rgba(94,231,255,.16);box-shadow:0 10px 30px -20px #5ee7ff66}html.hud .shell .header-title,html.hud .shell .header-title *{color:#dbe7ff}html.hud .shell .header-btn{background:#5ee7ff14;border:1px solid rgba(94,231,255,.16);color:#dbe7ff}html.hud .shell .menu-item.active{box-shadow:inset 3px 0 #5ee7ff,0 0 18px -8px #5ee7ff}html.hud .shell .menu-item .menu-icon{color:var(--sidebar-icon)}html.hud .shell .menu-item.active .menu-icon{color:#5ee7ff}html.hud .shell .menu-group-label{color:#5ee7ff;opacity:.8;letter-spacing:.12em}html.hud .shell .page-container:not(.cc){color:var(--ds-text)}html.hud .modal-content,html.hud .venster{background:#0b1220;color:#dbe7ff;border:1px solid rgba(94,231,255,.2)}html.hud .modal-content .form-input,html.hud .modal-content .form-select,html.hud .venster .form-input,html.hud .venster .form-select{background-color:#0f1a2c;color:#dbe7ff;border-color:#5ee7ff40}html.hud .modal-content .modal-header{background:linear-gradient(135deg,#0b1a2e,#123a4d)}.cc.hud{--hud: #5ee7ff;--hud-2: #8b7bff;--hud-groen: #3ddc97;--hud-oranje: #ffb454;--hud-rood: #ff5c7a;--hud-bg: #05070d;--hud-paneel: rgba(12, 18, 32, .72);--hud-rand: rgba(94, 231, 255, .16);--hud-rand-fel: rgba(94, 231, 255, .45);--hud-tekst: #dbe7ff;--hud-muted: #7f93b8;--hud-veld: rgba(94, 231, 255, .06);color:var(--hud-tekst);background:radial-gradient(90% 60% at 20% 0%,rgba(94,231,255,.07),transparent 60%),radial-gradient(70% 50% at 100% 100%,rgba(139,123,255,.08),transparent 60%),var(--hud-bg);border-radius:20px;padding:18px;min-height:calc(100vh - 120px);font-variant-numeric:tabular-nums}.cc.hud .muted{color:var(--hud-muted)}.cc .rood{color:var(--hud-rood)}.cc .oranje{color:var(--hud-oranje)}.cc.hud .btn-link{color:var(--hud);background:none;border:0;cursor:pointer;font:inherit;font-size:13px;padding:0}.cc.hud .btn-link.gevaar{color:var(--hud-rood)}.cc-rij{display:flex;gap:8px;align-items:center}.cc-hero{position:relative;overflow:hidden;border-radius:18px;padding:22px 26px;border:1px solid var(--hud-rand);background:linear-gradient(135deg,#0c1220e6,#060a14f2);box-shadow:inset 0 0 80px #5ee7ff0d,0 30px 60px -40px #5ee7ff59;animation:cc-in .6s ease-out both}.cc-hero-raster{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(94,231,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(94,231,255,.06) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(70% 90% at 30% 50%,#000,transparent 80%);mask-image:radial-gradient(70% 90% at 30% 50%,#000,transparent 80%);animation:cc-raster 30s linear infinite}@keyframes cc-raster{0%{background-position:0 0,0 0}to{background-position:0 34px,34px 0}}.cc-hero-kop{position:relative;display:flex;gap:22px;align-items:center}.cc-kern-vak{position:relative;flex:0 0 200px;display:grid;place-items:center}.cc-kern{display:block;filter:drop-shadow(0 0 22px rgba(94,231,255,.25));transition:filter .6s}.cc-kern.bezig{filter:drop-shadow(0 0 34px rgba(94,231,255,.5))}.cc-kern-vak .cc-live{position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.cc-hero-tekst{flex:1;min-width:0}.cc-hero-naam{font-size:26px;font-weight:800;letter-spacing:.16em;color:#fff;display:flex;align-items:center;gap:10px;flex-wrap:wrap;text-shadow:0 0 18px rgba(94,231,255,.35)}.cc-hero-sub{font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-size:12px;color:var(--hud);opacity:.8}.cc-hero-briefing{margin:8px 0 0;font-size:17px;line-height:1.55;max-width:72ch;min-height:2.6em;text-wrap:pretty;color:var(--hud-tekst)}.cc-hero-briefing.klein{font-size:15px;min-height:0}.cc-hero-feiten{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:8px;font-size:13px;color:var(--hud-muted)}.cc-feit{display:inline-flex;gap:6px;align-items:center}.cc-hero-acties{display:flex;gap:8px;flex-shrink:0}.cc-terug{color:var(--hud);display:inline-flex}.cc-cursor{color:var(--hud);animation:cc-cursor .9s steps(1) infinite}@keyframes cc-cursor{50%{opacity:0}}.cc-live{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:3px 10px;border-radius:999px;border:1px solid var(--hud-rand);color:var(--hud-muted);background:#05070db3}.cc-live.aan{color:var(--hud-groen);border-color:#3ddc9766;box-shadow:0 0 #3ddc9780;animation:cc-puls 2s infinite}@keyframes cc-puls{0%{box-shadow:0 0 #3ddc9773}70%{box-shadow:0 0 0 9px #3ddc9700}to{box-shadow:0 0 #3ddc9700}}.cc-tabs{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.cc-tab{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:999px;border:1px solid var(--hud-rand);background:var(--hud-veld);color:var(--hud-tekst);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}.cc-tab:hover{border-color:var(--hud-rand-fel)}.cc-tab.actief{background:#5ee7ff29;border-color:var(--hud-rand-fel);color:#fff;box-shadow:0 0 18px -6px var(--hud)}.cc-tab.stil{padding:8px 10px}.cc-instrumenten{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px}.cc-instr{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--hud-veld);border:1px solid var(--hud-rand);animation:cc-in .5s ease-out both;text-align:left;color:inherit;font:inherit}button.cc-instr{cursor:pointer}button.cc-instr:hover{border-color:var(--hud-rand-fel)}.cc-instr:nth-child(2){animation-delay:.08s}.cc-instr:nth-child(3){animation-delay:.16s}.cc-instr:nth-child(4){animation-delay:.24s}.cc-instr:nth-child(5){animation-delay:.32s}.cc-instr-nr{font-size:30px;font-weight:800;line-height:1;min-width:44px;flex-shrink:0;white-space:nowrap;letter-spacing:-.02em;color:#fff;text-shadow:0 0 14px rgba(94,231,255,.35)}.cc-instr-nr.oranje{color:var(--hud-oranje)}.cc-instr-nr.rood{color:var(--hud-rood)}.cc-instr-l{font-weight:700;font-size:13.5px;color:#fff}.cc-instr-s{font-size:12px;color:var(--hud-muted)}.cc-instr-health{flex-direction:column;align-items:stretch;gap:8px}.cc-health-balk{display:flex;height:12px;border-radius:999px;overflow:hidden;gap:2px}.cc-health-seg{font-size:9px;line-height:12px;text-align:center;color:#05070d;font-weight:800;transform-origin:left;animation:cc-groei .8s ease-out both}.cc-health-seg.rood{background:var(--hud-rood)}.cc-health-seg.oranje{background:var(--hud-oranje)}.cc-health-seg.groen{background:var(--hud-groen)}.cc-health-seg.grijs{background:#55627f}@keyframes cc-groei{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.cc-ring{position:relative;display:inline-grid;place-items:center;flex-shrink:0;color:var(--hud)}.cc-ring svg{transform:rotate(-90deg)}.cc-ring-spoor{fill:none;stroke:currentColor;opacity:.15}.cc-ring-vul{fill:none;stroke-linecap:round;transition:stroke-dashoffset 1.1s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 0 4px currentColor)}.cc-ring-kind{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.cc-ring-tekst{font-weight:800;font-size:15px;color:#fff}.cc-ring-tekst.groot{font-size:20px}.cc-ring-pct{font-weight:800;font-size:12px;color:#fff}.cc-pols{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:14px}.cc-polskaart{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:14px;background:var(--hud-paneel);border:1px solid var(--hud-rand);color:inherit;text-decoration:none;animation:cc-in .5s ease-out both;transition:border-color .2s,transform .2s,box-shadow .2s;min-width:0}.cc-polskaart:hover{border-color:var(--hud-rand-fel);transform:translateY(-2px);box-shadow:0 16px 30px -20px var(--hud)}.cc-polskaart.waarschuw{border-color:#ffb45466}.cc-polskaart:nth-child(2){animation-delay:.05s}.cc-polskaart:nth-child(3){animation-delay:.1s}.cc-polskaart:nth-child(4){animation-delay:.15s}.cc-polskaart:nth-child(5){animation-delay:.2s}.cc-polskaart:nth-child(6){animation-delay:.25s}.cc-polskaart:nth-child(7){animation-delay:.3s}.cc-pols-kop{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--hud)}.cc-pols-nr{font-size:26px;font-weight:800;color:#fff;line-height:1.1;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.cc-pols-eenheid{font-size:11px;font-weight:600;color:var(--hud-muted);letter-spacing:.04em}.cc-pols-trend{font-size:12px;font-weight:700;padding:1px 7px;border-radius:999px}.cc-pols-trend.op{color:var(--hud-groen);background:#3ddc971f}.cc-pols-trend.af{color:var(--hud-rood);background:#ff5c7a1f}.cc-pols-sub{font-size:12px;color:var(--hud-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-pols-lijst{list-style:none;margin:6px 0 0;padding:6px 0 0;border-top:1px solid var(--hud-rand);font-size:12px;display:grid;gap:3px}.cc-pols-lijst li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--hud-muted)}.cc-pols-lijst li.ongelezen{color:#fff;font-weight:600}.cc-pols-lijst li span{display:none}.cc-twee{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:14px;margin:14px 0}.cc-kolom{display:flex;flex-direction:column;gap:14px}.cc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.cc-grid.drie-een{grid-template-columns:1.2fr 1fr 1fr}.cc-kaart{background:var(--hud-paneel);border:1px solid var(--hud-rand);border-radius:16px;padding:16px 18px;animation:cc-in .5s ease-out both;margin-top:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cc-twee .cc-kaart,.cc-grid .cc-kaart,.cc-kolom .cc-kaart,.cc-agenda-grid .cc-kaart{margin-top:0}.cc-kaart-kop{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.cc-kaart-kop.cc-later{margin-top:16px;padding-top:12px;border-top:1px solid var(--hud-rand)}.cc-kaart-kop h2{margin:0;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px;letter-spacing:.06em;text-transform:uppercase;color:var(--hud)}.cc-tel{margin-left:4px;background:#5ee7ff24;color:#fff;border-radius:999px;padding:1px 9px;font-size:12px;font-weight:800;letter-spacing:0}.cc-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;background:#ffffff14;padding:1px 6px;border-radius:6px;font-weight:700;color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:5px}.cc-code.groot{font-size:14px;padding:3px 9px}.cc-pk{width:8px;height:8px;border-radius:50%;background:var(--pk, var(--hud));display:inline-block}@keyframes cc-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.cc-logica{list-style:none;margin:0 0 14px;padding:12px 14px;border-radius:12px;background:var(--hud-veld);border:1px solid var(--hud-rand);display:grid;gap:6px;font-size:13px;animation:cc-in .3s ease-out}.cc-logica li{display:grid;grid-template-columns:150px 1fr;gap:10px}.cc-logica b{color:var(--hud)}.cc-stappen{list-style:none;margin:0;padding:0;position:relative}.cc-stappen:before{content:"";position:absolute;left:19px;top:24px;bottom:24px;width:2px;background:linear-gradient(var(--hud),rgba(94,231,255,.08))}.cc-stap{position:relative;margin-bottom:8px;border-radius:14px;border:1px solid transparent;transition:background .25s,border-color .25s;animation:cc-in .45s ease-out both}.cc-stap.uit{background:#5ee7ff0f;border-color:var(--hud-rand-fel);box-shadow:0 0 24px -12px var(--hud)}.cc-stap.later{opacity:.8}.cc-stap.weg{animation:cc-weg .6s ease-in forwards}@keyframes cc-weg{0%{transform:translate(0);opacity:1}30%{background:#3ddc972e}to{transform:translate(24px);opacity:0;max-height:0;margin:0}}.cc-stap-kop{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;background:none;border:0;text-align:left;cursor:pointer;color:inherit;font:inherit}.cc-nr{position:relative;z-index:1;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:var(--hud);color:#05070d;flex-shrink:0;box-shadow:0 0 16px -4px var(--hud)}.cc-stap.later .cc-nr{background:#0b1220;color:var(--hud);border:1.5px solid var(--hud-rand-fel);box-shadow:none}.cc-nr.besluit{background:var(--hud-oranje);box-shadow:0 0 16px -4px var(--hud-oranje)}.cc-stap.later .cc-nr.besluit{color:var(--hud-oranje);border-color:#ffb45480;background:#0b1220}.cc-stap-titel{flex:1;min-width:0;font-weight:700;font-size:15px;line-height:1.35;color:#fff}.cc-stap.later .cc-stap-titel{font-weight:600;font-size:14px;color:var(--hud-tekst)}.cc-stap-meta{display:flex;align-items:center;gap:8px;flex-shrink:0;font-size:12.5px;color:var(--hud-muted)}.cc-stap-project{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-dl{font-weight:700;padding:2px 8px;border-radius:999px;background:#ffffff14;color:var(--hud-tekst)}.cc-dl.oranje{background:#ffb45429;color:var(--hud-oranje)}.cc-dl.rood{background:#ff5c7a29;color:var(--hud-rood)}.cc-stap-body{padding:0 14px 14px 62px;animation:cc-in .3s ease-out}.cc-waarom{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;margin-bottom:12px}.cc-chip{padding:3px 10px;border-radius:999px;background:#5ee7ff1f;color:var(--hud);font-weight:600;font-size:12.5px}.cc-score{margin-left:auto;font-family:ui-monospace,monospace;font-size:11.5px;color:var(--hud-muted)}.cc-stap-acties{display:flex;gap:8px;flex-wrap:wrap}.cc-knop-primair{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;border:0;background:var(--hud);color:#05070d;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 0 22px -6px var(--hud);transition:transform .15s,box-shadow .15s}.cc-knop-primair.klein{padding:7px 13px;font-size:13px}.cc-knop-primair:hover{transform:translateY(-1px);box-shadow:0 0 28px -4px var(--hud)}.cc-knop-primair:disabled{opacity:.5;cursor:not-allowed;transform:none}.cc-knop-stil{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;border:1px solid var(--hud-rand);background:var(--hud-veld);color:var(--hud-tekst);font-weight:600;font-size:13.5px;cursor:pointer;text-decoration:none;transition:border-color .15s}.cc-knop-stil.klein{padding:6px 10px}.cc-knop-stil:hover{border-color:var(--hud-rand-fel)}.cc-leeg{display:flex;gap:14px;align-items:center;padding:18px;border-radius:14px;background:#3ddc9714;color:var(--hud-groen)}.cc-leeg svg{width:32px;height:32px}.cc-bob-bezig{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--hud);margin-bottom:10px}.cc-puntjes{display:inline-flex;gap:3px}.cc-puntjes i{width:5px;height:5px;border-radius:50%;background:var(--hud);display:inline-block;animation:cc-punt 1.2s infinite ease-in-out}.cc-puntjes i:nth-child(2){animation-delay:.2s}.cc-puntjes i:nth-child(3){animation-delay:.4s}@keyframes cc-punt{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.cc-bob-regels{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:13px;line-height:1.45}.cc-bob-regel{display:grid;grid-template-columns:44px 1fr;gap:8px;animation:cc-in .4s ease-out both}.cc-bob-regel.waarschuwing{color:var(--hud-oranje)}.cc-bob-regel.alarm{color:var(--hud-rood);font-weight:600}.cc-bob-tijd{font-family:ui-monospace,monospace;font-size:11.5px;color:var(--hud);opacity:.8;padding-top:2px}.cc-bob-voet{margin-top:10px;font-size:12px}.cc-projecten{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}.cc-project{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:16px;border:1px solid var(--hud-rand);background:var(--hud-paneel);color:inherit;text-decoration:none;position:relative;overflow:hidden;animation:cc-in .5s ease-out both;transition:transform .2s,box-shadow .2s,border-color .2s}.cc-project:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#55627f}.cc-project.is-rood:before{background:var(--hud-rood)}.cc-project.is-oranje:before{background:var(--hud-oranje)}.cc-project.is-groen:before{background:var(--hud-groen)}.cc-project:hover{transform:translateY(-3px);box-shadow:0 18px 30px -18px var(--hud);border-color:var(--hud-rand-fel)}.cc-project-kop{display:flex;gap:8px;align-items:center;font-size:12px}.cc-project-kop .cc-stip{margin-left:auto}.cc-project-rij{display:flex;gap:12px;align-items:center}.cc-project-tekst{min-width:0}.cc-project-naam{font-weight:800;font-size:15px;color:#fff}.cc-project-mijlpaal{font-size:13px;color:var(--hud-muted)}.cc-datum{font-weight:700}.cc-project-voet{display:flex;gap:10px;flex-wrap:wrap;font-size:12.5px;color:var(--hud-muted)}.cc-project-voet .rood,.cc-project-voet .oranje{font-weight:700}.cc-redenen{font-size:12px;color:var(--hud-muted);border-top:1px dashed var(--hud-rand);padding-top:6px}.cc-project-doelen{display:grid;gap:6px}.cc-stip{display:inline-block;width:10px;height:10px;border-radius:50%;background:#55627f;flex-shrink:0}.cc-stip.rood{background:var(--hud-rood);box-shadow:0 0 #ff5c7a80;animation:cc-stip-puls 1.8s infinite}.cc-stip.oranje{background:var(--hud-oranje)}.cc-stip.groen{background:var(--hud-groen)}@keyframes cc-stip-puls{0%{box-shadow:0 0 #ff5c7a73}70%{box-shadow:0 0 0 8px #ff5c7a00}to{box-shadow:0 0 #ff5c7a00}}.cc-golf{font-size:10.5px;font-weight:800;padding:1px 6px;border-radius:6px;background:#ffffff14}.cc-golf.P0{background:#ff5c7a2e;color:var(--hud-rood)}.cc-golf.P1{background:#ffb4542e;color:var(--hud-oranje)}.cc-golf.P2{background:#5ee7ff24;color:var(--hud)}.cc-mini-project{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none}.cc-doelen{display:grid;gap:10px}.cc-doel-rij{display:grid;gap:4px}.cc-doel{display:grid;gap:5px}.cc-doel-kop{display:flex;justify-content:space-between;gap:10px;font-size:13px}.cc-doel-titel{font-weight:600;color:#fff}.cc-doel-waarde{color:var(--hud-muted);white-space:nowrap;font-size:12.5px}.cc-doel-spoor{height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.cc-doel-spoor i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--hud-2),var(--hud));box-shadow:0 0 10px var(--hud);transition:width .9s cubic-bezier(.2,.8,.2,1)}.cc-doel.behaald .cc-doel-spoor i{background:var(--hud-groen);box-shadow:0 0 10px var(--hud-groen)}.cc-doel.gemist .cc-doel-spoor i{background:var(--hud-rood)}.cc-doel-acties{display:flex;gap:12px;font-size:12px}.cc-charter-regel{margin:0 0 10px;font-size:13.5px}.cc-agenda{margin-top:14px}.cc-agenda-balk{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin:14px 0}.cc-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.cc-pchip,.cc-schip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;border:1px solid var(--hud-rand);background:var(--hud-veld);color:var(--hud-tekst);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.cc-pchip i{width:8px;height:8px;border-radius:50%;background:var(--pk, var(--hud))}.cc-pchip.actief{border-color:var(--pk, var(--hud));background:color-mix(in srgb,var(--pk, var(--hud)) 18%,transparent);color:#fff}.cc-schip.actief{background:#5ee7ff29;border-color:var(--hud-rand-fel);color:#fff}.cc-agenda-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px}.cc-weekdagen{display:grid;grid-template-columns:repeat(7,1fr);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--hud-muted);padding:0 0 6px}.cc-weekdagen span{text-align:center}.cc-cellen{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cc-cel{aspect-ratio:1.15;border-radius:10px;border:1px solid transparent;background:#ffffff08;color:inherit;font:inherit;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:6px;transition:border-color .15s,background .15s}.cc-cel:hover{border-color:var(--hud-rand-fel)}.cc-cel.buiten{opacity:.35}.cc-cel.vandaag .cc-cel-nr{color:var(--hud);font-weight:800}.cc-cel.gekozen{background:#5ee7ff1f;border-color:var(--hud-rand-fel)}.cc-cel-nr{font-size:12.5px;text-align:left}.cc-cel-stippen{display:flex;gap:3px;flex-wrap:wrap;align-items:center}.cc-cel-stippen i{width:7px;height:7px;border-radius:50%;display:inline-block;box-shadow:0 0 6px currentColor}.cc-cel-stippen b{font-size:10px;color:var(--hud-muted)}.cc-agenda-lijst{list-style:none;margin:0;padding:0;display:grid;gap:6px}.cc-agenda-regel>a,.cc-agenda-regel>span{display:grid;grid-template-columns:4px 58px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:#ffffff08;color:inherit;text-decoration:none;font-size:13.5px;transition:background .15s}.cc-agenda-regel>a:hover{background:#5ee7ff14}.cc-agenda-lijst.compact .cc-agenda-regel>a,.cc-agenda-lijst.compact .cc-agenda-regel>span{padding:5px 8px;font-size:13px}.cc-agenda-kleur{width:4px;height:100%;min-height:18px;border-radius:2px}.cc-agenda-tijd{font-family:ui-monospace,monospace;font-size:11.5px;color:var(--hud)}.cc-agenda-titel{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}.cc-agenda-titel.klaar{text-decoration:line-through;opacity:.6}.cc-agenda-meta{font-size:11.5px;color:var(--hud-muted);white-space:nowrap}.cc-lijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:13.5px}.cc-lijst li{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding-bottom:8px;border-bottom:1px solid var(--hud-rand)}.cc-lijst li:last-child{border-bottom:0}.cc-lijst li.gedaan{opacity:.55}.cc-lijst.compact li{padding-bottom:5px}.cc-lijst li b{color:#fff}.cc-lijst-rechts{display:flex;gap:8px;align-items:center;flex-shrink:0;font-size:12.5px;white-space:nowrap}.cc-rest{margin:10px 0 0;font-size:12.5px}.cc-opties{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.cc-schakel{display:inline-flex;gap:6px;align-items:center;font-size:13px;color:var(--hud-muted)}.cc-hero-project.is-rood{border-color:#ff5c7a59}.cc-hero-project.is-oranje{border-color:#ffb45459}.cc-hero-project.is-groen{border-color:#3ddc9759}.cc-charter-rijen{display:flex;flex-direction:column;gap:6px;font-size:13.5px}.cc-charter-rijen>div{display:grid;grid-template-columns:170px 1fr;gap:10px}.cc-charter-rijen b{color:var(--hud)}.cc-tabel-vak{overflow-x:auto}.cc-taken{min-width:860px}.cc.hud .data-table th{color:var(--hud-muted);background:transparent;border-bottom:1px solid var(--hud-rand)}.cc.hud .data-table td{color:var(--hud-tekst);border-bottom:1px solid var(--hud-rand);font-size:13.5px;vertical-align:top}.cc.hud .data-table tr:hover td{background:#5ee7ff0d}.cc-taken tr.gedaan{opacity:.5}.cc-taken tr.geblokkeerd td:nth-child(2){color:var(--hud-rood)}.cc-prio{font-size:11.5px;font-weight:700;padding:1px 7px;border-radius:999px;background:#ffffff14}.cc-prio.kritiek{background:#ff5c7a2e;color:var(--hud-rood)}.cc-prio.hoog{background:#ffb4542e;color:var(--hud-oranje)}.cc-prio.laag{opacity:.7}@media (max-width: 1250px){.cc-pols{grid-template-columns:repeat(4,minmax(0,1fr))}.cc-instrumenten{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1000px){.cc-twee,.cc-agenda-grid,.cc-grid,.cc-grid.drie-een{grid-template-columns:1fr}.cc-charter-rijen>div{grid-template-columns:1fr}.cc-hero-kop{flex-wrap:wrap}.cc-hero-acties{width:100%}}@media (max-width: 640px){.cc.hud{padding:10px;border-radius:12px}.cc-hero{padding:16px}.cc-kern-vak{flex-basis:140px}.cc-instrumenten,.cc-pols{grid-template-columns:1fr 1fr}.cc-hero-briefing{font-size:15px}.cc-stap-project{display:none}.cc-stap-body{padding-left:14px}.cc-logica li{grid-template-columns:1fr}.cc-stappen:before{display:none}.cc-agenda-regel>a,.cc-agenda-regel>span{grid-template-columns:4px 48px 1fr}.cc-agenda-meta{display:none}}@media (prefers-reduced-motion: reduce){.cc-hero,.cc-hero-raster,.cc-live.aan,.cc-cursor,.cc-instr,.cc-health-seg,.cc-ring-vul,.cc-kaart,.cc-logica,.cc-stap,.cc-stap-body,.cc-puntjes i,.cc-bob-regel,.cc-project,.cc-polskaart,.cc-stip.rood,.cc-doel-spoor i{animation:none;transition:none}.cc-project:hover,.cc-knop-primair:hover,.cc-polskaart:hover{transform:none}}.cc-vraag{display:flex;align-items:center;gap:10px;margin-top:12px;padding:6px 8px 6px 14px;border-radius:999px;border:1px solid var(--hud-rand);background:#05070d99;color:var(--hud);max-width:720px;transition:border-color .2s,box-shadow .2s}.cc-vraag:focus-within{border-color:var(--hud-rand-fel);box-shadow:0 0 24px -8px var(--hud)}.cc-vraag input{flex:1;min-width:0;background:none;border:0;outline:none;color:#fff;font:inherit;font-size:14.5px}.cc-vraag input::placeholder{color:var(--hud-muted)}.cc-gesprek{margin-top:10px;display:grid;gap:6px;max-width:720px;font-size:13.5px}.cc-beurt{padding:8px 12px;border-radius:12px;line-height:1.45;animation:cc-in .3s ease-out}.cc-beurt.ik{background:#ffffff0f;color:var(--hud-tekst);justify-self:end;max-width:80%}.cc-beurt.bob{background:#5ee7ff14;border:1px solid var(--hud-rand);color:#fff;max-height:300px;overflow:auto}.cc-badge{margin-left:4px;background:var(--hud-oranje);color:#05070d;border-radius:999px;padding:0 7px;font-size:11px;font-weight:800}.cc-briefing .cc-briefing-kort{margin:0;font-size:13.5px;color:var(--hud-tekst)}.cc-briefing-tekst{font-size:13.5px;line-height:1.55;color:var(--hud-tekst);animation:cc-in .3s ease-out}.cc-briefing-tekst h1,.cc-briefing-tekst h2,.cc-briefing-tekst h3{color:var(--hud);font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin:12px 0 4px}.cc-briefing-tekst ul{margin:4px 0;padding-left:18px}.cc-briefing-tekst p{margin:4px 0}.cc-goedk{list-style:none;margin:0;padding:0;display:grid;gap:12px}.cc-goedk li{padding:12px 14px;border-radius:14px;border:1px solid rgba(255,180,84,.3);background:#ffb4540d;display:grid;gap:8px;animation:cc-in .4s ease-out both}.cc-goedk-kop{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cc-goedk-kop b{color:#fff}.cc-goedk p{margin:0;font-size:13px}.cc-klem{max-height:60px;overflow:hidden}.cc-concept{white-space:pre-wrap;font:inherit;font-size:13px;background:#0000004d;padding:10px 12px;border-radius:10px;max-height:260px;overflow:auto;margin:6px 0 0}.cc-goedk details summary{cursor:pointer;list-style:none}button.cc-polskaart{cursor:pointer;text-align:left;font:inherit}.cc-polskaart.open{grid-column:span 2;border-color:var(--hud-rand-fel);box-shadow:0 0 30px -14px var(--hud)}.cc-pols-ga{margin-left:auto;color:var(--hud-muted);display:inline-flex;padding:2px;border-radius:50%;transition:color .15s,background .15s}.cc-pols-ga:hover{color:#fff;background:#5ee7ff29}.cc-pols-lijst li{display:flex;justify-content:space-between;gap:8px}.cc-pols-lijst li .cc-pols-t{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.cc-pols-lijst li .cc-pols-s{display:none;flex:0 0 auto;max-width:45%;overflow:hidden;text-overflow:ellipsis;color:var(--hud-muted);font-weight:500;white-space:nowrap}.cc-pols-lijst.open li .cc-pols-s{display:inline}.cc-pols-klap{font-size:11.5px;color:var(--hud);margin-top:4px}@media (max-width: 640px){.cc-polskaart.open{grid-column:span 2}.cc-vraag{margin-top:10px}}@media (prefers-reduced-motion: reduce){.cc-beurt,.cc-goedk li,.cc-briefing-tekst{animation:none}}.ck{--ck: #4f9cff;--ck-2: #9ccbff;--ck-dim: rgba(79,156,255,.14);--ck-rand: rgba(79,156,255,.28);--ck-rand-fel: rgba(79,156,255,.6);--ck-bg: #020814;--ck-paneel: rgba(4, 14, 34, .72);--ck-tekst: #cfe2ff;--ck-muted: #6f8fbf;--ck-groen: #2fe6a7;--ck-oranje: #ffb020;--ck-rood: #ff4d6d;position:relative;min-height:calc(100vh - 64px);margin:-12px;padding:10px 14px 14px;color:var(--ck-tekst);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;letter-spacing:.01em;background:radial-gradient(60% 50% at 50% 42%,rgba(79,156,255,.14),transparent 70%),linear-gradient(rgba(79,156,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(79,156,255,.05) 1px,transparent 1px),var(--ck-bg);background-size:auto,40px 40px,40px 40px,auto;font-variant-numeric:tabular-nums;overflow:hidden}.ck-scan{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}.ck a{color:inherit;text-decoration:none}.ck-kop{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:4px 6px 10px;border-bottom:1px solid var(--ck-rand);margin-bottom:12px}.ck-kop-l{display:flex;align-items:center;gap:12px}.ck-logo{font-size:22px;font-weight:800;letter-spacing:.3em;color:#fff;text-shadow:0 0 18px var(--ck)}.ck-kop-sub{font-size:11px;letter-spacing:.18em;color:var(--ck);opacity:.85}.ck-status{font-size:10px;letter-spacing:.18em;padding:3px 9px;border:1px solid var(--ck-rand);border-radius:3px;color:var(--ck-muted)}.ck-status.aan{color:var(--ck-groen);border-color:#2fe6a780;box-shadow:0 0 12px -4px var(--ck-groen);animation:ck-puls 2.4s infinite}@keyframes ck-puls{50%{box-shadow:0 0 18px -2px var(--ck-groen)}}.ck-kop-r{display:flex;align-items:center;gap:12px}.ck-klok{font-size:26px;font-weight:700;color:#fff;text-shadow:0 0 14px var(--ck);letter-spacing:.06em}.ck-datum{font-size:11px;color:var(--ck-muted);text-align:right;line-height:1.4}.ck-fout{color:var(--ck-rood);font-size:12px}.ck-knop{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:6px;border:1px solid var(--ck-rand);background:var(--ck-dim);color:var(--ck-2);cursor:pointer}.ck-knop:hover{border-color:var(--ck-rand-fel)}.ck-knop:disabled{opacity:.4;cursor:not-allowed}.ck-raster{display:grid;grid-template-columns:300px minmax(0,1fr) 320px;grid-template-rows:auto auto;gap:12px}.ck-kolom{display:flex;flex-direction:column;gap:12px;min-width:0}.ck-midden{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:0;position:relative}.ck-chat{grid-column:1 / 3}.ck-cijfers{grid-column:3}.ck-paneel{position:relative;padding:12px 14px;background:var(--ck-paneel);border:1px solid var(--ck-rand);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:ck-in .5s ease-out both}.ck-paneel:before,.ck-paneel:after{content:"";position:absolute;width:12px;height:12px;border:2px solid var(--ck);pointer-events:none}.ck-paneel:before{left:-1px;top:-1px;border-right:0;border-bottom:0}.ck-paneel:after{right:-1px;bottom:-1px;border-left:0;border-top:0}.ck-paneel h3{margin:0 0 8px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ck);display:flex;justify-content:space-between;gap:8px;font-weight:700}.ck-paneel h3 span{color:var(--ck-muted);letter-spacing:.05em;text-transform:none;font-weight:500}.ck-warn{color:var(--ck-oranje)}.ck-groei{display:flex;flex-direction:column}.ck-groei .ck-projecten{overflow:auto;max-height:250px;scrollbar-width:thin;scrollbar-color:var(--ck-rand) transparent}.ck-leeg{color:var(--ck-muted);margin:0}.ck-sub{color:var(--ck-muted);font-size:11px;margin:6px 0 0;display:block}.ck-klem{max-height:58px;overflow:hidden;line-height:1.4}@keyframes ck-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ck-actie{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid rgba(79,156,255,.12)}.ck-actie:first-of-type{border-top:0}.ck-nr{width:22px;height:22px;border-radius:3px;display:grid;place-items:center;background:var(--ck);color:#020814;font-weight:800;font-size:11px;flex-shrink:0}.ck-actie-t{flex:1;min-width:0;display:grid}.ck-actie-t b{color:#fff;font-weight:600;font-size:12.5px;line-height:1.3}.ck-actie-t small{color:var(--ck-muted);font-size:10.5px}.ck-mini{width:28px;height:28px;border-radius:4px;border:1px solid var(--ck-rand);background:transparent;color:var(--ck-groen);font-weight:800;cursor:pointer;display:grid;place-items:center;flex-shrink:0;transition:background .15s}.ck-mini:hover{background:#2fe6a724}.ck-mini:disabled{opacity:.4}.ck-lijst{list-style:none;margin:0;padding:0;display:grid;gap:4px}.ck-lijst li{display:grid;grid-template-columns:46px 1fr;gap:8px;align-items:baseline;font-size:12px}.ck-tijd{color:var(--ck);font-size:11px}.ck-l-t{color:var(--ck-tekst);border-left:2px solid transparent;padding-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ck-l-t small{color:var(--ck-muted)}.ck-projecten{display:grid;gap:5px}.ck-project{display:grid;grid-template-columns:8px 44px 1fr 60px 34px;gap:8px;align-items:center;padding:5px 6px;border-radius:4px;transition:background .15s}.ck-project:hover{background:var(--ck-dim)}.ck-project i{width:8px;height:8px;border-radius:50%;box-shadow:0 0 8px currentColor}.ck-code{font-weight:800;font-size:11px;color:var(--pk, var(--ck-2))}.ck-project-naam{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ck-tekst)}.ck-balk{display:block;height:5px;background:#4f9cff24;border-radius:3px;overflow:hidden}.ck-balk b{display:block;height:100%;background:var(--ck);box-shadow:0 0 8px var(--ck);transition:width .8s}.ck-pct{text-align:right;color:var(--ck-2);font-size:11px}.ck-meters{display:grid;gap:6px}.ck-meter{display:grid;grid-template-columns:64px 1fr 44px;gap:8px;align-items:center}.ck-meter small{color:var(--ck-muted)}.ck-meter em{font-style:normal;text-align:right;color:var(--ck-2)}.ck-kern-vak{position:relative;width:640px;max-width:100%;height:440px;display:grid;place-items:center}.ck-ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1px dashed var(--ck-rand);transform:translate(-50%,-50%);pointer-events:none}.ck-ring.r1{width:430px;height:430px;border-style:solid;border-color:#4f9cff2e;animation:ck-draai 60s linear infinite}.ck-ring.r2{width:480px;height:480px;border-width:1px;animation:ck-draai 90s linear infinite reverse}.ck-ring.r3{width:430px;height:430px;border:0;background:conic-gradient(from 0deg,transparent 0 88deg,rgba(79,156,255,.35) 90deg,transparent 92deg);mask:radial-gradient(circle,transparent 47%,#000 48%,#000 50%,transparent 51%);animation:ck-draai 8s linear infinite}@keyframes ck-draai{to{transform:translate(-50%,-50%) rotate(360deg)}}.ck-kern{filter:drop-shadow(0 0 30px rgba(79,156,255,.35))}.ck-callout{position:absolute;display:grid;gap:1px;padding:8px 12px;border:1px solid var(--ck-rand);background:#020814b3;min-width:130px;transition:border-color .15s,box-shadow .15s}.ck-callout:hover{border-color:var(--ck-rand-fel);box-shadow:0 0 20px -8px var(--ck)}.ck-callout small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ck)}.ck-callout b{font-size:22px;color:#fff;line-height:1.1}.ck-callout span{font-size:10.5px;color:var(--ck-muted)}.ck-callout.waarschuw{border-color:#ffb02080}.ck-callout.waarschuw b{color:var(--ck-oranje)}.ck-callout.lb{left:0;top:40px}.ck-callout.rb{right:0;top:40px;text-align:right}.ck-callout.lo{left:0;bottom:40px}.ck-callout.ro{right:0;bottom:40px;text-align:right}.ck-callout.lb:after,.ck-callout.lo:after{content:"";position:absolute;left:100%;top:50%;width:60px;height:1px;background:linear-gradient(90deg,var(--ck-rand-fel),transparent)}.ck-callout.rb:after,.ck-callout.ro:after{content:"";position:absolute;right:100%;top:50%;width:60px;height:1px;background:linear-gradient(270deg,var(--ck-rand-fel),transparent)}.ck-totaal{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);text-align:center;display:grid;gap:0}.ck-totaal small{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ck)}.ck-totaal b{font-size:30px;color:#fff;text-shadow:0 0 16px var(--ck);line-height:1.1}.ck-totaal span{font-size:10.5px;color:var(--ck-muted)}.ck-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.ck-tabs a{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--ck-rand);background:var(--ck-dim);color:var(--ck-2);font-size:11.5px;letter-spacing:.06em;border-radius:4px;transition:border-color .15s}.ck-tabs a:hover{border-color:var(--ck-rand-fel);color:#fff}.ck-badge{background:var(--ck-oranje);color:#020814;border-radius:999px;padding:0 6px;font-size:10px;font-weight:800}.ck-ticker{width:100%;max-width:760px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px 12px;border:1px solid var(--ck-rand);background:#02081499;font-size:12px}.ck-ticker-l{color:var(--ck);font-weight:800;letter-spacing:.2em}.ck-ticker-t{color:var(--ck-tekst);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ck-ticker-r{color:var(--ck-muted);font-size:10.5px;white-space:nowrap}.ck .cc-cursor{color:var(--ck)}.ck-radar{width:150px;height:150px;display:block;margin:0 auto 8px}.ck-radar-ring{fill:none;stroke:var(--ck-rand)}.ck-radar-as{stroke:#4f9cff24}.ck-radar-uur{fill:var(--ck-muted);font-size:8px;text-anchor:middle}.ck-radar-sweep{animation:ck-draai-plat 6s linear infinite}@keyframes ck-draai-plat{to{transform:rotate(360deg)}}.ck-radar-nu{stroke:#fff;stroke-width:1.2;opacity:.8}.ck-radar-stip{filter:drop-shadow(0 0 4px currentColor)}.ck-chat{display:flex;flex-direction:column;border:1px solid var(--ck-rand);background:var(--ck-paneel);min-height:200px;max-height:300px;position:relative}.ck-chat:before{content:"BOB · GESPREK";position:absolute;left:12px;top:-8px;font-size:10px;letter-spacing:.2em;color:var(--ck);background:var(--ck-bg);padding:0 6px}.ck-chat-log{flex:1;overflow:auto;padding:14px 14px 6px;display:grid;gap:8px;align-content:start;font-size:13px;line-height:1.5}.ck-beurt{padding:8px 12px;border-radius:6px;max-width:85%;animation:ck-in .3s ease-out}.ck-beurt.bob{background:#4f9cff1a;border-left:2px solid var(--ck);color:#eaf2ff}.ck-beurt.bob.sys{color:var(--ck-groen);border-left-color:var(--ck-groen);background:#2fe6a714}.ck-beurt.ik{justify-self:end;background:#ffffff12;color:var(--ck-tekst)}.ck-punt{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ck);margin-right:4px;animation:ck-punt 1.2s infinite}.ck-punt:nth-child(2){animation-delay:.2s}.ck-punt:nth-child(3){animation-delay:.4s}@keyframes ck-punt{0%,80%,to{opacity:.25}40%{opacity:1}}.ck-snel{display:flex;gap:6px;flex-wrap:wrap;padding:4px 12px}.ck-snel button{border:1px solid var(--ck-rand);background:transparent;color:var(--ck-2);font:inherit;font-size:11px;padding:4px 10px;border-radius:999px;cursor:pointer}.ck-snel button:hover{background:var(--ck-dim);color:#fff}.ck-chat-in{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--ck-rand)}.ck-prompt{color:var(--ck);font-size:18px;font-weight:800}.ck-chat-in input{flex:1;background:transparent;border:0;outline:none;color:#fff;font:inherit;font-size:13.5px}.ck-chat-in input::placeholder{color:var(--ck-muted)}.ck-cijfers{display:grid;grid-template-rows:auto auto 1fr;gap:8px;padding:12px 14px;border:1px solid var(--ck-rand);background:var(--ck-paneel);position:relative}.ck-cijfers:before{content:"CIJFERS";position:absolute;left:12px;top:-8px;font-size:10px;letter-spacing:.2em;color:var(--ck);background:var(--ck-bg);padding:0 6px}.ck-groot{display:grid}.ck-groot small{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ck)}.ck-groot b{font-size:30px;color:#fff;text-shadow:0 0 16px var(--ck);line-height:1.1}.ck-groot span{font-size:10.5px;color:var(--ck-muted)}.ck-klein-rij{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.ck-klein{display:grid}.ck-klein small{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ck-muted)}.ck-klein b{font-size:16px;color:var(--ck-2)}.ck-staven{display:flex;gap:10px;align-items:flex-end;height:56px;padding-top:4px}.ck-staaf{flex:1;display:grid;grid-template-rows:1fr auto;height:100%;text-align:center}.ck-staaf b{align-self:end;background:linear-gradient(180deg,var(--ck),rgba(79,156,255,.3));border-radius:2px 2px 0 0;transition:height .8s}.ck-staaf small{font-size:9px;color:var(--ck-muted);line-height:1.2;margin-top:3px}@media (max-width: 1300px){.ck-raster{grid-template-columns:260px minmax(0,1fr) 280px}.ck-kern-vak{height:420px}}@media (max-width: 1100px){.ck-raster{grid-template-columns:1fr 1fr}.ck-midden{grid-column:1 / 3;order:-1}.ck-chat,.ck-cijfers{grid-column:1 / 3}.ck-kern-vak{width:100%;height:400px}}@media (max-width: 700px){.ck{margin:-8px;padding:8px}.ck-kop{flex-wrap:wrap;gap:8px 12px}.ck-kop-l{flex-wrap:wrap;gap:6px 10px}.ck-logo{font-size:18px;letter-spacing:.18em}.ck-kop-sub{white-space:nowrap;letter-spacing:.1em}.ck-kop-r{margin-left:auto}.ck-raster{grid-template-columns:1fr}.ck-midden,.ck-chat,.ck-cijfers{grid-column:1}.ck-kern-vak{height:360px}.ck-callout{position:static;min-width:0}.ck-kern-vak{display:grid;grid-template-columns:1fr 1fr}.ck-kern-vak canvas{grid-column:1 / 3;justify-self:center}.ck-totaal{position:static;transform:none;grid-column:1 / 3}.ck-klok{font-size:18px}.ck-datum{display:none}.ck-klein-rij{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion: reduce){.ck-ring,.ck-radar-sweep,.ck-status.aan,.ck-paneel,.ck-beurt,.ck-punt{animation:none}}.sup-inbox{display:grid;grid-template-columns:320px minmax(0,1fr) 300px;gap:12px;min-height:calc(100vh - 200px)}.sup-lijst,.sup-gesprek,.sup-context{display:flex;flex-direction:column;min-height:0;padding:12px}.sup-zoek{margin-bottom:8px;flex:0 0 auto}.sup-lijst>.filter-chips{flex:0 0 auto}.sup-lijst-vak{flex:1 1 auto;min-height:0;overflow:auto;margin-top:8px}.sup-gesprekken{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:4px;align-content:start}.sup-gesprekken li{padding:8px 10px;border-radius:10px;cursor:pointer;border:1px solid transparent;min-width:0;overflow:hidden}.sup-gesprekken li:hover{background:var(--ds-hover)}.sup-gesprekken li.actief{border-color:var(--portal-color);background:color-mix(in srgb,var(--portal-color) 8%,transparent)}.sup-gesprekken li.ongelezen .sup-g-kop b{font-weight:800}.sup-g-kop{display:flex;justify-content:space-between;gap:8px;font-size:13.5px}.sup-g-tekst{font-size:12.5px;color:var(--ds-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sup-g-voet{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.sup-teller{background:var(--ds-danger, #e11d48);color:#fff;border-radius:999px;padding:0 7px;font-size:11px;font-style:normal;font-weight:800}.sup-badges{display:inline-flex;gap:4px;flex-wrap:wrap}.sup-badge{font-size:10px;font-weight:800;letter-spacing:.06em;padding:1px 6px;border-radius:4px;background:var(--ds-veld);color:var(--ds-text-muted)}.sup-badge.ai{background:#0ea5e926;color:#0369a1}.sup-badge.mens{background:#16a34a26;color:#15803d}.sup-badge.urgent{background:#e11d4826;color:#be123c}.sup-badge.klant{background:#16a34a1f;color:#166534}.sup-badge.prospect{background:#d9770626;color:#92400e}.sup-badge.onbekend{background:var(--ds-veld)}.sup-badge.pauze{background:#6366f126;color:#4338ca}.sup-g-balk{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid var(--ds-border)}.sup-knoppen{display:flex;gap:6px;flex-wrap:wrap}.sup-escalatie{margin:10px 0;padding:8px 12px;border-radius:10px;background:#d977061a;border:1px solid rgba(217,119,6,.3);font-size:13px}.sup-berichten{flex:1;overflow:auto;display:grid;gap:8px;align-content:start;padding:12px 4px}.sup-bericht{max-width:78%;padding:8px 12px;border-radius:12px;font-size:13.5px;line-height:1.45}.sup-bericht.in{background:var(--ds-veld);justify-self:start}.sup-bericht.uit{background:color-mix(in srgb,var(--portal-color) 14%,transparent);justify-self:end}.sup-bericht.uit.ai{border:1px dashed var(--portal-color)}.sup-b-meta{font-size:10.5px;color:var(--ds-text-muted);margin-top:3px}.sup-soort{font-size:11px;color:var(--ds-text-muted)}.sup-suggestie{border:1px dashed var(--portal-color);border-radius:12px;padding:10px 12px;margin-bottom:8px;display:grid;gap:8px;background:color-mix(in srgb,var(--portal-color) 5%,transparent)}.sup-s-kop{font-size:13px}.sup-compose{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;padding-top:8px;border-top:1px solid var(--ds-border)}.sup-context h3{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ds-text-muted);margin:12px 0 6px}.sup-context h3:first-child{margin-top:0}.sup-audit{list-style:none;margin:0;padding:0;font-size:12px;display:grid;gap:4px}.sup-leeg{display:grid;place-items:center;align-content:center;gap:6px;flex:1;text-align:center;color:var(--ds-text-muted);padding:24px}.sup-leeg b{color:var(--ds-text);font-size:14px}.sup-leeg .muted{font-size:12.5px;max-width:260px}.sup-filter{display:flex;gap:10px;align-items:center;justify-content:space-between;flex:0 0 auto;font-size:12px}.sup-filter .form-select{width:auto;flex:1 1 auto;height:36px}.sup-context .detail-rijen>div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--ds-border);font-size:13px}.sup-context .detail-rijen>div:last-child{border-bottom:none}.sup-context .detail-rijen span{color:var(--ds-text-muted);flex:0 0 auto}.sup-context .detail-rijen b{text-align:right;overflow-wrap:anywhere}.sup-instellingen{display:grid;gap:14px}.sup-modi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:8px}.sup-modus{display:grid;gap:4px;text-align:left;padding:10px 12px;border-radius:12px;border:1.5px solid var(--ds-border);background:var(--ds-card);cursor:pointer;font:inherit;color:inherit}.sup-modus.actief{border-color:var(--portal-color);background:color-mix(in srgb,var(--portal-color) 8%,transparent)}.sup-modus span{font-size:12px;color:var(--ds-text-muted)}.sup-schakel{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--ds-border-subtle, var(--ds-border));cursor:pointer}.sup-schakel input{margin-top:4px}.sup-schakel .muted{font-size:12.5px}@media (max-width: 1100px){.sup-inbox{grid-template-columns:1fr}.sup-modi{grid-template-columns:1fr 1fr}}.sup-stappen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sup-stap{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;border:1.5px solid var(--ds-border);background:var(--ds-card)}.sup-stap.ok{border-color:#16a34a80}.sup-stap.let{border-color:#d9770680}.sup-stap.todo{border-color:var(--ds-border);opacity:.85}.sup-stap-nr{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;background:var(--ds-veld);color:var(--ds-text-muted);flex-shrink:0}.sup-stap.ok .sup-stap-nr{background:#16a34a26;color:#15803d}.sup-stap.let .sup-stap-nr{background:#d9770626;color:#92400e}.sup-stap b{display:block;font-size:13.5px}.sup-stap small{color:var(--ds-text-muted);font-size:12px}.sup-blok .card-head-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.sup-blok .card-title{margin:0}.sup-koppel{margin-top:8px}.sup-koppel-rij{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.sup-koppel-veld{min-width:0}.sup-koppel-veld .form-label{display:block;margin-bottom:6px}.sup-koppel-veld .form-input{height:40px;margin:0}.sup-koppel-knoppen{display:flex;gap:8px;align-items:center}.sup-koppel-knoppen .btn-primary,.sup-koppel-knoppen .btn-secondary{height:40px;white-space:nowrap}.sup-instellingen .form-input{background-color:var(--ds-veld)}.sup-instellingen .form-input:focus{background-color:var(--ds-card)}.sup-webhook{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px;padding:8px 12px;border-radius:10px;background:var(--ds-veld);margin-bottom:8px}.sup-webhook code{font-weight:700}.sup-ids{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;margin-bottom:10px}.sup-ids code{font-weight:600}.sup-intro{margin:0 0 12px}.sup-stand{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px}.sup-tegel{padding:10px 12px;border-radius:12px;background:var(--ds-veld);border:1px solid var(--ds-border);min-width:0}.sup-tegel small{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-muted);margin-bottom:2px}.sup-tegel b{display:block;font-size:15px;overflow-wrap:anywhere}.sup-tegel span{display:block;font-size:12px;color:var(--ds-text-muted)}.sup-notitie{padding:9px 12px;border-radius:10px;border:1px solid rgba(225,29,72,.35);background:#e11d480f;color:#9f1239;font-size:13px;margin-bottom:12px}.sup-webhook{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13px;padding:8px 12px;border-radius:10px;background:var(--ds-veld);margin-bottom:12px;color:var(--ds-text-muted)}.sup-url{font-weight:700;color:var(--ds-text);overflow-wrap:anywhere}.sup-kopieer{padding:4px 12px;min-height:0;height:30px;font-size:12.5px}.sup-sleutels{display:flex;flex-direction:column}.sup-rij{display:grid;grid-template-columns:230px minmax(0,1fr) 150px;grid-template-areas:"naam invoer staat" "naam waarde waarde" "naam hint hint";column-gap:14px;row-gap:4px;align-items:center;padding:10px 0;border-bottom:1px solid var(--ds-border)}.sup-rij:last-child{border-bottom:none}.sup-rij-naam{grid-area:naam;align-self:start;padding-top:8px;min-width:0}.sup-rij-naam b{display:block;font-size:14px}.sup-rij-naam small{display:block;font-size:11px;color:var(--ds-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.sup-rij-invoer{grid-area:invoer;display:flex;gap:6px;align-items:center;min-width:0}.sup-rij-invoer .form-input{flex:1 1 auto;min-width:0;height:40px}.sup-rij.fout .form-input{border-color:#e11d48}.sup-rij.nieuw .form-input{border-color:var(--portal-color)}.sup-oog{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border-radius:10px;border:1.5px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-muted);cursor:pointer}.sup-oog:hover{color:var(--ds-text);border-color:var(--ds-border-strong)}.sup-rij-staat{grid-area:staat}.sup-rij-waarde{grid-area:waarde;display:flex;gap:8px;align-items:center;min-width:0;padding:8px 10px;border-radius:10px;background:var(--ds-card);border:1px dashed var(--ds-border-strong)}.sup-rij-waarde code{flex:1 1 auto;min-width:0;font-size:12.5px;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.sup-oog.actief{color:var(--portal-color);border-color:var(--portal-color)}.sup-pil{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.04em;padding:3px 10px;border-radius:999px;background:var(--ds-veld);color:var(--ds-text-muted);white-space:nowrap}.sup-pil.ok{background:#16a34a24;color:#15803d}.sup-pil.nieuw{background:color-mix(in srgb,var(--portal-color) 14%,transparent);color:var(--portal-color-dark, var(--portal-color))}.sup-pil.fout{background:#e11d4824;color:#be123c}.sup-rij-hint{grid-area:hint;font-size:12.5px;color:var(--ds-text-muted);line-height:1.4}.sup-rij-hint a{color:var(--portal-color-dark, var(--portal-color));font-weight:600;text-decoration:none}.sup-rij-hint a:hover{text-decoration:underline}.sup-rij-hint.fout{color:#be123c;font-weight:600}.sup-voetnoot{margin:10px 0 0;font-size:12.5px}.sup-sleutel-fout{font-size:12.5px;color:#be123c;font-weight:600}.sup-stap.fout{border-color:#e11d48}.sup-stap.fout .sup-stap-nr{background:#e11d4826;color:#be123c}.sup-modus{position:relative;padding-left:40px}.sup-modus-nr{position:absolute;left:12px;top:12px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;background:var(--ds-veld);color:var(--ds-text-muted)}.sup-modus.actief .sup-modus-nr{background:var(--portal-color);color:#fff}.sup-schakels{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-bottom:10px}.sup-opslaan{position:sticky;bottom:0;display:flex;gap:12px;align-items:center;padding:10px 14px;border-radius:12px;background:var(--ds-card);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow)}@media (max-width: 900px){.sup-stappen{grid-template-columns:1fr 1fr}.sup-rij{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"naam staat" "invoer invoer" "waarde waarde" "hint hint"}.sup-stand,.sup-webhook,.sup-koppel-rij{grid-template-columns:1fr}.sup-koppel-knoppen{flex-wrap:wrap}.sup-schakels{grid-template-columns:1fr}}.sup-analytics,.sup-verbeteringen,.sup-kb{display:grid;gap:14px}.sup-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.sup-kpis.klein{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-bottom:10px}.sup-kpi{padding:12px 14px;border-radius:12px;background:var(--ds-veld);border:1px solid var(--ds-border);min-width:0}.sup-kpi b{display:block;font-size:24px;line-height:1.1;letter-spacing:-.01em}.sup-kpi span{display:block;font-size:12px;color:var(--ds-text-muted);margin-top:4px}.sup-kpi small{display:block;font-size:11px;color:var(--ds-text-muted)}.sup-kpi.let{border-color:#d9770680}.sup-kpi.let b{color:#92400e}.sup-balken{display:grid;gap:8px}.sup-balk{display:grid;grid-template-columns:160px minmax(0,1fr) 40px;gap:10px;align-items:center;font-size:13px}.sup-balk span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sup-balk b{text-align:right}.sup-balk-spoor{height:10px;border-radius:999px;background:var(--ds-veld);overflow:hidden}.sup-balk-spoor i{display:block;height:100%;border-radius:999px;background:var(--portal-color)}.sup-sub{margin:2px 0 0;font-size:13px}.sup-teller-licht{display:inline-block;margin-left:6px;font-size:12px;font-weight:700;padding:1px 8px;border-radius:999px;background:var(--ds-veld);color:var(--ds-text-muted);vertical-align:middle}.sup-analyse-knoppen{display:flex;gap:8px;align-items:center}.sup-analyse-knoppen .form-select{width:auto;height:40px}.sup-historie{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.sup-hist{display:grid;gap:2px;text-align:left;padding:8px 12px;border-radius:10px;border:1.5px solid var(--ds-border);background:var(--ds-card);cursor:pointer;font:inherit;color:inherit}.sup-hist b{font-size:13px}.sup-hist span{font-size:11.5px;color:var(--ds-text-muted)}.sup-hist.actief{border-color:var(--portal-color);background:color-mix(in srgb,var(--portal-color) 8%,transparent)}.sup-tekst{font-size:14px;line-height:1.55;margin:0}.sup-bakken{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sup-punten{display:grid;gap:10px}.sup-punt{border:1.5px solid var(--ds-border);border-left-width:4px;border-radius:12px;padding:12px 14px;background:var(--ds-card)}.sup-punt.hoog{border-left-color:#e11d48}.sup-punt.midden{border-left-color:var(--portal-color)}.sup-punt.laag{border-left-color:var(--ds-border-strong)}.sup-punt-kop{display:flex;gap:10px;align-items:center;margin-bottom:8px}.sup-punt-kop b{font-size:14px}.sup-punt-rij{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px;font-size:13px;line-height:1.45;margin-bottom:6px}.sup-punt-rij span{color:var(--ds-text-muted);font-size:12px;padding-top:1px}.sup-punt-rij p{margin:0}.sup-punt-voet{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px;padding-top:8px;border-top:1px solid var(--ds-border);font-size:12.5px}.sup-punt-acties{display:flex;gap:6px;margin-left:auto}.btn-primary.klein,.btn-secondary.klein{height:32px;min-height:0;padding:0 12px;font-size:12.5px;border-radius:999px;display:inline-flex;align-items:center;text-decoration:none}.sup-kb-filters{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;margin-top:12px}.sup-kb-filters .form-select{width:auto;height:40px}.sup-kb-tabel td{vertical-align:middle}@media (max-width: 1000px){.sup-bakken,.sup-kb-filters,.sup-punt-rij{grid-template-columns:1fr}}.sup-sjablonen{display:grid;gap:14px}.sup-sj-tekst{max-width:520px;white-space:pre-wrap;font-size:12.5px}.pagina-monitoring .mo-dot{width:8px;height:8px;border-radius:50%;background:var(--ds-text-muted)}.pagina-monitoring .mo-dot.ok{background:#34d399}.pagina-monitoring .mo-dot.err{background:#f87171}.pagina-monitoring .mo-error{display:flex;align-items:center;gap:8px;color:var(--ds-danger);padding:14px 16px;margin-bottom:14px}.pagina-monitoring .mo-stats{margin-bottom:16px}.pagina-monitoring .mo-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}@media (max-width: 900px){.pagina-monitoring .mo-grid{grid-template-columns:1fr}}.pagina-monitoring .mo-panel{padding:0;overflow:hidden}.pagina-monitoring .mo-panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--ds-border)}.pagina-monitoring .mo-panel-head h2{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--ds-text-2);margin:0}.pagina-monitoring .mo-link{display:inline-flex;align-items:center;gap:2px;font-size:12.5px;font-weight:600;color:var(--portal-color);text-decoration:none}.pagina-monitoring .mo-link:hover{text-decoration:underline}.pagina-monitoring .mo-table-wrap{overflow-x:auto}.pagina-monitoring .mo-empty{display:flex;align-items:center;gap:8px;padding:22px 16px;color:var(--ds-text-subtle);font-size:13px}.pagina-monitoring .mo-drivers{display:flex;flex-direction:column}.pagina-monitoring .mo-driver{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 16px;border-bottom:1px solid var(--ds-border);text-decoration:none;color:var(--ds-text-2);font-size:13px}.pagina-monitoring .mo-driver:last-child{border-bottom:none}.pagina-monitoring .mo-driver:hover{background:var(--ds-hover)}.pagina-monitoring .mo-driver-naam{font-weight:600}.pagina-monitoring .mo-driver-count{min-width:26px;text-align:center;font-variant-numeric:tabular-nums;font-weight:700;background:var(--ds-hover);color:var(--ds-text-2);border-radius:20px;padding:2px 9px;font-size:12px}.pagina-monitoring .page-meta{display:flex;align-items:center;gap:7px}.pagina-voertuigcontrole .vc-uitleg{margin:0;padding:12px 18px;font-size:12.5px;line-height:1.6;color:var(--ds-text-muted);border-bottom:1px solid var(--ds-border)}.pagina-voertuigcontrole .vc-voet{margin:0;padding:14px 18px;font-size:12.5px;line-height:1.65;color:var(--ds-text-muted);border-top:1px solid var(--ds-border)}.pagina-voertuigcontrole .vc-melding{margin:0 0 16px;padding:12px 15px;border-radius:10px;font-size:13px;background:var(--ds-bg);border:1px solid var(--ds-border);color:var(--ds-text)}.pagina-voertuigcontrole tr.vc-actief td{background:#fffbeb}.pagina-voertuigcontrole .stat-card.waarschuwing{border-color:#fcd34d}.pagina-voertuigcontrole .vc-form{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.pagina-voertuigcontrole .vc-form input{font:inherit;font-size:13.5px;padding:9px 12px;min-width:190px;flex:1;border:1px solid var(--ds-border);border-radius:9px;background:var(--ds-bg);color:var(--ds-text)}.pagina-voertuigcontrole .vc-diagnose pre{margin:0 0 12px;padding:13px 15px;border-radius:10px;overflow-x:auto;font-size:12px;line-height:1.55;background:var(--ds-bg);border:1px solid var(--ds-border);color:var(--ds-text)}.pagina-voertuigcontrole .vc-herstel{border-color:#fca5a5;color:#b91c1c}.pagina-voertuigcontrole .vc-herstel:hover:not(:disabled){background:#fef2f2;border-color:#ef4444}.vc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0f172a80;display:flex;align-items:center;justify-content:center;padding:20px}.vc-vraag{width:min(480px,94vw);background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;padding:22px;box-shadow:0 24px 70px #0000004d}.vc-vraag h3{margin:0 0 14px;font-size:15.5px}.vc-vraag dl{display:grid;grid-template-columns:auto 1fr;gap:5px 16px;margin:0 0 14px;font-size:13px}.vc-vraag dt{color:var(--ds-text-muted)}.vc-vraag dd{margin:0}.vc-vraag p{margin:0 0 18px;font-size:12.5px;line-height:1.6;color:var(--ds-text-muted)}.vc-knoppen{display:flex;gap:8px;justify-content:flex-end}.vc-knoppen button{font:inherit;font-size:13px;padding:7px 15px;border-radius:999px;cursor:pointer;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text)}.vc-knoppen .door{background:var(--portal-color);border-color:var(--portal-color);color:#fff}.pagina-audit .stat-card.let-op{border-color:#fcd34d}.pagina-audit .audit-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.pagina-audit .audit-form.periode{display:block;margin:16px 0 0}.pagina-audit .audit-form.periode .btn-secondary{margin-top:10px}.pagina-audit .audit-form label{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ds-text-muted)}.pagina-audit .audit-form input{font:inherit;font-size:13.5px;padding:9px 12px;border:1px solid var(--ds-border);border-radius:9px;background:var(--ds-bg);color:var(--ds-text)}.pagina-audit .audit-form input[type=text]{flex:1;min-width:220px}.pagina-audit .audit-keuze{display:flex;flex-direction:column;gap:3px;max-height:260px;overflow-y:auto}.pagina-audit .audit-rij{display:flex;flex-direction:column;gap:2px;text-align:left;width:100%;border:1px solid transparent;background:none;cursor:pointer;padding:8px 11px;border-radius:9px;font:inherit;color:var(--ds-text)}.pagina-audit .audit-rij:hover{background:var(--ds-hover)}.pagina-audit .audit-rij.gekozen{border-color:var(--portal-color);background:var(--ds-hover)}.pagina-audit .audit-naam{font-size:13.5px;font-weight:600}.pagina-audit .audit-sub{font-size:11.5px;color:var(--ds-text-muted)}.pagina-audit .audit-melding{margin:0 0 16px;font-size:13px;color:var(--ds-text)}.pagina-audit .audit-melding.fout{color:#b91c1c}.pagina-audit .audit-voet{margin:0;padding:13px 18px;font-size:12.5px;line-height:1.6;color:var(--ds-text-muted);border-top:1px solid var(--ds-border)}.pagina-km .stat-card.let-op{border-color:#fcd34d}.pagina-km .km-uitleg,.pagina-km .km-voet{margin:0;padding:13px 18px;font-size:12.5px;line-height:1.65;color:var(--ds-text-muted)}.pagina-km .km-uitleg{border-bottom:1px solid var(--ds-border)}.pagina-km .km-voet{border-top:1px solid var(--ds-border)}.pagina-km .km-melding{margin:0 0 16px;padding:12px 15px;border-radius:10px;font-size:13px;background:var(--ds-bg);border:1px solid var(--ds-border);color:var(--ds-text)}.pagina-km .km-zoek{font:inherit;font-size:13px;padding:7px 11px;min-width:240px;border:1px solid var(--ds-border);border-radius:999px;background:var(--ds-card);color:var(--ds-text)}.pagina-km tr.km-dringend td{background:#fffbeb}.pagina-km .km-jaar,.pagina-km .km-tel{color:var(--ds-text-muted);font-size:12px}.pagina-km .km-invoer{display:flex;gap:6px;align-items:center}.pagina-km .km-invoer input{font:inherit;font-size:13px;padding:6px 9px;width:110px;border:1px solid var(--ds-border);border-radius:8px;background:var(--ds-bg);color:var(--ds-text)}.km-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0f172a80;display:flex;align-items:center;justify-content:center;padding:20px}.km-vraag{width:min(470px,94vw);background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;padding:22px;box-shadow:0 24px 70px #0000004d}.km-vraag h3{margin:0 0 14px;font-size:15.5px}.km-vraag dl{display:grid;grid-template-columns:auto 1fr;gap:5px 16px;margin:0 0 14px;font-size:13px}.km-vraag dt{color:var(--ds-text-muted)}.km-vraag dd{margin:0}.km-vraag p{margin:0 0 18px;font-size:12.5px;line-height:1.6;color:var(--ds-text-muted)}.km-knoppen{display:flex;gap:8px;justify-content:flex-end}.km-knoppen button{font:inherit;font-size:13px;padding:7px 15px;border-radius:999px;cursor:pointer;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text)}.km-knoppen .door{background:var(--portal-color);border-color:var(--portal-color);color:#fff}.vb-balk{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.vb-tabs{display:flex;gap:8px;flex-wrap:wrap}.vb-tab{font:inherit;font-size:13px;padding:7px 16px;border-radius:999px;cursor:pointer;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text)}.vb-tab.actief{background:var(--portal-color);border-color:var(--portal-color);color:#fff}.vb-zoek{font:inherit;font-size:13px;padding:8px 14px;min-width:260px;flex:1;max-width:380px;border:1px solid var(--ds-border);border-radius:999px;background:var(--ds-card);color:var(--ds-text)}.vb-lijst{display:flex;flex-direction:column;gap:9px}.vb-rij{padding:13px 15px}.vb-rij.oud{border-color:#fca5a5}.vb-hoofd{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.vb-dagen{display:flex;flex-direction:column;align-items:center;min-width:52px;flex-shrink:0}.vb-dagen-getal{font-size:21px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.vb-rij.oud .vb-dagen-getal{color:#b91c1c}.vb-dagen-eenheid{font-size:10.5px;color:var(--ds-text-muted)}.vb-wie{flex:1;min-width:220px}.vb-email{font-size:13.5px;font-weight:600;word-break:break-all}.vb-meta{font-size:12px;color:var(--ds-text-muted);margin-top:2px}.vb-gedaan{font-size:12px;color:var(--ds-text-muted);margin-top:4px;display:flex;align-items:center;gap:5px}.vb-acties{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.vb-vink{font:inherit;font-size:13px;padding:7px 15px;border-radius:999px;cursor:pointer;border:1px solid var(--portal-color);background:var(--portal-color);color:#fff}.vb-vink:disabled{opacity:.55;cursor:default}.vb-beeld{margin-top:13px;border-top:1px solid var(--ds-border);padding-top:13px}.vb-beeld img,.vb-beeld object{display:block;width:100%;max-height:620px;border-radius:10px;border:1px solid var(--ds-border);background:var(--ds-bg);object-fit:contain}.vb-beeld object{height:620px}.vb-onderbalk{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:11px}.vb-notitie{font:inherit;font-size:13px;padding:8px 13px;flex:1;min-width:220px;border:1px solid var(--ds-border);border-radius:9px;background:var(--ds-card);color:var(--ds-text)}.vb-leeg{display:flex;align-items:center;gap:11px;padding:22px;color:var(--ds-text-muted)}.vb-melding{margin:0 0 14px;padding:11px 14px;font-size:13px;line-height:1.55;border:1px solid var(--ds-border);border-radius:11px;background:var(--ds-card);color:var(--ds-text)}.vb-melding.fout{border-color:#fca5a5;background:#fef2f2;color:#7f1d1d}.stat-card.vb-alarm{border-color:#fca5a5}.stat-card.vb-alarm .stat-value{color:#b91c1c}.io-balk{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}.io-zoek{font:inherit;font-size:13px;padding:8px 14px;min-width:260px;flex:1;max-width:380px;border:1px solid var(--ds-border);border-radius:999px;background:var(--ds-card);color:var(--ds-text)}.io-schakel{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ds-text-muted);cursor:pointer}.io-lijst{display:flex;flex-direction:column;gap:9px}.io-rij{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap;padding:14px 16px}.io-rij.io-onbevestigd{border-color:#fcd34d}.io-wie{flex:2;min-width:220px}.io-naam{font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.io-chip-stil{font-size:10.5px;font-weight:500;padding:2px 8px;border-radius:999px;border:1px solid var(--ds-border);color:var(--ds-text-muted)}.io-velden{display:flex;gap:16px;flex-wrap:wrap;margin-top:5px;font-size:12.5px;color:var(--ds-text-muted)}.io-velden b{font-weight:600;color:var(--ds-text);margin-right:4px}.io-vorm{color:#b45309}.io-stand{flex:2;min-width:230px}.io-vlag{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:4px 11px;border-radius:999px;border:1px solid var(--ds-border)}.io-vlag-bevestigd{border-color:#86efac;color:#15803d}.io-vlag-onbevestigd{border-color:#fcd34d;color:#92400e}.io-vlag-geen-nummer{color:var(--ds-text-muted)}.io-uitleg{margin:6px 0 0;font-size:12px;line-height:1.5;color:var(--ds-text-muted)}.io-actie{display:flex;align-items:center;min-width:150px}.io-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:20px;z-index:60}.io-dialoog{max-width:520px;width:100%}.io-dialoog h2{margin:0 0 10px;font-size:16px}.io-waarschuwing{font-size:12.5px;line-height:1.6;color:var(--ds-text);background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;padding:11px 13px;margin:0 0 13px}.io-verzending{margin:0 0 15px;display:flex;flex-direction:column;gap:7px}.io-verzending>div{display:flex;gap:12px;font-size:13px}.io-verzending dt{min-width:140px;color:var(--ds-text-muted);margin:0}.io-verzending dd{margin:0;font-weight:600;word-break:break-all}.io-dialoog-knoppen{display:flex;gap:9px;justify-content:flex-end}.io-verzend{font:inherit;font-size:13px;padding:8px 17px;border-radius:999px;cursor:pointer;border:1px solid #b91c1c;background:#b91c1c;color:#fff}.io-melding{margin:0 0 14px;padding:11px 14px;font-size:13px;line-height:1.55;border:1px solid var(--ds-border);border-radius:11px;background:var(--ds-card);color:var(--ds-text)}.io-melding.fout{border-color:#fca5a5;background:#fef2f2;color:#7f1d1d}.stat-card.io-alarm{border-color:#fca5a5}.stat-card.io-alarm .stat-value{color:#b91c1c}.stat-card.io-goed{border-color:#86efac}.tw-melding{margin:0 0 14px;padding:11px 14px;font-size:13px;border-radius:11px;border:1px solid var(--ds-border);background:var(--ds-card)}.tw-melding.fout{border-color:#fca5a5;background:#fef2f2;color:#7f1d1d}.tw-uitleg{margin-bottom:16px}.tw-uitleg h3{margin:0 0 8px;font-size:14px;display:flex;align-items:center;gap:7px}.tw-uitleg p{margin:0 0 8px;font-size:12.5px;line-height:1.65;color:var(--ds-text-muted)}.tw-uitleg p:last-child{margin-bottom:0}.tabel-schuif{overflow-x:auto}.tw-naam{font-weight:600;white-space:nowrap}.tw-nr{display:block;font-weight:400;font-size:11.5px;color:var(--ds-text-muted)}.tw-uren{font-variant-numeric:tabular-nums;font-weight:600}.tw-plek{color:var(--portal-color);text-decoration:none;display:inline-flex;align-items:center;gap:5px}.tw-plek:hover{text-decoration:underline}.tw-geen{color:var(--ds-text-muted);font-size:12px}.ab-signalen{margin-bottom:16px;border-color:#fcd34d}.ab-signalen h2{margin:0 0 12px;font-size:15px;display:flex;align-items:center;gap:8px;color:#92400e}.ab-signaal-lijst{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:10px}.ab-signaal{display:flex;flex-direction:column;gap:4px;text-align:left;cursor:pointer;font:inherit;padding:13px 15px;border-radius:12px;border:1px solid var(--ds-border);background:var(--ds-bg);color:var(--ds-text)}.ab-signaal.actief{border-color:var(--portal-color)}.ab-signaal-getal{font-size:22px;font-weight:700;line-height:1}.ab-signaal-titel{font-size:13px;font-weight:600}.ab-signaal-uitleg{font-size:11.5px;line-height:1.5;color:var(--ds-text-muted)}.ab-signaal-wie{font-size:11.5px;color:var(--ds-text-muted);font-style:italic}.ab-balk{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.ab-zoek{font:inherit;font-size:13px;padding:8px 14px;min-width:260px;flex:1;max-width:380px;border:1px solid var(--ds-border);border-radius:999px;background:var(--ds-card);color:var(--ds-text)}.ab-tabel{width:100%;border-collapse:collapse;font-size:13px}.ab-tabel th,.ab-tabel td{padding:9px 11px;border-bottom:1px solid var(--ds-border);text-align:left;white-space:nowrap}.ab-tabel th{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted);font-weight:600}.ab-tabel .r{text-align:right;font-variant-numeric:tabular-nums}.ab-naam{font-weight:600;white-space:normal;min-width:180px}.ab-vlag{display:inline-block;margin-left:7px;font-size:10.5px;padding:2px 8px;border-radius:999px;border:1px solid #fcd34d;color:#92400e}.ab-mis{color:#b91c1c;font-weight:600}.ab-ja{color:var(--ds-text-muted)}.ab-nee{color:#b91c1c;font-weight:600}.ab-melding{margin:0 0 14px;padding:11px 14px;font-size:13px;line-height:1.55;border:1px solid var(--ds-border);border-radius:11px;background:var(--ds-card);color:var(--ds-text)}.ab-melding.fout{border-color:#fca5a5;background:#fef2f2;color:#7f1d1d}.stat-card.ab-alarm{border-color:#fca5a5}.stat-card.ab-alarm .stat-value{color:#b91c1c}.pagina-ilt-wachtrij .conn-banner{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:14px;border:1px solid var(--ds-border)}.pagina-ilt-wachtrij .conn-banner svg{font-size:26px;flex-shrink:0}.pagina-ilt-wachtrij .conn-text{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--ds-text-2)}.pagina-ilt-wachtrij .conn-text strong{font-size:14px;color:var(--ds-text)}.pagina-ilt-wachtrij .conn-warn{color:var(--ds-warning);font-weight:600}.pagina-ilt-wachtrij .conn-banner.ok{background:var(--ds-success-bg);border-color:var(--ds-success)}.pagina-ilt-wachtrij .conn-banner.ok svg{color:var(--ds-success)}.pagina-ilt-wachtrij .conn-banner.warn{background:var(--ds-warning-bg);border-color:var(--ds-warning)}.pagina-ilt-wachtrij .conn-banner.warn svg{color:var(--ds-warning)}.pagina-ilt-wachtrij .conn-banner.crit{background:var(--ds-danger-bg);border-color:var(--ds-danger)}.pagina-ilt-wachtrij .conn-banner.crit svg,.pagina-ilt-wachtrij .conn-banner.crit .conn-warn{color:var(--ds-danger)}.pagina-ilt-wachtrij .legend{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.pagina-ilt-wachtrij .legend-row{display:flex;align-items:flex-start;gap:12px}.pagina-ilt-wachtrij .legend-row .q-badge{flex-shrink:0;margin-top:2px;min-width:78px;justify-content:center}.pagina-ilt-wachtrij .legend-text{display:flex;flex-direction:column;gap:1px;font-size:12.5px;color:var(--ds-text-muted)}.pagina-ilt-wachtrij .legend-text strong{color:var(--ds-text);font-size:13px}.pagina-ilt-wachtrij .trend-chart{display:flex;align-items:flex-end;gap:4px;height:120px;padding:6px 0 0}.pagina-ilt-wachtrij .trend-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0}.pagina-ilt-wachtrij .trend-bar{width:70%;max-width:22px;min-height:2px;border-radius:4px 4px 0 0;background:var(--ds-border);transition:height .2s}.pagina-ilt-wachtrij .trend-bar.has{background:var(--ds-warning)}.pagina-ilt-wachtrij .trend-bar-val{font-size:10px;font-weight:700;color:var(--ds-warning);height:13px}.pagina-ilt-wachtrij .trend-bar-lbl{font-size:9px;color:var(--ds-text-muted);margin-top:3px;white-space:nowrap}.pagina-ilt-wachtrij .footer-note.success{color:var(--ds-success);font-weight:600}.pagina-ilt-wachtrij .footer-note.err{color:var(--ds-danger);font-weight:600}.pagina-ilt-wachtrij .q-badge{display:inline-flex;font-size:10.5px;font-weight:700;padding:3px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.3px;background:var(--ds-hover);color:var(--ds-text-muted)}.pagina-ilt-wachtrij .q-badge.pending{background:var(--ds-info-bg);color:var(--ds-info)}.pagina-ilt-wachtrij .q-badge.processing{background:var(--ds-purple-bg);color:var(--portal-color)}.pagina-ilt-wachtrij .q-badge.completed{background:var(--ds-success-bg);color:var(--ds-success)}.pagina-ilt-wachtrij .q-badge.failed{background:var(--ds-danger-bg);color:var(--ds-danger)}.pagina-ilt-wachtrij .q-badge.blocked{background:var(--ds-warning-bg);color:var(--ds-warning)}.pagina-ilt-verkeer .conn-strip{display:flex;flex-direction:column;gap:8px}.pagina-ilt-verkeer .conn-pill{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--ds-radius-sm);background:var(--ds-success-bg);border:1px solid var(--ds-success)}.pagina-ilt-verkeer .conn-pill.down{background:var(--ds-danger-bg);border-color:var(--ds-danger)}.pagina-ilt-verkeer .conn-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ds-success);animation:pagina-ilt-verkeer-pulse 2s infinite}.pagina-ilt-verkeer .conn-pill.down .conn-dot{background:var(--ds-danger);animation:none}@keyframes pagina-ilt-verkeer-pulse{0%,to{opacity:1}50%{opacity:.5}}.pagina-ilt-verkeer .conn-txt{font-weight:700;font-size:13px;color:var(--ds-text)}.pagina-ilt-verkeer .conn-meta{font-size:11px;color:var(--ds-text-muted)}.pagina-ilt-verkeer .conn-err{color:var(--ds-danger);font-size:11px}.pagina-ilt-verkeer .chauffeur-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.pagina-ilt-verkeer .chauffeur-card{padding:12px;border:1px solid var(--ds-border);border-radius:11px;background:var(--ds-bg);cursor:pointer;transition:all .15s}.pagina-ilt-verkeer .chauffeur-card:hover{border-color:var(--portal-color);transform:translateY(-1px)}.pagina-ilt-verkeer .chauffeur-card.has-fail{border-color:var(--ds-danger);background:var(--ds-danger-bg)}.pagina-ilt-verkeer .cc-name{font-weight:700;font-size:12px;color:var(--ds-text)}.pagina-ilt-verkeer .cc-pas{font-size:10px;color:var(--ds-text-muted);font-family:monospace}.pagina-ilt-verkeer .cc-stats{display:flex;gap:6px;margin-top:4px;font-size:10px}.pagina-ilt-verkeer .cc-stat{padding:0 5px;border-radius:4px}.pagina-ilt-verkeer .cc-stat.total{background:var(--ds-hover);color:var(--ds-text-2)}.pagina-ilt-verkeer .cc-stat.ok{background:var(--ds-success-bg);color:var(--ds-success)}.pagina-ilt-verkeer .cc-stat.fly{background:var(--ds-purple-bg);color:var(--portal-color)}.pagina-ilt-verkeer .cc-stat.fail{background:var(--ds-danger-bg);color:var(--ds-danger)}.pagina-ilt-verkeer .cc-time{font-size:9px;color:var(--ds-text-muted);margin-top:4px}.pagina-ilt-verkeer .num-ok{color:var(--ds-success);font-weight:700}.pagina-ilt-verkeer .num-fail{color:var(--ds-danger);font-weight:700}.pagina-ilt-verkeer .terminal-card{padding:0;overflow:hidden}.pagina-ilt-verkeer .feed-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--ds-border);background:var(--ds-bg);flex-wrap:wrap;gap:10px}.pagina-ilt-verkeer .feed-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pagina-ilt-verkeer .feed-search{background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text);padding:5px 10px;border-radius:7px;font-size:11.5px;min-width:240px}.pagina-ilt-verkeer .feed-search:focus{outline:none;border-color:var(--portal-color)}.pagina-ilt-verkeer .auto-toggle{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--ds-text-muted);cursor:pointer}.pagina-ilt-verkeer .auto-toggle input{cursor:pointer}.pagina-ilt-verkeer .feed-btn{background:none;border:1px solid var(--ds-border);color:var(--ds-text-muted);padding:5px 10px;border-radius:var(--ds-radius-sm);font-size:11px;cursor:pointer;transition:border-color .15s,color .15s}.pagina-ilt-verkeer .feed-btn:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-ilt-verkeer .terminal-feed{background:#0d1117;color:#e2e8f0;font-family:ui-monospace,monospace;font-size:11px;line-height:1.6;overflow-y:auto;max-height:600px;padding:0;display:flex;flex-direction:column}.pagina-ilt-verkeer .term-group{border-bottom:1px solid rgba(255,255,255,.08);padding:0}.pagina-ilt-verkeer .term-header{display:flex;align-items:center;gap:8px;padding:10px 14px;flex-wrap:wrap;border-left:3px solid transparent;background:#0000004d}.pagina-ilt-verkeer .term-header.success{border-left-color:#22c55e;background:#22c55e0d}.pagina-ilt-verkeer .term-header.failed{border-left-color:#ef4444;background:#ef44440d}.pagina-ilt-verkeer .term-header.pending{border-left-color:#3b82f6;background:#3b82f60d}.pagina-ilt-verkeer .ts{color:#ffffff59;min-width:104px;font-size:10px;white-space:nowrap}.pagina-ilt-verkeer .method{font-weight:800;background:#6366f126;padding:1px 5px;border-radius:3px;color:#818cf8;font-size:9px}.pagina-ilt-verkeer .actie{font-weight:800;color:#e2e8f0;font-size:11px;letter-spacing:-.01em}.pagina-ilt-verkeer .ep{color:#60a5fa8c;font-weight:500;font-size:9px;overflow:hidden;text-overflow:ellipsis;max-width:240px;white-space:nowrap}.pagina-ilt-verkeer .badge.auth,.pagina-ilt-verkeer .badge.val{background:#22c55e29;color:#4ade80}.pagina-ilt-verkeer .badge.val.no{background:#94a3b829;color:#cbd5e1}.pagina-ilt-verkeer .badge.loc{background:#3b82f629;color:#93c5fd}.pagina-ilt-verkeer .badge.src{background:#94a3b829;color:var(--ds-text-subtle);text-transform:uppercase;letter-spacing:.3px}.pagina-ilt-verkeer .badge.src.sync{background:#a855f72e;color:#c4b5fd}.pagina-ilt-verkeer .ch{color:#a5b4fc}.pagina-ilt-verkeer .http{font-weight:800;padding:1px 5px;border-radius:3px;color:#fbbf24;font-size:9px}.pagina-ilt-verkeer .http.c2xx{color:#4ade80}.pagina-ilt-verkeer .http.c4xx{color:#fbbf24}.pagina-ilt-verkeer .http.c5xx{color:#ef4444}.pagina-ilt-verkeer .status{font-size:9px;font-weight:800;padding:1px 5px;border-radius:3px;background:#6366f126;color:#818cf8}.pagina-ilt-verkeer .status.success{background:#22c55e26;color:#4ade80}.pagina-ilt-verkeer .status.failed{background:#ef444426;color:#f87171}.pagina-ilt-verkeer .status.pending{background:#3b82f626;color:#60a5fa}.pagina-ilt-verkeer .term-section{padding:8px 14px;border-top:1px solid rgba(255,255,255,.04)}.pagina-ilt-verkeer .term-section.error{background:#ef444414}.pagina-ilt-verkeer .term-section.meta{background:#6366f10f;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.pagina-ilt-verkeer .section-label{font-size:9px;font-weight:700;color:#fff9;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.pagina-ilt-verkeer .section-json{color:#a5b4fc;font-size:10px;line-height:1.4;white-space:pre-wrap;word-break:break-word;margin:0;max-height:250px;overflow-y:auto;padding:6px 0}.pagina-ilt-verkeer .term-section.error .section-json{color:#f87171}.pagina-ilt-verkeer .meta-item{font-size:10px;color:#a5b4fc;padding:0}.pagina-ilt-verkeer .scroll-btn{font-weight:700}@media (max-width: 900px){.pagina-ilt-verkeer .terminal-feed{max-height:500px}}.pagina-ilt-verkeer .fail-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.pagina-ilt-verkeer .fail-badge.danger{background:var(--ds-danger-bg);color:var(--ds-danger)}.pagina-ilt-verkeer .fail-badge.success{background:var(--ds-success-bg);color:var(--ds-success)}.pagina-ilt-verkeer .data-table td.nowrap{white-space:nowrap}.pagina-ilt-verkeer .data-table td.wrap{white-space:normal;word-break:break-word;max-width:340px}.pagina-ilt-verkeer .terminal-feed{max-height:70vh;overflow-y:auto}.opnieuw-knop{font:inherit;font-size:11px;padding:2px 9px;margin-left:7px;cursor:pointer;border:1px solid var(--ds-border);border-radius:999px;background:var(--ds-card);color:var(--ds-text-muted)}.opnieuw-knop:hover:not(:disabled){border-color:var(--portal-color);color:var(--portal-color)}.opnieuw-knop:disabled{opacity:.45;cursor:not-allowed}.opnieuw-stand{margin:12px 0 0;font-size:13px;color:var(--ds-text)}.opnieuw-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:20px}.opnieuw-vraag{width:min(520px,94vw);background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;padding:22px;box-shadow:0 24px 70px #0000004d}.opnieuw-vraag h3{margin:0 0 14px;font-size:15.5px}.opnieuw-vraag dl{display:grid;grid-template-columns:auto 1fr;gap:5px 16px;margin:0 0 16px;font-size:13px}.opnieuw-vraag dt{color:var(--ds-text-muted)}.opnieuw-vraag dd{margin:0;color:var(--ds-text);word-break:break-word}.opnieuw-vraag .waarschuwing{margin:0 0 18px;padding:12px 14px;border-radius:10px;font-size:12.5px;line-height:1.6;background:#fffbeb;border:1px solid #fcd34d;color:#78350f}.opnieuw-knoppen{display:flex;gap:8px;justify-content:flex-end}.opnieuw-knoppen button{font:inherit;font-size:13px;padding:7px 15px;border-radius:999px;cursor:pointer;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text)}.opnieuw-knoppen .door{background:#d97706;border-color:#d97706;color:#fff}.pagina-foutenoverzicht .filter-rij{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.pagina-foutenoverzicht .ruis-toggle{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ds-text-subtle);cursor:pointer;white-space:nowrap}.pagina-foutenoverzicht .ruis-toggle input{accent-color:var(--portal-color);width:15px;height:15px}.pagina-foutenoverzicht .veld{padding:9px 11px;border-radius:8px;border:1px solid var(--ds-border);background:var(--ds-input);color:inherit;font-size:14px}.pagina-foutenoverzicht .veld.zoek{flex:1 1 260px;min-width:0}.pagina-foutenoverzicht .knop{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--ds-radius-sm);border:none;background:var(--portal-color);color:#fff;font-weight:600;cursor:pointer}.pagina-foutenoverzicht .knop:disabled{opacity:.5}.pagina-foutenoverzicht .spin{animation:pagina-foutenoverzicht-sp 1s linear infinite}@keyframes pagina-foutenoverzicht-sp{to{transform:rotate(360deg)}}.pagina-foutenoverzicht .grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width: 720px){.pagina-foutenoverzicht .grid2{grid-template-columns:1fr}}.pagina-foutenoverzicht .sub{font-size:12px;text-transform:uppercase;letter-spacing:.04em;opacity:.7;display:flex;align-items:center;gap:6px;margin:0 0 10px}.pagina-foutenoverzicht .chips{display:flex;flex-wrap:wrap;gap:6px}.pagina-foutenoverzicht .chip.bad{color:var(--ds-danger);background:var(--ds-danger-bg)}.pagina-foutenoverzicht .chip.warn{color:var(--ds-warning);background:var(--ds-warning-bg)}.pagina-foutenoverzicht .chauffeur-rij{display:flex;flex-wrap:wrap;gap:8px}.pagina-foutenoverzicht .chauffeur{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;border-radius:8px;border:1px solid var(--ds-border);background:var(--ds-input);color:inherit;cursor:pointer}.pagina-foutenoverzicht .chauffeur:hover{border-color:var(--portal-color)}.pagina-foutenoverzicht .chauffeur .naam{font-weight:600;font-size:13px}.pagina-foutenoverzicht .chauffeur .mini{font-size:11px;opacity:.6}.pagina-foutenoverzicht .app-table .data-table th:last-child,.pagina-foutenoverzicht .app-table .data-table td:last-child{text-align:left}.pagina-foutenoverzicht .data-table.app-table td.reden{white-space:normal;max-width:420px;overflow-wrap:anywhere}.pagina-foutenoverzicht .data-table.app-table td.ep{opacity:.85}.pagina-foutenoverzicht .rij-fout td{background:var(--ds-danger-bg)}.pagina-foutenoverzicht .stack pre{margin:0;padding:8px;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ds-text-muted);background:var(--ds-hover);border-radius:8px}.pagina-foutenoverzicht .pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700}.pagina-foutenoverzicht .pill.bad{color:var(--ds-danger);background:var(--ds-danger-bg)}.pagina-foutenoverzicht .pill.warn{color:var(--ds-warning);background:var(--ds-warning-bg)}.pagina-foutenoverzicht .klikrij{cursor:pointer}.pagina-omzet .goalbar{height:12px;margin:14px 0 8px;background:var(--ds-hover);border-radius:99px;overflow:hidden}.pagina-omzet .gf{height:100%;border-radius:99px;transition:width .5s;background:var(--ds-success)}.pagina-omzet .goal-txt{font-size:13px;color:var(--ds-text-2);margin:0}.pagina-omzet .hint{font-size:11.5px;color:var(--ds-text-muted);margin:10px 0 0}.omzet-melding{margin:0 0 14px;padding:11px 14px;border:1px solid var(--ds-border);border-left:3px solid var(--portal-color);border-radius:9px;font-size:13px;line-height:1.55;color:var(--ds-text-2);background:var(--ds-card)}.pagina-bestellingen .mini-btn{display:inline-flex;align-items:center;gap:5px;margin-left:12px;padding:4px 10px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:var(--ds-radius-sm);font-size:12px;font-weight:600;cursor:pointer}.pagina-bestellingen .mini-btn:hover{background:var(--ds-hover)}.pagina-bestellingen .mini-btn svg{font-size:14px}.pagina-bestellingen .notice{padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:14px}.pagina-bestellingen .notice.ok{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.pagina-bestellingen .notice.err{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.pagina-bestellingen .empty{padding:28px;text-align:center;color:var(--ds-text-3);font-size:14px}.pagina-bestellingen table.orders{width:100%;border-collapse:separate;border-spacing:0}.pagina-bestellingen table.orders thead th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-3);font-weight:700;padding-bottom:8px}.pagina-bestellingen table.orders tbody td{padding-top:12px;padding-bottom:12px;border-top:1px solid var(--ds-border)}.pagina-bestellingen table.orders th.r,.pagina-bestellingen table.orders td.r{text-align:right;white-space:nowrap}.pagina-bestellingen .chev-h{width:28px}.pagina-bestellingen td.chev{width:28px;color:var(--ds-text-3)}.pagina-bestellingen td.chev svg{font-size:15px;vertical-align:middle}.pagina-bestellingen tr.row{cursor:pointer;transition:background .12s ease}.pagina-bestellingen tr.row:hover,.pagina-bestellingen tr.row.open{background:var(--ds-hover)}.pagina-bestellingen table.orders .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;font-weight:700;color:var(--ds-text-1)}.pagina-bestellingen .klant-wrap{display:flex;align-items:center;gap:10px}.pagina-bestellingen .ava{width:34px;height:34px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;letter-spacing:.02em;color:var(--portal-color);background:#eef4ff}.pagina-bestellingen .kw-txt{min-width:0}.pagina-bestellingen table.orders .klant{font-weight:600}.pagina-bestellingen table.orders .sub{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--ds-text-3);margin-top:2px}.pagina-bestellingen table.orders .sub svg{font-size:12px}.pagina-bestellingen table.orders td.prod{max-width:240px;font-size:12.5px;color:var(--ds-text-2)}.pagina-bestellingen .badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.75}.pagina-bestellingen .badge.sent{background:#ecfdf5;color:#047857}.pagina-bestellingen table.orders tr.detail-row td{background:var(--ds-card);padding:16px 18px;border-top:0}.pagina-bestellingen .detail .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media (max-width:820px){.pagina-bestellingen .detail .cols{grid-template-columns:1fr}}.pagina-bestellingen .block{background:var(--ds-hover);border:1px solid var(--ds-border);border-radius:12px;padding:14px}.pagina-bestellingen .bl-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-3);margin-bottom:10px}.pagina-bestellingen .bl-title svg{font-size:15px}.pagina-bestellingen .kv{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:13px;padding:3px 0}.pagina-bestellingen .kv span{color:var(--ds-text-3);display:flex;align-items:center;gap:4px;flex-shrink:0}.pagina-bestellingen .kv span svg{font-size:13px}.pagina-bestellingen .kv b{color:var(--ds-text-1);font-weight:600;text-align:right;min-width:0;flex:1;overflow-wrap:anywhere}.pagina-bestellingen .kv.total{border-top:1px solid var(--ds-border);margin-top:8px;padding-top:8px}.pagina-bestellingen .pline{font-size:13px;padding:4px 0;color:var(--ds-text-1)}.pagina-bestellingen .pline .qty{font-weight:700;color:var(--ds-text-2)}.pagina-bestellingen .pline .lev{font-size:11px;color:var(--ds-text-3);margin-left:6px}.pagina-bestellingen .pline .lev.warn{color:#b45309}.pagina-bestellingen .det-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.pagina-bestellingen .act{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:8px;font-size:12px;font-weight:600;cursor:pointer}.pagina-bestellingen .act:hover:not(:disabled){background:var(--ds-hover)}.pagina-bestellingen .act:disabled{opacity:.45;cursor:not-allowed}.pagina-bestellingen .act svg{font-size:14px}.pagina-bestellingen .tl-title{display:flex;align-items:center;gap:6px;margin:20px 0 12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-3)}.pagina-bestellingen .timeline{display:flex;flex-direction:column}.pagina-bestellingen .tl-item{display:flex;gap:14px}.pagina-bestellingen .tl-rail{position:relative;display:flex;justify-content:center;width:26px;flex-shrink:0}.pagina-bestellingen .tl-rail:before{content:"";position:absolute;top:28px;bottom:-6px;left:50%;transform:translate(-50%);width:2px;background:var(--ds-border)}.pagina-bestellingen .tl-item:last-child .tl-rail:before{display:none}.pagina-bestellingen .tl-dot{position:relative;z-index:1;width:26px;height:26px;border-radius:50%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:var(--ds-card);border:2px solid var(--ds-border);color:var(--ds-text-3)}.pagina-bestellingen .tl-dot svg{font-size:14px}.pagina-bestellingen .tl-dot.done{background:var(--portal-color);border-color:var(--portal-color);color:#fff;box-shadow:0 2px 6px -1px color-mix(in srgb,var(--portal-color) 45%,transparent)}.pagina-bestellingen .tl-dot.warn{background:#fffbeb;border-color:#f59e0b;color:#b45309}.pagina-bestellingen .tl-body{display:flex;flex-direction:column;align-items:flex-start;padding-bottom:16px;padding-top:1px;min-width:0;flex:1}.pagina-bestellingen .tl-item:last-child .tl-body{padding-bottom:2px}.pagina-bestellingen .tl-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;width:100%}.pagina-bestellingen .tl-head b{font-size:13.5px;color:var(--ds-text-1)}.pagina-bestellingen .tl-at{font-size:11.5px;color:var(--ds-text-3)}.pagina-bestellingen .tl-detail{font-size:12.5px;color:var(--ds-text-2);margin-top:2px;text-align:left;width:100%;word-break:break-word}.pagina-bestellingen .tl-detail.warn{color:#b45309}.pagina-bestellingen .tl-item.pending .tl-head b{color:var(--ds-text-3);font-weight:600}.pagina-bestellingen .track-form{margin-top:18px;background:var(--ds-hover);border:1px solid var(--ds-border);border-radius:12px;padding:14px}.pagina-bestellingen .tf-title{font-size:13px;font-weight:600;margin-bottom:10px;color:var(--ds-text-1)}.pagina-bestellingen .tf-grid{display:grid;grid-template-columns:180px 1fr 1fr;gap:12px}@media (max-width:760px){.pagina-bestellingen .tf-grid{grid-template-columns:1fr}}.pagina-bestellingen .tf-grid label{display:flex;flex-direction:column;gap:4px;font-size:11.5px;font-weight:600;color:var(--ds-text-3)}.pagina-bestellingen .tf-grid select,.pagina-bestellingen .tf-grid input{padding:8px 10px;border:1px solid var(--ds-border);border-radius:8px;background:var(--ds-card);color:var(--ds-text-1);font-size:13px;font-weight:400}.pagina-bestellingen .tf-actions{display:flex;justify-content:flex-end;margin-top:12px}.pagina-bestellingen .btn-send{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border:none;background:var(--portal-color);color:#fff;border-radius:var(--ds-radius-sm);font-size:13px;font-weight:700;cursor:pointer}.pagina-bestellingen .btn-send:disabled{opacity:.6;cursor:not-allowed}.pagina-bestellingen .btn-send svg{font-size:15px}.pagina-rollen .rb-kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.pagina-rollen .rb-kpi{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;padding:14px 16px;transition:border-color .15s,transform .2s,box-shadow .2s}.pagina-rollen .rb-kpi:hover{border-color:#8b5cf64d;transform:translateY(-2px);box-shadow:var(--ds-shadow)}.pagina-rollen .rb-kpi .kv{font-size:1.6rem;font-weight:800;line-height:1}.pagina-rollen .rb-kpi .kl{font-size:.7rem;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.pagina-rollen .rb-tabs{display:flex;gap:2px;border-bottom:1px solid var(--ds-border);overflow-x:auto;scrollbar-width:none}.pagina-rollen .rb-tabs::-webkit-scrollbar{display:none}.pagina-rollen .rb-tab{padding:.65rem 1.1rem;font-size:.82rem;font-weight:600;color:var(--ds-text-muted);cursor:pointer;border:none;border-bottom:2px solid transparent;white-space:nowrap;display:flex;align-items:center;gap:.4rem;background:none;font-family:inherit;transition:color .15s,border-color .15s}.pagina-rollen .rb-tab:hover{color:var(--ds-text)}.pagina-rollen .rb-tab.active{color:var(--portal-color);border-bottom-color:var(--portal-color)}.pagina-rollen .rb-tab-badge{background:#8b5cf626;color:#a78bfa;font-size:.68rem;padding:1px 7px;border-radius:var(--ds-radius-sm)}.pagina-rollen .rb-perm-list .pi.part{color:#eab308}.pagina-rollen .rb-matrix-wrap{overflow-x:auto;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;padding:14px;box-shadow:var(--ds-shadow)}.pagina-rollen .rb-matrix{border-collapse:collapse;font-size:.75rem;min-width:700px;width:100%}.pagina-rollen .rb-matrix th{padding:.55rem .6rem;text-align:center;border-bottom:2px solid var(--ds-border);color:var(--ds-text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;background:#8b5cf608}.pagina-rollen .rb-matrix th:first-child{text-align:left;min-width:160px}.pagina-rollen .rb-matrix td{padding:.5rem .6rem;border-bottom:1px solid var(--ds-border-subtle);text-align:center}.pagina-rollen .rb-matrix tbody tr{transition:background .1s}.pagina-rollen .rb-matrix tbody tr:hover{background:var(--ds-hover)}.pagina-rollen .rb-matrix td:first-child{text-align:left;font-weight:600;color:var(--ds-text)}.pagina-rollen .rb-matrix .grp td{background:#8b5cf60f;color:#a78bfa;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;padding:.3rem .6rem}.pagina-rollen .rb-check{font-size:.7rem;font-weight:800;padding:2px 7px;border-radius:5px}.pagina-rollen .rb-check.full{background:#22c55e24;color:#22c55e}.pagina-rollen .rb-check.part{background:#eab30824;color:#eab308}.pagina-rollen .rb-check.none{background:#94a3b81f;color:var(--ds-text-muted)}.pagina-rollen .rb-alert{display:flex;align-items:flex-start;gap:.65rem;padding:.85rem 1.1rem;border-radius:10px;font-size:.8rem}.pagina-rollen .rb-alert.info{background:#8b5cf61f;border:1px solid rgba(139,92,246,.25);color:#a78bfa}.pagina-rollen .rb-alert.warn{background:#eab3081a;border:1px solid rgba(234,179,8,.25);color:#eab308}.pagina-rollen .rb-alert strong{display:block;margin-bottom:.1rem;font-size:.82rem}.pagina-rollen .rb-toolbar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.pagina-rollen .rb-select{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:9px;padding:.48rem .7rem;color:var(--ds-text-2);font-size:.78rem;font-family:inherit;outline:none;cursor:pointer;transition:border-color .15s}.pagina-rollen .rb-select:focus{border-color:var(--portal-color)}.pagina-rollen .rb-table-wrap{overflow-x:auto;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;padding:6px 12px;box-shadow:var(--ds-shadow);margin-top:12px}.pagina-rollen .rb-table{width:100%;border-collapse:collapse;font-size:.82rem}.pagina-rollen .rb-table th{text-align:left;padding:.55rem .75rem;color:var(--ds-text-muted);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--ds-border);white-space:nowrap;background:#8b5cf608}.pagina-rollen .rb-table td{padding:.6rem .75rem;color:var(--ds-text);border-bottom:1px solid var(--ds-border-subtle);vertical-align:middle}.pagina-rollen .rb-table tbody tr{transition:background .1s}.pagina-rollen .rb-table tbody tr:hover{background:var(--ds-hover)}.pagina-rollen .rb-table tr:last-child td{border-bottom:none}.pagina-rollen .rb-avatar{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:#fff}.pagina-rollen .rb-role-tag{font-size:.75rem;font-weight:700;padding:.18rem .5rem;border-radius:5px}.pagina-rollen .rb-pill{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:700;padding:.18rem .55rem;border-radius:999px;white-space:nowrap}.pagina-rollen .rb-pill.active{background:#22c55e26;color:#22c55e}.pagina-rollen .rb-pill.pending{background:#eab30826;color:#eab308}.pagina-rollen .rb-pill.locked{background:#ef444426;color:#ef4444}.pagina-rollen .rb-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .9rem;border-radius:var(--ds-radius-sm);border:none;font-size:.78rem;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .15s,transform .15s,border-color .15s,color .15s,background .15s}.pagina-rollen .rb-btn-primary{background:var(--portal-color);color:#fff}.pagina-rollen .rb-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.pagina-rollen .rb-btn-outline{background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text)}.pagina-rollen .rb-btn-outline:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-rollen .rb-btn-sm{padding:.28rem .6rem;font-size:.72rem}.pagina-rollen .rb-btn-red{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.pagina-rollen .rb-btn-red:hover{background:#ef444433}.pagina-rollen .rb-flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pagina-rollen .flow-card{padding:16px 18px}.pagina-rollen .flow-head{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.pagina-rollen .flow-head svg{font-size:1.1rem}.pagina-rollen .flow-head h2{margin:0;font-size:.95rem;font-weight:700;color:var(--ds-text)}.pagina-rollen .rb-flow{display:flex;flex-direction:column}.pagina-rollen .rb-flow-step{display:grid;grid-template-columns:34px 1fr;gap:0 .85rem;padding:.75rem 0;align-items:start;position:relative}.pagina-rollen .rb-flow-step:before{content:"";position:absolute;left:16px;top:38px;bottom:-10px;width:2px;background:var(--ds-border)}.pagina-rollen .rb-flow-step:last-child:before{display:none}.pagina-rollen .rb-step-num{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;font-weight:700;box-shadow:0 0 0 3px var(--ds-card)}.pagina-rollen .rb-step-title{font-size:.88rem;font-weight:700;color:var(--ds-text)}.pagina-rollen .rb-step-meta{font-size:.73rem;color:var(--ds-text-muted);margin-top:.15rem;line-height:1.5}.pagina-rollen .rb-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:.7rem}.pagina-rollen .rb-field{display:flex;flex-direction:column;gap:.27rem}.pagina-rollen .rb-field.full{grid-column:1 / -1}.pagina-rollen .rb-field label{font-size:.72rem;color:var(--ds-text-muted);font-weight:600;letter-spacing:.3px}.pagina-rollen .rb-field input,.pagina-rollen .rb-field select{width:100%;box-sizing:border-box;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:9px;padding:.5rem .75rem;color:var(--ds-text);font-size:.9rem;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.pagina-rollen .rb-field input:focus,.pagina-rollen .rb-field select:focus{border-color:var(--portal-color);box-shadow:0 0 0 3px #6366f11f}.pagina-rollen .ct-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--ds-text-muted);margin-bottom:8px}.pagina-rollen .ct-table-wrap{overflow-x:auto;border:1px solid var(--ds-border);border-radius:10px;background:var(--ds-card)}.pagina-rollen .ct-table{width:100%;border-collapse:collapse;font-size:13px}.pagina-rollen .ct-table th{text-align:left;padding:9px 12px;font-size:11px;font-weight:700;color:var(--ds-text-muted);white-space:nowrap;border-bottom:1px solid var(--ds-border);background:var(--ds-hover)}.pagina-rollen .ct-table td{padding:10px 12px;border-bottom:1px solid var(--ds-border);color:var(--ds-text);vertical-align:middle}.pagina-rollen .ct-table tr:last-child td{border-bottom:none}.pagina-rollen .ct-table tbody tr:hover td{background:var(--ds-hover)}.pagina-rollen .ct-avatar{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-size:10px;font-weight:800;color:#fff;margin-right:7px;vertical-align:middle;flex-shrink:0}.pagina-rollen .ct-link{color:var(--portal-color);text-decoration:none}.pagina-rollen .ct-link:hover{text-decoration:underline}.pagina-rollen .ct-iso{font-size:11px;font-weight:700;color:var(--ds-text-muted);white-space:nowrap}.pagina-rollen .ct-type-badge{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:5px;white-space:nowrap}.pagina-rollen .ct-overheid{background:#ef44441f;color:#dc2626}.pagina-rollen .ct-auditor{background:#8b5cf61f;color:#7c3aed}.pagina-rollen .ct-leverancier{background:#06b6d41f;color:#0891b2}.pagina-rollen .ct-kennis{background:#22c55e1f;color:#16a34a}@media (max-width: 720px){.pagina-rollen .rb-flow-grid{grid-template-columns:1fr}}@media (max-width: 768px){.pagina-rollen .rb-kpi-row{grid-template-columns:repeat(2,1fr);gap:8px}.pagina-rollen .rb-toolbar{flex-direction:column;align-items:stretch}.pagina-rollen .rb-toolbar>*{width:100%}.pagina-rollen .rb-form-grid{grid-template-columns:1fr}.pagina-rollen .rb-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.pagina-rollen .rb-table-wrap table{min-width:520px;font-size:12px}}@media (max-width: 480px){.pagina-rollen .rb-kpi-row{grid-template-columns:repeat(2,1fr)}.pagina-rollen .rb-tabs{gap:0}.pagina-rollen .rb-tab{padding:8px 10px;font-size:12px}.pagina-rollen .rb-alert{font-size:.75rem;padding:.65rem .8rem}}.pagina-rollen .ds-search{flex:1;min-width:160px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:9px;padding:8px 12px;color:var(--ds-text);font:inherit;font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s}.pagina-rollen .ds-search:focus{border-color:var(--portal-color);box-shadow:0 0 0 3px #6366f11f}.pagina-rollen .ds-search::placeholder{color:var(--ds-text-muted)}.pagina-rollen .rb-panel{display:flex;flex-direction:column;gap:14px}@media (max-width: 900px){.pagina-rollen .ct-table th,.pagina-rollen .ct-table td{white-space:nowrap}}@media (max-width: 640px){.pagina-rollen .rb-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}.pagina-rollen .rb-tabs::-webkit-scrollbar{display:none}.pagina-rollen .rb-tabs>*{flex:0 0 auto;white-space:nowrap}}.pagina-backups .backup-summary{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.pagina-backups .backup-stat{display:flex;align-items:center;gap:7px;padding:9px 13px;border-radius:10px;background:var(--ds-card);border:1px solid var(--ds-border);font-size:12.5px;font-weight:600;color:var(--ds-text);transition:box-shadow .18s ease,transform .18s ease}.pagina-backups .backup-stat:hover{transform:translateY(-1px);box-shadow:var(--ds-shadow-lg)}.pagina-backups .backup-group{padding:14px 16px;border-radius:12px;border:1px solid var(--ds-border);background:var(--ds-card);margin-bottom:10px;transition:box-shadow .18s ease,border-color .18s ease}.pagina-backups .backup-group:last-child{margin-bottom:0}.pagina-backups .backup-group:hover{box-shadow:var(--ds-shadow-lg)}.pagina-backups .backup-group h3{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--portal-color);margin:0 0 10px;font-family:ui-monospace,SF Mono,Fira Code,monospace}.pagina-backups .backup-dir-size{color:var(--ds-text-muted);font-weight:500;margin-left:2px}.pagina-backups .table-scroll{overflow-x:auto;border-radius:8px;border:1px solid var(--ds-border-subtle)}.pagina-backups table{width:100%;border-collapse:collapse;font-size:12.5px}.pagina-backups thead{background:var(--ds-card)}.pagina-backups th{text-align:left;padding:8px 12px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ds-text-muted);border-bottom:1px solid var(--ds-border)}.pagina-backups td{padding:8px 12px;color:var(--ds-text-2);border-bottom:1px solid var(--ds-border-subtle);vertical-align:middle}.pagina-backups tbody tr{transition:background .12s ease}.pagina-backups tbody tr:hover{background:var(--ds-hover)}.pagina-backups tbody tr:last-child td{border-bottom:none}.pagina-backups .backup-size{font-family:ui-monospace,SF Mono,monospace;font-size:11.5px;color:var(--portal-color);font-variant-numeric:tabular-nums}.pagina-backups .backup-date{font-size:11.5px;color:var(--ds-text-muted);white-space:nowrap}@media (max-width: 768px){.pagina-backups .backup-summary{gap:8px}.pagina-backups .backup-stat{flex:1;min-width:calc(50% - 5px);padding:8px 10px;font-size:12px}.pagina-backups .backup-group{padding:12px}.pagina-backups .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 600px){.pagina-backups .backup-stat{min-width:100%}}@media (max-width: 480px){.pagina-backups .backup-group{padding:10px}.pagina-backups .backup-group h3{flex-wrap:wrap;gap:6px;word-break:keep-all;overflow-wrap:break-word}.pagina-backups table{font-size:11.5px}.pagina-backups th,.pagina-backups td{padding:6px 8px}.pagina-backups .backup-date,.pagina-backups .backup-size{font-size:11px}}.pagina-backups .iso-card{border-left:3px solid var(--portal-color)}.pagina-backups .iso-grid{display:flex;flex-direction:column;gap:8px}.pagina-backups .iso-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;border:1px solid var(--ds-border-subtle);background:var(--ds-bg);text-decoration:none;color:var(--ds-text);transition:background .15s,box-shadow .15s}.pagina-backups a.iso-item:hover{background:var(--ds-hover);box-shadow:var(--ds-shadow)}.pagina-backups .iso-item svg:first-child{font-size:18px;color:var(--portal-color);flex-shrink:0}.pagina-backups .iso-item div{flex:1;display:flex;flex-direction:column;gap:2px}.pagina-backups .iso-item strong{font-size:13px;font-weight:600;color:var(--ds-text)}.pagina-backups .iso-item span{font-size:11.5px;color:var(--ds-text-muted)}.pagina-backups .iso-item.check svg:first-child{color:#22c55e}.pagina-backups .card h2 svg{font-size:17px;color:var(--portal-color);flex-shrink:0}.pagina-backups .backup-stat svg{font-size:16px;color:var(--portal-color);flex-shrink:0}.pagina-backups .backup-group h3 svg{font-size:15px;color:var(--portal-color)}.pagina-backups .empty-state svg{font-size:34px;color:var(--ds-text-subtle)}.pagina-backups .iso-item>svg:first-child{font-size:18px;color:var(--portal-color);flex-shrink:0}.pagina-backups .iso-item .ext{font-size:14px;color:var(--ds-text-subtle);flex-shrink:0}.pagina-backups .iso-item.check>svg:first-child{color:var(--ds-success)}.pagina-backups .card h2{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--ds-text);margin:0 0 14px;letter-spacing:-.01em}.pagina-backups .backup-date.achter{color:var(--ds-danger);font-weight:700}.pagina-backups .backup-stat.achter{border-color:var(--ds-danger);color:var(--ds-danger)}.pagina-backups .backup-stat.achter svg{color:var(--ds-danger)}.pagina-backups .filter-bar{margin:0 0 12px}.pagina-certificaten .card:hover{box-shadow:var(--ds-shadow-lg)}.pagina-certificaten .card-title svg{font-size:17px;color:var(--portal-color);flex-shrink:0}.pagina-certificaten .empty-state svg{font-size:36px;color:var(--ds-text-subtle)}.pagina-certificaten .empty-state span{font-size:13px}.pagina-certificaten .cert-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.pagina-certificaten .cert-kpis .kpi{padding:14px 12px;border-radius:12px;border:1px solid var(--ds-border);background:var(--ds-card);text-align:center;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.pagina-certificaten .cert-kpis .kpi:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-lg)}.pagina-certificaten .kpi-val{font-size:26px;font-weight:800;color:var(--ds-text);line-height:1}.pagina-certificaten .kpi-lbl{font-size:10px;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:5px;font-weight:600}.pagina-certificaten .kpi.ok{border-color:color-mix(in srgb,var(--ds-success) 30%,transparent)}.pagina-certificaten .kpi.ok .kpi-val{color:var(--ds-success)}.pagina-certificaten .kpi.warning{border-color:color-mix(in srgb,var(--ds-warning) 30%,transparent)}.pagina-certificaten .kpi.warning .kpi-val{color:var(--ds-warning)}.pagina-certificaten .kpi.attention{border-color:#fb923c4d}.pagina-certificaten .kpi.attention .kpi-val{color:#fb923c}.pagina-certificaten .kpi.expired{border-color:color-mix(in srgb,var(--ds-danger) 30%,transparent)}.pagina-certificaten .kpi.expired .kpi-val{color:var(--ds-danger)}.pagina-certificaten .kpi.nearest{border-color:#6366f14d}.pagina-certificaten .kpi.nearest .kpi-val{color:var(--portal-color)}.pagina-certificaten .cert-card{padding:14px 16px;border-radius:12px;border:1px solid var(--ds-border);background:var(--ds-card);margin-bottom:10px;transition:box-shadow .18s ease,border-color .18s ease}.pagina-certificaten .cert-card:last-child{margin-bottom:0}.pagina-certificaten .cert-card:hover{box-shadow:var(--ds-shadow-lg)}.pagina-certificaten .cert-card.ok{border-left:3px solid var(--ds-success)}.pagina-certificaten .cert-card.warning{border-left:3px solid var(--ds-warning)}.pagina-certificaten .cert-card.attention{border-left:3px solid #fb923c}.pagina-certificaten .cert-card.expired{border-left:3px solid var(--ds-danger)}.pagina-certificaten .cert-card-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.pagina-certificaten .cert-icon{font-size:24px;flex-shrink:0}.pagina-certificaten .cert-icon.ok{color:var(--ds-success)}.pagina-certificaten .cert-icon.warning{color:var(--ds-warning)}.pagina-certificaten .cert-icon.attention{color:#fb923c}.pagina-certificaten .cert-icon.expired{color:var(--ds-danger)}.pagina-certificaten .cert-card-title{flex:1;min-width:0}.pagina-certificaten .cert-name{font-size:14px;font-weight:600;color:var(--ds-text)}.pagina-certificaten .cert-path{font-size:10.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ds-text-muted);margin-top:2px;word-break:break-all}.pagina-certificaten .cert-status-badge{font-size:10px;font-weight:700;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;border:1px solid}.pagina-certificaten .cert-status-badge.ok{background:color-mix(in srgb,var(--ds-success) 10%,transparent);color:#16a34a;border-color:color-mix(in srgb,var(--ds-success) 22%,transparent)}.pagina-certificaten .cert-status-badge.warning{background:color-mix(in srgb,var(--ds-warning) 10%,transparent);color:#d97706;border-color:color-mix(in srgb,var(--ds-warning) 22%,transparent)}.pagina-certificaten .cert-status-badge.attention{background:#fb923c1a;color:#ea580c;border-color:#fb923c38}.pagina-certificaten .cert-status-badge.expired{background:color-mix(in srgb,var(--ds-danger) 10%,transparent);color:#dc2626;border-color:color-mix(in srgb,var(--ds-danger) 22%,transparent)}.pagina-certificaten .cert-card-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.pagina-certificaten .cert-detail{display:flex;flex-direction:column}.pagina-certificaten .cd-label{font-size:10px;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.4px;font-weight:600}.pagina-certificaten .cd-value{font-size:12.5px;color:var(--ds-text-2);margin-top:2px;word-break:break-word}.pagina-certificaten .cert-alert{margin-top:10px;padding:7px 12px;border-radius:8px;background:color-mix(in srgb,var(--ds-danger) 6%,transparent);border:1px solid color-mix(in srgb,var(--ds-danger) 18%,transparent);font-size:11.5px;color:#dc2626;display:flex;align-items:center;gap:6px}.pagina-certificaten .cert-alert:before{content:"⚠"}.pagina-certificaten .timeline-bars{display:flex;flex-direction:column;gap:8px}.pagina-certificaten .tl-row{display:flex;align-items:center;gap:10px}.pagina-certificaten .tl-label{width:130px;font-size:12.5px;color:var(--ds-text-muted);flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagina-certificaten .tl-bar-wrap{flex:1;display:flex;align-items:center;gap:8px;background:var(--ds-border-subtle);border-radius:6px;height:22px;overflow:hidden;position:relative}.pagina-certificaten .tl-bar{height:100%;border-radius:6px;min-width:4px;animation:pagina-certificaten-tl-fill .7s cubic-bezier(.4,0,.2,1) both}@keyframes pagina-certificaten-tl-fill{0%{width:0;opacity:.6}}.pagina-certificaten .tl-bar.ok{background:linear-gradient(90deg,#166534,#22c55e)}.pagina-certificaten .tl-bar.warning{background:linear-gradient(90deg,#92400e,#f59e0b)}.pagina-certificaten .tl-bar.attention{background:linear-gradient(90deg,#9a3412,#fb923c)}.pagina-certificaten .tl-bar.expired{background:linear-gradient(90deg,#991b1b,#ef4444)}.pagina-certificaten .tl-days{font-size:11px;color:var(--ds-text-muted);white-space:nowrap;padding-right:8px;font-variant-numeric:tabular-nums}@media (max-width: 768px){.pagina-certificaten .cert-kpis{grid-template-columns:repeat(3,1fr);gap:8px}.pagina-certificaten .cert-card-body{grid-template-columns:1fr 1fr}.pagina-certificaten .card{padding:14px}}@media (max-width: 600px){.pagina-certificaten .cert-kpis{grid-template-columns:repeat(2,1fr)}.pagina-certificaten .cert-card-body{grid-template-columns:1fr}.pagina-certificaten .tl-label{width:72px;font-size:11px}}@media (max-width: 480px){.pagina-certificaten .cert-kpis{grid-template-columns:1fr 1fr}.pagina-certificaten .cert-kpis .kpi{padding:10px 8px}.pagina-certificaten .kpi-val{font-size:20px}.pagina-certificaten .kpi-lbl{font-size:9.5px}.pagina-certificaten .cert-card{padding:12px 13px}.pagina-certificaten .cert-card-header{flex-wrap:wrap;gap:7px}.pagina-certificaten .cert-name{font-size:13px}.pagina-certificaten .cert-path{font-size:10px}.pagina-certificaten .cert-status-badge{font-size:9.5px;padding:2px 7px}.pagina-certificaten .cd-value{font-size:12px}.pagina-certificaten .tl-row{gap:7px}.pagina-certificaten .tl-label{width:60px;font-size:10.5px}.pagina-certificaten .tl-bar-wrap{height:18px}.pagina-certificaten .tl-days{font-size:10px;padding-right:5px}}.pagina-database .card-title svg{font-size:17px;color:var(--portal-color);flex-shrink:0}.pagina-database .summary-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pagina-database .sum-stat{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid var(--ds-border);background:var(--ds-card);box-shadow:0 1px 2px #0000000a;animation:pagina-database-fadeUp .4s ease both}.pagina-database .sum-stat:nth-child(1){animation-delay:0ms}.pagina-database .sum-stat:nth-child(2){animation-delay:60ms}.pagina-database .sum-stat:nth-child(3){animation-delay:.12s}.pagina-database .sum-stat:nth-child(4){animation-delay:.18s}.pagina-database .sum-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:18px;flex-shrink:0}.pagina-database .sum-icon.db{background:#6366f126;color:#6366f1}.pagina-database .sum-icon.repl{background:#22c55e26;color:#16a34a}.pagina-database .sum-icon.port{background:#f59e0b26;color:#f59e0b}.pagina-database .sum-icon.shield{background:#8b5cf626;color:#8b5cf6}.pagina-database .sum-val{font-size:17px;font-weight:900;color:var(--ds-text);line-height:1.1;letter-spacing:-.02em}.pagina-database .sum-label{font-size:10.5px;font-weight:600;color:var(--ds-text-muted);margin-top:1px}.pagina-database .metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.pagina-database .metric-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:13px;border:1px solid var(--ds-border);background:var(--ds-card);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;animation:pagina-database-fadeUp .4s ease both}.pagina-database .metric-card:hover{transform:translateY(-3px);border-color:var(--portal-color);box-shadow:0 8px 24px -10px #6366f133}.pagina-database .mc-icon{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;font-size:18px}.pagina-database .mc-icon.blue{background:#3b82f621;color:#3b82f6}.pagina-database .mc-icon.green{background:#22c55e21;color:#16a34a}.pagina-database .mc-icon.purple{background:#8b5cf621;color:#8b5cf6}.pagina-database .mc-icon.cyan{background:#06b6d421;color:#06b6d4}.pagina-database .mc-icon.yellow{background:#f59e0b21;color:#f59e0b}.pagina-database .mc-val{font-size:19px;font-weight:900;color:var(--ds-text);line-height:1.1;letter-spacing:-.02em}.pagina-database .mc-label{font-size:10px;font-weight:700;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.pagina-database .repl-note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:11px;margin-bottom:20px;border:1px solid rgba(99,102,241,.25);background:#6366f10f;font-size:12px;line-height:1.6;color:var(--ds-text-2)}.pagina-database .repl-note svg{font-size:17px;color:#6366f1;flex-shrink:0;margin-top:1px}.pagina-database .repl-diagram{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0}.pagina-database .repl-node{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 24px;border-radius:16px;border:2px solid var(--ds-border);background:var(--ds-bg);min-width:180px;text-align:center;transition:transform .2s ease,box-shadow .2s ease;position:relative;animation:pagina-database-fadeUp .4s ease both}.pagina-database .repl-node:hover{transform:translateY(-4px);box-shadow:0 12px 32px -12px #0003}.pagina-database .repl-node.primary{border-color:#6366f166}.pagina-database .repl-node.replica{border-color:#22c55e59;animation-delay:.16s}.pagina-database .repl-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:99px;white-space:nowrap}.pagina-database .primary .repl-badge{background:#6366f1;color:#fff}.pagina-database .replica .repl-badge{background:#16a34a;color:#fff}.pagina-database .repl-icon-wrap{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:24px}.pagina-database .primary-icon{background:#6366f126;color:#6366f1}.pagina-database .replica-icon{background:#22c55e26;color:#16a34a}.pagina-database .repl-name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;font-weight:900;color:var(--ds-text);letter-spacing:-.01em}.pagina-database .repl-ip{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--ds-text-muted)}.pagina-database .repl-detail{font-size:11px;color:var(--ds-text-muted);line-height:1.7}.pagina-database .repl-status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:99px;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-top:2px}.pagina-database .repl-status-pill.green{background:#22c55e1f;color:#16a34a;border:1px solid rgba(34,197,94,.22)}.pagina-database .repl-status-pill.blue{background:#3b82f61f;color:#2563eb;border:1px solid rgba(59,130,246,.22)}.pagina-database .repl-status-pill.red{background:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.22)}.pagina-database .repl-status-pill.grey{background:#64748b1f;color:#64748b;border:1px solid rgba(100,116,139,.22)}.pagina-database .repl-lag{font-size:10.5px;color:var(--ds-text-muted);margin-top:4px}.pagina-database .pill-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;animation:pagina-database-livePulse 2s ease-in-out infinite}.pagina-database .pill-dot.blue-dot{background:#3b82f6}.pagina-database .pill-dot.red-dot{background:#ef4444}.pagina-database .pill-dot.grey-dot{background:#94a3b8;animation:none}@keyframes pagina-database-livePulse{0%,to{opacity:1}50%{opacity:.4}}.pagina-database .repl-connector{display:flex;flex-direction:column;align-items:center;gap:4px;flex:0 0 100px;padding:0 4px}.pagina-database .repl-line{flex:1;width:100%;height:2px;min-height:20px;background:linear-gradient(90deg,var(--portal-color) 50%,transparent 50%);background-size:8px 2px;animation:pagina-database-dashFlow .45s linear infinite}@keyframes pagina-database-dashFlow{0%{background-position:0 0}to{background-position:8px 0}}.pagina-database .repl-arrow-label{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--portal-color);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;text-align:center;line-height:1.4}.pagina-database .repl-arrow-label svg{font-size:20px}.pagina-database .conn-note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:11px;margin-bottom:18px;border:1px solid rgba(139,92,246,.25);background:#8b5cf60d;font-size:12px;line-height:1.6;color:var(--ds-text-2)}.pagina-database .conn-note svg{font-size:17px;color:#8b5cf6;flex-shrink:0;margin-top:1px}.pagina-database .conn-note strong{color:var(--ds-text)}.pagina-database .conn-flow{display:flex;align-items:center;gap:0;overflow-x:auto;padding-bottom:4px;margin-bottom:20px}.pagina-database .conn-node{flex:0 0 auto;min-width:110px;max-width:140px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:13px 10px;border-radius:12px;border:1px solid var(--ds-border);background:var(--ds-bg);text-align:center;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;animation:pagina-database-fadeUp .35s ease both}.pagina-database .conn-node:hover{transform:translateY(-3px);box-shadow:0 8px 24px -10px #0003}.pagina-database .cn-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:16px}.pagina-database .conn-node.backend{border-color:#6366f140}.pagina-database .conn-node.backend .cn-icon{background:#6366f124;color:#6366f1}.pagina-database .conn-node.vpn{border-color:#8b5cf640}.pagina-database .conn-node.vpn .cn-icon{background:#8b5cf624;color:#8b5cf6}.pagina-database .conn-node.db{border-color:#22c55e40}.pagina-database .conn-node.db .cn-icon{background:#22c55e24;color:#16a34a}.pagina-database .cn-name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;font-weight:800;color:var(--ds-text)}.pagina-database .cn-sub{font-size:10px;color:var(--ds-text-muted);line-height:1.4}.pagina-database .flow-sep{display:flex;align-items:center;flex:0 0 48px;position:relative;height:32px}.pagina-database .flow-line{position:absolute;left:0;right:18px;top:50%;height:2px;background:linear-gradient(90deg,var(--portal-color) 50%,transparent 50%);background-size:8px 2px;transform:translateY(-50%);animation:pagina-database-dashFlow .45s linear infinite}.pagina-database .flow-arr{position:absolute;right:0;color:var(--portal-color);font-size:17px}.pagina-database .conn-table{display:grid;gap:2px}.pagina-database .ct-head{display:grid;grid-template-columns:1fr 120px 130px 80px;padding:7px 12px;border-radius:8px;background:var(--ds-hover);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-muted);gap:8px}.pagina-database .ct-row{display:grid;grid-template-columns:1fr 120px 130px 80px;padding:9px 12px;border-radius:9px;gap:8px;align-items:center;border:1px solid transparent;transition:background .12s ease,border-color .12s ease}.pagina-database .ct-row:hover{background:var(--ds-hover);border-color:var(--ds-border)}.pagina-database .ct-app{font-size:12px;font-weight:700;color:var(--ds-text)}.pagina-database .ct-host{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:var(--ds-text-2)}.pagina-database .ct-port{font-family:ui-monospace,Menlo,monospace;font-size:12px;font-weight:800;color:var(--ds-text)}.pagina-database .ct-via{font-size:9.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:3px 8px;border-radius:6px;display:inline-block}.pagina-database .ct-via.wg{background:#6366f11a;color:#4f46e5;border:1px solid rgba(99,102,241,.2)}.pagina-database .backup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px}.pagina-database .backup-item{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:13px;border:1px solid var(--ds-border);background:var(--ds-bg);transition:border-color .2s ease,box-shadow .2s ease,transform .18s ease;animation:pagina-database-fadeUp .4s ease both}.pagina-database .backup-item:hover{border-color:var(--portal-color);transform:translateY(-2px);box-shadow:0 6px 20px -8px #6366f133}.pagina-database .bi-icon{width:40px;height:40px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;font-size:20px}.pagina-database .bi-icon.green{background:#22c55e24;color:#16a34a}.pagina-database .bi-icon.blue{background:#3b82f624;color:#3b82f6}.pagina-database .bi-icon.amber{background:#f59e0b24;color:#f59e0b}.pagina-database .bi-title{font-size:13px;font-weight:800;color:var(--ds-text);margin-bottom:5px}.pagina-database .bi-desc{font-size:11.5px;color:var(--ds-text-muted);line-height:1.6;margin-bottom:5px}.pagina-database .bi-meta{font-size:10.5px;font-weight:700;color:var(--portal-color)}.pagina-database .maint-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px}.pagina-database .maint-item{padding:16px;border-radius:13px;border:1px solid var(--ds-border);background:var(--ds-bg);transition:border-color .2s ease,transform .18s ease;animation:pagina-database-fadeUp .4s ease both}.pagina-database .maint-item:hover{border-color:var(--portal-color);transform:translateY(-2px)}.pagina-database .mi-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.pagina-database .mi-icon{width:34px;height:34px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;font-size:16px}.pagina-database .mi-icon.blue{background:#3b82f621;color:#3b82f6}.pagina-database .mi-icon.green{background:#22c55e21;color:#16a34a}.pagina-database .mi-icon.purple{background:#8b5cf621;color:#8b5cf6}.pagina-database .mi-icon.amber{background:#f59e0b21;color:#f59e0b}.pagina-database .mi-title{font-size:13px;font-weight:800;color:var(--ds-text)}.pagina-database .mi-desc{font-size:11.5px;color:var(--ds-text-muted);line-height:1.6;margin-bottom:8px}.pagina-database .mi-cmd{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;padding:7px 10px;border-radius:7px;background:var(--ds-hover);color:var(--ds-text);border:1px solid var(--ds-border);overflow-x:auto;white-space:nowrap}.pagina-database .failover-note{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:11px;margin-bottom:16px;border:1px solid rgba(245,158,11,.3);background:#f59e0b0f;font-size:12px;line-height:1.6;color:var(--ds-text-2)}.pagina-database .failover-note svg{font-size:17px;color:#f59e0b;flex-shrink:0}.pagina-database .failover-note strong{color:var(--ds-text)}.pagina-database .failover-steps{display:flex;flex-direction:column;gap:10px}.pagina-database .fs-step{display:flex;gap:16px;align-items:flex-start;padding:14px 16px;border-radius:12px;border:1px solid var(--ds-border);background:var(--ds-bg);transition:border-color .2s ease;animation:pagina-database-fadeUp .35s ease both}.pagina-database .fs-step:hover{border-color:#f59e0b66}.pagina-database .fs-num{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:#f59e0b26;color:#d97706;font-size:12px;font-weight:900}.pagina-database .fs-title{font-size:12.5px;font-weight:800;color:var(--ds-text);margin-bottom:4px}.pagina-database .fs-desc{font-size:11.5px;color:var(--ds-text-muted);line-height:1.6;margin-bottom:6px}.pagina-database .fs-cmd{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;padding:6px 10px;border-radius:7px;background:var(--ds-hover);color:var(--ds-text);border:1px solid var(--ds-border);overflow-x:auto;white-space:nowrap}.pagina-database .activity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.pagina-database .activity-item{padding:16px;border-radius:13px;border:1px solid var(--ds-border);background:var(--ds-card);display:flex;flex-direction:column;gap:6px;text-align:center;transition:border-color .2s ease,box-shadow .2s ease,transform .18s ease;animation:pagina-database-fadeUp .4s ease both}.pagina-database .activity-item:hover{border-color:var(--portal-color);transform:translateY(-2px);box-shadow:0 6px 20px -8px #00000026}.pagina-database .act-icon{font-size:22px;color:var(--portal-color)}.pagina-database .act-val{font-size:26px;font-weight:900;color:var(--ds-text);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.pagina-database .act-label{font-size:10px;font-weight:700;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.05em}.pagina-database .activity-item.activity-error .act-val,.pagina-database .activity-item.activity-error .act-icon{color:#ef4444}.pagina-database .tbl-head{display:grid;grid-template-columns:1fr 120px;padding:7px 12px;border-radius:8px;background:var(--ds-hover);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-muted);gap:8px}.pagina-database .tbl-row{display:grid;grid-template-columns:1fr 120px;padding:9px 12px;border-radius:9px;gap:8px;align-items:center;border:1px solid transparent;transition:background .12s ease,border-color .12s ease;animation:pagina-database-fadeUp .3s ease both}.pagina-database .tbl-row:hover{background:var(--ds-hover);border-color:var(--ds-border)}.pagina-database .tbl-name{font-family:ui-monospace,Menlo,monospace;font-size:12px;font-weight:700;color:var(--ds-text)}.pagina-database .tbl-size{font-size:12px;font-weight:800;color:var(--portal-color)}.pagina-database .empty-state svg{font-size:38px;color:var(--ds-text-subtle)}.pagina-database .empty-state span{font-size:13px}@keyframes pagina-database-fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.pagina-database .summary-bar{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.pagina-database .repl-diagram{flex-direction:column;align-items:center}.pagina-database .repl-connector{flex-direction:row;width:100%;height:50px}.pagina-database .repl-line{width:auto;height:2px;flex:1}.pagina-database .conn-flow{flex-direction:column;align-items:flex-start}.pagina-database .flow-sep{transform:rotate(90deg);align-self:center}.pagina-database .ct-head,.pagina-database .ct-row{grid-template-columns:1fr 90px}.pagina-database .ct-via,.pagina-database .ct-host{display:none}}@media (max-width: 480px){.pagina-database .summary-bar{grid-template-columns:1fr 1fr;gap:8px}.pagina-database .metrics-grid{grid-template-columns:1fr 1fr}.pagina-database .backup-grid,.pagina-database .maint-grid{grid-template-columns:1fr}.pagina-database .activity-grid{grid-template-columns:1fr 1fr}}.pagina-database .cn-sub{white-space:pre-line}@media (max-width: 480px){.pagina-database .summary-bar{grid-template-columns:1fr}.pagina-database .sum-stat{min-width:0;box-sizing:border-box}}@media (max-width: 640px){.pagina-database .mi-cmd{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all}}@media (max-width: 640px){.pagina-database .fs-step>*{min-width:0}.pagina-database .fs-body{flex:1 1 auto;overflow-wrap:anywhere}}.pagina-errors .card:hover{box-shadow:var(--ds-shadow-lg)}.pagina-errors .table-scroll{overflow-x:auto;border-radius:8px;border:1px solid var(--ds-border-subtle)}.pagina-errors table{width:100%;border-collapse:collapse;font-size:12.5px}.pagina-errors thead{background:var(--ds-card)}.pagina-errors th{text-align:left;padding:8px 12px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ds-text-muted);border-bottom:1px solid var(--ds-border);white-space:nowrap}.pagina-errors td{padding:7px 12px;color:var(--ds-text-2);border-bottom:1px solid var(--ds-border-subtle);vertical-align:top;font-size:12.5px}.pagina-errors tbody tr{transition:background .12s ease}.pagina-errors tbody tr:hover{background:var(--ds-hover)}.pagina-errors tbody tr:last-child td{border-bottom:none}.pagina-errors td[data-level=error]{color:var(--ds-danger);font-weight:600}.pagina-errors td[data-level=warn]{color:var(--ds-warning);font-weight:600}.pagina-errors .log-box{max-height:300px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SF Mono,Fira Code,monospace;font-size:11.5px;line-height:1.55;color:var(--ds-text-2);background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;padding:12px 14px}.pagina-errors .syslog-filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:10px;margin-bottom:14px;padding:14px;border-radius:12px;background:var(--ds-card);border:1px solid var(--ds-border)}.pagina-errors .syslog-filters label{font-size:10.5px;font-weight:700;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;display:block}.pagina-errors .syslog-actions-end{display:flex;align-items:flex-end}.pagina-errors .input{width:100%;box-sizing:border-box;padding:8px 10px;border-radius:8px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);font-size:12.5px;transition:border-color .15s ease}.pagina-errors .input:focus{outline:none;border-color:var(--portal-color)}.pagina-errors .btn{padding:8px 14px;border-radius:var(--ds-radius-sm);border:none;cursor:pointer;font-size:12.5px;font-weight:700;background:var(--portal-color);color:#fff;width:100%;transition:filter .15s ease,transform .15s ease}.pagina-errors .btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.pagina-errors .btn.secondary{background:var(--ds-card);color:var(--ds-text);border:1px solid var(--ds-border)}.pagina-errors .btn.secondary:hover{border-color:var(--portal-color);color:var(--portal-color);filter:none}@media (max-width: 768px){.pagina-errors .syslog-filters{grid-template-columns:1fr 1fr;gap:8px;padding:12px}.pagina-errors .syslog-filters .syslog-actions-end{grid-column:1 / -1}.pagina-errors .log-box{max-height:220px}.pagina-errors .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 600px){.pagina-errors .syslog-filters{grid-template-columns:1fr}}@media (max-width: 480px){.pagina-errors .syslog-filters{padding:10px}.pagina-errors table{font-size:11.5px}.pagina-errors th,.pagina-errors td{padding:6px 8px}.pagina-errors .log-box{max-height:200px;font-size:11px}.pagina-errors .btn{font-size:12px;padding:8px 10px}}.pagina-errors .card h2 svg{font-size:17px;color:var(--portal-color);flex-shrink:0}.pagina-errors .empty-state svg{font-size:34px;color:var(--ds-text-subtle)}.pagina-errors .page-title svg{font-size:17px;color:var(--portal-color)}.pagina-errors .card h2{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--ds-text);margin:0 0 14px;letter-spacing:-.01em}.pagina-errors .card .stats-row{margin:0}.pagina-errors .btn:disabled{opacity:.5;cursor:default;transform:none;filter:none}.pagina-netwerk .card-title svg{font-size:17px;color:var(--portal-color);flex-shrink:0}.pagina-netwerk .summary-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pagina-netwerk .sum-stat{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid var(--ds-border);background:var(--ds-card);box-shadow:0 1px 2px #0000000a;animation:pagina-netwerk-fadeUp .4s ease both}.pagina-netwerk .sum-stat:nth-child(1){animation-delay:0ms}.pagina-netwerk .sum-stat:nth-child(2){animation-delay:60ms}.pagina-netwerk .sum-stat:nth-child(3){animation-delay:.12s}.pagina-netwerk .sum-stat:nth-child(4){animation-delay:.18s}.pagina-netwerk .sum-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:18px;flex-shrink:0}.pagina-netwerk .sum-icon.proxy{background:#8b5cf626;color:#8b5cf6}.pagina-netwerk .sum-icon.wg{background:#6366f126;color:#6366f1}.pagina-netwerk .sum-icon.ssl{background:#10b98126;color:#10b981}.pagina-netwerk .sum-icon.mtls{background:#f59e0b26;color:#f59e0b}.pagina-netwerk .sum-val{font-size:17px;font-weight:900;color:var(--ds-text);line-height:1.1;letter-spacing:-.02em}.pagina-netwerk .sum-label{font-size:10.5px;font-weight:600;color:var(--ds-text-muted);margin-top:1px}.pagina-netwerk .explain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px}.pagina-netwerk .explain-item{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:12px;border:1px solid var(--ds-border);background:var(--ds-bg);transition:border-color .2s,box-shadow .2s;animation:pagina-netwerk-fadeUp .4s ease both}.pagina-netwerk .explain-item:hover{border-color:var(--portal-color);box-shadow:0 4px 16px -8px #6366f133}.pagina-netwerk .explain-icon{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;font-size:18px}.pagina-netwerk .explain-icon.proxy{background:#8b5cf624;color:#8b5cf6}.pagina-netwerk .explain-icon.wg{background:#6366f124;color:#6366f1}.pagina-netwerk .explain-icon.relay{background:#f59e0b24;color:#f59e0b}.pagina-netwerk .explain-icon.auth{background:#10b98124;color:#10b981}.pagina-netwerk .explain-title{font-size:12.5px;font-weight:800;color:var(--ds-text);margin-bottom:5px}.pagina-netwerk .explain-text{font-size:11.5px;color:var(--ds-text-muted);line-height:1.6}.pagina-netwerk .flows{display:flex;flex-direction:column;gap:20px}.pagina-netwerk .flow-block-title{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ds-text-muted);margin-bottom:10px;padding-left:2px}.pagina-netwerk .flow-chain{display:flex;align-items:center;gap:0;overflow-x:auto;padding-bottom:4px}.pagina-netwerk .flow-node{flex:0 0 auto;min-width:110px;max-width:140px;display:flex;flex-direction:column;align-items:center;gap:7px;padding:13px 10px;border-radius:12px;border:1px solid var(--ds-border);background:var(--ds-bg);text-align:center;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;animation:pagina-netwerk-fadeUp .35s ease both}.pagina-netwerk .flow-node:hover{transform:translateY(-3px);box-shadow:0 8px 24px -10px #0003}.pagina-netwerk .fn-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:16px}.pagina-netwerk .fn-ext .fn-icon{background:#64748b24;color:var(--ds-text-muted)}.pagina-netwerk .fn-proxy .fn-icon{background:#8b5cf624;color:#8b5cf6}.pagina-netwerk .fn-frontend .fn-icon{background:#3b82f624;color:#3b82f6}.pagina-netwerk .fn-backend .fn-icon{background:#6366f124;color:#6366f1}.pagina-netwerk .fn-db .fn-icon{background:#22c55e24;color:#16a34a}.pagina-netwerk .fn-relay .fn-icon{background:#f59e0b24;color:#f59e0b}.pagina-netwerk .fn-ilt .fn-icon{background:#f43f5e1f;color:#f43f5e}.pagina-netwerk .fn-name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;font-weight:800;color:var(--ds-text)}.pagina-netwerk .fn-sub{font-size:10px;color:var(--ds-text-muted);line-height:1.4}.pagina-netwerk .flow-sep{display:flex;align-items:center;flex:0 0 48px;position:relative;height:32px}.pagina-netwerk .flow-line{position:absolute;left:0;right:18px;top:50%;height:2px;background:linear-gradient(90deg,var(--portal-color) 50%,transparent 50%);background-size:8px 2px;transform:translateY(-50%);animation:pagina-netwerk-dashFlow .45s linear infinite}@keyframes pagina-netwerk-dashFlow{0%{background-position:0 0}to{background-position:8px 0}}.pagina-netwerk .flow-arr{position:absolute;right:0;color:var(--portal-color);font-size:17px}.pagina-netwerk .wg-note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:11px;margin-bottom:16px;border:1px solid rgba(99,102,241,.25);background:#6366f10f;font-size:12px;line-height:1.6;color:var(--ds-text-2)}.pagina-netwerk .wg-note svg{font-size:17px;color:#6366f1;flex-shrink:0;margin-top:1px}.pagina-netwerk .wg-note strong{color:var(--ds-text)}.pagina-netwerk .peers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:10px}.pagina-netwerk .peer-card{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:13px;padding:14px;position:relative;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.pagina-netwerk .peer-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.pagina-netwerk .peer-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px -10px #0003}.pagina-netwerk .peer-layer-badge{position:absolute;top:10px;right:10px;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:2px 7px;border-radius:99px;background:var(--ds-hover);color:var(--ds-text-muted)}.pagina-netwerk .peer-head{display:flex;align-items:center;gap:9px;margin-bottom:9px}.pagina-netwerk .peer-icon{width:30px;height:30px;border-radius:8px;flex-shrink:0;display:grid;place-items:center;font-size:15px}.pagina-netwerk .pc-proxy .peer-icon{background:#8b5cf624;color:#8b5cf6}.pagina-netwerk .pc-frontend .peer-icon{background:#3b82f624;color:#3b82f6}.pagina-netwerk .pc-backend .peer-icon{background:#6366f124;color:#6366f1}.pagina-netwerk .pc-db .peer-icon{background:#22c55e24;color:#16a34a}.pagina-netwerk .pc-relay .peer-icon{background:#f59e0b24;color:#f59e0b}.pagina-netwerk .peer-name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;font-weight:800;color:var(--ds-text)}.pagina-netwerk .peer-wg{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:900;letter-spacing:-.01em}.pagina-netwerk .pc-proxy .peer-wg{color:#7c3aed}.pagina-netwerk .pc-frontend .peer-wg{color:#2563eb}.pagina-netwerk .pc-backend .peer-wg{color:#4f46e5}.pagina-netwerk .pc-db .peer-wg{color:#16a34a}.pagina-netwerk .pc-relay .peer-wg{color:#d97706}.pagina-netwerk .peer-role{font-size:11px;color:var(--ds-text-muted);line-height:1.45;margin-bottom:9px}.pagina-netwerk .peer-pub{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-radius:7px;background:var(--ds-bg);border:1px solid var(--ds-border)}.pagina-netwerk .peer-pub-lbl{font-size:9.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ds-text-muted)}.pagina-netwerk .peer-pub-val{font-family:ui-monospace,Menlo,monospace;font-size:10.5px;color:var(--ds-text-2)}.pagina-netwerk .sec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:10px;margin-bottom:18px}.pagina-netwerk .sec-item{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;border-radius:12px;border:1px solid var(--ds-border);background:var(--ds-bg);transition:border-color .2s ease}.pagina-netwerk .sec-item:hover{border-color:var(--portal-color)}.pagina-netwerk .sec-item-icon{width:34px;height:34px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;font-size:17px}.pagina-netwerk .sec-item-icon.green{background:#22c55e24;color:#16a34a}.pagina-netwerk .sec-item-icon.blue{background:#6366f124;color:#6366f1}.pagina-netwerk .sec-item-icon.purple{background:#8b5cf624;color:#8b5cf6}.pagina-netwerk .sec-item-icon.amber{background:#f59e0b24;color:#f59e0b}.pagina-netwerk .sec-item-title{font-size:10.5px;font-weight:800;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}.pagina-netwerk .sec-item-val{font-size:13px;font-weight:800;color:var(--ds-text);margin-bottom:3px}.pagina-netwerk .sec-item-val.good{color:#16a34a}.pagina-netwerk .sec-item-sub{font-size:10.5px;color:var(--ds-text-muted);line-height:1.5}.pagina-netwerk .live-header{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ds-text-muted);margin-bottom:12px}.pagina-netwerk .live-header svg{font-size:14px;color:var(--portal-color)}.pagina-netwerk .live-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e40;animation:pagina-netwerk-livePulse 2s ease-in-out infinite}@keyframes pagina-netwerk-livePulse{0%,to{opacity:1}50%{opacity:.4}}.pagina-netwerk .net-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:16px}.pagina-netwerk .net-stat{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:11px;border:1px solid var(--ds-border);background:var(--ds-card)}.pagina-netwerk .net-stat-label{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-muted)}.pagina-netwerk .net-stat-val{font-size:24px;font-weight:900;color:var(--ds-text);line-height:1;font-variant-numeric:tabular-nums}.pagina-netwerk .net-reach{display:inline-flex;align-self:flex-start;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.pagina-netwerk .net-reach.up{background:#34d3991f;color:#16a34a;border:1px solid rgba(52,211,153,.22)}.pagina-netwerk .net-reach.up:before{content:"";width:6px;height:6px;border-radius:50%;background:#22c55e;animation:pagina-netwerk-livePulse 2s ease-in-out infinite}.pagina-netwerk .net-reach.down{background:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.22)}.pagina-netwerk .net-reach.unknown{background:#94a3b81f;color:var(--ds-text-muted);border:1px solid var(--ds-border)}.pagina-netwerk .ports-block{margin-top:4px}.pagina-netwerk .ports-title{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-muted);margin-bottom:10px}.pagina-netwerk .port-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.pagina-netwerk .port-chip{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700;padding:3px 9px;border-radius:var(--ds-radius-sm);border:1px solid rgba(99,102,241,.2);background:#6366f112;color:#4f46e5;transition:border-color .12s ease,background .12s ease;cursor:default}.pagina-netwerk .port-chip:hover{border-color:#6366f166;background:#6366f11f}.pagina-netwerk .port-chip.port-public{border-color:#f59e0b4d;background:#f59e0b1a;color:#d97706}.pagina-netwerk .port-legend{font-size:10.5px;color:var(--ds-text-muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pagina-netwerk .port-table{display:grid;gap:2px}.pagina-netwerk .pt-head{display:grid;grid-template-columns:80px 90px 1fr 90px;padding:7px 12px;border-radius:8px;background:var(--ds-hover);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-muted);gap:8px}.pagina-netwerk .pt-row{display:grid;grid-template-columns:80px 90px 1fr 90px;padding:9px 12px;border-radius:9px;gap:8px;align-items:center;border:1px solid transparent;transition:background .12s ease,border-color .12s ease}.pagina-netwerk .pt-row:hover{background:var(--ds-hover);border-color:var(--ds-border)}.pagina-netwerk .pt-port{font-family:ui-monospace,Menlo,monospace;font-size:12px;font-weight:800;color:var(--ds-text)}.pagina-netwerk .pt-proto{font-size:11px;font-weight:700;color:var(--ds-text-muted)}.pagina-netwerk .pt-svc{font-size:11.5px;color:var(--ds-text-2)}.pagina-netwerk .pt-reach{display:inline-flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:3px 8px;border-radius:6px}.pagina-netwerk .pt-reach.pub{background:#f59e0b1f;color:#d97706;border:1px solid rgba(245,158,11,.25)}.pagina-netwerk .pt-reach.wg{background:#6366f11a;color:#4f46e5;border:1px solid rgba(99,102,241,.2)}.pagina-netwerk .pt-reach.int{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.2)}.pagina-netwerk .empty-state svg{font-size:38px;color:var(--ds-text-subtle)}.pagina-netwerk .empty-state span{font-size:13px}@keyframes pagina-netwerk-fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.pagina-netwerk .summary-bar{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.pagina-netwerk .summary-bar{grid-template-columns:1fr 1fr;gap:8px}.pagina-netwerk .explain-grid{grid-template-columns:1fr}.pagina-netwerk .peers-grid{grid-template-columns:1fr 1fr}.pagina-netwerk .flow-chain{flex-direction:column;align-items:stretch}.pagina-netwerk .flow-sep{transform:rotate(90deg);align-self:center}.pagina-netwerk .pt-head,.pagina-netwerk .pt-row{grid-template-columns:70px 80px 1fr}.pagina-netwerk .pt-reach{display:none}}@media (max-width: 480px){.pagina-netwerk .summary-bar{grid-template-columns:1fr}.pagina-netwerk .peers-grid{grid-template-columns:1fr;gap:8px}.pagina-netwerk .sec-grid{grid-template-columns:1fr}.pagina-netwerk .net-stats{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.pagina-netwerk .pt-head,.pagina-netwerk .pt-row{grid-template-columns:70px 1fr;row-gap:2px}.pagina-netwerk .pt-row .pt-svc{grid-column:1 / -1}}.pagina-docker .card-title svg{font-size:17px;color:var(--portal-color);flex-shrink:0}.pagina-docker .summary-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pagina-docker .sum-stat{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid var(--ds-border);background:var(--ds-card);box-shadow:0 1px 2px #0000000a;animation:pagina-docker-fadeUp .4s ease both}.pagina-docker .sum-stat:nth-child(1){animation-delay:0ms}.pagina-docker .sum-stat:nth-child(2){animation-delay:60ms}.pagina-docker .sum-stat:nth-child(3){animation-delay:.12s}.pagina-docker .sum-stat:nth-child(4){animation-delay:.18s}.pagina-docker .sum-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:18px;flex-shrink:0}.pagina-docker .sum-icon.docker{background:#6366f126;color:#6366f1}.pagina-docker .sum-icon.redis{background:#ef444426;color:#ef4444}.pagina-docker .sum-icon.pg{background:#22c55e26;color:#16a34a}.pagina-docker .sum-icon.pm2{background:#f59e0b26;color:#f59e0b}.pagina-docker .sum-val{font-size:17px;font-weight:900;color:var(--ds-text);line-height:1.1;letter-spacing:-.02em}.pagina-docker .sum-label{font-size:10.5px;font-weight:600;color:var(--ds-text-muted);margin-top:1px}.pagina-docker .kpi-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pagina-docker .kpi-tile{padding:16px;border-radius:14px;text-align:center;border:1px solid var(--ds-border);background:var(--ds-card);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;animation:pagina-docker-fadeUp .4s ease both}.pagina-docker .kpi-tile:nth-child(1){animation-delay:0ms}.pagina-docker .kpi-tile:nth-child(2){animation-delay:60ms}.pagina-docker .kpi-tile:nth-child(3){animation-delay:.12s}.pagina-docker .kpi-tile:nth-child(4){animation-delay:.18s}.pagina-docker .kpi-tile:hover{transform:translateY(-3px);box-shadow:0 8px 24px -10px #0000002e}.pagina-docker .kpi-val{font-size:30px;font-weight:900;line-height:1;letter-spacing:-.03em;color:var(--ds-text)}.pagina-docker .kpi-lbl{font-size:10px;font-weight:700;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:6px}.pagina-docker .kpi-tile.running{border-color:#22c55e4d}.pagina-docker .kpi-tile.running .kpi-val{color:#16a34a}.pagina-docker .kpi-tile.stopped{border-color:#ef444440}.pagina-docker .kpi-tile.stopped .kpi-val{color:#ef4444}.pagina-docker .kpi-tile.total{border-color:#6366f140}.pagina-docker .kpi-tile.total .kpi-val{color:var(--portal-color)}.pagina-docker .kpi-tile.compose{border-color:#f59e0b40}.pagina-docker .kpi-tile.compose .kpi-val{color:#d97706}.pagina-docker .explain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px}.pagina-docker .explain-item{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:12px;border:1px solid var(--ds-border);background:var(--ds-bg);transition:border-color .2s,box-shadow .2s,transform .18s ease;animation:pagina-docker-fadeUp .4s ease both}.pagina-docker .explain-item:hover{border-color:var(--portal-color);transform:translateY(-2px);box-shadow:0 6px 20px -8px #6366f133}.pagina-docker .explain-icon{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;font-size:18px}.pagina-docker .explain-icon.blue{background:#6366f124;color:#6366f1}.pagina-docker .explain-icon.green{background:#22c55e24;color:#16a34a}.pagina-docker .explain-icon.amber{background:#f59e0b24;color:#f59e0b}.pagina-docker .explain-icon.red{background:#ef444424;color:#ef4444}.pagina-docker .explain-title{font-size:12.5px;font-weight:800;color:var(--ds-text);margin-bottom:5px}.pagina-docker .explain-text{font-size:11.5px;color:var(--ds-text-muted);line-height:1.6}.pagina-docker .split-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pagina-docker .split-col{border-radius:13px;border:1px solid var(--ds-border);padding:16px;background:var(--ds-bg)}.pagina-docker .split-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.pagina-docker .split-icon{width:32px;height:32px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;font-size:16px}.pagina-docker .docker-icon{background:#6366f124;color:#6366f1}.pagina-docker .pm2-icon{background:#f59e0b24;color:#f59e0b}.pagina-docker .split-title{font-size:13px;font-weight:800;color:var(--ds-text)}.pagina-docker .split-note{font-size:11px;color:var(--ds-text-muted);line-height:1.5;margin-bottom:12px}.pagina-docker .split-item{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--ds-border)}.pagina-docker .si-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pagina-docker .docker-dot{background:#6366f1}.pagina-docker .pm2-dot{background:#f59e0b}.pagina-docker .si-body{flex:1;min-width:0}.pagina-docker .si-name{font-size:12px;font-weight:700;color:var(--ds-text)}.pagina-docker .si-desc{font-size:10.5px;color:var(--ds-text-muted);margin-top:1px}.pagina-docker .si-badge{font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:99px;flex-shrink:0}.pagina-docker .docker-badge{background:#6366f11f;color:#4f46e5;border:1px solid rgba(99,102,241,.2)}.pagina-docker .pm2-badge{background:#f59e0b1f;color:#d97706;border:1px solid rgba(245,158,11,.2)}.pagina-docker .error-note{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:11px;margin-bottom:12px;border:1px solid rgba(239,68,68,.25);background:#ef44440f;font-size:12px;color:#dc2626}.pagina-docker .error-note svg{font-size:17px;flex-shrink:0}.pagina-docker .containers-list{display:flex;flex-direction:column;gap:10px}.pagina-docker .container-card{padding:14px 16px;border-radius:13px;border:1px solid var(--ds-border);background:var(--ds-bg);transition:border-color .2s ease,box-shadow .2s ease,transform .18s ease;position:relative;overflow:hidden;animation:pagina-docker-fadeUp .35s ease both}.pagina-docker .container-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.pagina-docker .container-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px -10px #0003}.pagina-docker .container-card.c-running{border-color:#22c55e40}.pagina-docker .container-card.c-running:before{background:linear-gradient(180deg,#4ade80,#22c55e)}.pagina-docker .container-card.c-stopped{border-color:#ef444440}.pagina-docker .container-card.c-stopped:before{background:linear-gradient(180deg,#f87171,#ef4444)}.pagina-docker .cc-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-left:8px}.pagina-docker .cc-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pagina-docker .cc-dot.running{background:#22c55e;box-shadow:0 0 6px #22c55e8c;animation:pagina-docker-pulseDot 2s ease infinite}.pagina-docker .cc-dot.stopped{background:#ef4444}@keyframes pagina-docker-pulseDot{0%,to{box-shadow:0 0 4px #22c55e66}50%{box-shadow:0 0 8px #22c55ebf}}.pagina-docker .cc-info{flex:1;min-width:0}.pagina-docker .cc-name{font-size:13.5px;font-weight:700;color:var(--ds-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pagina-docker .cc-image{font-size:11px;font-family:ui-monospace,SF Mono,monospace;color:var(--ds-text-muted);margin-top:2px}.pagina-docker .cc-badge{font-size:10px;font-weight:700;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.pagina-docker .r-badge{background:#22c55e1f;color:#16a34a;border:1px solid rgba(34,197,94,.2)}.pagina-docker .s-badge{background:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.pagina-docker .cc-metrics{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-bottom:10px;padding-left:12px}.pagina-docker .cc-metric{display:flex;flex-direction:column;gap:3px}.pagina-docker .ccm-label{font-size:9.5px;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.pagina-docker .ccm-val{font-size:12px;color:var(--ds-text-2)}.pagina-docker .ccm-bar-row{display:flex;align-items:center;gap:6px}.pagina-docker .ccm-bar-wrap{flex:1;height:5px;background:var(--ds-border);border-radius:3px;overflow:hidden}.pagina-docker .ccm-bar{height:100%;border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1)}.pagina-docker .ccm-pct{font-size:11px;color:var(--ds-text-muted);font-variant-numeric:tabular-nums;min-width:30px;text-align:right}.pagina-docker .cc-footer{display:flex;justify-content:space-between;font-size:10.5px;color:var(--ds-text-muted);border-top:1px solid var(--ds-border);padding-top:8px;padding-left:12px}.pagina-docker .cc-id{font-family:ui-monospace,monospace}.pagina-docker .cc-ports{max-width:55%;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagina-docker .compose-note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:11px;margin-bottom:14px;border:1px solid rgba(99,102,241,.22);background:#6366f10d;font-size:12px;line-height:1.6;color:var(--ds-text-2)}.pagina-docker .compose-note svg{font-size:16px;color:#6366f1;flex-shrink:0;margin-top:1px}.pagina-docker .compose-note code{font-family:ui-monospace,Menlo,monospace;font-size:11px;background:var(--ds-hover);padding:1px 5px;border-radius:4px;color:var(--ds-text)}.pagina-docker .compose-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:8px}.pagina-docker .compose-item{display:flex;align-items:center;gap:9px;padding:11px 14px;border-radius:11px;border:1px solid var(--ds-border);background:var(--ds-bg);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;position:relative;overflow:hidden;animation:pagina-docker-fadeUp .35s ease both}.pagina-docker .compose-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}.pagina-docker .compose-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px -8px #0000002e}.pagina-docker .compose-item.ci-up{border-color:#22c55e40}.pagina-docker .compose-item.ci-up:before{background:#22c55e}.pagina-docker .compose-item.ci-down{border-color:#ef444440}.pagina-docker .compose-item.ci-down:before{background:#ef4444}.pagina-docker .ci-icon{font-size:17px;flex-shrink:0}.pagina-docker .compose-item.ci-up .ci-icon{color:#16a34a}.pagina-docker .compose-item.ci-down .ci-icon{color:#dc2626}.pagina-docker .ci-name{flex:1;font-size:12.5px;font-weight:600;color:var(--ds-text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagina-docker .ci-status{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.pagina-docker .up-text{color:#16a34a}.pagina-docker .down-text{color:#dc2626}.pagina-docker .update-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px}.pagina-docker .update-item{padding:16px;border-radius:13px;border:1px solid var(--ds-border);background:var(--ds-bg);transition:border-color .2s ease,transform .18s ease;animation:pagina-docker-fadeUp .4s ease both}.pagina-docker .update-item:hover{border-color:var(--portal-color);transform:translateY(-2px)}.pagina-docker .ui-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.pagina-docker .ui-icon{width:34px;height:34px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;font-size:16px}.pagina-docker .ui-icon.blue{background:#3b82f621;color:#3b82f6}.pagina-docker .ui-icon.green{background:#22c55e21;color:#16a34a}.pagina-docker .ui-icon.amber{background:#f59e0b21;color:#f59e0b}.pagina-docker .ui-icon.purple{background:#8b5cf621;color:#8b5cf6}.pagina-docker .ui-title{font-size:13px;font-weight:800;color:var(--ds-text);flex:1}.pagina-docker .ui-badge{font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:99px;flex-shrink:0}.pagina-docker .ui-badge.safe{background:#22c55e1f;color:#16a34a;border:1px solid rgba(34,197,94,.2)}.pagina-docker .ui-badge.caution{background:#f59e0b1f;color:#d97706;border:1px solid rgba(245,158,11,.2)}.pagina-docker .ui-desc{font-size:11.5px;color:var(--ds-text-muted);line-height:1.6;margin-bottom:8px}.pagina-docker .ui-cmd{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;padding:7px 10px;border-radius:7px;background:var(--ds-hover);color:var(--ds-text);border:1px solid var(--ds-border);overflow-x:auto;white-space:nowrap}@keyframes pagina-docker-fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.pagina-docker .summary-bar,.pagina-docker .kpi-bar{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.pagina-docker .split-grid,.pagina-docker .explain-grid{grid-template-columns:1fr}.pagina-docker .cc-metrics{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.pagina-docker .summary-bar{grid-template-columns:1fr 1fr;gap:8px}.pagina-docker .kpi-bar{grid-template-columns:1fr 1fr}.pagina-docker .compose-grid,.pagina-docker .update-grid{grid-template-columns:1fr}.pagina-docker .cc-metrics{grid-template-columns:1fr;gap:6px}.pagina-docker .cc-head{flex-wrap:wrap;gap:6px}}@media (max-width: 640px){.pagina-docker .ui-cmd{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all}}.pagina-ilt-aanlevering .ok-kleur{color:var(--ds-success)}.pagina-ilt-aanlevering .warn-kleur{color:#f59e0b}.pagina-ilt-aanlevering .fout-kleur{color:#ef4444}.pagina-ilt-aanlevering .pill svg{vertical-align:-2px;margin-right:3px}.pagina-ilt-aanlevering .pill.ok{background:color-mix(in srgb,#10b981 15%,transparent);color:#10b981}.pagina-ilt-aanlevering .pill.warn{background:color-mix(in srgb,#f59e0b 15%,transparent);color:#b45309}.pagina-ilt-aanlevering .pill.fout{background:color-mix(in srgb,#ef4444 15%,transparent);color:#ef4444}.pagina-ilt-aanlevering .pill.dim{opacity:.75}.pagina-ilt-aanlevering .gaps-cel{font-size:12px;max-width:340px}.pagina-ilt-aanlevering .rij-fout{background:color-mix(in srgb,#ef4444 6%,transparent)}.pagina-ilt-aanlevering .dim{opacity:.65}.pagina-ilt-aanlevering .nowrap{white-space:nowrap}.pagina-ilt-aanlevering .tabel-wrap{overflow-x:auto}.pagina-ilt-aanlevering .pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap;background:var(--ds-hover);color:var(--ds-text-muted)}.pagina-incidenten .info-bar{display:flex;gap:12px;align-items:flex-start;padding:13px 16px}.pagina-incidenten .info-bar>svg{font-size:22px;color:var(--portal-color);flex-shrink:0;margin-top:1px}.pagina-incidenten .info-bar strong{color:var(--ds-text)}.pagina-incidenten .info-bar div{font-size:12.5px;color:var(--ds-text-2);line-height:1.55}.pagina-incidenten .info-bar .vs{display:block;margin-top:4px;color:var(--ds-text-muted)}.pagina-incidenten .info-bar a{color:var(--portal-color);font-weight:700;text-decoration:none}.pagina-incidenten .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.pagina-incidenten .stat{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;cursor:pointer;box-shadow:var(--ds-shadow);transition:border-color .18s,transform .18s,box-shadow .18s}.pagina-incidenten .stat:hover{border-color:var(--portal-color);transform:translateY(-2px);box-shadow:var(--ds-shadow-lg)}.pagina-incidenten .stat .num{font-size:26px;font-weight:800;color:var(--ds-text);line-height:1.1}.pagina-incidenten .stat.open .num{color:#f59e0b}.pagina-incidenten .stat.kritiek .num{color:#ef4444}.pagina-incidenten .stat.opgelost .num{color:#22c55e}.pagina-incidenten .stat .num.purple{color:#8b5cf6}.pagina-incidenten .stat .num.dim{color:var(--ds-text-muted)}.pagina-incidenten .stat .label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);margin-top:2px}.pagina-incidenten .layout{display:grid;grid-template-columns:340px 1fr;gap:14px;align-items:start}.pagina-incidenten .list-col{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100vh - 320px)}.pagina-incidenten .top-bar{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--ds-border)}.pagina-incidenten .top-bar input{flex:1;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:8px;padding:8px 10px;font:inherit;font-size:13px}.pagina-incidenten .top-bar input:focus{outline:none;border-color:var(--portal-color)}.pagina-incidenten .new-btn{display:inline-flex;align-items:center;gap:5px;border:none;background:var(--portal-color);color:#fff;border-radius:var(--ds-radius-sm);padding:0 13px;font-weight:700;font-size:12.5px;cursor:pointer;white-space:nowrap}.pagina-incidenten .new-btn:hover{opacity:.9}.pagina-incidenten .chip-row:last-of-type{padding-bottom:8px;border-bottom:1px solid var(--ds-border)}.pagina-incidenten .chip:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-incidenten .list{overflow-y:auto;flex:1}.pagina-incidenten .item{padding:11px 14px;border-bottom:1px solid var(--ds-border-subtle);cursor:pointer;transition:background .15s}.pagina-incidenten .item:hover{background:var(--ds-hover, var(--ds-card))}.pagina-incidenten .item.selected{background:color-mix(in srgb,var(--portal-color) 10%,transparent);border-left:3px solid var(--portal-color);padding-left:11px}.pagina-incidenten .item-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.pagina-incidenten .item-title{font-weight:700;font-size:13px;color:var(--ds-text);line-height:1.35}.pagina-incidenten .item-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:6px;font-size:11px;color:var(--ds-text-muted)}.pagina-incidenten .badge.open,.pagina-incidenten .badge.gemeld,.pagina-incidenten .badge.wacht-op-info{background:#f59e0b24;color:#d97706}.pagina-incidenten .badge.busy,.pagina-incidenten .badge.in-behandeling,.pagina-incidenten .badge.in-review,.pagina-incidenten .badge.afgehandeld{background:#8b5cf624;color:#7c3aed}.pagina-incidenten .badge.done,.pagina-incidenten .badge.gesloten{background:#22c55e24;color:#16a34a}.pagina-incidenten .badge.kritiek{background:#ef444424;color:#dc2626}.pagina-incidenten .badge.hoog{background:#f9731624;color:#ea580c}.pagina-incidenten .badge.midden{background:#6366f124;color:var(--portal-color)}.pagina-incidenten .badge.laag{background:#22c55e1f;color:#16a34a}.pagina-incidenten .cat-chip{font-size:11px;color:var(--ds-text-2);text-transform:capitalize}.pagina-incidenten .src-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:6px}.pagina-incidenten .src-badge.avg{background:#8b5cf624;color:#7c3aed}.pagina-incidenten .src-badge.ilt{background:#f59e0b24;color:#d97706}.pagina-incidenten .detail-col{min-height:400px;max-height:calc(100vh - 320px);display:flex;flex-direction:column;overflow:hidden}.pagina-incidenten .detail-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--ds-text-muted);padding:40px;text-align:center}.pagina-incidenten .detail-placeholder svg{font-size:48px;color:var(--ds-text-subtle);opacity:.6}.pagina-incidenten .detail-inner{display:flex;flex-direction:column;flex:1;overflow:hidden}.pagina-incidenten .detail-header{display:flex;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--ds-border);align-items:flex-start}.pagina-incidenten .detail-title{font-size:15px;font-weight:800;color:var(--ds-text);margin-bottom:8px;line-height:1.3}.pagina-incidenten .detail-badges{display:flex;flex-wrap:wrap;gap:6px}.pagina-incidenten .detail-actions{display:flex;gap:6px;flex-shrink:0;flex-wrap:wrap}.pagina-incidenten .btn{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:var(--ds-radius-sm);padding:7px 10px;font-weight:700;font-size:12px;cursor:pointer;text-decoration:none}.pagina-incidenten .btn:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-incidenten .btn.primary{background:var(--portal-color);border-color:var(--portal-color);color:#fff}.pagina-incidenten .btn.primary:hover{opacity:.9}.pagina-incidenten .btn.success{color:#16a34a;border-color:#22c55e59}.pagina-incidenten .btn.success:hover{background:#22c55e14}.pagina-incidenten .btn.danger{color:#dc2626;border-color:#ef444459}.pagina-incidenten .btn.danger:hover{background:#ef444414}.pagina-incidenten .meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;padding:14px 18px;border-bottom:1px solid var(--ds-border)}.pagina-incidenten .meta-cell{display:flex;flex-direction:column;gap:4px}.pagina-incidenten .meta-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted)}.pagina-incidenten .meta-val{font-size:13px;color:var(--ds-text)}.pagina-incidenten .meta-cell select{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:6px;padding:5px 8px;font:inherit;font-size:12px}.pagina-incidenten .meta-cell select:focus{outline:none;border-color:var(--portal-color)}.pagina-incidenten .detail-body{overflow-y:auto;flex:1;padding:16px 18px;display:flex;flex-direction:column;gap:18px}.pagina-incidenten .section h4{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);margin:0 0 10px}.pagina-incidenten .desc{font-size:13px;color:var(--ds-text-2);line-height:1.6;white-space:pre-wrap}.pagina-incidenten .desc-empty,.pagina-incidenten .tl-empty{font-size:12.5px;color:var(--ds-text-muted);font-style:italic}.pagina-incidenten .comment{display:flex;gap:10px;margin-bottom:10px}.pagina-incidenten .comment-avatar{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--portal-color) 14%,var(--ds-card));border:1px solid var(--ds-border);font-size:11px;font-weight:800;color:var(--portal-color);flex-shrink:0}.pagina-incidenten .comment-bubble{flex:1;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;padding:9px 12px}.pagina-incidenten .comment-meta{font-size:11px;color:var(--ds-text-muted);margin-bottom:4px;font-weight:600;text-transform:capitalize}.pagina-incidenten .comment-body{font-size:13px;color:var(--ds-text);white-space:pre-wrap;line-height:1.5}.pagina-incidenten .reply-bar{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--ds-border);align-items:flex-end}.pagina-incidenten .reply-bar textarea{flex:1;resize:none;min-height:38px;max-height:120px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:9px;padding:9px 11px;font:inherit;font-size:13px;box-sizing:border-box}.pagina-incidenten .reply-bar textarea:focus{outline:none;border-color:var(--portal-color)}.pagina-incidenten .reply-send{display:inline-flex;align-items:center;gap:5px;border:none;background:var(--portal-color);color:#fff;border-radius:9px;padding:9px 15px;font-weight:700;font-size:12.5px;cursor:pointer}.pagina-incidenten .reply-send:hover{opacity:.9}.pagina-incidenten .empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:44px 16px;color:var(--ds-text-muted);text-align:center;font-size:13px}.pagina-incidenten .empty svg{font-size:40px;color:var(--ds-text-subtle);opacity:.5}.pagina-incidenten .norm-link{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px;background:#6366f10a;border:1px solid rgba(99,102,241,.2);border-radius:12px}.pagina-incidenten .norm-link>svg{font-size:24px;color:var(--portal-color);flex-shrink:0}.pagina-incidenten .norm-link strong{font-size:13px;color:var(--ds-text)}.pagina-incidenten .norm-link p{margin:2px 0 0;font-size:12px;color:var(--ds-text-secondary)}.pagina-incidenten .nl-btns{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.pagina-incidenten .nl-btn{font-size:12px;font-weight:600;color:var(--portal-color);text-decoration:none;padding:6px 10px;border:1px solid var(--portal-color);border-radius:var(--ds-radius-sm);white-space:nowrap}@keyframes pagina-incidenten-fadeIn{0%{opacity:0}to{opacity:1}}.pagina-incidenten .form-group.chk label{display:flex;align-items:center;gap:6px;font-weight:500;cursor:pointer}@media (max-width: 900px){.pagina-incidenten .layout{grid-template-columns:1fr}.pagina-incidenten .list-col,.pagina-incidenten .detail-col{max-height:none}}@media (max-width: 640px){.pagina-incidenten .top-bar{flex-wrap:wrap}.pagina-incidenten .top-bar input{flex:1 1 100%;min-width:0}.pagina-incidenten .top-bar .new-btn{flex:1 1 100%;justify-content:center}}.pagina-risicoregister .card>:not(.card-header){padding:18px}.pagina-risicoregister .heat-wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pagina-risicoregister .heat-axis-y{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--ds-text-muted);text-transform:uppercase;align-self:stretch;display:flex;align-items:center;justify-content:center}.pagina-risicoregister .heat-grid-block{display:flex;flex-direction:column;gap:6px}.pagina-risicoregister .heat-grid{display:grid;grid-template-columns:28px repeat(5,minmax(54px,1fr));gap:6px}.pagina-risicoregister .heat-rowlabel,.pagina-risicoregister .heat-collabel{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--ds-text-muted)}.pagina-risicoregister .heat-cell{position:relative;aspect-ratio:1.6 / 1;min-height:46px;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;transition:transform .12s,box-shadow .12s,outline .12s;border:2px solid transparent}.pagina-risicoregister .heat-cell:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000002e}.pagina-risicoregister .heat-cell.active{outline:3px solid var(--portal-color);outline-offset:1px}.pagina-risicoregister .heat-count{font-size:18px;font-weight:800;line-height:1}.pagina-risicoregister .heat-score{font-size:10px;opacity:.85;margin-top:2px}.pagina-risicoregister .heat-cell.lvl-laag{background:linear-gradient(135deg,#34d399,#059669)}.pagina-risicoregister .heat-cell.lvl-middel{background:linear-gradient(135deg,#fbbf24,#d97706)}.pagina-risicoregister .heat-cell.lvl-hoog{background:linear-gradient(135deg,#fb923c,#ea580c)}.pagina-risicoregister .heat-cell.lvl-kritiek{background:linear-gradient(135deg,#f87171,#b91c1c)}.pagina-risicoregister .heat-axis-x{text-align:center;font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--ds-text-muted);text-transform:uppercase;padding-left:34px}.pagina-risicoregister .heat-legend{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--ds-text-2)}.pagina-risicoregister .heat-legend .hl{display:flex;align-items:center;gap:8px}.pagina-risicoregister .heat-legend i{width:14px;height:14px;border-radius:4px;display:inline-block}.pagina-risicoregister .lvl-laag{background:linear-gradient(135deg,#34d399,#059669)}.pagina-risicoregister .lvl-middel{background:linear-gradient(135deg,#fbbf24,#d97706)}.pagina-risicoregister .lvl-hoog{background:linear-gradient(135deg,#fb923c,#ea580c)}.pagina-risicoregister .lvl-kritiek{background:linear-gradient(135deg,#f87171,#b91c1c)}.pagina-risicoregister .filter-bar select{cursor:pointer}.pagina-risicoregister .filter-search{position:relative;flex:1;min-width:200px;max-width:340px}.pagina-risicoregister .filter-search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:16px}.pagina-risicoregister .filter-search input{width:100%;padding-left:34px;box-sizing:border-box}.pagina-risicoregister .btn-primary:disabled{opacity:.5;cursor:not-allowed}.pagina-risicoregister .risk-list{display:flex;flex-direction:column;gap:8px}.pagina-risicoregister .risk-row{display:grid;grid-template-columns:auto 1fr auto auto auto auto;gap:14px;align-items:center;padding:12px 14px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;cursor:pointer;transition:box-shadow .12s,transform .12s}.pagina-risicoregister .risk-row:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.pagina-risicoregister .code-badge{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;font-weight:700;color:#fff;background:var(--portal-color);padding:4px 10px;border-radius:6px;white-space:nowrap}.pagina-risicoregister .risk-main{min-width:0}.pagina-risicoregister .risk-title{font-weight:600;color:var(--ds-text);font-size:14px;margin-bottom:4px}.pagina-risicoregister .risk-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pagina-risicoregister .cat-chip,.pagina-risicoregister .behandel-pill,.pagina-risicoregister .status-pill{padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:capitalize}.pagina-risicoregister .behandel-pill{background:color-mix(in srgb,var(--portal-color) 12%,transparent);color:var(--portal-color)}.pagina-risicoregister .ki-mini{font-size:11px;color:var(--ds-text-muted);display:inline-flex;align-items:center;gap:3px}.pagina-risicoregister .ki-mini svg{font-size:13px}.pagina-risicoregister .score-badge{min-width:34px;text-align:center;font-weight:800;font-size:14px;color:#fff;padding:6px 8px;border-radius:8px}.pagina-risicoregister .score-badge.big{font-size:18px;min-width:44px;padding:8px 12px}.pagina-risicoregister .avatar-mini{width:28px;height:28px;border-radius:50%;color:#fff;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.pagina-risicoregister .avatar-mini.empty-av{background:#e5e7eb;color:#9ca3af}.pagina-risicoregister .herbeoordeel{font-size:12px;color:var(--ds-text-muted);display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.pagina-risicoregister .herbeoordeel svg{font-size:14px}.pagina-risicoregister .herbeoordeel.overdue{color:#dc2626;font-weight:700}.pagina-risicoregister .empty{text-align:center;color:var(--ds-text-muted);font-size:13px;padding:24px;font-style:italic}.pagina-risicoregister .empty-inline{color:var(--ds-text-muted);font-size:12px;font-style:italic}.pagina-risicoregister .modal-col{display:flex;flex-direction:column;gap:14px;min-width:0}.pagina-risicoregister .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pagina-risicoregister .modal-header-del{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:8px;color:#fff;cursor:pointer;margin-right:6px;transition:background .15s}.pagina-risicoregister .modal-header-del:hover{background:#ef4444d9;border-color:transparent}.pagina-risicoregister .modal-header-del svg{font-size:16px}.pagina-risicoregister .score-live{display:flex;align-items:center;gap:12px;margin-top:6px;padding:10px 14px;background:var(--ds-hover);border-radius:10px}.pagina-risicoregister .score-live-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ds-text-muted)}.pagina-risicoregister .score-live-niveau{font-size:13px;font-weight:600;color:var(--ds-text-2)}.pagina-risicoregister .biv-badges{display:inline-flex;gap:3px}.pagina-risicoregister .biv-b{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:5px;font-size:10px;font-weight:800;background:color-mix(in srgb,var(--portal-color) 15%,transparent);color:var(--portal-color)}.pagina-risicoregister .biv-toggles{display:flex;flex-wrap:wrap;gap:8px}.pagina-risicoregister .biv-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);font-size:12.5px;font-weight:600;color:var(--ds-text-secondary);cursor:pointer;transition:all .15s}.pagina-risicoregister .biv-chip input{margin:0}.pagina-risicoregister .biv-chip.on{background:color-mix(in srgb,var(--portal-color) 12%,transparent);border-color:var(--portal-color);color:var(--portal-color)}.pagina-risicoregister .iso-block{display:flex;flex-direction:column;gap:6px}.pagina-risicoregister .iso-block>.field-label{font-size:11px;font-weight:700;color:var(--ds-text-muted);letter-spacing:.5px;text-transform:uppercase}.pagina-risicoregister .chip-list{display:flex;flex-wrap:wrap;gap:6px}.pagina-risicoregister .iso-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#eef2ff;color:#4f46e5;border-radius:14px;font-size:12px;font-weight:600}.pagina-risicoregister .chip-x{background:transparent;border:none;color:#6366f1;cursor:pointer;padding:0;font-size:14px;line-height:1;display:inline-flex}.pagina-risicoregister .add-chip-row{display:flex;gap:6px;margin-top:4px}.pagina-risicoregister .add-chip-row input{flex:1}.pagina-risicoregister .history-list{display:flex;flex-direction:column;gap:6px;max-height:360px;overflow-y:auto}.pagina-risicoregister .hist-row{display:flex;gap:8px;padding:6px 0}.pagina-risicoregister .hist-icon{width:26px;height:26px;border-radius:50%;background:var(--portal-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.pagina-risicoregister .hist-body{flex:1;font-size:12px;min-width:0}.pagina-risicoregister .hist-line1{color:var(--ds-text-2)}.pagina-risicoregister .hist-line2{color:var(--ds-text-muted);font-size:11px;margin-top:2px}.pagina-risicoregister .hist-time{color:#9ca3af;font-size:10px;margin-top:2px}@media (max-width: 760px){.pagina-risicoregister .field-grid{grid-template-columns:1fr}}@media (max-width: 600px){.pagina-risicoregister .heat-grid{grid-template-columns:24px repeat(5,minmax(44px,1fr))}.pagina-risicoregister .risk-row{grid-template-columns:auto 1fr auto;row-gap:8px}}.pagina-risicoregister .cat-chip{background:var(--ds-hover);color:var(--ds-text-2)}.pagina-risicoregister .status-pill{background:var(--ds-card-elevated);color:var(--ds-text-2);border:1px solid var(--ds-border)}.pagina-risicoregister .avatar-mini{background:color-mix(in srgb,var(--portal-color) 18%,transparent);color:var(--portal-color)}.pagina-risicoregister .avatar-mini.empty-av{background:var(--ds-hover);color:var(--ds-text-subtle)}.pagina-onderhoud .sub-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:0 0 16px}.pagina-onderhoud .sub-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;color:var(--ds-text-2);font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 1px 2px #0000000a;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden}.pagina-onderhoud .sub-tab svg{font-size:18px;color:var(--ds-text-muted)}.pagina-onderhoud .sub-tab:hover{transform:translateY(-2px);box-shadow:0 6px 18px -8px #0000002e;border-color:var(--portal-color);color:var(--portal-color)}.pagina-onderhoud .sub-tab:hover svg{color:var(--portal-color)}.pagina-onderhoud .sub-tab.active{background:var(--portal-color);border-color:var(--portal-color);color:#fff;box-shadow:0 6px 16px -6px var(--portal-color)}.pagina-onderhoud .sub-tab.active svg{color:#fff}.pagina-onderhoud .tab-count{background:#00000014;color:inherit;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px}.pagina-onderhoud .sub-tab.active .tab-count{background:#ffffff40;color:#fff}@media (max-width: 480px){.pagina-onderhoud .sub-tabs{grid-template-columns:repeat(2,1fr);gap:8px}.pagina-onderhoud .sub-tab{padding:12px;font-size:12px}}.pagina-onderhoud .kpi-card{display:flex;gap:14px;align-items:center;padding:18px 20px;border-radius:12px;color:#fff;box-shadow:0 2px 6px #00000014}.pagina-onderhoud .kpi-icon{width:44px;height:44px;border-radius:10px;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:24px}.pagina-onderhoud .kpi-body{flex:1;min-width:0}.pagina-onderhoud .kpi-label{font-size:12px;opacity:.9;font-weight:500;letter-spacing:.3px}.pagina-onderhoud .kpi-value{font-size:28px;font-weight:700;line-height:1.1}.pagina-onderhoud .kpi-open{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.pagina-onderhoud .kpi-overdue{background:linear-gradient(135deg,#ef4444,#dc2626)}.pagina-onderhoud .kpi-dev{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.pagina-onderhoud .kpi-acc{background:linear-gradient(135deg,#f59e0b,#d97706)}.pagina-onderhoud .kpi-prod{background:linear-gradient(135deg,#10b981,#059669)}.pagina-onderhoud .kpi-p1{background:linear-gradient(135deg,#ef4444,#7f1d1d)}@media (max-width:900px){.pagina-onderhoud .two-col{grid-template-columns:1fr}}.pagina-onderhoud .card>:not(.card-header):not(.card-body):not(.card-content){padding:18px}.pagina-onderhoud .card>.card-body,.pagina-onderhoud .card>.card-content{padding:18px}.pagina-onderhoud .card>.card-body:empty,.pagina-onderhoud .card>.card-content:empty{display:none}.pagina-onderhoud .donut-wrap{display:flex;align-items:center;gap:24px}.pagina-onderhoud .donut{width:180px;height:180px;border-radius:50%;position:relative;flex-shrink:0}.pagina-onderhoud .donut-hole{position:absolute;top:30px;right:30px;bottom:30px;left:30px;background:var(--ds-card);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.pagina-onderhoud .donut-total{font-size:28px;font-weight:700;color:var(--ds-text)}.pagina-onderhoud .donut-sub{font-size:11px;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px}.pagina-onderhoud .donut-legend{flex:1;display:flex;flex-direction:column;gap:8px}.pagina-onderhoud .legend-row{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:10px;font-size:13px}.pagina-onderhoud .legend-dot{width:14px;height:14px;border-radius:4px;display:inline-block}.pagina-onderhoud .legend-label{color:var(--ds-text-2);text-transform:capitalize}.pagina-onderhoud .legend-value{font-weight:600;color:var(--ds-text)}.pagina-onderhoud .bar-list{display:flex;flex-direction:column;gap:10px}.pagina-onderhoud .bar-row{display:grid;grid-template-columns:160px 1fr 40px;align-items:center;gap:10px;font-size:13px}.pagina-onderhoud .bar-label{display:flex;align-items:center;gap:8px;color:var(--ds-text-2)}.pagina-onderhoud .bar-track{height:14px;background:var(--ds-hover);border-radius:7px;overflow:hidden}.pagina-onderhoud .bar-fill{height:100%;border-radius:7px;transition:width .3s}.pagina-onderhoud .bar-value{font-weight:600;color:var(--ds-text);text-align:right}.pagina-onderhoud .avatar-mini{width:24px;height:24px;border-radius:50%;color:#fff;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.pagina-onderhoud .overdue-list{display:flex;flex-direction:column;gap:8px}.pagina-onderhoud .overdue-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:12px 14px;border:1px solid #fecaca;border-left:4px solid #ef4444;border-radius:8px;cursor:pointer;transition:background .15s;background:#fef2f2}.pagina-onderhoud .overdue-row:hover{background:#fee2e2}.pagina-onderhoud .ovr-prio{padding:4px 10px;border-radius:6px;font-weight:700;font-size:12px;color:#fff}.pagina-onderhoud .ovr-prio.p1{background:#dc2626}.pagina-onderhoud .ovr-prio.p2{background:#f59e0b}.pagina-onderhoud .ovr-prio.p3{background:#6b7280}.pagina-onderhoud .ovr-title{font-weight:600;color:var(--ds-text);margin-bottom:4px}.pagina-onderhoud .ovr-meta{display:flex;gap:8px;font-size:12px;color:var(--ds-text-muted);align-items:center;flex-wrap:wrap}.pagina-onderhoud .ovr-deadline{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#dc2626;font-weight:600}.pagina-onderhoud .filter-bar select{cursor:pointer}.pagina-onderhoud .filter-label{font-size:13px;color:var(--ds-text-muted);font-weight:500;display:inline-flex;align-items:center;gap:6px}.pagina-onderhoud .filter-search{position:relative;flex:1;min-width:200px;max-width:340px}.pagina-onderhoud .filter-search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--ds-text-subtle);font-size:16px}.pagina-onderhoud .filter-search input{width:100%;padding-left:34px}.pagina-onderhoud .btn-primary:disabled{opacity:.5;cursor:not-allowed}.pagina-onderhoud .kanban{display:grid;grid-template-columns:repeat(5,minmax(min(220px,100%),1fr));gap:12px;overflow-x:auto}.pagina-onderhoud .kanban-col{background:var(--ds-bg);border-radius:10px;padding:8px;min-height:300px;display:flex;flex-direction:column}.pagina-onderhoud .kanban-head{display:flex;justify-content:space-between;align-items:center;padding:8px 10px 12px;border-top:3px solid #6366f1;border-radius:6px 6px 0 0;background:var(--ds-card);margin-bottom:8px}.pagina-onderhoud .kanban-title{font-weight:600;font-size:13px}.pagina-onderhoud .kanban-count{background:var(--ds-border);color:var(--ds-text-2);font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px}.pagina-onderhoud .kanban-body{display:flex;flex-direction:column;gap:8px;flex:1}.pagina-onderhoud .ticket-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:8px;padding:10px 12px;cursor:pointer;transition:transform .12s,box-shadow .12s;display:flex;flex-direction:column;gap:6px}.pagina-onderhoud .ticket-card:hover{transform:translateY(-1px);box-shadow:0 4px 10px #00000014}.pagina-onderhoud .tc-row1,.pagina-onderhoud .tc-row2{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pagina-onderhoud .tc-title{font-size:13px;font-weight:600;color:var(--ds-text);line-height:1.35}.pagina-onderhoud .tc-deadline{font-size:11px;color:var(--ds-text-muted);display:inline-flex;align-items:center;gap:4px}.pagina-onderhoud .tc-deadline.overdue{color:#dc2626;font-weight:600}.pagina-onderhoud .prio-badge{padding:2px 8px;border-radius:5px;font-size:11px;font-weight:700;color:#fff}.pagina-onderhoud .prio-badge.p1{background:#dc2626}.pagina-onderhoud .prio-badge.p2{background:#f59e0b}.pagina-onderhoud .prio-badge.p3{background:#6b7280}.pagina-onderhoud .cat-pill,.pagina-onderhoud .pdca-chip,.pagina-onderhoud .iso-chip,.pagina-onderhoud .status-pill{padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:capitalize}.pagina-onderhoud .iso-chip{background:#eef2ff;color:#6366f1}.pagina-onderhoud .env-pill{padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.3px}.pagina-onderhoud .empty-col{text-align:center;color:var(--ds-text-subtle);font-size:12px;padding:20px 0;font-style:italic}.pagina-onderhoud .empty{text-align:center;color:var(--ds-text-subtle);font-size:13px;padding:24px;font-style:italic}.pagina-onderhoud .empty-inline{color:var(--ds-text-subtle);font-size:12px;font-style:italic}.pagina-onderhoud .dtap-pipeline{display:flex;gap:8px;align-items:stretch;overflow-x:auto;padding-bottom:8px}.pagina-onderhoud .dtap-col{flex:1;min-width:240px;background:var(--ds-bg);border-radius:10px;display:flex;flex-direction:column}.pagina-onderhoud .dtap-head{padding:12px 14px;color:#fff;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;align-items:center}.pagina-onderhoud .dtap-head-name{font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.pagina-onderhoud .dtap-head-count{background:#ffffff40;padding:2px 10px;border-radius:10px;font-weight:700}.pagina-onderhoud .dtap-body{flex:1;padding:8px;display:flex;flex-direction:column;gap:8px;min-height:200px}.pagina-onderhoud .dtap-card{background:var(--ds-card)}.pagina-onderhoud .dtap-stamp{font-size:11px;color:var(--ds-text-muted);display:inline-flex;align-items:center;gap:4px}.pagina-onderhoud .btn-promote{margin-top:4px;background:#6366f1;color:#fff;border:none;padding:6px 10px;border-radius:var(--ds-radius-sm);font-size:11px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;align-self:flex-start}.pagina-onderhoud .btn-promote:hover{background:#4f46e5}.pagina-onderhoud .dtap-foot{padding:8px 12px;background:var(--ds-card);border-radius:0 0 10px 10px;border-top:1px solid var(--ds-border)}.pagina-onderhoud .dtap-foot-label{font-size:10px;color:var(--ds-text-subtle);text-transform:uppercase;letter-spacing:.5px}.pagina-onderhoud .dtap-foot-val{font-size:12px;color:var(--ds-text-2);font-weight:500}.pagina-onderhoud .dtap-arrow{align-self:center;color:var(--ds-text-subtle);font-size:28px;padding:0 4px;animation:pagina-onderhoud-nudge 1.8s ease-in-out infinite}@keyframes pagina-onderhoud-nudge{0%,to{transform:translate(0);opacity:.6}50%{transform:translate(4px);opacity:1}}.pagina-onderhoud .mine-section{padding:16px 18px}.pagina-onderhoud .mine-list{display:flex;flex-direction:column;gap:6px}.pagina-onderhoud .mine-row{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:10px;align-items:center;padding:8px 12px;background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:8px;cursor:pointer;transition:background .12s}.pagina-onderhoud .mine-row:hover{background:var(--ds-hover)}.pagina-onderhoud .mine-title{font-weight:500;color:var(--ds-text);font-size:13px}.pagina-onderhoud .mine-row select{padding:4px 8px;border:1px solid var(--ds-border);border-radius:6px;font-size:12px;background:var(--ds-card)}.pagina-onderhoud .timeline{display:flex;flex-direction:column;gap:0}.pagina-onderhoud .tl-row{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #f3f4f6}.pagina-onderhoud .tl-row:last-child{border-bottom:none}.pagina-onderhoud .tl-icon{width:32px;height:32px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px}.pagina-onderhoud .tl-line1{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--ds-text-2)}.pagina-onderhoud .tl-action{color:var(--ds-text-muted)}.pagina-onderhoud .tl-ticket{color:#6366f1;font-weight:600;cursor:pointer;text-decoration:underline}.pagina-onderhoud .tl-line2{font-size:12px;color:var(--ds-text-muted);margin-top:2px}.pagina-onderhoud .tl-line3{font-size:11px;color:var(--ds-text-subtle);margin-top:4px;display:flex;gap:10px}.pagina-onderhoud .modal-content.modal-small{max-width:720px}.pagina-onderhoud .modal-body:not(.single){display:grid;grid-template-columns:60% 40%;gap:14px}.pagina-onderhoud .modal-left,.pagina-onderhoud .modal-right{display:flex;flex-direction:column;gap:14px;min-width:0}.pagina-onderhoud .modal-ticket-id{font-size:11px;color:#fffc;font-family:ui-monospace,SF Mono,Menlo,monospace;background:#ffffff26;padding:2px 8px;border-radius:var(--ds-radius-sm);flex-shrink:0}.pagina-onderhoud .modal-title-input{flex:1;padding:6px 12px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff26;color:#fff;font-size:15px;font-weight:600}.pagina-onderhoud .modal-title-input::placeholder{color:#fff9}.pagina-onderhoud .modal-title-input:focus{outline:none;background:#ffffff40;border-color:#ffffff80}@media (max-width: 760px){.pagina-onderhoud .modal-body:not(.single){grid-template-columns:1fr}.pagina-onderhoud .modal-left{border-right:none;border-bottom:1px solid var(--ds-border)}}.pagina-onderhoud .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 600px){.pagina-onderhoud .field-grid{grid-template-columns:1fr}}.pagina-onderhoud .chip-list{display:flex;flex-wrap:wrap;gap:6px}.pagina-onderhoud .file-chip,.pagina-onderhoud .vb-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#eef2ff;color:#4f46e5;border-radius:14px;font-size:12px;font-weight:500;text-decoration:none}.pagina-onderhoud .vb-chip:hover{background:#e0e7ff}.pagina-onderhoud .chip-x{background:transparent;border:none;color:#6366f1;cursor:pointer;padding:0;font-size:14px;line-height:1;display:inline-flex}.pagina-onderhoud .add-chip-row{display:flex;gap:6px;margin-top:4px}.pagina-onderhoud .add-chip-row input{flex:1;padding:6px 10px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);font-size:12px}.pagina-onderhoud .dtap-dots{display:flex;align-items:center;gap:4px;padding:8px 0}.pagina-onderhoud .dtap-dot{flex:1;padding:10px 8px;border-radius:8px;color:#fff;text-align:center;transition:background .2s}.pagina-onderhoud .dtap-dot:not(.done){color:var(--ds-text-subtle)}.pagina-onderhoud .dtap-dot-name{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.pagina-onderhoud .dtap-dot-ts{font-size:10px;margin-top:2px;opacity:.85}.pagina-onderhoud .dtap-line{width:24px;height:3px;background:var(--ds-border);border-radius:2px}.pagina-onderhoud .dtap-line.done{background:#10b981}.pagina-onderhoud .comments-thread{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto;padding:4px 2px}.pagina-onderhoud .comment{display:flex;gap:8px}.pagina-onderhoud .comment-body{flex:1;background:var(--ds-hover);border-radius:8px;padding:8px 10px}.pagina-onderhoud .comment-head{display:flex;justify-content:space-between;gap:6px;font-size:11px;color:var(--ds-text-muted);margin-bottom:2px}.pagina-onderhoud .comment-text{font-size:13px;color:#1f2937;white-space:pre-wrap}.pagina-onderhoud .comment-time{font-size:10px;color:var(--ds-text-subtle)}.pagina-onderhoud .comment-input{display:flex;gap:6px;align-items:flex-end;margin-top:6px}.pagina-onderhoud .comment-input textarea{flex:1;padding:8px 10px;border:1px solid var(--ds-border);border-radius:6px;font-size:13px;resize:vertical;font-family:inherit}.pagina-onderhoud .history-list{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto}.pagina-onderhoud .hist-row{display:flex;gap:8px;padding:6px 0}.pagina-onderhoud .hist-icon{width:26px;height:26px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.pagina-onderhoud .hist-body{flex:1;font-size:12px}.pagina-onderhoud .hist-line1{color:var(--ds-text-2)}.pagina-onderhoud .hist-line2{color:var(--ds-text-muted);font-size:11px;margin-top:2px}.pagina-onderhoud .hist-time{color:var(--ds-text-subtle);font-size:10px;margin-top:2px}@media (max-width:768px){.pagina-onderhoud .kpi-grid{grid-template-columns:repeat(2,1fr)}.pagina-onderhoud .kanban{grid-template-columns:repeat(5,minmax(min(220px,100%),1fr))}.pagina-onderhoud .modal-content{max-width:100%;max-height:100vh;border-radius:0}.pagina-onderhoud .modal-body{grid-template-columns:1fr}.pagina-onderhoud .modal-left{border-right:none;border-bottom:1px solid var(--ds-border)}.pagina-onderhoud .field-grid{grid-template-columns:1fr}.pagina-onderhoud .donut-wrap{flex-direction:column;align-items:center}.pagina-onderhoud .bar-row{grid-template-columns:120px 1fr 36px}}.pagina-sla .card.mb{margin-bottom:14px}.pagina-sla .main-tab svg{font-size:16px}.pagina-sla .main-tab:hover:not(.active){background:var(--ds-hover);color:var(--portal-color)}.pagina-sla .card-title svg{font-size:18px;color:var(--portal-color)}.pagina-sla .uptime-kpis{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.pagina-sla .uptime-gauge{flex-shrink:0}.pagina-sla .gauge-ring{position:relative;width:140px;height:140px}.pagina-sla .gauge-ring svg{width:100%;height:100%}.pagina-sla .gauge-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.pagina-sla .gauge-val{font-size:22px;font-weight:800;color:var(--ds-text)}.pagina-sla .gauge-label{font-size:11px;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.4px}.pagina-sla .uptime-gauge.ok .gauge-val{color:var(--ds-success)}.pagina-sla .uptime-gauge.fail .gauge-val{color:var(--ds-danger)}.pagina-sla .kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;flex:1}.pagina-sla .kpi-item{padding:14px 16px;border-radius:12px;border:1px solid var(--ds-border);background:var(--ds-card);text-align:center}.pagina-sla .ki-val{font-size:20px;font-weight:700;color:var(--ds-text)}.pagina-sla .ki-lbl{font-size:11px;color:var(--ds-text-muted);margin-top:4px;text-transform:uppercase;letter-spacing:.3px}.pagina-sla .kpi-item.ok{border-color:color-mix(in srgb,var(--ds-success) 25%,transparent)}.pagina-sla .kpi-item.ok .ki-val{color:var(--ds-success)}.pagina-sla .kpi-item.fail{border-color:color-mix(in srgb,var(--ds-danger) 25%,transparent)}.pagina-sla .kpi-item.fail .ki-val{color:var(--ds-danger)}.pagina-sla .daily-chart{position:relative;min-height:180px}.pagina-sla .chart-bars{display:flex;align-items:flex-end;gap:4px;height:180px;padding:8px 0}.pagina-sla .bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.pagina-sla .bar-pct{font-size:10px;color:var(--ds-text-muted)}.pagina-sla .bar-fill{width:100%;border-radius:4px 4px 0 0;min-height:4px}.pagina-sla .bar-label{font-size:10px;color:var(--ds-text-subtle)}.pagina-sla .daily-foot{display:flex;gap:16px;justify-content:center;margin-top:8px}.pagina-sla .daily-foot span{font-size:12px;color:var(--ds-text-muted)}.pagina-sla .hourly-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px}.pagina-sla .hourly-cell{padding:10px 8px;border-radius:10px;text-align:center;border:1px solid transparent}.pagina-sla .hourly-cell.ok{background:color-mix(in srgb,var(--ds-success) 8%,transparent);border-color:color-mix(in srgb,var(--ds-success) 15%,transparent)}.pagina-sla .hourly-cell.warn{background:color-mix(in srgb,var(--ds-warning) 8%,transparent);border-color:color-mix(in srgb,var(--ds-warning) 15%,transparent)}.pagina-sla .hourly-cell.fail{background:color-mix(in srgb,var(--ds-danger) 8%,transparent);border-color:color-mix(in srgb,var(--ds-danger) 15%,transparent)}.pagina-sla .hc-hour{display:block;font-size:11px;color:var(--ds-text-muted)}.pagina-sla .hc-pct{display:block;font-size:15px;font-weight:700;margin-top:2px}.pagina-sla .hourly-cell.ok .hc-pct{color:var(--ds-success)}.pagina-sla .hourly-cell.warn .hc-pct{color:var(--ds-warning)}.pagina-sla .hourly-cell.fail .hc-pct{color:var(--ds-danger)}.pagina-sla .svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:10px}.pagina-sla .svc-item{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;border:1px solid var(--ds-border);background:var(--ds-card)}.pagina-sla .svc-item.online{border-left:3px solid var(--ds-success)}.pagina-sla .svc-item.offline{border-left:3px solid var(--ds-danger)}.pagina-sla .svc-icon{font-size:22px}.pagina-sla .svc-item.online .svc-icon{color:var(--ds-success)}.pagina-sla .svc-item.offline .svc-icon{color:var(--ds-danger)}.pagina-sla .svc-name{font-size:14px;font-weight:600;color:var(--ds-text)}.pagina-sla .svc-detail{font-size:11px;color:var(--ds-text-muted);margin-top:2px}.pagina-sla .card-head{display:flex;align-items:center;gap:8px;margin-bottom:14px}.pagina-sla .card-head svg{color:var(--portal-color);font-size:18px}.pagina-sla .card-head h2{margin:0;font-size:15px;font-weight:700;color:var(--ds-text)}.pagina-sla .dim{color:var(--ds-text-muted)}.pagina-sla .small{font-size:12px}.pagina-sla .tiny{font-size:11px;color:var(--ds-text-subtle)}.pagina-sla .acc2,.pagina-sla .c-blue{color:var(--ds-info)}.pagina-sla .c-green{color:var(--ds-success)}.pagina-sla .c-red{color:var(--ds-danger)}.pagina-sla .c-yellow{color:var(--ds-warning)}.pagina-sla .c-purple{color:var(--ds-purple)}.pagina-sla .sl-kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.pagina-sla .sl-kpi{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;padding:14px 18px;box-shadow:var(--ds-shadow)}.pagina-sla .sl-kpi.b-blue{border-left:3px solid var(--ds-info)}.pagina-sla .sl-kpi.b-green{border-left:3px solid var(--ds-success)}.pagina-sla .sl-kpi.b-red{border-left:3px solid var(--ds-danger)}.pagina-sla .sl-kpi.b-yellow{border-left:3px solid var(--ds-warning)}.pagina-sla .sl-kpi.b-purple{border-left:3px solid var(--ds-purple)}.pagina-sla .sl-kpi .kv{font-size:26px;font-weight:800;line-height:1}.pagina-sla .sl-kpi .kl{font-size:11px;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.pagina-sla .sl-kpi .ks{font-size:11.5px;margin-top:3px;color:var(--ds-text-muted)}.pagina-sla .sl-tabs{display:flex;gap:2px;border-bottom:1px solid var(--ds-border);overflow-x:auto}.pagina-sla .sl-tab{padding:10px 18px;font-size:13px;font-weight:600;color:var(--ds-text-muted);cursor:pointer;border:none;border-bottom:2px solid transparent;white-space:nowrap;display:flex;align-items:center;gap:6px;background:none;font-family:inherit}.pagina-sla .sl-tab:hover{color:var(--ds-text)}.pagina-sla .sl-tab.active{color:var(--portal-color);border-bottom-color:var(--portal-color)}.pagina-sla .sl-tab .tc{background:var(--ds-card);border-radius:var(--ds-radius-sm);padding:1px 7px;font-size:11px;color:var(--ds-text-muted)}.pagina-sla .sl-tab.active .tc{background:color-mix(in srgb,var(--ds-info) 12%,transparent);color:var(--portal-color)}.pagina-sla .sl-tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:14px;margin-bottom:14px}.pagina-sla .sl-tier-card{border-radius:14px;overflow:hidden;border:1px solid var(--ds-border);background:var(--ds-card)}.pagina-sla .sl-tier-card.standaard{border-color:var(--ds-border-strong)}.pagina-sla .sl-tier-card.business{border-color:color-mix(in srgb,var(--ds-info) 40%,transparent)}.pagina-sla .sl-tier-card.premium{border-color:color-mix(in srgb,var(--ds-warning) 40%,transparent)}.pagina-sla .sl-tier-card.enterprise{border-color:color-mix(in srgb,var(--ds-purple) 40%,transparent)}.pagina-sla .sl-tier-head{padding:16px 18px;background:var(--ds-card)}.pagina-sla .sl-tier-name{font-size:17px;font-weight:900;margin:0 0 2px}.pagina-sla .sl-tier-card.standaard .sl-tier-name,.pagina-sla .sl-tier-card.standaard .sl-tier-price{color:var(--ds-text-muted)}.pagina-sla .sl-tier-card.business .sl-tier-name,.pagina-sla .sl-tier-card.business .sl-tier-price{color:var(--ds-info)}.pagina-sla .sl-tier-card.premium .sl-tier-name,.pagina-sla .sl-tier-card.premium .sl-tier-price{color:var(--ds-warning)}.pagina-sla .sl-tier-card.enterprise .sl-tier-name,.pagina-sla .sl-tier-card.enterprise .sl-tier-price{color:var(--ds-purple)}.pagina-sla .sl-tier-sub{font-size:11.5px;color:var(--ds-text-muted)}.pagina-sla .sl-tier-price{font-size:28px;font-weight:900;margin:10px 0 2px;line-height:1}.pagina-sla .sl-tier-price span{font-size:13px;font-weight:600;color:var(--ds-text-muted)}.pagina-sla .sl-tier-body{padding:14px 18px 18px}.pagina-sla .sl-tier-metric{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--ds-border-subtle);font-size:13px}.pagina-sla .sl-tier-metric:last-of-type{border-bottom:none}.pagina-sla .sl-tier-metric .tm-lbl{color:var(--ds-text-muted)}.pagina-sla .sl-tier-metric .tm-val{font-weight:700;color:var(--ds-text)}.pagina-sla .sl-tier-features{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:5px}.pagina-sla .sl-tier-features li{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ds-text-2)}.pagina-sla .sl-tier-features li:before{content:"✓";font-weight:900;color:var(--portal-color)}.pagina-sla .sl-table-wrap{overflow-x:auto}.pagina-sla .sl-table{width:100%;border-collapse:collapse;font-size:13px}.pagina-sla .sl-table th{text-align:left;padding:9px 12px;color:var(--ds-text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--ds-border);white-space:nowrap}.pagina-sla .sl-table td{padding:10px 12px;color:var(--ds-text-2);border-bottom:1px solid var(--ds-border-subtle);vertical-align:middle}.pagina-sla .cnote{font-size:11px;color:var(--ds-text-muted);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagina-sla .u-line{font-size:12.5px;font-weight:700}.pagina-sla .u-bar{width:100px}.pagina-sla .sl-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}.pagina-sla .sl-pill.ok{background:color-mix(in srgb,var(--ds-success) 15%,transparent);color:var(--ds-success)}.pagina-sla .sl-pill.breach{background:color-mix(in srgb,var(--ds-danger) 15%,transparent);color:var(--ds-danger)}.pagina-sla .sl-pill.at-risk{background:color-mix(in srgb,var(--ds-warning) 15%,transparent);color:var(--ds-warning)}.pagina-sla .sl-pill.expired{background:var(--ds-border);color:var(--ds-text-muted)}.pagina-sla .sl-pill.pending{background:color-mix(in srgb,var(--ds-info) 12%,transparent);color:var(--ds-info)}.pagina-sla .sl-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.pagina-sla .sl-dot.ok{background:var(--ds-success)}.pagina-sla .sl-dot.breach{background:var(--ds-danger)}.pagina-sla .sl-dot.at-risk{background:var(--ds-warning)}.pagina-sla .sl-dot.expired{background:var(--ds-text-muted)}.pagina-sla .sl-tier-badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:12px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.pagina-sla .sl-tier-badge.standaard{background:var(--ds-border-strong);color:var(--ds-text-muted)}.pagina-sla .sl-tier-badge.business{background:color-mix(in srgb,var(--ds-info) 15%,transparent);color:var(--ds-info)}.pagina-sla .sl-tier-badge.premium{background:color-mix(in srgb,var(--ds-warning) 15%,transparent);color:var(--ds-warning)}.pagina-sla .sl-tier-badge.enterprise{background:color-mix(in srgb,var(--ds-purple) 15%,transparent);color:var(--ds-purple)}.pagina-sla .sl-tier-badge.extern{background:color-mix(in srgb,var(--ds-warning) 15%,transparent);color:var(--ds-warning)}.pagina-sla .sl-uptime-bar{height:8px;background:var(--ds-border);border-radius:4px;overflow:hidden;margin:4px 0}.pagina-sla .sl-uptime-fill{height:100%;border-radius:4px;transition:width .5s}.pagina-sla .sl-uptime-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--ds-text-muted)}.pagina-sla .sl-breach-list{display:flex;flex-direction:column;gap:10px}.pagina-sla .sl-breach-item{background:color-mix(in srgb,var(--ds-danger) 8%,transparent);border:1px solid color-mix(in srgb,var(--ds-danger) 20%,transparent);border-radius:10px;padding:14px 16px;display:flex;gap:14px;align-items:flex-start}.pagina-sla .sl-breach-item.risk{background:color-mix(in srgb,var(--ds-warning) 7%,transparent);border-color:color-mix(in srgb,var(--ds-warning) 25%,transparent)}.pagina-sla .sl-breach-icon{width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--ds-danger) 15%,transparent);color:var(--ds-danger);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.pagina-sla .sl-breach-icon.risk{background:color-mix(in srgb,var(--ds-warning) 15%,transparent);color:var(--ds-warning)}.pagina-sla .sl-breach-body{flex:1}.pagina-sla .sl-breach-title{font-size:14px;font-weight:700;color:var(--ds-text)}.pagina-sla .sl-breach-meta{font-size:12px;color:var(--ds-text-muted);margin-top:3px;line-height:1.5}.pagina-sla .sl-breach-actions{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.pagina-sla .empty{text-align:center;padding:48px;color:var(--ds-text-muted)}.pagina-sla .sl-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.pagina-sla .sl-select{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:8px;padding:8px 12px;color:var(--ds-text-2);font-size:13px;font-family:inherit;outline:none;cursor:pointer}.pagina-sla .sl-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--ds-radius-sm);border:none;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.pagina-sla .sl-btn-primary{background:var(--portal-color);color:#fff}.pagina-sla .sl-btn-primary:hover{opacity:.9}.pagina-sla .sl-btn-outline{background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text-2)}.pagina-sla .sl-btn-outline:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-sla .sl-btn-sm{padding:5px 10px;font-size:12px}.pagina-sla .sl-btn-red,.pagina-sla .sl-btn-escalate{background:color-mix(in srgb,var(--ds-danger) 15%,transparent);color:var(--ds-danger);border:1px solid color-mix(in srgb,var(--ds-danger) 20%,transparent)}.pagina-sla .sl-report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:14px;margin-bottom:14px}.pagina-sla .sl-stat-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;padding:14px 18px;display:flex;align-items:center;gap:14px;box-shadow:var(--ds-shadow)}.pagina-sla .sl-stat-icon{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.pagina-sla .sl-stat-icon.i-green{background:color-mix(in srgb,var(--ds-success) 15%,transparent);color:var(--ds-success)}.pagina-sla .sl-stat-icon.i-red{background:color-mix(in srgb,var(--ds-danger) 15%,transparent);color:var(--ds-danger)}.pagina-sla .sl-stat-icon.i-blue{background:color-mix(in srgb,var(--ds-info) 15%,transparent);color:var(--ds-info)}.pagina-sla .sl-stat-icon.i-purple{background:color-mix(in srgb,var(--ds-purple) 15%,transparent);color:var(--ds-purple)}.pagina-sla .sl-stat-val{font-size:22px;font-weight:800;line-height:1}.pagina-sla .sl-stat-lbl{font-size:11px;color:var(--ds-text-muted);margin-top:3px}.pagina-sla .ub-row{margin-bottom:12px}.pagina-sla .ub-head{display:flex;justify-content:space-between;font-size:12.5px;margin-bottom:4px;color:var(--ds-text-2)}.pagina-sla .ub-pct{font-weight:700}.pagina-sla .export-row{text-align:center;margin-top:14px}.pagina-sla .sl-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:10px}.pagina-sla .sl-field{display:flex;flex-direction:column;gap:4px}.pagina-sla .sl-field.full{grid-column:1 / -1}.pagina-sla .sl-field label{font-size:11.5px;color:var(--ds-text-muted);font-weight:600}.pagina-sla .sl-field input,.pagina-sla .sl-field select,.pagina-sla .sl-field textarea{width:100%;box-sizing:border-box;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:8px;padding:8px 12px;color:var(--ds-text);font-size:14px;font-family:inherit;outline:none}.pagina-sla .sl-field input:focus,.pagina-sla .sl-field select:focus,.pagina-sla .sl-field textarea:focus{border-color:var(--portal-color)}.pagina-sla .sl-field textarea{min-height:60px;resize:vertical}@media (max-width: 900px){.pagina-sla .uptime-kpis{flex-direction:column;align-items:stretch;gap:16px}.pagina-sla .uptime-gauge{display:flex;justify-content:center}.pagina-sla .kpi-strip{grid-template-columns:repeat(4,1fr);width:100%}}@media (max-width: 600px){.pagina-sla .kpi-strip{grid-template-columns:repeat(2,1fr)}.pagina-sla .hourly-grid{grid-template-columns:repeat(4,1fr)}.pagina-sla .svc-grid{grid-template-columns:1fr}.pagina-sla .daily-chart{overflow-x:auto;-webkit-overflow-scrolling:touch}.pagina-sla .chart-bars{min-width:480px}.pagina-sla .sl-table{font-size:12px}}@media (max-width: 768px){.pagina-sla .main-tabs{gap:4px;padding:4px}.pagina-sla .sl-tier-grid{grid-template-columns:1fr;gap:10px}.pagina-sla .sl-report-grid{grid-template-columns:repeat(2,1fr);gap:10px}.pagina-sla .sl-form-grid{grid-template-columns:1fr}.pagina-sla .sl-kpi-row{grid-template-columns:repeat(2,1fr);gap:10px}.pagina-sla .sl-toolbar{flex-direction:column;align-items:stretch}.pagina-sla .sl-toolbar>*{width:100%}.pagina-sla .sl-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.pagina-sla .sl-table-wrap table{min-width:520px;font-size:12px}.pagina-sla .sl-breach-item{flex-direction:column;gap:10px;padding:12px}}@media (max-width: 480px){.pagina-sla .sl-report-grid{grid-template-columns:1fr}.pagina-sla .sl-kpi-row{grid-template-columns:repeat(2,1fr)}.pagina-sla .hourly-grid{grid-template-columns:repeat(3,1fr)}.pagina-sla .sl-tab{padding:8px 12px;font-size:12px}.pagina-sla .row-actions{flex-wrap:wrap}.pagina-sla .sl-stat-card{padding:12px;gap:10px}.pagina-sla .sl-stat-icon{width:32px;height:32px;font-size:15px}}.pagina-sla .bar-fill.ok{background:var(--ds-success)}.pagina-sla .bar-fill.warn{background:var(--ds-warning)}.pagina-sla .bar-fill.fail{background:var(--ds-danger)}.pagina-sla .sl-uptime-fill.c-green{background:var(--ds-success)}.pagina-sla .sl-uptime-fill.c-yellow{background:var(--ds-warning)}.pagina-sla .sl-uptime-fill.c-red{background:var(--ds-danger)}.pagina-sla .ds-search{flex:1;min-width:180px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:8px;padding:8px 12px;color:var(--ds-text);font-size:13px;font-family:inherit;outline:none}.pagina-sla .ds-search:focus{border-color:var(--portal-color)}.pagina-sla .sl-btn:disabled{opacity:.55;cursor:default}.pagina-sla .sl-btn svg,.pagina-sla .sl-tab svg,.pagina-sla .sl-tier-name svg{font-size:15px}.pagina-sla .sl-stat-icon svg,.pagina-sla .sl-breach-icon svg{font-size:18px}.pagina-sla .btn-ghost{padding:9px 16px;border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer}.pagina-sla .btn-ghost:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-app-versies .av-leeg{padding:40px;text-align:center;color:var(--ds-text-2)}.pagina-app-versies .av-fout{color:#b91c1c}.pagina-app-versies .av-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:14px}.pagina-app-versies .av-kpi{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;padding:14px 16px}.pagina-app-versies .av-kpi-nr{font-size:26px;font-weight:600;color:var(--ds-text)}.pagina-app-versies .av-kpi-lbl{font-size:12.5px;color:var(--ds-text-2);text-transform:capitalize}.pagina-app-versies .av-kpi-sub{font-size:12px;margin-top:4px;color:var(--ds-text-muted)}.pagina-app-versies .av-kpi-sub.warn{color:#b45309;font-weight:600}.pagina-app-versies .av-grens{font-size:13px;color:var(--ds-text-2);background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;padding:12px 14px;margin-bottom:14px}.pagina-app-versies .av-tabel{width:100%;border-collapse:collapse;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;overflow:hidden;font-size:13.5px}.pagina-app-versies .av-tabel th,.pagina-app-versies .av-tabel td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--ds-border)}.pagina-app-versies .av-tabel th{font-size:12px;color:var(--ds-text-2);font-weight:600}.pagina-app-versies .av-tabel tr:last-child td{border-bottom:0}.pagina-app-versies .av-tabel tr.oud td{background:#f59e0b0f}.pagina-app-versies .r{text-align:right}.pagina-app-versies .dim{color:var(--ds-text-muted)}.pagina-app-versies .av-tag{font-size:11.5px;padding:3px 9px;border-radius:999px;white-space:nowrap}.pagina-app-versies .av-tag.warn{background:#f59e0b24;color:#b45309}.pagina-app-versies .av-tag.ok{background:#10b98124;color:#047857}.pagina-app-versies .av-uitleg{font-size:12px;color:var(--ds-text-muted);margin-top:12px}.pagina-app-versies .page-title svg{font-size:17px;color:var(--portal-color)}.pagina-app-versies .av-fout svg{vertical-align:-2px;margin-right:4px}.pagina-app-versies .table-container{border:0}@media (max-width: 700px){.pagina-app-versies .av-tag{white-space:normal}}.av-ch{margin-bottom:16px}.av-ch-kop{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.av-ch-kop h2{margin:0;font-size:15px;display:flex;align-items:center;gap:8px}.av-ch-uitleg{margin:8px 0 14px;font-size:12.5px;line-height:1.6;color:var(--ds-text-muted)}.av-ch-rijen{display:flex;flex-direction:column;gap:5px}.av-ch-rij{display:flex;align-items:center;gap:11px;font-size:13px}.av-ch-rij.oud .av-ch-versie{color:#b91c1c;font-weight:700}.av-ch-versie{min-width:78px;font-variant-numeric:tabular-nums;font-weight:600}.av-ch-plat{min-width:74px;font-size:12px;color:var(--ds-text-muted)}.av-ch-balk{flex:1;height:8px;border-radius:999px;background:var(--ds-border);overflow:hidden;min-width:60px}.av-ch-balk>span{display:block;height:100%;border-radius:999px;background:var(--portal-color)}.av-ch-nr{min-width:34px;text-align:right;font-variant-numeric:tabular-nums}.av-ch-namen{margin-top:16px;padding-top:13px;border-top:1px solid var(--ds-border)}.av-ch-namen h3{margin:0 0 8px;font-size:13px;color:#92400e}.av-ch-namen ul{margin:0;padding-left:18px;font-size:12.5px;line-height:1.7}.pagina-gebruiker-dossier .crash-lijst{display:flex;flex-direction:column;gap:6px;margin-top:4px}.pagina-gebruiker-dossier .crash-rij{display:grid;grid-template-columns:96px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:8px;background:color-mix(in srgb,var(--ion-color-warning, #f59e0b) 9%,transparent);border:1px solid color-mix(in srgb,var(--ion-color-warning, #f59e0b) 28%,transparent)}.pagina-gebruiker-dossier .crash-rij.hard{background:color-mix(in srgb,var(--ion-color-danger, #ef4444) 11%,transparent);border-color:color-mix(in srgb,var(--ion-color-danger, #ef4444) 40%,transparent)}.pagina-gebruiker-dossier .crash-tijd{font-variant-numeric:tabular-nums;font-size:12px;color:var(--ds-text-muted);white-space:nowrap}.pagina-gebruiker-dossier .crash-body{min-width:0}.pagina-gebruiker-dossier .crash-waarom{font-size:13px;font-weight:600}.pagina-gebruiker-dossier .crash-waar{font-size:12px;color:var(--ds-text-muted);margin-top:2px}.pagina-gebruiker-dossier .crash-waar code{font-size:11px;word-break:break-all}.pagina-gebruiker-dossier .crash-type{font-size:10px;letter-spacing:.4px;color:var(--ds-text-muted);text-transform:none;white-space:nowrap}@media (max-width: 560px){.pagina-gebruiker-dossier .crash-rij{grid-template-columns:1fr;gap:3px}.pagina-gebruiker-dossier .crash-type{display:none}}.pagina-gebruiker-dossier .signaal{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:8px;margin-bottom:8px;background:color-mix(in srgb,var(--ion-color-warning, #f59e0b) 12%,transparent);border:1px solid color-mix(in srgb,var(--ion-color-warning, #f59e0b) 35%,transparent);font-size:13px;line-height:1.5}.pagina-gebruiker-dossier .signaal svg{flex:none;margin-top:2px;color:var(--ion-color-warning, #f59e0b)}.pagina-gebruiker-dossier .zoek-rij{display:flex;gap:10px;flex-wrap:wrap}.pagina-gebruiker-dossier .zoek-veld{flex:1 1 260px;min-width:0;padding:10px 12px;border-radius:8px;border:1px solid var(--ds-border);background:var(--ds-card);color:inherit;font-size:14px}.pagina-gebruiker-dossier .zoek-veld:focus{outline:2px solid var(--portal-color);outline-offset:1px}.pagina-gebruiker-dossier .zoek-knop{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);background:var(--portal-color);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.pagina-gebruiker-dossier .zoek-knop:disabled{opacity:.5;cursor:default}@keyframes pagina-gebruiker-dossier-sp{to{transform:rotate(360deg)}}.pagina-gebruiker-dossier .feit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.pagina-gebruiker-dossier .feit{display:flex;flex-direction:column;gap:3px;min-width:0}.pagina-gebruiker-dossier .feit-l{font-size:11px;text-transform:uppercase;letter-spacing:.04em;opacity:.6}.pagina-gebruiker-dossier .feit-v{font-size:14px;font-weight:600;overflow-wrap:anywhere}.pagina-gebruiker-dossier .foutcode-rij{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px;font-size:13px}.pagina-gebruiker-dossier .foutcode-titel{opacity:.7}.pagina-gebruiker-dossier .foutcode{padding:3px 8px;border-radius:6px;font-family:ui-monospace,monospace;font-size:12px;border:1px solid color-mix(in srgb,var(--ds-danger) 40%,transparent);background:var(--ds-danger-bg);color:var(--ds-danger)}.pagina-gebruiker-dossier .tabel-wrap{overflow-x:auto}.pagina-gebruiker-dossier .rij-fout td{background:color-mix(in srgb,var(--ds-danger) 8%,transparent)}.pagina-gebruiker-dossier .nowrap{white-space:nowrap}.pagina-gebruiker-dossier .ep{opacity:.85}.pagina-gebruiker-dossier .method{display:inline-block;min-width:42px;font-size:11px;font-weight:700;opacity:.6}.pagina-gebruiker-dossier .data-table td.reden{max-width:320px;overflow-wrap:anywhere;white-space:normal}.pagina-gebruiker-dossier .pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap;border:1px solid currentColor}.pagina-gebruiker-dossier .pill.ok{color:var(--ds-success);background:var(--ds-success-bg)}.pagina-gebruiker-dossier .pill.bad{color:var(--ds-danger);background:var(--ds-danger-bg)}.pagina-gebruiker-dossier .pill.warn{color:var(--ds-warning);background:var(--ds-warning-bg)}.pagina-gebruiker-dossier .pill.off{color:var(--ds-text-subtle);background:color-mix(in srgb,var(--ds-text-subtle) 12%,transparent)}.pagina-gebruiker-dossier .voertuig-rij{display:flex;flex-wrap:wrap;gap:10px}.pagina-gebruiker-dossier .voertuig{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;border:1px solid var(--ds-border);background:var(--ds-input)}.pagina-gebruiker-dossier .kenteken{font-family:ui-monospace,monospace;font-weight:700;letter-spacing:.06em}@keyframes pagina-gebruiker-dossier-lpulse{50%{opacity:.35}}.pagina-gebruiker-dossier .lijst-meta{display:flex;align-items:center;gap:14px;font-size:12px;opacity:.7;margin:12px 2px 8px}.pagina-gebruiker-dossier .lijst-meta svg{vertical-align:-2px;margin-right:4px}.pagina-gebruiker-dossier .ch-lijst{display:flex;flex-direction:column;gap:6px}.pagina-gebruiker-dossier .ch-rij{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px 12px;border-radius:10px;cursor:pointer;border:1px solid var(--ds-border);background:var(--ds-input);color:inherit;transition:border-color .15s,background .15s,transform .1s}.pagina-gebruiker-dossier .ch-rij:hover{border-color:var(--portal-color);background:color-mix(in srgb,var(--ds-info) 6%,transparent)}.pagina-gebruiker-dossier .ch-rij:active{transform:translateY(1px)}.pagina-gebruiker-dossier .ch-rij.live{border-color:color-mix(in srgb,var(--ds-success) 40%,transparent)}.pagina-gebruiker-dossier .ch-av{flex:0 0 auto;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;background:var(--portal-color);color:#fff;letter-spacing:.02em}.pagina-gebruiker-dossier .ch-rij.live .ch-av{background:var(--ds-success)}.pagina-gebruiker-dossier .ch-mid{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.pagina-gebruiker-dossier .ch-naam{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagina-gebruiker-dossier .ch-sub{font-size:12px;opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagina-gebruiker-dossier .ch-badges{display:flex;align-items:center;gap:8px;flex:0 0 auto}.pagina-gebruiker-dossier .ch-go{font-size:16px;opacity:.4}.pagina-gebruiker-dossier .terug-knop{display:inline-flex;align-items:center;gap:5px;margin-bottom:4px;background:none;border:none;color:var(--portal-color);font-size:13px;font-weight:600;cursor:pointer;padding:4px 0}.pagina-gebruiker-dossier .terug-knop:hover{text-decoration:underline}.pagina-gebruiker-dossier .dienst-actie{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pagina-gebruiker-dossier .rij-ritten>td{padding:0 0 10px 14px;background:color-mix(in srgb,var(--portal-color) 4%,transparent)}.pagina-gebruiker-dossier .sub-tabel{margin:0}.pagina-gebruiker-dossier .sub-tabel th,.pagina-gebruiker-dossier .sub-tabel td{font-size:12px;padding:5px 8px}.pagina-gebruiker-dossier .adres-cel{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagina-gebruiker-dossier .mini-btn svg{vertical-align:-2px}.pagina-gebruiker-dossier .mini-tijd{font-size:12px;padding:4px 6px;border-radius:6px;border:1px solid var(--ds-border);background:var(--ds-input);color:inherit;font-family:inherit}.pagina-gebruiker-dossier .mini-btn{font-size:12px;font-weight:600;padding:5px 10px;border-radius:var(--ds-radius-sm);cursor:pointer;border:1px solid var(--ds-border);background:var(--ds-input);color:inherit;white-space:nowrap}.pagina-gebruiker-dossier .mini-btn:hover:not(:disabled){border-color:var(--portal-color)}.pagina-gebruiker-dossier .mini-btn:disabled{opacity:.5;cursor:default}.pagina-gebruiker-dossier .mini-btn.warn{color:var(--ds-warning);border-color:color-mix(in srgb,var(--ds-warning) 40%,transparent)}.pagina-gebruiker-dossier .mini-btn.danger{color:var(--ds-danger);border-color:color-mix(in srgb,var(--ds-danger) 40%,transparent)}.pagina-gebruiker-dossier .stat-value.versie-waarde{font-size:15px}@media (max-width: 640px){.pagina-gebruiker-dossier .ch-naam,.pagina-gebruiker-dossier .ch-sub{white-space:normal;overflow-wrap:anywhere}}.pagina-afwijkingenregister .info-bar{display:flex;gap:12px;align-items:flex-start;padding:13px 16px}.pagina-afwijkingenregister .info-bar>svg{font-size:22px;color:var(--portal-color);flex-shrink:0;margin-top:1px}.pagina-afwijkingenregister .info-bar strong{color:var(--ds-text)}.pagina-afwijkingenregister .info-bar div{font-size:12.5px;color:var(--ds-text-2);line-height:1.55}.pagina-afwijkingenregister .info-bar .vs{display:block;margin-top:4px;color:var(--ds-text-muted)}.pagina-afwijkingenregister .info-bar a{color:var(--portal-color);font-weight:700;text-decoration:none}.pagina-afwijkingenregister .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.pagina-afwijkingenregister .stat{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;cursor:pointer;box-shadow:var(--ds-shadow);transition:border-color .18s,transform .18s,box-shadow .18s}.pagina-afwijkingenregister .stat:hover{border-color:var(--portal-color);transform:translateY(-2px);box-shadow:var(--ds-shadow-lg)}.pagina-afwijkingenregister .stat .num{font-size:26px;font-weight:800;color:var(--ds-text);line-height:1.1}.pagina-afwijkingenregister .stat.open .num{color:#f59e0b}.pagina-afwijkingenregister .stat.kritiek .num{color:#ef4444}.pagina-afwijkingenregister .stat.opgelost .num{color:#22c55e}.pagina-afwijkingenregister .stat .num.dim{color:var(--ds-text-muted)}.pagina-afwijkingenregister .stat .label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);margin-top:2px}.pagina-afwijkingenregister .layout{display:grid;grid-template-columns:340px 1fr;gap:14px;align-items:start}.pagina-afwijkingenregister .list-col{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100vh - 320px)}.pagina-afwijkingenregister .top-bar{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--ds-border)}.pagina-afwijkingenregister .top-bar input{flex:1;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:8px;padding:8px 10px;font:inherit;font-size:13px}.pagina-afwijkingenregister .top-bar input:focus{outline:none;border-color:var(--portal-color)}.pagina-afwijkingenregister .new-btn{display:inline-flex;align-items:center;gap:5px;border:none;background:var(--portal-color);color:#fff;border-radius:var(--ds-radius-sm);padding:0 13px;font-weight:700;font-size:12.5px;cursor:pointer;white-space:nowrap}.pagina-afwijkingenregister .new-btn:hover{opacity:.9}.pagina-afwijkingenregister .chip-row:last-of-type{padding-bottom:8px;border-bottom:1px solid var(--ds-border)}.pagina-afwijkingenregister .chip:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-afwijkingenregister .list{overflow-y:auto;flex:1}.pagina-afwijkingenregister .item{padding:11px 14px;border-bottom:1px solid var(--ds-border-subtle);cursor:pointer;transition:background .15s}.pagina-afwijkingenregister .item:hover{background:var(--ds-hover, var(--ds-card))}.pagina-afwijkingenregister .item.selected{background:color-mix(in srgb,var(--portal-color) 10%,transparent);border-left:3px solid var(--portal-color);padding-left:11px}.pagina-afwijkingenregister .item-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.pagina-afwijkingenregister .item-title{font-weight:700;font-size:13px;color:var(--ds-text);line-height:1.35}.pagina-afwijkingenregister .item-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:6px;font-size:11px;color:var(--ds-text-muted)}.pagina-afwijkingenregister .badge.open,.pagina-afwijkingenregister .badge.in-behandeling,.pagina-afwijkingenregister .badge.in-verificatie{background:#f59e0b24;color:#d97706}.pagina-afwijkingenregister .badge.busy,.pagina-afwijkingenregister .badge.maatregel-genomen{background:#8b5cf624;color:#7c3aed}.pagina-afwijkingenregister .badge.done,.pagina-afwijkingenregister .badge.gesloten{background:#22c55e24;color:#16a34a}.pagina-afwijkingenregister .badge.major-nc{background:#ef444424;color:#dc2626}.pagina-afwijkingenregister .badge.minor-nc{background:#f9731624;color:#ea580c}.pagina-afwijkingenregister .badge.observatie{background:#6366f124;color:var(--portal-color)}.pagina-afwijkingenregister .badge.ofi{background:#22c55e1f;color:#16a34a}.pagina-afwijkingenregister .cat-chip{font-size:11px;color:var(--ds-text-2)}.pagina-afwijkingenregister .detail-col{min-height:400px;max-height:calc(100vh - 320px);display:flex;flex-direction:column;overflow:hidden}.pagina-afwijkingenregister .detail-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--ds-text-muted);padding:40px;text-align:center}.pagina-afwijkingenregister .detail-placeholder svg{font-size:48px;color:var(--ds-text-subtle);opacity:.6}.pagina-afwijkingenregister .detail-inner{display:flex;flex-direction:column;flex:1;overflow:hidden}.pagina-afwijkingenregister .detail-header{display:flex;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--ds-border);align-items:flex-start}.pagina-afwijkingenregister .detail-title{font-size:15px;font-weight:800;color:var(--ds-text);margin-bottom:8px;line-height:1.3}.pagina-afwijkingenregister .detail-badges{display:flex;flex-wrap:wrap;gap:6px}.pagina-afwijkingenregister .detail-actions{display:flex;gap:6px;flex-shrink:0;flex-wrap:wrap}.pagina-afwijkingenregister .btn{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:var(--ds-radius-sm);padding:7px 10px;font-weight:700;font-size:12px;cursor:pointer;text-decoration:none}.pagina-afwijkingenregister .btn:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-afwijkingenregister .btn.primary{background:var(--portal-color);border-color:var(--portal-color);color:#fff}.pagina-afwijkingenregister .btn.primary:hover{opacity:.9}.pagina-afwijkingenregister .btn.success{color:#16a34a;border-color:#22c55e59}.pagina-afwijkingenregister .btn.success:hover{background:#22c55e14}.pagina-afwijkingenregister .btn.danger{color:#dc2626;border-color:#ef444459}.pagina-afwijkingenregister .btn.danger:hover{background:#ef444414}.pagina-afwijkingenregister .meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;padding:14px 18px;border-bottom:1px solid var(--ds-border)}.pagina-afwijkingenregister .meta-cell{display:flex;flex-direction:column;gap:4px}.pagina-afwijkingenregister .meta-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted)}.pagina-afwijkingenregister .meta-val{font-size:13px;color:var(--ds-text)}.pagina-afwijkingenregister .meta-cell select{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:6px;padding:5px 8px;font:inherit;font-size:12px}.pagina-afwijkingenregister .meta-cell select:focus{outline:none;border-color:var(--portal-color)}.pagina-afwijkingenregister .detail-body{overflow-y:auto;flex:1;padding:16px 18px;display:flex;flex-direction:column;gap:18px}.pagina-afwijkingenregister .section h4{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);margin:0 0 10px}.pagina-afwijkingenregister .desc{font-size:13px;color:var(--ds-text-2);line-height:1.6;white-space:pre-wrap}.pagina-afwijkingenregister .desc-empty,.pagina-afwijkingenregister .tl-empty{font-size:12.5px;color:var(--ds-text-muted);font-style:italic}.pagina-afwijkingenregister .comment{display:flex;gap:10px;margin-bottom:10px}.pagina-afwijkingenregister .comment-avatar{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--portal-color) 14%,var(--ds-card));border:1px solid var(--ds-border);font-size:11px;font-weight:800;color:var(--portal-color);flex-shrink:0}.pagina-afwijkingenregister .comment-bubble{flex:1;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;padding:9px 12px}.pagina-afwijkingenregister .comment-meta{font-size:11px;color:var(--ds-text-muted);margin-bottom:4px;font-weight:600;text-transform:capitalize}.pagina-afwijkingenregister .comment-body{font-size:13px;color:var(--ds-text);white-space:pre-wrap;line-height:1.5}.pagina-afwijkingenregister .reply-bar{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--ds-border);align-items:flex-end}.pagina-afwijkingenregister .reply-bar textarea{flex:1;resize:none;min-height:38px;max-height:120px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:9px;padding:9px 11px;font:inherit;font-size:13px;box-sizing:border-box}.pagina-afwijkingenregister .reply-bar textarea:focus{outline:none;border-color:var(--portal-color)}.pagina-afwijkingenregister .reply-send{display:inline-flex;align-items:center;gap:5px;border:none;background:var(--portal-color);color:#fff;border-radius:9px;padding:9px 15px;font-weight:700;font-size:12.5px;cursor:pointer}.pagina-afwijkingenregister .reply-send:hover{opacity:.9}.pagina-afwijkingenregister .empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:44px 16px;color:var(--ds-text-muted);text-align:center;font-size:13px}.pagina-afwijkingenregister .empty svg{font-size:40px;color:var(--ds-text-subtle);opacity:.5}.pagina-afwijkingenregister .norm-link{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px;background:#6366f10a;border:1px solid rgba(99,102,241,.2);border-radius:12px}.pagina-afwijkingenregister .norm-link>svg{font-size:24px;color:var(--portal-color);flex-shrink:0}.pagina-afwijkingenregister .norm-link strong{font-size:13px;color:var(--ds-text)}.pagina-afwijkingenregister .norm-link p{margin:2px 0 0;font-size:12px;color:var(--ds-text-muted)}.pagina-afwijkingenregister .nl-btns{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.pagina-afwijkingenregister .nl-btn{font-size:12px;font-weight:600;color:var(--portal-color);text-decoration:none;padding:6px 10px;border:1px solid var(--portal-color);border-radius:var(--ds-radius-sm);white-space:nowrap}@keyframes pagina-afwijkingenregister-fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 900px){.pagina-afwijkingenregister .layout{grid-template-columns:1fr}.pagina-afwijkingenregister .list-col,.pagina-afwijkingenregister .detail-col{max-height:none}}.pagina-afwijkingenregister .badge{font-size:10px;font-weight:800;padding:2px 7px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em;background:color-mix(in srgb,var(--ds-text-muted) 16%,transparent);color:var(--ds-text-muted);white-space:nowrap}.pagina-afwijkingenregister .chip-row{display:flex;flex-wrap:wrap;gap:5px;padding:8px 12px 0;overflow-x:visible;mask-image:none;-webkit-mask-image:none}.pagina-afwijkingenregister .chip{padding:3px 9px;border:1px solid var(--ds-border);border-radius:999px;font-size:11px;font-weight:600;color:var(--ds-text-2);background:transparent;cursor:pointer}.pagina-afwijkingenregister .chip.active{background:var(--portal-color);border-color:var(--portal-color);color:#fff}.pagina-afwijkingenregister .chip,.pagina-afwijkingenregister .stat{font-family:inherit;text-align:left}.pagina-afwijkingenregister .stat{width:100%}.pagina-afwijkingenregister .detail-title-wrap{min-width:0}@media (max-width: 640px){.pagina-afwijkingenregister .top-bar{flex-wrap:wrap}.pagina-afwijkingenregister .top-bar input{flex:1 1 100%;min-width:0}.pagina-afwijkingenregister .top-bar .new-btn{flex:1 1 100%;justify-content:center}}.pagina-kpi .kpi-tile{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;box-shadow:var(--ds-shadow, 0 1px 3px rgba(0,0,0,.05));padding:16px;cursor:pointer;transition:transform .12s,box-shadow .12s;display:flex;flex-direction:column;gap:10px}.pagina-kpi .kpi-tile:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.pagina-kpi .kpi-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.pagina-kpi .kpi-naam{font-weight:700;font-size:14px;color:var(--ds-text);line-height:1.3}.pagina-kpi .kpi-cat{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600;background:#eef2ff;color:#4f46e5;white-space:nowrap}.pagina-kpi .kpi-cat svg{font-size:12px}.pagina-kpi .kpi-value{display:flex;align-items:baseline;gap:6px}.pagina-kpi .kpi-num{font-size:32px;font-weight:800;line-height:1;color:var(--ds-text)}.pagina-kpi .kpi-unit{font-size:14px;font-weight:600;color:var(--ds-text-muted)}.pagina-kpi .kpi-dir{font-size:18px;margin-left:auto;color:var(--ds-text-muted)}.pagina-kpi .kpi-streef{font-size:12px;color:var(--ds-text-muted);display:flex;align-items:center;gap:5px;flex-wrap:wrap}.pagina-kpi .kpi-streef svg{font-size:13px}.pagina-kpi .kpi-richting{color:var(--ds-text-subtle)}.pagina-kpi .kpi-bar{height:8px;border-radius:5px;background:var(--ds-hover);overflow:hidden}.pagina-kpi .kpi-bar-fill{height:100%;border-radius:5px;transition:width .3s;min-width:2px}.pagina-kpi .kpi-foot{display:flex;align-items:center;justify-content:space-between}.pagina-kpi .kpi-state{font-size:11px;font-weight:700;padding:2px 8px;border-radius:5px}.pagina-kpi .kpi-pct{font-size:12px;font-weight:700;color:var(--ds-text-2)}.pagina-kpi .bar-groen{background:linear-gradient(135deg,#34d399,#059669)}.pagina-kpi .bar-amber{background:linear-gradient(135deg,#fbbf24,#d97706)}.pagina-kpi .bar-rood{background:linear-gradient(135deg,#f87171,#b91c1c)}.pagina-kpi .kpi-state.bar-groen{background:#d1fae5;color:#047857}.pagina-kpi .kpi-state.bar-amber{background:#fef3c7;color:#b45309}.pagina-kpi .kpi-state.bar-rood{background:#fee2e2;color:#b91c1c}.pagina-kpi .empty{text-align:center;color:var(--ds-text-subtle);font-size:13px;padding:24px;font-style:italic;grid-column:1/-1}.pagina-kpi .empty-inline{color:var(--ds-text-subtle);font-size:12px;font-style:italic}.pagina-kpi .modal-col{display:flex;flex-direction:column;gap:14px;min-width:0}.pagina-kpi .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pagina-kpi .history-list{display:flex;flex-direction:column;gap:6px;max-height:360px;overflow-y:auto}.pagina-kpi .hist-row{display:flex;gap:8px;padding:6px 0}.pagina-kpi .hist-icon{width:26px;height:26px;border-radius:50%;background:var(--portal-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.pagina-kpi .hist-body{flex:1;font-size:12px;min-width:0}.pagina-kpi .hist-line1{color:var(--ds-text-2)}.pagina-kpi .hist-line2{color:var(--ds-text-muted);font-size:11px;margin-top:2px}.pagina-kpi .hist-time{color:var(--ds-text-subtle);font-size:10px;margin-top:2px}@media (max-width: 720px){.pagina-kpi .field-grid{grid-template-columns:1fr}}.pagina-kpi .kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:14px}.pagina-kpi .modal-content{max-width:720px}.pagina-kpi .modal-body{display:grid;grid-template-columns:1fr;gap:14px;align-items:start}.pagina-kpi .kpi-cat{background:color-mix(in srgb,var(--portal-color) 12%,transparent);color:var(--portal-color-dark)}.pagina-kpi .modal-footer .btn-danger{margin-right:auto}.pagina-kpi .kpi-tile:focus-visible{outline:2px solid var(--portal-color);outline-offset:2px}.pagina-interne-audit .card>:not(.card-header){padding:18px}.pagina-interne-audit .report-card .card-header{margin-bottom:4px}.pagina-interne-audit .report-links{display:flex;flex-direction:column;gap:8px}.pagina-interne-audit .report-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--ds-border);border-radius:10px;text-decoration:none;background:var(--ds-card);transition:border-color .15s,transform .15s}.pagina-interne-audit .report-link:hover{border-color:var(--portal-color);transform:translate(2px)}.pagina-interne-audit .report-link.featured{border-color:var(--portal-color);background:color-mix(in srgb,var(--portal-color) 6%,var(--ds-card))}.pagina-interne-audit .report-link>svg:first-child{font-size:24px;color:var(--portal-color);flex-shrink:0}.pagina-interne-audit .rl-text{flex:1;display:flex;flex-direction:column;gap:2px}.pagina-interne-audit .rl-text strong{font-size:13px;color:var(--ds-text)}.pagina-interne-audit .rl-text span{font-size:11.5px;color:var(--ds-text-muted)}.pagina-interne-audit .rl-dl{font-size:18px;color:var(--ds-text-muted);flex-shrink:0}.pagina-interne-audit .report-link:hover .rl-dl{color:var(--portal-color)}.pagina-interne-audit .info-row{display:flex;gap:12px;align-items:flex-start}.pagina-interne-audit .info-row svg{font-size:22px;color:var(--portal-color);flex-shrink:0;margin-top:2px}.pagina-interne-audit .info-row p{margin:0;font-size:13px;line-height:1.55;color:var(--ds-text-2)}.pagina-interne-audit .audit-list{display:flex;flex-direction:column;gap:8px}.pagina-interne-audit .audit-row{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:12px 14px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;cursor:pointer;transition:box-shadow .12s,transform .12s}.pagina-interne-audit .audit-row:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.pagina-interne-audit .audit-main{min-width:0}.pagina-interne-audit .audit-title{font-weight:600;color:var(--ds-text);font-size:14px;margin-bottom:4px}.pagina-interne-audit .audit-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pagina-interne-audit .type-chip,.pagina-interne-audit .status-pill{padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.pagina-interne-audit .audit-when{font-size:11px;color:var(--ds-text-muted);display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.pagina-interne-audit .audit-when svg{font-size:13px}.pagina-interne-audit .badge-group{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.pagina-interne-audit .bev-badge{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700;white-space:nowrap}.pagina-interne-audit .bev-badge.conform{background:var(--ds-success-bg);color:var(--ds-success)}.pagina-interne-audit .bev-badge.nc{background:var(--ds-danger-bg);color:var(--ds-danger)}.pagina-interne-audit .bev-badge.obs{background:var(--ds-warning-bg);color:var(--ds-warning)}.pagina-interne-audit .empty{text-align:center;color:var(--ds-text-subtle);font-size:13px;padding:24px;font-style:italic}.pagina-interne-audit .empty-inline{color:var(--ds-text-subtle);font-size:12px;font-style:italic}.pagina-interne-audit .modal-col{display:flex;flex-direction:column;gap:14px;min-width:0}.pagina-interne-audit .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pagina-interne-audit .modal-header-del{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:8px;color:#fff;cursor:pointer;margin-right:6px;transition:background .15s}.pagina-interne-audit .modal-header-del:hover{background:#ef4444d9;border-color:transparent}.pagina-interne-audit .modal-header-del svg{font-size:16px}.pagina-interne-audit .bev-list{display:flex;flex-direction:column;gap:8px}.pagina-interne-audit .bev-edit-row{display:grid;grid-template-columns:90px 130px 1fr auto;gap:8px;align-items:center}.pagina-interne-audit .bev-edit-row input,.pagina-interne-audit .bev-edit-row select{padding:7px 9px;border:1px solid var(--ds-border);border-radius:7px;background:var(--ds-card);font-size:13px;color:var(--ds-text);box-sizing:border-box;width:100%}.pagina-interne-audit .bev-oordeel{cursor:pointer;font-weight:600}.pagina-interne-audit .chip-x{background:transparent;border:none;color:var(--ds-danger);cursor:pointer;padding:4px;font-size:16px;line-height:1;display:inline-flex;align-items:center}.pagina-interne-audit .add-chip-row{display:flex;gap:6px;margin-top:8px}.pagina-interne-audit .history-list{display:flex;flex-direction:column;gap:6px;max-height:420px;overflow-y:auto}.pagina-interne-audit .hist-row{display:flex;gap:8px;padding:6px 0}.pagina-interne-audit .hist-icon{width:26px;height:26px;border-radius:50%;background:var(--portal-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.pagina-interne-audit .hist-body{flex:1;font-size:12px;min-width:0}.pagina-interne-audit .hist-line1{color:var(--ds-text-2)}.pagina-interne-audit .hist-line2{color:var(--ds-text-muted);font-size:11px;margin-top:2px}.pagina-interne-audit .hist-time{color:var(--ds-text-subtle);font-size:10px;margin-top:2px}@media (max-width: 760px){.pagina-interne-audit .field-grid{grid-template-columns:1fr}.pagina-interne-audit .bev-edit-row{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.pagina-interne-audit .audit-row{grid-template-columns:1fr auto;row-gap:8px}.pagina-interne-audit .badge-group{justify-content:flex-start}}.pagina-interne-audit .info-card{border-left:4px solid var(--portal-color)}.pagina-interne-audit .status-pill.gepland{background:var(--ds-warning-bg);color:var(--ds-warning)}.pagina-interne-audit .status-pill.in-uitvoering{background:var(--ds-info-bg);color:var(--ds-info)}.pagina-interne-audit .status-pill.afgerond{background:var(--ds-success-bg);color:var(--ds-success)}.pagina-interne-audit .type-chip.intern{background:color-mix(in srgb,var(--portal-color) 13%,transparent);color:var(--portal-color-dark)}.pagina-interne-audit .type-chip.extern{background:var(--ds-info-bg);color:var(--ds-info)}.pagina-interne-audit .type-chip.management-review{background:var(--ds-purple-bg);color:var(--ds-purple)}.pagina-interne-audit .bev-oordeel.conform{color:var(--ds-success)}.pagina-interne-audit .bev-oordeel.observatie{color:var(--ds-warning)}.pagina-interne-audit .bev-oordeel.ofi{color:var(--ds-info)}.pagina-interne-audit .bev-oordeel.minor-nc,.pagina-interne-audit .bev-oordeel.major-nc{color:var(--ds-danger)}.pagina-interne-audit .page-title svg,.pagina-interne-audit .card-header h3 svg{color:var(--portal-color);flex-shrink:0}.pagina-interne-audit .modal-body>.modal-col{gap:14px}.pagina-management-review .card>:not(.card-header){padding:18px}.pagina-management-review .info-block{display:flex;gap:12px;align-items:flex-start;background:var(--ds-hover);border:1px solid var(--ds-border);border-left:4px solid var(--portal-color);border-radius:12px;padding:14px 16px;margin-bottom:16px;font-size:13px;line-height:1.5;color:var(--ds-text-2)}.pagina-management-review .info-block svg{font-size:22px;color:var(--portal-color);flex-shrink:0;margin-top:1px}.pagina-management-review .review-list{display:flex;flex-direction:column;gap:10px}.pagina-management-review .review-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;padding:14px 16px;cursor:pointer;transition:box-shadow .12s,transform .12s;display:flex;flex-direction:column;gap:8px}.pagina-management-review .review-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.pagina-management-review .review-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pagina-management-review .periode-badge{font-weight:700;color:#fff;background:var(--portal-color);padding:4px 12px;border-radius:6px;font-size:13px;white-space:nowrap}.pagina-management-review .status-pill{padding:2px 10px;border-radius:999px;font-size:11px;font-weight:600}.pagina-management-review .review-date{font-size:12px;color:var(--ds-text-muted);display:inline-flex;align-items:center;gap:4px;margin-left:auto;white-space:nowrap}.pagina-management-review .review-date svg{font-size:14px}.pagina-management-review .review-aanwezig{font-size:12px;color:var(--ds-text-muted);display:inline-flex;align-items:center;gap:5px}.pagina-management-review .review-aanwezig svg{font-size:14px}.pagina-management-review .review-besluiten{font-size:13px;color:var(--ds-text-2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pagina-management-review .empty{text-align:center;color:var(--ds-text-subtle);font-size:13px;padding:24px;font-style:italic}.pagina-management-review .empty-inline{color:var(--ds-text-subtle);font-size:12px;font-style:italic}.pagina-management-review .modal-col{display:flex;flex-direction:column;gap:14px;min-width:0}.pagina-management-review .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pagina-management-review .modal-header-del{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:8px;color:#fff;cursor:pointer;margin-right:6px;transition:background .15s}.pagina-management-review .modal-header-del:hover{background:#ef4444d9;border-color:transparent}.pagina-management-review .modal-header-del svg{font-size:16px}.pagina-management-review .history-list{display:flex;flex-direction:column;gap:6px;max-height:480px;overflow-y:auto}.pagina-management-review .hist-row{display:flex;gap:8px;padding:6px 0}.pagina-management-review .hist-icon{width:26px;height:26px;border-radius:50%;background:var(--portal-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.pagina-management-review .hist-body{flex:1;font-size:12px;min-width:0}.pagina-management-review .hist-line1{color:var(--ds-text-2)}.pagina-management-review .hist-line2{color:var(--ds-text-muted);font-size:11px;margin-top:2px}.pagina-management-review .hist-time{color:var(--ds-text-subtle);font-size:10px;margin-top:2px}@media (max-width: 760px){.pagina-management-review .field-grid{grid-template-columns:1fr}.pagina-management-review .review-date{margin-left:0}}.pagina-management-review .status-pill.gepland{background:var(--ds-info-bg);color:var(--ds-info)}.pagina-management-review .status-pill.in-voorbereiding{background:var(--ds-warning-bg);color:var(--ds-warning)}.pagina-management-review .status-pill.afgerond{background:var(--ds-success-bg);color:var(--ds-success)}.pagina-management-review .stat-value{font-size:18px}.pagina-management-review .page-title svg,.pagina-management-review .card-header h3 svg{color:var(--portal-color);flex-shrink:0}.pagina-management-review .modal-body>.modal-col{gap:14px}.pagina-leveranciers .card>:not(.card-header){padding:18px}.pagina-leveranciers .info-block{display:flex;gap:12px;align-items:flex-start;background:var(--ds-hover);border:1px solid var(--ds-border);border-left:4px solid var(--portal-color);border-radius:12px;padding:14px 16px;margin-bottom:16px;font-size:13px;line-height:1.5;color:var(--ds-text-2)}.pagina-leveranciers .info-block>svg{font-size:22px;color:var(--portal-color);flex-shrink:0;margin-top:1px}.pagina-leveranciers .lev-list{display:flex;flex-direction:column;gap:10px}.pagina-leveranciers .lev-card{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;cursor:pointer;transition:box-shadow .12s,transform .12s}.pagina-leveranciers .lev-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.pagina-leveranciers .lev-main{min-width:0;flex:1}.pagina-leveranciers .lev-naam{font-weight:700;font-size:15px;color:var(--ds-text)}.pagina-leveranciers .lev-dienst{font-size:12px;color:var(--ds-text-muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:420px}.pagina-leveranciers .lev-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.pagina-leveranciers .krit-pill{padding:3px 11px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.pagina-leveranciers .chip svg{font-size:13px}.pagina-leveranciers .chip.dpia{background:#ede9fe;color:#7c3aed}.pagina-leveranciers .chip.review.overdue{background:#fee2e2;color:#dc2626;font-weight:700}.pagina-leveranciers .empty{text-align:center;color:var(--ds-text-subtle);font-size:13px;padding:24px;font-style:italic}.pagina-leveranciers .empty-inline{color:var(--ds-text-subtle);font-size:12px;font-style:italic}.pagina-leveranciers .modal-col{display:flex;flex-direction:column;gap:14px;min-width:0}.pagina-leveranciers .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pagina-leveranciers .modal-header-del{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:8px;color:#fff;cursor:pointer;margin-right:6px;transition:background .15s}.pagina-leveranciers .modal-header-del:hover{background:#ef4444d9;border-color:transparent}.pagina-leveranciers .modal-header-del svg{font-size:16px}.pagina-leveranciers .history-list{display:flex;flex-direction:column;gap:6px;max-height:360px;overflow-y:auto}.pagina-leveranciers .hist-row{display:flex;gap:8px;padding:6px 0}.pagina-leveranciers .hist-icon{width:26px;height:26px;border-radius:50%;background:var(--portal-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.pagina-leveranciers .hist-body{flex:1;font-size:12px;min-width:0}.pagina-leveranciers .hist-line1{color:var(--ds-text-2)}.pagina-leveranciers .hist-line2{color:var(--ds-text-muted);font-size:11px;margin-top:2px}.pagina-leveranciers .hist-time{color:var(--ds-text-subtle);font-size:10px;margin-top:2px}@media (max-width: 760px){.pagina-leveranciers .field-grid{grid-template-columns:1fr}}@media (max-width: 600px){.pagina-leveranciers .lev-card{flex-direction:column;align-items:flex-start;gap:10px}.pagina-leveranciers .lev-tags{justify-content:flex-start}.pagina-leveranciers .lev-dienst{max-width:100%;white-space:normal}}.pagina-leveranciers .chip{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:5px;font-size:11px;font-weight:600;white-space:nowrap;background:var(--ds-hover);color:var(--ds-text-2)}.pagina-leveranciers .krit-pill.krit-kritiek{background:#ef444421;color:#ef4444}.pagina-leveranciers .krit-pill.krit-hoog{background:#f9731621;color:#f97316}.pagina-leveranciers .krit-pill.krit-middel{background:#d9770621;color:#d97706}.pagina-leveranciers .krit-pill.krit-laag{background:var(--ds-hover);color:var(--ds-text-muted)}.pagina-leveranciers .chip.ovk-te-controleren{background:#d9770621;color:#d97706}.pagina-leveranciers .chip.ovk-getekend,.pagina-leveranciers .chip.ovk-bevestigd{background:#10b98121;color:#10b981}.pagina-leveranciers .lev-card{width:100%;text-align:left;font:inherit}.pagina-leveranciers .modal-content{max-width:760px}.pagina-leveranciers .modal-body-kolommen{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 900px){.pagina-leveranciers .modal-body-kolommen.met-historie{grid-template-columns:1fr 1fr}}.pagina-leveranciers .section-header{display:flex;align-items:center;gap:7px;margin-bottom:10px}.pagina-leveranciers .section-header svg{font-size:16px;color:var(--portal-color)}.pagina-leveranciers .section-header h3{margin:0;font-size:13px;font-weight:800;color:var(--ds-text)}.pagina-training .card>:not(.card-header){padding:18px}.pagina-training .info-block{display:flex;gap:12px;align-items:flex-start;background:var(--ds-hover);border:1px solid var(--ds-border);border-left:4px solid var(--portal-color);border-radius:12px;padding:14px 16px;margin-bottom:16px;font-size:13px;line-height:1.5;color:var(--ds-text-2)}.pagina-training .info-block>svg{font-size:22px;color:var(--portal-color);flex-shrink:0;margin-top:1px}.pagina-training .groups{display:flex;flex-direction:column;gap:16px}.pagina-training .emp-block{display:flex;flex-direction:column;gap:8px}.pagina-training .emp-header{display:flex;align-items:center;gap:10px}.pagina-training .avatar-mini{width:28px;height:28px;border-radius:50%;background:var(--portal-color);color:#fff;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.pagina-training .emp-name{font-weight:700;font-size:14px;color:var(--ds-text);display:inline-flex;align-items:center;gap:6px}.pagina-training .emp-name svg{font-size:15px;color:var(--ds-text-muted)}.pagina-training .emp-count{font-size:11px;font-weight:700;background:var(--portal-color);color:#fff;border-radius:10px;padding:1px 8px}.pagina-training .train-rows{display:flex;flex-direction:column;gap:8px}.pagina-training .train-row{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:12px 14px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;cursor:pointer;transition:box-shadow .12s,transform .12s}.pagina-training .train-row:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.pagina-training .train-main{min-width:0}.pagina-training .train-module{font-weight:600;font-size:14px;color:var(--ds-text);display:flex;align-items:center;gap:6px;margin-bottom:4px}.pagina-training .train-module svg{font-size:15px;color:var(--ds-text-muted)}.pagina-training .train-meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.pagina-training .t-date,.pagina-training .t-verloop{font-size:12px;color:var(--ds-text-muted);display:inline-flex;align-items:center;gap:4px}.pagina-training .t-date svg,.pagina-training .t-verloop svg{font-size:14px}.pagina-training .t-verloop.soon{color:var(--ds-warning);font-weight:600}.pagina-training .t-verloop.expired{color:var(--ds-danger);font-weight:700}.pagina-training .status-pill{padding:2px 10px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.pagina-training .bewijs{font-size:11px;color:var(--ds-text-muted);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagina-training .empty{text-align:center;color:var(--ds-text-subtle);font-size:13px;padding:24px;font-style:italic}.pagina-training .empty-inline{color:var(--ds-text-subtle);font-size:12px;font-style:italic}.pagina-training .modal-col{display:flex;flex-direction:column;gap:14px;min-width:0}.pagina-training .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pagina-training .modal-header-del{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:8px;color:#fff;cursor:pointer;margin-right:6px;transition:background .15s}.pagina-training .modal-header-del:hover{background:#ef4444d9;border-color:transparent}.pagina-training .modal-header-del svg{font-size:16px}.pagina-training .history-list{display:flex;flex-direction:column;gap:6px;max-height:360px;overflow-y:auto}.pagina-training .hist-row{display:flex;gap:8px;padding:6px 0}.pagina-training .hist-icon{width:26px;height:26px;border-radius:50%;background:var(--portal-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.pagina-training .hist-body{flex:1;font-size:12px;min-width:0}.pagina-training .hist-line1{color:var(--ds-text-2)}.pagina-training .hist-line2{color:var(--ds-text-muted);font-size:11px;margin-top:2px}.pagina-training .hist-time{color:var(--ds-text-subtle);font-size:10px;margin-top:2px}@media (max-width: 760px){.pagina-training .field-grid{grid-template-columns:1fr}}@media (max-width: 600px){.pagina-training .train-row{grid-template-columns:1fr auto;row-gap:8px}.pagina-training .bewijs{display:none}}.pagina-training .status-pill.gepland{background:var(--ds-info-bg);color:var(--ds-info)}.pagina-training .status-pill.afgerond{background:var(--ds-success-bg);color:var(--ds-success)}.pagina-training .status-pill.verlopen{background:var(--ds-danger-bg);color:var(--ds-danger)}.pagina-training .page-title svg,.pagina-training .card-header h3 svg{color:var(--portal-color);flex-shrink:0}.pagina-training .bewijs.empty-inline{max-width:200px}.pagina-training .modal-body>.modal-col{gap:14px}.pagina-kennisbank .kb-info{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;font-size:13px;line-height:1.55;color:var(--ds-text-2)}.pagina-kennisbank .kb-info svg{font-size:22px;color:var(--portal-color);flex-shrink:0;margin-top:1px}.pagina-kennisbank .kb-info strong{color:var(--ds-text)}.pagina-kennisbank .kb-info em{font-style:normal;font-weight:600;color:var(--ds-text)}.pagina-kennisbank .kb-layout{display:grid;grid-template-columns:1fr 420px;gap:14px;align-items:stretch;min-height:0}.pagina-kennisbank .kb-layout>*{min-height:0}@media (max-width: 900px){.pagina-kennisbank .kb-layout{grid-template-columns:1fr}}.pagina-kennisbank .kb-list-card{padding:14px;display:flex;flex-direction:column;gap:12px;overflow:hidden}.pagina-kennisbank .kb-search{display:flex;align-items:center;gap:8px;background:var(--ds-input, color-mix(in srgb, var(--ds-text) 5%, var(--ds-card)));border:1px solid var(--ds-border);border-radius:10px;padding:8px 12px;transition:border-color .15s,background .15s,box-shadow .15s}.pagina-kennisbank .kb-search:focus-within{border-color:var(--portal-color);background:var(--ds-card);box-shadow:0 0 0 3px color-mix(in srgb,var(--portal-color) 14%,transparent)}.pagina-kennisbank .kb-search:focus-within svg{color:var(--portal-color)}.pagina-kennisbank .kb-search input::placeholder{color:var(--ds-text-muted)}.pagina-kennisbank .kb-search svg{font-size:17px;color:var(--ds-text-muted);flex-shrink:0}.pagina-kennisbank .kb-search input{flex:1;border:none;background:transparent;color:var(--ds-text);font:inherit;font-size:13px;outline:none}.pagina-kennisbank .kb-table-wrap{flex:1;min-height:0;overflow:auto}.pagina-kennisbank .kb-row{cursor:pointer;transition:background .12s}.pagina-kennisbank .kb-row.selected td{background:color-mix(in srgb,var(--portal-color) 12%,transparent)}.pagina-kennisbank .kb-cat-chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--portal-color) 10%,transparent);color:var(--portal-color)}.pagina-kennisbank .kb-cat-chip svg{font-size:12px}.pagina-kennisbank .kb-empty-row{text-align:center;color:var(--ds-text-muted);padding:34px 12px}.pagina-kennisbank .kb-empty-row svg{display:block;font-size:30px;margin:0 auto 8px;color:var(--ds-text-subtle);opacity:.55}.pagina-kennisbank .kb-editor-card{padding:0;overflow-y:auto}.pagina-kennisbank .kb-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;color:var(--ds-text-muted);text-align:center;min-height:220px}.pagina-kennisbank .kb-placeholder svg{font-size:42px;color:var(--ds-text-subtle);opacity:.5}.pagina-kennisbank .kb-editor-head{display:flex;align-items:center;gap:9px;padding:14px 16px;border-bottom:1px solid var(--ds-border);font-size:14px;font-weight:700;color:var(--ds-text)}.pagina-kennisbank .kb-editor-head>svg{font-size:18px;color:var(--portal-color)}.pagina-kennisbank .kb-icon-btn{margin-left:auto;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:var(--ds-radius-sm);cursor:pointer;transition:border-color .15s,color .15s}.pagina-kennisbank .kb-icon-btn:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-kennisbank .kb-field{display:flex;flex-direction:column;gap:5px;padding:12px 16px 0}.pagina-kennisbank .kb-field-row{display:flex;gap:0}.pagina-kennisbank .kb-field-row .kb-field{flex:1}.pagina-kennisbank .kb-field-narrow{max-width:130px}.pagina-kennisbank .kb-field label{font-size:11.5px;font-weight:700;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.03em}.pagina-kennisbank .kb-hint{text-transform:none;font-weight:500;letter-spacing:0;color:var(--ds-text-subtle)}.pagina-kennisbank .kb-field input,.pagina-kennisbank .kb-field textarea{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:9px;padding:9px 11px;font:inherit;font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s;width:100%;box-sizing:border-box}.pagina-kennisbank .kb-field input:focus,.pagina-kennisbank .kb-field textarea:focus{border-color:var(--portal-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--portal-color) 12%,transparent)}.pagina-kennisbank .kb-field-grow{flex:1}.pagina-kennisbank .kb-field-grow textarea{min-height:200px;resize:vertical;line-height:1.55}.pagina-kennisbank .kb-toggle{display:flex;align-items:center;gap:9px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:9px;padding:8px 11px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;text-align:left;transition:border-color .15s,color .15s}.pagina-kennisbank .kb-toggle.on{border-color:var(--portal-color);color:var(--ds-text)}.pagina-kennisbank .kb-toggle svg{font-size:16px;flex-shrink:0}.pagina-kennisbank .kb-toggle-track{width:36px;height:20px;border-radius:999px;background:var(--ds-border);position:relative;flex-shrink:0;transition:background .18s}.pagina-kennisbank .kb-toggle.on .kb-toggle-track{background:var(--portal-color)}.pagina-kennisbank .kb-toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--ds-card);transition:transform .18s}.pagina-kennisbank .kb-toggle.on .kb-toggle-knob{transform:translate(16px)}.pagina-kennisbank .kb-editor-foot{display:flex;align-items:center;gap:8px;padding:16px;margin-top:4px;border-top:1px solid var(--ds-border);flex-wrap:wrap}.pagina-kennisbank .kb-spacer{flex:1}.pagina-kennisbank .btn-secondary.danger:hover{background:color-mix(in srgb,#ef4444 8%,transparent);border-color:#ef4444}.pagina-kennisbank .btn-primary[disabled]{opacity:.55;cursor:not-allowed}@media (max-width: 560px){.pagina-kennisbank .topbar-actions{flex-wrap:wrap}.pagina-kennisbank .kb-field-row{flex-direction:column}.pagina-kennisbank .kb-field-narrow{max-width:none}}@media (min-width: 901px){.pagina-kennisbank .kb-layout{height:calc(100vh - 300px);min-height:320px}.pagina-kennisbank .kb-table-wrap{overflow-y:auto}}.pagina-shop-producten .mini-btn{display:inline-flex;align-items:center;gap:5px;margin-left:12px;padding:4px 10px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:var(--ds-radius-sm);font-size:12px;font-weight:600;cursor:pointer}.pagina-shop-producten .mini-btn svg{font-size:14px}.pagina-shop-producten .notice.err{padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:14px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.pagina-shop-producten .empty{padding:28px;text-align:center;color:var(--ds-text-3);font-size:14px}.pagina-shop-producten .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:16px}.pagina-shop-producten .pcard{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.pagina-shop-producten .ph{position:relative;aspect-ratio:16/10;background:var(--ds-card);border-bottom:1px solid var(--ds-border);display:flex;align-items:center;justify-content:center}.pagina-shop-producten .ph img{max-width:100%;max-height:100%;object-fit:contain;padding:14px;box-sizing:border-box}.pagina-shop-producten .upload{position:absolute;bottom:8px;right:8px;display:inline-flex;align-items:center;gap:6px;background:color-mix(in srgb,var(--ds-text-1) 82%,transparent);color:#fff;font-size:11.5px;font-weight:600;padding:6px 10px;border-radius:8px;cursor:pointer}.pagina-shop-producten .upload svg{font-size:14px}.pagina-shop-producten .pbody{padding:14px;display:flex;flex-direction:column;gap:10px;flex:1}.pagina-shop-producten .status{position:absolute;top:8px;left:8px;z-index:1;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--ds-hover);color:var(--ds-text-3);border:1px solid var(--ds-border)}.pagina-shop-producten .status .dot{width:7px;height:7px;border-radius:50%;background:#9ca3af}.pagina-shop-producten .status.live{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.pagina-shop-producten .status.live .dot{background:#10b981}.pagina-shop-producten .cname{font-size:14.5px;font-weight:700;color:var(--ds-text-1);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}.pagina-shop-producten .cprice{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.pagina-shop-producten .cprice b{font-size:18px;color:var(--ds-text-1)}.pagina-shop-producten .cprice s{color:var(--ds-text-3);font-size:13px}.pagina-shop-producten .cprice .chip{font-size:11px;font-weight:700;color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;padding:2px 8px}.pagina-shop-producten .cprice .lever{font-size:12px;color:var(--ds-text-3)}.pagina-shop-producten .cdesc{margin:0;font-size:12.5px;line-height:1.5;color:var(--ds-text-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pagina-shop-producten .edit-btn{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:7px 12px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:var(--ds-radius-sm);font-size:12px;font-weight:600;cursor:pointer}.pagina-shop-producten .edit-btn svg{font-size:14px}.pagina-shop-producten .modal-content.breed{max-width:920px}.pagina-shop-producten .split{display:grid;grid-template-columns:1fr 300px;gap:14px;align-items:start}@media (max-width: 760px){.pagina-shop-producten .split{grid-template-columns:1fr}.pagina-shop-producten .split-rechts{order:-1}}.pagina-shop-producten .split-links .modal-section:last-child{margin-bottom:0}.pagina-shop-producten .foto-paneel{display:flex;flex-direction:column;gap:12px;align-items:center;position:sticky;top:0}.pagina-shop-producten .foto-paneel>h3{align-self:stretch}.pagina-shop-producten .foto-paneel img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;padding:12px;box-sizing:border-box}.pagina-shop-producten .fld select{padding:8px 10px;border:1px solid var(--ds-border);border-radius:8px;background:var(--ds-hover);color:var(--ds-text-1);font-size:13px;font-weight:400;font-family:inherit}.pagina-shop-producten .fld select:focus{outline:none;border-color:var(--portal-color);background:var(--ds-card)}.pagina-shop-producten .btw-sub{font-size:11px;font-weight:600;color:var(--ds-text-3)}.pagina-shop-producten .hint{margin:-2px 0 0;font-size:11.5px;line-height:1.5;color:var(--ds-text-3)}.pagina-shop-producten .marge{font-size:12.5px;color:var(--ds-text-2)}.pagina-shop-producten .marge b{color:#047857}.pagina-shop-producten .marge b.neg{color:#b91c1c}.pagina-shop-producten .marge .dim{color:var(--ds-text-3);font-size:11px}.pagina-shop-producten .upload.statisch{position:static;background:var(--portal-color)}.pagina-shop-producten .modal-voet{display:flex;align-items:center;gap:10px;justify-content:flex-end;padding:12px 16px;border-top:1px solid var(--ds-border);background:var(--ds-card)}.pagina-shop-producten .fld{display:flex;flex-direction:column;gap:4px;font-size:11.5px;font-weight:600;color:var(--ds-text-3)}.pagina-shop-producten .fld input,.pagina-shop-producten .fld textarea{padding:8px 10px;border:1px solid var(--ds-border);border-radius:8px;background:var(--ds-hover);color:var(--ds-text-1);font-size:13px;font-weight:400;font-family:inherit;resize:vertical}.pagina-shop-producten .fld input:focus,.pagina-shop-producten .fld textarea:focus{outline:none;border-color:var(--portal-color);background:var(--ds-card)}.pagina-shop-producten .row2{display:grid;gap:10px;align-items:end}.pagina-shop-producten .row2{grid-template-columns:1fr 1fr}@media (max-width:520px){.pagina-shop-producten .row2{grid-template-columns:1fr}}.pagina-shop-producten .disc-hint{font-size:11.5px;font-weight:600;color:#047857;margin-top:-4px}.pagina-shop-producten .admin-sec .fld input,.pagina-shop-producten .admin-sec .fld textarea{background:var(--ds-card)}.pagina-shop-producten .prow{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:4px}.pagina-shop-producten .toggle{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-3);border-radius:8px;font-size:12px;font-weight:600;cursor:pointer}.pagina-shop-producten .toggle.on{color:#047857;border-color:#a7f3d0;background:#ecfdf5}.pagina-shop-producten .toggle svg{font-size:14px}.pagina-shop-producten .pmsg{font-size:11.5px;color:var(--ds-text-3);flex:1}.pagina-shop-producten .save{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:8px 16px;border:none;background:var(--portal-color);color:#fff;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer}.pagina-shop-producten .save:disabled{opacity:.6;cursor:not-allowed}.pagina-shop-producten .save svg{font-size:15px}.pagina-shop-producten .ph-leeg{width:100%;aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;background:var(--ds-hover);color:var(--ds-text-subtle);font-size:30px;font-weight:700;-webkit-user-select:none;user-select:none}.pagina-klantdossier .kd-wrap{padding:18px 22px 40px;max-width:1180px;margin:0 auto}.pagina-klantdossier .kd-terug a{cursor:pointer;color:var(--portal-color);display:inline-flex;align-items:center;gap:6px;font-weight:600}.pagina-klantdossier .kd-kop{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin:10px 0 18px;flex-wrap:wrap}.pagina-klantdossier .kd-kop h1{margin:0;font-size:24px}.pagina-klantdossier .kd-sub{color:var(--ds-text-muted);font-size:13px;margin-top:3px}.pagina-klantdossier .kd-badges{display:flex;gap:8px;flex-wrap:wrap}.pagina-klantdossier .badge.ok{background:#dcfce7;color:#166534}.pagina-klantdossier .badge.warn{background:#fef3c7;color:#92400e}.pagina-klantdossier .kd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:16px}.pagina-klantdossier .kd-card{background:var(--card-bg, var(--ds-card));border:1px solid var(--border, var(--ds-border));border-radius:14px;padding:16px 18px}.pagina-klantdossier .kd-breed{grid-column:1 / -1}.pagina-klantdossier .kd-card h2{font-size:15px;margin:0 0 12px;display:flex;align-items:center;gap:8px}.pagina-klantdossier .kd-card h3{font-size:13.5px;margin:16px 0 6px}.pagina-klantdossier .kd-rij{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px dashed var(--border, #eef0f3);font-size:13.5px}.pagina-klantdossier .kd-rij span{color:var(--ds-text-muted)}.pagina-klantdossier .kd-rij b.groen,.pagina-klantdossier b.groen{color:#16a34a}.pagina-klantdossier .kd-rij b.rood,.pagina-klantdossier b.rood,.pagina-klantdossier .rood{color:#dc2626}.pagina-klantdossier .kd-controle{margin-top:10px;font-size:12.5px;color:#92400e;display:flex;gap:6px;align-items:center}.pagina-klantdossier .kd-controle.ok{color:#166534}.pagina-klantdossier .kd-controle-naam{display:inline-flex;align-items:center;gap:6px;text-transform:capitalize}.pagina-klantdossier .kd-controle-naam svg.ok{color:#16a34a}.pagina-klantdossier .kd-controle-naam svg.niet{color:#dc2626}.pagina-klantdossier .kd-toelichting{font-weight:500;color:var(--ds-text-2);font-size:12.5px;text-align:right;max-width:60%}.pagina-klantdossier .kd-acties{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.pagina-klantdossier .kd-acties a,.pagina-klantdossier .kd-acties button,.pagina-klantdossier .kd-form button,.pagina-klantdossier .kd-actie button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border, var(--ds-border));background:var(--card-bg, var(--ds-card));color:inherit;border-radius:var(--ds-radius-sm);padding:7px 12px;font-size:12.5px;font-weight:700;cursor:pointer;text-decoration:none}.pagina-klantdossier .kd-form{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.pagina-klantdossier .kd-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ds-text-muted);font-weight:600}.pagina-klantdossier .kd-form input,.pagina-klantdossier .kd-form select{border:1px solid var(--border, var(--ds-border));border-radius:8px;padding:7px 10px;font-size:13px;background:var(--card-bg, var(--ds-card));color:inherit}.pagina-klantdossier .kd-form button.primair{background:#2563eb;border-color:#2563eb;color:#fff}.pagina-klantdossier .kd-hint{font-size:12px;color:var(--ds-text-muted);margin:4px 0 8px}.pagina-klantdossier .kd-tabel{width:100%;border-collapse:collapse;font-size:13px}.pagina-klantdossier .kd-tabel th{text-align:left;color:var(--ds-text-muted);font-size:11.5px;text-transform:uppercase;padding:6px 8px}.pagina-klantdossier .kd-tabel td{padding:7px 8px;border-top:1px solid var(--border, #eef0f3)}.pagina-klantdossier .kd-tabel .rij-rood td{background:#fef2f2}.pagina-klantdossier .kd-actie-lijst{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:10px}.pagina-klantdossier .kd-actie{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ds-text-muted)}.pagina-klantdossier .kd-actie button{flex-shrink:0;min-width:150px;justify-content:center}.pagina-klantdossier .kd-fout{background:#fee2e2;color:#991b1b;border-radius:10px;padding:10px 14px;margin-bottom:12px;font-size:13px}.pagina-klantdossier .kd-melding{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:#111827;color:#fff;border-radius:10px;padding:10px 18px;font-size:13px;z-index:50}.pagina-klantdossier .kd-check{display:flex;align-items:center;gap:.55rem;margin:.7rem 0;font-size:.9rem;cursor:pointer}.pagina-klantdossier .kd-check input{width:16px;height:16px;cursor:pointer}.pagina-klantdossier .kd-mw{border-left:3px solid var(--portal-color);padding-left:.9rem;margin:.6rem 0 .9rem}.pagina-klantdossier .kd-maanden{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0}.pagina-klantdossier .kd-maand{display:flex;align-items:center;gap:.35rem;padding:.3rem .6rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:.82rem;cursor:pointer;white-space:nowrap}.pagina-klantdossier .kd-maand.aan{border-color:var(--portal-color)}.pagina-klantdossier .kd-maand input{width:14px;height:14px;cursor:pointer}.pagina-klantdossier .kd-totaal{font-size:.9rem;margin:.4rem 0 .6rem}.pagina-klantdossier .kd-vol{display:block;font-size:.85rem;margin:.6rem 0}.pagina-klantdossier .kd-vol textarea{width:100%;margin-top:.3rem;padding:.5rem;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:transparent;color:inherit;font:inherit}.pagina-klantdossier .kd-let{color:var(--ds-warning)}.pagina-klantdossier .kd-acties{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.pagina-klantdossier .kd-wrap{padding:0}.pagina-email .ei-weg{opacity:0;flex:none;width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--ds-text-subtle);cursor:pointer;display:grid;place-items:center;transition:opacity .14s ease-out,background .14s ease-out,color .14s ease-out}.pagina-email .email-item:hover .ei-weg,.pagina-email .ei-weg:focus-visible{opacity:1}.pagina-email .ei-weg:hover{background:#fee2e2;color:#dc2626}@media (hover: none){.pagina-email .ei-weg{opacity:.65}}.pagina-email .status-dot.online{background:#22c55e;box-shadow:0 0 0 2px #22c55e33}.pagina-email .email-toolbar{display:flex;align-items:center;gap:12px;padding:10px 14px}.pagina-email .search{display:flex;align-items:center;gap:8px;flex:1;max-width:420px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;padding:8px 11px;transition:border-color .15s,background .15s,box-shadow .15s}.pagina-email .search:focus-within{border-color:var(--portal-color);background:var(--ds-card);box-shadow:0 0 0 3px color-mix(in srgb,var(--portal-color) 14%,transparent)}.pagina-email .search:focus-within svg{color:var(--portal-color)}.pagina-email .search input::placeholder{color:var(--ds-text-muted)}.pagina-email .search svg{font-size:15px;color:var(--ds-text-muted)}.pagina-email .search input{flex:1;border:none;background:transparent;color:var(--ds-text);font:inherit;font-size:13px;outline:none}.pagina-email .btn-icon:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-email .btn-icon.primary{background:var(--portal-color);border-color:var(--portal-color);color:#fff;transition:opacity .15s}.pagina-email .btn-icon.primary:hover{opacity:.9;color:#fff}.pagina-email .btn-icon svg{font-size:16px}.pagina-email .email-main{display:grid;grid-template-columns:220px 320px 1fr;min-height:300px;overflow:hidden}.pagina-email .email-main>*{min-height:0}.pagina-email .email-sidebar{border-right:1px solid var(--ds-border);overflow-y:auto;padding:12px 8px}.pagina-email .esb-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--ds-text-muted);padding:8px 8px 4px}.pagina-email .esb-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;cursor:pointer;font-size:12.5px;color:var(--ds-text-2);transition:background .15s,color .15s}.pagina-email .esb-item span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pagina-email .esb-item svg{font-size:15px;flex-shrink:0;color:var(--ds-text-muted)}.pagina-email .esb-item:hover{background:var(--ds-hover, var(--ds-card))}.pagina-email .esb-item.active{background:color-mix(in srgb,var(--portal-color) 12%,transparent);color:var(--portal-color);font-weight:700}.pagina-email .esb-item.active svg{color:var(--portal-color)}.pagina-email .esb-badge{background:var(--portal-color);color:#fff;font-size:10px;font-weight:800;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:grid;place-items:center;flex:0 0 auto}.pagina-email .esb-badge-uit{background:transparent;color:var(--ds-text-subtle);border:1px solid var(--ds-border);font-weight:600;font-size:9px;letter-spacing:.02em;padding:0 7px}.pagina-email .esb-divider{height:1px;background:var(--ds-border);margin:6px 8px}.pagina-email .email-list{border-right:1px solid var(--ds-border);display:flex;flex-direction:column;overflow:hidden}.pagina-email .list-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--ds-border)}.pagina-email .list-header h2{display:flex;align-items:center;gap:7px;margin:0;font-size:13px;font-weight:700;color:var(--ds-text)}.pagina-email .list-header h2 svg{font-size:15px;color:var(--portal-color)}.pagina-email .list-count{font-size:11px;color:var(--ds-text-muted);background:var(--ds-card);border-radius:999px;padding:2px 8px;border:1px solid var(--ds-border-subtle)}.pagina-email .list-toolbar{display:flex;gap:5px;padding:8px 14px;border-bottom:1px solid var(--ds-border)}.pagina-email .filter-btn{white-space:nowrap;padding:3px 11px;border:1px solid var(--ds-border);border-radius:999px;font-size:11px;font-weight:600;color:var(--ds-text-2);background:var(--ds-card);cursor:pointer;transition:background .15s,color .15s}.pagina-email .filter-btn:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-email .filter-btn.active{background:var(--portal-color);border-color:var(--portal-color);color:#fff}.pagina-email .email-items{overflow-y:auto;flex:1}.pagina-email .email-item{display:flex;gap:10px;padding:11px 14px;border-bottom:1px solid var(--ds-border-subtle);cursor:pointer;transition:background .15s}.pagina-email .email-item:hover{background:var(--ds-hover, var(--ds-card))}.pagina-email .email-item.active{background:color-mix(in srgb,var(--portal-color) 9%,transparent);border-left:3px solid var(--portal-color);padding-left:11px}.pagina-email .email-item.unread .ei-from{font-weight:800;color:var(--ds-text)}.pagina-email .email-item.unread .ei-subject{font-weight:700;color:var(--ds-text)}.pagina-email .ei-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px;flex-shrink:0}.pagina-email .ei-content{flex:1;min-width:0}.pagina-email .ei-top{display:flex;justify-content:space-between;gap:8px}.pagina-email .ei-from{font-size:12.5px;color:var(--ds-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pagina-email .ei-date{font-size:11px;color:var(--ds-text-muted);flex-shrink:0}.pagina-email .ei-subject{font-size:12px;color:var(--ds-text-2);margin-top:2px;display:flex;align-items:center;gap:4px}.pagina-email .ei-subject .flag{font-size:12px}.pagina-email .ei-subject .flag.star{color:#f59e0b}.pagina-email .ei-subject .flag.pin{color:#06b6d4}.pagina-email .ei-preview{font-size:11.5px;color:var(--ds-text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pagina-email .email-detail{overflow-y:auto}.pagina-email .detail-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--ds-text-muted)}.pagina-email .detail-empty svg{font-size:50px;color:var(--ds-text-subtle);opacity:.5}.pagina-email .detail-content{display:flex;flex-direction:column}.pagina-email .detail-brand-strip{display:flex;align-items:center;gap:10px;padding:10px 18px;border-bottom:1px solid var(--ds-border);background:var(--ds-card)}.pagina-email .brand-name{font-weight:800;color:var(--ds-text);font-size:12.5px}.pagina-email .brand-sep{width:1px;height:14px;background:var(--ds-border)}.pagina-email .brand-account{font-size:10.5px;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.06em}.pagina-email .detail-header{padding:16px 18px;border-bottom:1px solid var(--ds-border)}.pagina-email .detail-subject{font-size:17px;font-weight:800;color:var(--ds-text);margin-bottom:12px;line-height:1.3}.pagina-email .detail-meta{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.pagina-email .meta-row{display:flex;gap:10px;font-size:12px}.pagina-email .meta-label{width:48px;color:var(--ds-text-muted);flex-shrink:0;font-weight:600}.pagina-email .meta-value{color:var(--ds-text-2);word-break:break-word}.pagina-email .detail-actions{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.pagina-email .dbtn{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:var(--ds-radius-sm);padding:7px 11px;font-weight:700;font-size:12px;cursor:pointer;transition:border-color .15s,color .15s}.pagina-email .dbtn:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-email .dbtn.primary{background:var(--portal-color);border-color:var(--portal-color);color:#fff}.pagina-email .dbtn.primary:hover{opacity:.9;color:#fff}.pagina-email .detail-body,.pagina-email .detail-body *,.pagina-email .detail-meta .meta-value,.pagina-email .detail-subject{-webkit-user-select:text;user-select:text;cursor:text}.pagina-email .bulk-balk{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--ds-border);font-size:13px;font-weight:700}.pagina-email .ei-select{display:flex;align-items:center;padding:4px 6px 4px 0;cursor:pointer}.pagina-email .ei-select input{width:15px;height:15px;accent-color:var(--portal-color);cursor:pointer}.pagina-email .flag.done{color:#16a34a}.pagina-email .toggle-btn.beantwoord.on{border-color:#16a34a;color:#16a34a}.pagina-email .compose-send.wa{background:#25d366}.pagina-email .compose-send.wa:hover{background:#1fb958}.pagina-email .dbtn.whatsapp{background:#25d366;border-color:#25d366;color:#fff;text-decoration:none}.pagina-email .dbtn.whatsapp:hover{opacity:.9;color:#fff}.pagina-email .dbtn.danger{color:#dc2626}.pagina-email .dbtn.danger:hover{border-color:color-mix(in srgb,var(--ds-danger) 50%,transparent);background:color-mix(in srgb,var(--ds-danger) 6%,transparent)}.pagina-email .dbtn.close{margin-left:auto}.pagina-email .dbtn.ai{border-color:var(--portal-color);color:var(--portal-color);background:color-mix(in srgb,var(--portal-color) 8%,transparent)}.pagina-email .dbtn.ai:hover{background:color-mix(in srgb,var(--portal-color) 16%,transparent);color:var(--portal-color)}.pagina-email .dbtn.ai:disabled{opacity:.6;cursor:wait}.pagina-email .ai-hint{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--portal-color);background:color-mix(in srgb,var(--portal-color) 8%,transparent);border:1px solid color-mix(in srgb,var(--portal-color) 22%,transparent);border-radius:8px;padding:7px 10px}.pagina-email .ai-hint svg{font-size:15px;flex-shrink:0}.pagina-email .detail-toggles{display:flex;gap:6px}.pagina-email .toggle-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--ds-border);background:transparent;color:var(--ds-text-muted);border-radius:var(--ds-radius-sm);padding:4px 10px;font-size:11.5px;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.pagina-email .toggle-btn:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-email .toggle-btn.on{border-color:var(--portal-color);color:var(--portal-color);background:color-mix(in srgb,var(--portal-color) 8%,transparent)}.pagina-email .detail-back{display:none;align-items:center;gap:6px;width:100%;border:none;border-bottom:1px solid var(--ds-border);background:var(--ds-card);color:var(--portal-color);font:inherit;font-size:14px;font-weight:700;padding:13px 16px;cursor:pointer}.pagina-email .detail-back svg{font-size:20px}.pagina-email .detail-body{padding:18px}.pagina-email .email-text{font-size:13.5px;color:var(--ds-text);line-height:1.65;white-space:pre-wrap;word-break:break-word}.pagina-email .detail-attachments{margin-top:20px;padding-top:16px;border-top:1px solid var(--ds-border)}.pagina-email .att-heading{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);margin-bottom:10px}.pagina-email .att-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:8px}.pagina-email .att-chip{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-card);text-decoration:none;color:var(--ds-text);transition:border-color .15s,background .15s;min-width:0}.pagina-email .att-chip:hover{border-color:var(--portal-color);background:color-mix(in srgb,var(--portal-color) 6%,var(--ds-card))}.pagina-email .att-chip>svg:first-child{font-size:20px;color:var(--portal-color);flex-shrink:0}.pagina-email .att-chip .att-info{display:flex;flex-direction:column;min-width:0;flex:1}.pagina-email .att-chip .att-name{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pagina-email .att-chip .att-size{font-size:10.5px;color:var(--ds-text-muted)}.pagina-email .att-chip .att-dl{font-size:16px;color:var(--ds-text-muted);flex-shrink:0}.pagina-email .loading{display:flex;align-items:center;gap:10px;padding:24px;color:var(--ds-text-muted);font-size:13px}.pagina-email .spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(148,163,184,.3);border-top-color:var(--portal-color);animation:pagina-email-spin .8s linear infinite}@keyframes pagina-email-spin{to{transform:rotate(360deg)}}.pagina-email .empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 16px;color:var(--ds-text-muted);text-align:center}.pagina-email .empty svg{font-size:40px;color:var(--ds-text-subtle);opacity:.5}.pagina-email .compose-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:none;align-items:center;justify-content:center;z-index:500;padding:16px}.pagina-email .compose-overlay.open{display:flex;animation:pagina-email-fadeIn .15s ease}@keyframes pagina-email-fadeIn{0%{opacity:0}to{opacity:1}}.pagina-email .compose-modal{animation:pagina-email-slideUp .18s ease;position:relative;max-width:820px;height:min(88vh,860px)}@keyframes pagina-email-slideUp{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.pagina-email .compose-body{display:flex;flex-direction:column;gap:13px;flex:1;overflow-y:auto}.pagina-email .compose-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px}.pagina-email .compose-field{display:flex;flex-direction:column;gap:5px}.pagina-email .compose-field.body{flex:1;display:flex;min-height:0}.pagina-email .compose-field.body textarea{flex:1}.pagina-email .compose-field label{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted)}.pagina-email .compose-field input,.pagina-email .compose-field select,.pagina-email .compose-field textarea{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:9px;padding:9px 11px;font:inherit;font-size:13px;box-sizing:border-box;transition:border-color .15s}.pagina-email .compose-field input:focus,.pagina-email .compose-field select:focus,.pagina-email .compose-field textarea:focus{outline:none;border-color:var(--portal-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--portal-color) 12%,transparent)}.pagina-email .compose-field textarea{resize:vertical;min-height:220px;line-height:1.6;font-size:13.5px}.pagina-email .compose-opties{display:flex;gap:18px;padding:0 18px 10px;flex-wrap:wrap}.pagina-email .compose-opties label{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ds-text-muted);cursor:pointer}.pagina-email .compose-opties input{accent-color:#2563eb}.pagina-email .compose-canned{margin-right:auto}.pagina-email .att-picker{display:flex;flex-direction:column;gap:9px}.pagina-email .att-drop{display:flex;flex-direction:column;align-items:center;gap:3px;padding:16px 13px;border:1.5px dashed var(--ds-border);border-radius:12px;background:var(--ds-bg);color:var(--ds-text-2);font-size:12.5px;cursor:pointer;text-align:center;transition:border-color .15s,background .15s,color .15s}.pagina-email .att-drop:hover{border-color:var(--portal-color);color:var(--portal-color);background:color-mix(in srgb,var(--portal-color) 5%,var(--ds-bg))}.pagina-email .att-drop svg{font-size:22px}.pagina-email .att-drop strong{font-weight:700}.pagina-email .att-drop-sub{font-size:10.5px;color:var(--ds-text-muted)}.pagina-email .compose-dropveil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:none;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:16px;border:2.5px dashed var(--portal-color);background:color-mix(in srgb,var(--portal-color) 12%,var(--ds-card));color:var(--portal-color);font-size:15px;font-weight:800;pointer-events:none}.pagina-email .compose-dropveil svg{font-size:34px}.pagina-email .compose-modal.dragging .compose-dropveil{display:flex}.pagina-email .att-pills{display:flex;flex-wrap:wrap;gap:7px}.pagina-email .att-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 6px 5px 10px;border:1px solid var(--ds-border);border-radius:20px;background:var(--ds-bg);font-size:12px;max-width:100%}.pagina-email .att-pill>svg:first-child{font-size:14px;color:var(--portal-color);flex-shrink:0}.pagina-email .att-pill .att-psize{color:var(--ds-text-muted);font-size:10.5px}.pagina-email .att-remove{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--ds-text-muted);cursor:pointer;padding:2px;border-radius:50%;line-height:1}.pagina-email .att-remove:hover{color:var(--ds-danger);background:color-mix(in srgb,currentColor 12%,transparent)}.pagina-email .att-remove svg{font-size:15px}.pagina-email .compose-send{display:inline-flex;align-items:center;gap:6px;border:none;background:var(--portal-color);color:#fff;border-radius:9px;padding:9px 16px;font-weight:700;font-size:13px;cursor:pointer;transition:opacity .15s}.pagina-email .compose-send:hover:not(:disabled){opacity:.9}.pagina-email .compose-send:disabled{opacity:.55;cursor:wait}.pagina-email .compose-discard{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:9px;padding:9px 16px;font-weight:700;font-size:13px;cursor:pointer;transition:border-color .15s}.pagina-email .compose-discard:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-email .toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ds-text);color:var(--ds-card);padding:11px 20px;border-radius:10px;font-size:13px;font-weight:600;z-index:600;box-shadow:0 8px 32px #00000059;animation:pagina-email-toastIn .2s ease}@keyframes pagina-email-toastIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 980px) and (min-width: 769px){.pagina-email .email-main{grid-template-columns:200px 1fr;max-height:none}.pagina-email .email-detail,.pagina-email .email-main.detail-open .email-list{display:none}.pagina-email .email-main.detail-open .email-detail{display:block;grid-column:2}}@media (max-width: 768px){.pagina-email .page-container{gap:10px}.pagina-email .email-toolbar{flex-wrap:wrap;padding:10px}.pagina-email .search{max-width:none;width:100%;order:2}.pagina-email .actions{margin-left:0;order:1;width:100%}.pagina-email .actions .btn-icon{flex:1;justify-content:center}.pagina-email .email-main{display:block;min-height:0;max-height:none;overflow:visible}.pagina-email .email-sidebar{display:flex;gap:6px;overflow-x:auto;padding:8px 10px;border-right:none;border-bottom:1px solid var(--ds-border);-webkit-overflow-scrolling:touch;scrollbar-width:none}.pagina-email .email-sidebar::-webkit-scrollbar{display:none}.pagina-email .esb-label,.pagina-email .esb-divider{display:none}.pagina-email .esb-item{flex:0 0 auto;border:1px solid var(--ds-border);border-radius:999px;padding:6px 12px}.pagina-email .esb-item span{flex:0 0 auto;max-width:220px}.pagina-email .email-list{border-right:none;max-height:none}.pagina-email .list-toolbar{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pagina-email .list-toolbar::-webkit-scrollbar{display:none}.pagina-email .list-toolbar>*{flex:0 0 auto}.pagina-email .email-item{padding:13px 14px}.pagina-email .ei-avatar{width:40px;height:40px;font-size:15px}.pagina-email .email-detail,.pagina-email .email-main.detail-open .email-list,.pagina-email .email-main.detail-open .email-sidebar{display:none}.pagina-email .email-main.detail-open{min-height:60vh}.pagina-email .email-main.detail-open .email-detail{display:block;background:var(--ds-card)}.pagina-email .detail-back{display:flex;position:sticky;top:0;z-index:3}.pagina-email .detail-actions{flex-wrap:wrap}.pagina-email .dbtn.close{display:none}.pagina-email .compose-modal{max-height:100vh;height:100%;border-radius:0;max-width:none}.pagina-email .compose-row{grid-template-columns:1fr}}@media (max-width: 480px){.pagina-email .email-toolbar{padding:8px;gap:8px}.pagina-email .actions .btn-icon{padding:7px 10px;font-size:12px}.pagina-email .email-item{padding:11px 12px;gap:9px}.pagina-email .ei-avatar{width:36px;height:36px;font-size:13px}.pagina-email .ei-top{gap:6px}.pagina-email .ei-subject{font-size:11.5px;word-break:break-word}.pagina-email .meta-row{flex-direction:column;gap:2px;font-size:11.5px}.pagina-email .detail-actions .dbtn{flex:1 0 calc(50% - 6px);justify-content:center}.pagina-email .compose-body{gap:10px}.pagina-email .compose-field input,.pagina-email .compose-field textarea{font-size:13px}}@media (min-width: 769px){.pagina-email .email-main{height:calc(100vh - 210px);min-height:320px}.pagina-email .email-list,.pagina-email .email-detail{overflow-y:auto}}.pagina-email .att-picker input[type=file]{font-size:12.5px;color:var(--ds-text-2)}.pagina-email .actions{display:flex;align-items:center;gap:8px}.pagina-email .actions .btn-icon{width:auto;min-width:0;height:32px;padding:0 14px;gap:7px;border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap}.pagina-email .meta-label{width:96px}.pagina-backend-live .arch-statusbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.86rem;color:var(--cdt-text-secondary,#71717a);margin:4px 2px 14px}.pagina-backend-live .live-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 #22c55e99;animation:pagina-backend-live-pulse 2s infinite}.pagina-backend-live .live-dot.stale{background:#f59e0b;animation:none}@keyframes pagina-backend-live-pulse{0%{box-shadow:0 0 #22c55e8c}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.pagina-backend-live .arch-tel{margin-left:auto;font-variant-numeric:tabular-nums}.pagina-backend-live .waarschuw{color:#f59e0b;font-weight:600}.pagina-backend-live .arch-ververs{background:none;border:1px solid var(--cdt-border,#2a2a35);color:inherit;border-radius:8px;padding:3px 8px;cursor:pointer;display:inline-flex;align-items:center}.pagina-backend-live .arch-legenda{display:flex;gap:16px;flex-wrap:wrap;font-size:.8rem;color:var(--cdt-text-secondary,#71717a);margin:0 2px 16px}.pagina-backend-live .arch-legenda .dot{margin-right:5px}.pagina-backend-live .dot{display:inline-block;width:9px;height:9px;border-radius:50%;vertical-align:middle}.pagina-backend-live .dot.up{background:#22c55e}.pagina-backend-live .dot.down{background:#ef4444}.pagina-backend-live .dot.warn{background:#f59e0b}.pagina-backend-live .dot.off{background:#8b8b95}.pagina-backend-live .arch-lane{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 4px}.pagina-backend-live .arch-node.entry{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:12px;background:var(--cdt-bg-elevated,#17171f);border:1px solid var(--cdt-border,#2a2a35);font-weight:600;min-width:150px}.pagina-backend-live .arch-node.entry svg{font-size:1.1rem;vertical-align:-2px;margin-right:6px}.pagina-backend-live .arch-node.entry small{font-weight:400;color:var(--cdt-text-secondary,#71717a);font-size:.74rem}.pagina-backend-live .arch-arrow{color:var(--cdt-text-secondary,#71717a);font-size:1.4rem;font-weight:700}.pagina-backend-live .arch-splitter{display:flex;align-items:center;gap:12px;margin:22px 2px 12px;color:var(--cdt-text-secondary,#71717a);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.pagina-backend-live .arch-splitter:before,.pagina-backend-live .arch-splitter:after{content:"";flex:1;height:1px;background:var(--cdt-border,#2a2a35)}.pagina-backend-live .arch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:12px}.pagina-backend-live .card.arch-app,.pagina-backend-live .card.arch-jobs{margin-bottom:4px}.pagina-backend-live .card.arch-app{border-left:3px solid #6366f1}.pagina-backend-live .card.arch-jobs{border-left:3px solid #22c55e}.pagina-backend-live .arch-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.pagina-backend-live .arch-card-title{font-weight:700;display:flex;align-items:center;gap:6px}.pagina-backend-live .arch-card-title.gestopt{color:var(--cdt-text-secondary,#8b8b95)}.pagina-backend-live .arch-card-title svg{font-size:1.05rem}.pagina-backend-live .arch-poort{font-family:ui-monospace,monospace;font-size:.8rem;color:var(--cdt-text-secondary,#71717a);background:var(--cdt-bg-primary,#0f0f14);border-radius:6px;padding:1px 7px}.pagina-backend-live .arch-domein{font-size:.78rem;color:var(--cdt-text-secondary,#71717a);margin:5px 0 9px;word-break:break-word}.pagina-backend-live .arch-hosts{display:flex;flex-wrap:wrap;gap:6px}.pagina-backend-live .arch-host{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;padding:3px 9px;border-radius:20px;background:var(--cdt-bg-primary,#0f0f14);border:1px solid var(--cdt-border,#2a2a35)}.pagina-backend-live .arch-host small{color:var(--cdt-text-secondary,#71717a)}.pagina-backend-live .arch-host.st-down{border-color:#ef4444}.pagina-backend-live .arch-host.st-warn{border-color:#f59e0b}.pagina-backend-live .arch-ms{font-variant-numeric:tabular-nums;color:var(--cdt-text-secondary,#71717a)}.pagina-backend-live .arch-ms.down{color:#ef4444;font-weight:600}.pagina-backend-live .arch-ms.off{color:#8b8b95}.pagina-backend-live .arch-hb{display:inline-flex;align-items:center;gap:4px;color:#8b8b95;font-size:.74rem}.pagina-backend-live .arch-hb.aan{color:#22c55e;font-weight:600}.pagina-backend-live .arch-hb svg{font-size:.85rem}.pagina-backend-live .arch-db .dot.up{margin-right:5px}.pagina-uitbreid .guide-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--ds-border-subtle)}.pagina-uitbreid .guide-header-left{display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700;color:var(--ds-text)}.pagina-uitbreid .guide-header-left svg{font-size:20px;color:var(--portal-color)}.pagina-uitbreid .guide-nav{display:flex;align-items:center;gap:8px}.pagina-uitbreid .guide-btn{width:34px;height:34px;border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);display:grid;place-items:center;cursor:pointer;font-size:16px;transition:border-color .18s,color .18s,background .18s}.pagina-uitbreid .guide-btn:hover{border-color:var(--portal-color);color:var(--portal-color);background:color-mix(in srgb,var(--portal-color) 6%,transparent)}.pagina-uitbreid .guide-counter{font-size:12.5px;font-weight:700;color:var(--ds-text-muted);font-variant-numeric:tabular-nums;min-width:44px;text-align:center}.pagina-uitbreid .guide-track-wrap{overflow:hidden;border-radius:10px;background:var(--ds-card);border:1px solid var(--ds-border-subtle)}.pagina-uitbreid .guide-track{display:flex;transition:transform .32s cubic-bezier(.4,0,.2,1)}.pagina-uitbreid .guide-slide{flex:0 0 100%;display:flex;gap:20px;padding:18px 16px;box-sizing:border-box}.pagina-uitbreid .guide-slide-icon{width:60px;height:60px;border-radius:14px;display:grid;place-items:center;font-size:28px;flex-shrink:0;color:var(--icon-color, #3b82f6);background:color-mix(in srgb,var(--icon-color, #3b82f6) 11%,transparent);border:1px solid color-mix(in srgb,var(--icon-color, #3b82f6) 22%,transparent)}.pagina-uitbreid .guide-slide-body{flex:1;min-width:0}.pagina-uitbreid .guide-step-label{font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--portal-color);margin-bottom:5px;opacity:.85}.pagina-uitbreid .guide-slide-title{font-size:17px;font-weight:800;color:var(--ds-text);margin:0 0 8px;line-height:1.3}.pagina-uitbreid .guide-slide-text{font-size:13.5px;line-height:1.65;color:var(--ds-text-2);margin:0 0 12px}.pagina-uitbreid .guide-slide-text strong{color:var(--ds-text);font-weight:600}.pagina-uitbreid .guide-slide-text code,.pagina-uitbreid .guide-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}.pagina-uitbreid .guide-slide-text code{background:var(--ds-card);padding:2px 6px;border-radius:5px;color:var(--ds-text);border:1px solid var(--ds-border-subtle)}.pagina-uitbreid .guide-code{display:block;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:9px;padding:13px 15px;color:var(--ds-text-2);line-height:1.75;margin:0 0 12px;overflow-x:auto}.pagina-uitbreid .guide-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.pagina-uitbreid .guide-tag{font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;border:1px solid transparent}.pagina-uitbreid .guide-tag.blue{background:#3b82f61a;color:#3b82f6;border-color:#3b82f633}.pagina-uitbreid .guide-tag.green{background:#22c55e1a;color:#22c55e;border-color:#22c55e33}.pagina-uitbreid .guide-tag.yellow{background:#f59e0b1a;color:#f59e0b;border-color:#f59e0b33}.pagina-uitbreid .guide-dots{display:flex;justify-content:center;gap:7px;margin-top:14px}.pagina-uitbreid .guide-dot{width:7px;height:7px;border-radius:50%;border:none;background:var(--ds-border);cursor:pointer;padding:0;transition:width .22s cubic-bezier(.4,0,.2,1),background .22s,border-radius .22s}.pagina-uitbreid .guide-dot.active{background:var(--portal-color);width:20px;border-radius:999px}.pagina-uitbreid .guide-dot:hover:not(.active){background:var(--ds-text-muted)}@media (max-width: 600px){.pagina-uitbreid .guide-slide{flex-direction:column;gap:14px;padding:16px 14px}.pagina-uitbreid .guide-slide-icon{width:50px;height:50px;font-size:24px}}@media (max-width: 480px){.pagina-uitbreid .guide-header{flex-wrap:wrap;gap:8px}.pagina-uitbreid .guide-slide{padding:14px 12px;gap:12px}.pagina-uitbreid .guide-slide-icon{width:44px;height:44px;font-size:21px}.pagina-uitbreid .guide-tags{gap:4px}.pagina-uitbreid .guide-nav{gap:6px}.pagina-uitbreid .guide-dots{gap:5px}.pagina-uitbreid .guide-slide,.pagina-uitbreid .guide-slide *{word-break:keep-all;overflow-wrap:break-word}}.pagina-uitbreid .adv-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--ds-border-subtle)}.pagina-uitbreid .adv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:12px}.pagina-uitbreid .adv-stat{background:var(--ds-deep);border:1px solid var(--ds-border);border-radius:12px;padding:12px 14px}.pagina-uitbreid .adv-stat-val{font-size:24px;font-weight:800;color:var(--ds-text);font-variant-numeric:tabular-nums}.pagina-uitbreid .adv-stat-lbl{font-size:12px;color:var(--ds-text-muted);margin-top:2px}.pagina-uitbreid .adv-stat.warn .adv-stat-val{color:#f59e0b}.pagina-uitbreid .adv-stat.crit .adv-stat-val{color:#ef4444}.pagina-uitbreid .adv-usage{font-size:13px;color:var(--ds-text-2);margin-bottom:16px}.pagina-uitbreid .adv-usage b{color:var(--ds-text)}.pagina-uitbreid .adv-servers{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:16px}.pagina-uitbreid .adv-srv{border:1px solid var(--ds-border);border-radius:12px;padding:10px 12px}.pagina-uitbreid .adv-srv-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.pagina-uitbreid .adv-srv-naam{font-weight:700;font-size:13px;color:var(--ds-text)}.pagina-uitbreid .adv-srv-rol{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);background:var(--ds-border-subtle);padding:1px 6px;border-radius:6px}.pagina-uitbreid .adv-bar{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--ds-text-muted);margin:4px 0}.pagina-uitbreid .adv-bar>span{width:28px}.pagina-uitbreid .adv-bar>b{width:34px;text-align:right;color:var(--ds-text-2);font-variant-numeric:tabular-nums}.pagina-uitbreid .adv-bar-track{flex:1;height:6px;border-radius:4px;background:var(--ds-border-subtle);overflow:hidden}.pagina-uitbreid .adv-bar-fill{height:100%;background:#22c55e;border-radius:4px;transition:width .3s}.pagina-uitbreid .adv-bar-fill.warn{background:#f59e0b}.pagina-uitbreid .adv-bar-fill.crit{background:#ef4444}.pagina-uitbreid .adv-offline{color:#ef4444;font-weight:700;font-size:12px}.pagina-uitbreid .adv-recos{display:flex;flex-direction:column;gap:8px}.pagina-uitbreid .adv-reco{display:flex;align-items:center;gap:10px;border:1px solid var(--ds-border);border-left-width:4px;border-radius:10px;padding:10px 12px}.pagina-uitbreid .adv-reco.prio-hoog{border-left-color:#ef4444}.pagina-uitbreid .adv-reco.prio-middel{border-left-color:#f59e0b}.pagina-uitbreid .adv-reco.prio-laag{border-left-color:#3b82f6}.pagina-uitbreid .adv-reco.prio-geen{border-left-color:#22c55e}.pagina-uitbreid .adv-prio{font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.05em;padding:2px 7px;border-radius:6px;background:var(--ds-border-subtle);color:var(--ds-text-2);white-space:nowrap}.pagina-uitbreid .adv-reco-body{flex:1;min-width:0}.pagina-uitbreid .adv-reco-titel{font-weight:700;font-size:13px;color:var(--ds-text)}.pagina-uitbreid .adv-reco-actie{font-size:12.5px;color:var(--ds-text-2);margin-top:1px}.pagina-uitbreid .adv-wanneer{font-size:12px;font-weight:700;color:var(--portal-color);white-space:nowrap}.pagina-uitbreid .adv-foot{margin-top:14px;padding-top:10px;border-top:1px solid var(--ds-border-subtle);font-size:11px;color:var(--ds-text-muted)}@media (max-width:640px){.pagina-uitbreid .adv-reco{flex-wrap:wrap}.pagina-uitbreid .adv-wanneer{width:100%}}.pagina-uitbreid .adv-srv-meta{margin-top:8px;padding-top:7px;border-top:1px solid var(--ds-border-subtle);font-size:10.5px;color:var(--ds-text-muted);font-variant-numeric:tabular-nums}.pagina-uitbreid pre.guide-code{white-space:pre-wrap;margin:0 0 12px}.groei{--g-radius:18px;--g-radius-sm:12px;--g-radius-xs:9px;--g-grad:linear-gradient(135deg,#6366f1 0%,#8b5cf6 52%,#3b82f6 100%);--g-grad-soft:linear-gradient(135deg,rgba(99,102,241,.14),rgba(139,92,246,.1) 60%,rgba(59,130,246,.12));--g-glass:color-mix(in srgb, var(--ds-card) 78%, transparent);--g-shadow:0 1px 2px rgba(16,24,40,.05), 0 10px 28px -14px rgba(16,24,40,.16);--g-shadow-lg:0 2px 6px rgba(16,24,40,.06), 0 28px 56px -22px rgba(16,24,40,.26);--g-card-hi:inset 0 1px 0 rgba(255,255,255,.6);--g-ring:color-mix(in srgb, var(--portal-color) 40%, transparent);--g-green:#22c55e;--g-blue:#3b82f6;--g-orange:#f59e0b;--g-red:#ef4444;--g-amber:#f59e0b;--g-indigo:#6366f1;--g-purple:#8b5cf6;display:flex;flex-direction:column;gap:20px;-webkit-font-smoothing:antialiased;letter-spacing:-.01em;padding-bottom:24px}.groei *{box-sizing:border-box}html.dark .groei,html.dark-mode .groei,body.dark .groei,body.dark-mode .groei{--g-shadow:0 1px 2px rgba(0,0,0,.35), 0 14px 34px -16px rgba(0,0,0,.72);--g-shadow-lg:0 3px 10px rgba(0,0,0,.42), 0 36px 66px -26px rgba(0,0,0,.9);--g-glass:color-mix(in srgb, var(--ds-card) 66%, transparent);--g-grad-soft:linear-gradient(135deg,rgba(129,140,248,.22),rgba(167,139,250,.15) 60%,rgba(96,165,250,.17));--g-card-hi:inset 0 1px 0 rgba(255,255,255,.05)}.g-hero{position:relative;overflow:hidden;border-radius:var(--g-radius);padding:26px 28px;background:var(--g-grad);color:#fff;box-shadow:var(--g-shadow-lg);animation:gFade .5s ease both}.g-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 140% at 90% -20%,rgba(255,255,255,.25),transparent 55%);pointer-events:none}.g-hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;position:relative;z-index:1}.g-hello{font-size:26px;font-weight:800;margin:0;line-height:1.1;letter-spacing:-.02em}.g-hello span{opacity:.9;font-weight:600}.g-date{font-size:13px;opacity:.85;margin-top:4px}.g-hero-brief{margin:14px 0 0;font-size:14.5px;line-height:1.5;max-width:70ch;opacity:.96;position:relative;z-index:1}.g-hero-actions{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1;min-width:0;max-width:100%}.gcard{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:var(--g-radius);padding:18px 20px;box-shadow:var(--g-card-hi),var(--g-shadow);animation:gFade .5s ease both}.gcard.glass{background:var(--g-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.gcard.pad0{padding:0;overflow:hidden}.gcard-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.gcard-head h2{margin:0;font-size:14px;font-weight:750;color:var(--ds-text);display:flex;align-items:center;gap:8px;letter-spacing:-.01em}.gcard-head h2 svg{color:var(--portal-color);font-size:17px}.gcard-meta{font-size:12px;color:var(--ds-text-muted)}.g-sub{font-size:12.5px;color:var(--ds-text-muted);margin:2px 0 0}.g-grid{display:grid;gap:16px}@media (min-width:900px){.g-2{grid-template-columns:1.5fr 1fr}}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:12px}.kpi{position:relative;border:1px solid var(--ds-border);border-radius:var(--g-radius-sm);padding:14px 15px;background:var(--ds-card);box-shadow:var(--g-card-hi),var(--g-shadow);transition:transform .18s ease,box-shadow .18s ease;overflow:hidden}.kpi:hover{transform:translateY(-2px);box-shadow:var(--g-card-hi),var(--g-shadow-lg)}.kpi-ic{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;margin-bottom:9px;background:var(--g-grad-soft)}.kpi-ic svg{font-size:17px;color:var(--portal-color)}.kpi-val{font-size:25px;font-weight:800;color:var(--ds-text);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.kpi-val .u{font-size:14px;font-weight:700;color:var(--ds-text-muted);margin-left:1px}.kpi-lbl{font-size:11.5px;color:var(--ds-text-muted);margin-top:5px;font-weight:500}.kpi-delta{font-size:11px;font-weight:700;margin-top:4px;display:inline-flex;align-items:center;gap:2px}.kpi-delta.up{color:var(--g-green)}.kpi-delta.down{color:var(--g-red)}.kpi-delta.flat{color:var(--ds-text-subtle)}.kpi.accent{background:var(--g-grad);border:none;color:#fff}.kpi.accent .kpi-val,.kpi.accent .kpi-lbl{color:#fff}.kpi.accent .kpi-ic{background:#fff3}.kpi.accent .kpi-ic svg{color:#fff}.g-score-wrap{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.g-ring{--p:0;width:118px;height:118px;border-radius:50%;flex-shrink:0;background:conic-gradient(var(--portal-color) calc(var(--p)*1%),var(--ds-border) 0);display:grid;place-items:center}.g-ring:before{content:"";grid-area:1/1;width:92px;height:92px;border-radius:50%;background:var(--ds-card)}.g-ring-in{grid-area:1/1;text-align:center}.g-ring-num{font-size:32px;font-weight:850;color:var(--ds-text);line-height:1;font-variant-numeric:tabular-nums}.g-ring-lbl{font-size:10px;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.g-score-txt h3{margin:0 0 3px;font-size:16px;font-weight:750;color:var(--ds-text)}.g-score-txt p{margin:0;font-size:13px;color:var(--ds-text-muted);max-width:42ch;line-height:1.45}.g-spark{width:100%;height:44px;margin-top:10px}.g-spark .ln{fill:none;stroke:var(--portal-color);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.g-spark .fl{fill:color-mix(in srgb,var(--portal-color) 12%,transparent);stroke:none}.advies-list{display:flex;flex-direction:column;gap:9px}.advies{display:flex;align-items:center;gap:13px;padding:12px 13px;border:1px solid var(--ds-border);border-radius:var(--g-radius-sm);background:var(--ds-card);transition:transform .15s ease,border-color .15s;animation:gFade .4s ease both}.advies:hover{transform:translate(2px);border-color:var(--g-ring)}.advies-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex-shrink:0;color:#fff}.advies-ic svg{font-size:19px}.a-green{background:linear-gradient(135deg,#22c55e,#16a34a)}.a-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.a-orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.a-red{background:linear-gradient(135deg,#ef4444,#dc2626)}.a-indigo{background:linear-gradient(135deg,#6366f1,#4f46e5)}.a-amber{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.advies-body{flex:1;min-width:0}.advies-t{font-size:13.5px;font-weight:650;color:var(--ds-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.advies-s{font-size:12px;color:var(--ds-text-muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.advies-kans{font-size:11px;font-weight:800;color:var(--g-green);background:color-mix(in srgb,var(--g-green) 14%,transparent);padding:3px 8px;border-radius:99px;white-space:nowrap}.advies-go{border:none;background:var(--g-grad);color:#fff;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:transform .15s}.advies-go:hover{transform:scale(1.08)}.advies-go svg{font-size:17px}.missie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:12px}.missie{border:1px solid var(--ds-border);border-radius:var(--g-radius-sm);padding:13px;background:var(--ds-card);transition:border-color .2s}.missie.done{border-color:color-mix(in srgb,var(--g-green) 55%,transparent);background:color-mix(in srgb,var(--g-green) 7%,var(--ds-card))}.missie-top{display:flex;align-items:center;gap:9px;margin-bottom:9px}.missie-ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--g-grad-soft);flex-shrink:0}.missie-ic svg{font-size:16px;color:var(--portal-color)}.missie.done .missie-ic{background:color-mix(in srgb,var(--g-green) 18%,transparent)}.missie.done .missie-ic svg{color:var(--g-green)}.missie-lbl{font-size:13px;font-weight:650;color:var(--ds-text);flex:1}.missie-cnt{font-size:12px;color:var(--ds-text-muted);font-variant-numeric:tabular-nums}.missie-bar{height:7px;border-radius:99px;background:var(--ds-border);overflow:hidden}.missie-fill{height:100%;border-radius:99px;background:var(--g-grad);transition:width .4s cubic-bezier(.4,0,.2,1)}.missie.done .missie-fill{background:linear-gradient(135deg,#22c55e,#16a34a)}.missie-actions{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.missie-xp{font-size:11px;color:var(--ds-text-subtle);font-weight:600}.missie-plus{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:8px;padding:4px 11px;font-size:12px;font-weight:750;cursor:pointer;transition:.15s}.missie-plus:hover{border-color:var(--portal-color);color:var(--portal-color)}.pipe{display:flex;gap:9px;overflow-x:auto;padding-bottom:4px}.pipe-step{flex:1;min-width:96px;text-align:center;padding:13px 8px;border-radius:var(--g-radius-sm);border:1px solid var(--ds-border);background:var(--ds-card);position:relative}.pipe-step:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:99px 99px 0 0;background:var(--dot,var(--portal-color));opacity:.85}.pipe-count{font-size:23px;font-weight:800;color:var(--ds-text);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.pipe-label{font-size:11px;color:var(--ds-text-muted);margin-top:3px}.gbtn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:var(--ds-radius-sm);padding:8px 13px;font-size:13px;font-weight:600;cursor:pointer;transition:.16s;white-space:nowrap;text-decoration:none}.gbtn:hover{border-color:var(--portal-color);color:var(--portal-color)}.gbtn svg{font-size:16px}.gbtn-primary{border:none;background:var(--g-grad);color:#fff;box-shadow:0 6px 16px -6px var(--g-ring)}.gbtn-primary:hover{color:#fff;filter:brightness(1.06);transform:translateY(-1px)}.gbtn-ghost{border-color:transparent;background:color-mix(in srgb,var(--portal-color) 10%,transparent);color:var(--portal-color)}.gbtn.sm{padding:5px 10px;font-size:12px;border-radius:var(--ds-radius-sm)}.gbtn.on-grad{background:#ffffff29;border-color:#ffffff40;color:#fff}.gbtn.on-grad:hover{background:#ffffff42;color:#fff}.gbtn:disabled{opacity:.55;cursor:default}.gbtn.danger:hover{border-color:var(--g-red);color:var(--g-red)}.g-chip{font-size:12px;padding:5px 11px;border-radius:99px;border:1px solid var(--ds-border);cursor:pointer;color:var(--ds-text-muted);background:var(--ds-card);transition:.15s;white-space:nowrap}.g-chip:hover{border-color:var(--g-ring)}.g-chip.active{background:var(--g-grad);color:#fff;border-color:transparent}.g-badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:99px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.g-pill{font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:99px;background:var(--ds-hover);color:var(--ds-text-muted)}.g-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.g-search{display:flex;align-items:center;gap:7px;flex:1;min-width:220px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;padding:3px 11px}.g-search svg{color:var(--ds-text-muted);font-size:16px}.g-search input{border:none;background:none;flex:1;color:var(--ds-text);font-size:13px;padding:7px 0;outline:none}.g-select,.g-input{background:var(--ds-input);border:1px solid var(--ds-border);color:var(--ds-text);border-radius:10px;padding:8px 11px;font-size:13px;outline:none;transition:border-color .15s}.g-select:focus,.g-input:focus{border-color:var(--portal-color)}.g-count{font-size:12px;color:var(--ds-text-muted);margin-left:auto;font-weight:600}.g-tablewrap{overflow-x:auto}.g-table{width:100%;border-collapse:collapse;font-size:13px}.g-table th{text-align:left;padding:11px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted);background:var(--ds-table-header);border-bottom:1px solid var(--ds-border);font-weight:700;position:sticky;top:0}.g-table td{padding:11px 14px;border-bottom:1px solid var(--ds-border-subtle);color:var(--ds-text-2)}.g-table tbody tr{cursor:pointer;transition:background .12s}.g-table tbody tr:hover{background:var(--ds-table-hover)}.g-table tr.dim{opacity:.5}.g-td-name{font-weight:650;color:var(--ds-text)}.g-mono{font-variant-numeric:tabular-nums}.g-muted{color:var(--ds-text-muted)}.g-empty{text-align:center;padding:40px 20px;color:var(--ds-text-muted)}.g-empty svg{font-size:34px;opacity:.4;display:block;margin:0 auto 10px}.g-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#090b1480;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;z-index:1200;animation:gFade .2s ease}.g-drawer{margin-left:auto;height:100%;width:600px;max-width:96vw;background:var(--ds-card);box-shadow:-16px 0 48px -12px #00000059;display:flex;flex-direction:column;animation:gSlide .28s cubic-bezier(.4,0,.2,1)}.g-modal{margin:auto;width:720px;max-width:94vw;max-height:90vh;background:var(--ds-card);border-radius:var(--g-radius);box-shadow:var(--g-shadow-lg);display:flex;flex-direction:column;animation:gPop .24s cubic-bezier(.34,1.3,.64,1)}.g-dhead{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--ds-border)}.g-dhead h3{margin:0;font-size:16px;font-weight:750;color:var(--ds-text)}.g-x{background:none;border:none;cursor:pointer;color:var(--ds-text-muted);font-size:22px;display:grid;place-items:center;border-radius:8px;width:32px;height:32px}.g-x:hover{background:var(--ds-hover);color:var(--ds-text)}.g-dbody{padding:18px 20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:16px}.g-dfoot{padding:13px 20px;border-top:1px solid var(--ds-border);display:flex;gap:9px;justify-content:flex-end}.g-field{display:flex;flex-direction:column;gap:4px}.g-field>span{font-size:11.5px;color:var(--ds-text-muted);font-weight:600}.g-field input,.g-field select,.g-field textarea{background:var(--ds-input);border:1px solid var(--ds-border);color:var(--ds-text);border-radius:9px;padding:8px 11px;font-size:13px;outline:none;transition:border-color .15s;width:100%}.g-field input:focus,.g-field select:focus,.g-field textarea:focus{border-color:var(--portal-color)}.g-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.g-grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.g-section{border:1px solid var(--ds-border);border-radius:var(--g-radius-sm);padding:14px;background:color-mix(in srgb,var(--ds-bg) 60%,var(--ds-card))}.g-section-h{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:750;color:var(--ds-text);margin-bottom:11px}.g-section-h svg{color:var(--portal-color);font-size:16px}.g-out{white-space:pre-wrap;word-break:break-word;font-size:12.5px;line-height:1.55;background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:9px;padding:12px;max-height:340px;overflow:auto;color:var(--ds-text)}.g-note{font-size:12px;color:var(--ds-text-muted);line-height:1.5}.g-err{font-size:13px;color:var(--g-red)}.g-ok{font-size:13px;color:var(--g-green)}.g-loading{font-size:12.5px;color:var(--ds-text-muted);display:flex;align-items:center;gap:8px}.g-dots:after{content:"…";animation:gDots 1.2s steps(4) infinite}@keyframes gFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes gSlide{0%{transform:translate(40px);opacity:.4}to{transform:none;opacity:1}}@keyframes gPop{0%{transform:scale(.94);opacity:0}to{transform:none;opacity:1}}@keyframes gDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@media (max-width:640px){.g-grid2,.g-grid3{grid-template-columns:1fr}.g-hello{font-size:22px}}.groei :focus-visible{outline:2px solid var(--portal-color);outline-offset:2px;border-radius:8px}.gbtn:focus-visible,.g-chip:focus-visible,.advies-go:focus-visible,.gbtn.on-grad:focus-visible{outline-color:var(--portal-color-light);outline-offset:2px}@media (prefers-reduced-motion:reduce){.groei *,.g-hero,.gcard,.kpi,.advies,.g-drawer,.g-modal,.g-overlay{animation:none;transition:none}}.gr-wrap,.gr-balken,.gr-verdeling{--gr-1: #2a78d6;--gr-2: #eb6834;--gr-3: #1baf7a;--gr-4: #eda100;--gr-op: #16a34a;--gr-af: #e11d48;position:relative}body.dark .gr-wrap,body.dark .gr-balken,body.dark .gr-verdeling,body.dark-mode .gr-wrap,body.dark-mode .gr-balken,body.dark-mode .gr-verdeling{--gr-1: #3987e5;--gr-2: #d95926;--gr-3: #199e70;--gr-4: #c98500;--gr-op: #34d399;--gr-af: #fb7185}.gr-svg{width:100%;display:block;overflow:visible}.gr-raster{stroke:var(--ds-border-subtle);stroke-width:1}.gr-nul{stroke:var(--ds-border-strong);stroke-width:1}.gr-as{fill:var(--ds-text-subtle);font-size:11px}.gr-lijn{fill:none;stroke:var(--gr-1);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.gr-punt{fill:var(--gr-1);stroke:var(--ds-card);stroke-width:2}.gr-eind{fill:var(--ds-text);font-size:13px;font-weight:700}.gr-kruis{stroke:var(--ds-border-strong);stroke-width:1;stroke-dasharray:3 3}.gr-bij{fill:var(--gr-op)}.gr-af{fill:var(--gr-af)}.gr-legenda{display:flex;gap:18px;flex-wrap:wrap;margin-top:8px;font-size:.82rem;color:var(--ds-text-muted)}.gr-legenda span{display:inline-flex;align-items:center;gap:6px}.gr-v{width:10px;height:10px;border-radius:3px;flex:none;display:inline-block}.gr-v.bij{background:var(--gr-op)}.gr-v.af{background:var(--gr-af)}.gr-v.s1{background:var(--gr-1)}.gr-v.s2{background:var(--gr-2)}.gr-v.s3{background:var(--gr-3)}.gr-v.s4{background:var(--gr-4)}.gr-tip{position:absolute;top:4px;transform:translate(-50%);pointer-events:none;display:flex;flex-direction:column;gap:1px;padding:7px 10px;border-radius:8px;background:var(--ds-card-elevated);border:1px solid var(--ds-border);box-shadow:0 6px 20px #0000001f;font-size:.78rem;color:var(--ds-text-muted);white-space:nowrap;z-index:3}.gr-tip.vast{left:auto;right:0;transform:none}.gr-tip b{color:var(--ds-text);font-size:.82rem}.gr-tip .sterk{color:var(--ds-text);font-weight:600}.gr-leeg{padding:28px 0;text-align:center;color:var(--ds-text-subtle);font-size:.86rem}.gr-balken{display:flex;flex-direction:column;gap:10px}.gr-balk-rij{display:grid;grid-template-columns:1fr 2fr auto auto;gap:12px;align-items:center;font-size:.85rem}.gr-balk-naam{display:inline-flex;align-items:center;gap:8px;color:var(--ds-text);text-transform:capitalize}.gr-balk-spoor{height:10px;border-radius:999px;background:var(--ds-border-subtle);overflow:hidden}.gr-balk{display:block;height:100%;border-radius:999px}.gr-balk.s1{background:var(--gr-1)}.gr-balk.s2{background:var(--gr-2)}.gr-balk.s3{background:var(--gr-3)}.gr-balk.s4{background:var(--gr-4)}.gr-balk-nr{color:var(--ds-text);font-weight:600;font-variant-numeric:tabular-nums}.gr-balk-bedrag{color:var(--ds-text-muted);font-variant-numeric:tabular-nums;min-width:82px;text-align:right}.gr-verd-balk{display:flex;gap:2px;height:14px;border-radius:999px;overflow:hidden;background:var(--ds-border-subtle)}.gr-verd-stuk{display:block;height:100%}.gr-verd-stuk.op{background:var(--gr-op)}.gr-verd-stuk.wacht{background:var(--gr-4)}.gr-verd-stuk.geen{background:var(--ds-border-strong)}.gr-v.op{background:var(--gr-op)}.gr-v.wacht{background:var(--gr-4)}.gr-v.geen{background:var(--ds-border-strong)}.gr-verd-legenda{display:flex;gap:20px;flex-wrap:wrap;margin-top:10px;font-size:.84rem;color:var(--ds-text-muted)}.gr-verd-item{display:inline-flex;align-items:center;gap:6px}.gr-verd-item b{color:var(--ds-text);font-variant-numeric:tabular-nums}.gr-verd-item em{font-style:normal;color:var(--ds-text-subtle)}@media (max-width: 700px){.gr-balk-rij{grid-template-columns:1fr auto}.gr-balk-spoor,.gr-balk-bedrag{grid-column:1 / -1}}.kg-h3{margin:18px 0 8px;font-size:.92rem;font-weight:600;color:var(--ds-text)}.kg-h3:first-of-type{margin-top:4px}.gr-evenwicht{stroke:var(--ds-text-subtle);stroke-width:1;stroke-dasharray:4 4}.gr-evenwicht-lbl{fill:var(--ds-text-subtle);font-size:11px}.gr-rand{fill:var(--ds-text-muted);font-size:11px}.gr-v.band{background:color-mix(in srgb,var(--gr-1) 22%,transparent);border:1px solid color-mix(in srgb,var(--gr-1) 45%,transparent)}.gr-v.stippel{background:repeating-linear-gradient(90deg,var(--ds-text-subtle) 0 3px,transparent 3px 6px);border-radius:0;height:2px}.kg-punten{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px}.kg-punt{padding:14px 16px;border:1px solid var(--ds-border);border-radius:12px;background:var(--ds-card);display:flex;flex-direction:column;gap:6px}.kg-punt-kop{display:flex;align-items:baseline;gap:8px}.kg-punt-nr{font-size:1.45rem;font-weight:700;color:var(--ds-text);font-variant-numeric:tabular-nums;line-height:1.1}.kg-punt-eenheid{font-size:.8rem;color:var(--ds-text-muted)}.kg-punt-titel{font-size:.92rem;font-weight:600;color:var(--ds-text)}.kg-punt-effect{font-size:.85rem;color:var(--ds-success);font-weight:600}.kg-punt-uitleg,.kg-punt-waarom{font-size:.82rem;line-height:1.45;color:var(--ds-text-muted);margin:0}.kg-punt-waarom{color:var(--ds-text-subtle)}.kg-aannames{margin-top:10px;font-size:.82rem;line-height:1.5;color:var(--ds-text-muted)}.gr-buiten{color:var(--ds-text-subtle);font-style:italic}@media (max-width: 640px){.gcard-head{flex-wrap:wrap;row-gap:4px}.gcard-head h2,.gcard-meta{flex:1 1 100%}}@media (max-width: 640px){.g-hero-actions{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}.g-hero-actions::-webkit-scrollbar{display:none}.g-hero-actions>*{flex:0 0 auto;white-space:nowrap}}.pagina-ceo-command .kpi{background:var(--card,var(--ds-card));border:1px solid var(--border,var(--ds-border));border-radius:12px;padding:14px 16px}.pagina-ceo-command .kpi.rood{border-color:#dc2626}.pagina-ceo-command .kpi.oranje{border-color:#d97706}.pagina-ceo-command .kpi-label{font-size:12px;opacity:.7;text-transform:uppercase;letter-spacing:.04em}.pagina-ceo-command .kpi-waarde{font-size:26px;font-weight:700;margin-top:4px}.pagina-ceo-command .kpi-extra{font-size:12px;opacity:.65;margin-top:2px}.pagina-ceo-command .tabel{width:100%;border-collapse:collapse;margin-top:10px}.pagina-ceo-command .tabel th,.pagina-ceo-command .tabel td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--border,var(--ds-border));font-size:13px}.pagina-ceo-command .tabel th{font-weight:600;opacity:.7}.pagina-ceo-command .boodschap{font-size:14px;line-height:1.55;margin:6px 0 4px}.pagina-ceo-command .rood{color:#dc2626}.pagina-ceo-command .noot{font-size:12px;opacity:.7;margin-top:8px;line-height:1.5}.pagina-ceo-command .herkomst{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px;font-size:12px;opacity:.85}.pagina-ceo-command .mrr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:8px}.pagina-ceo-command .mrr-grid>div{display:flex;flex-direction:column;gap:2px}.pagina-ceo-command .mrr-grid span{font-size:12px;opacity:.7}.pagina-ceo-command .mrr-grid strong{font-size:18px}.pagina-ceo-command .mrr-grid .nadruk strong{color:#059669}.pagina-ceo-command .taak{display:flex;gap:12px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--border,var(--ds-border))}.pagina-ceo-command .taak:last-child{border-bottom:none}.pagina-ceo-command .taak-nr{width:24px;height:24px;border-radius:50%;background:var(--border,var(--ds-border));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex:0 0 auto}.pagina-ceo-command .alarm{padding:7px 0;font-size:13px;border-bottom:1px solid var(--border,var(--ds-border))}.pagina-ceo-command .alarm:last-child{border-bottom:none}.pagina-ceo-command .ernst{display:inline-block;min-width:26px;padding:1px 6px;border-radius:5px;font-size:11px;font-weight:700;background:var(--border,var(--ds-border));margin-right:8px}.pagina-ceo-command .ernst.p1{background:#dc2626;color:#fff}.pagina-groei-noordster .nst-loading{text-align:center;color:var(--ds-text-muted);padding:26px;display:flex;align-items:center;justify-content:center;gap:12px}.pagina-groei-noordster .kpi-val small.u{font-size:.42em;font-weight:600;color:var(--ds-text-muted);margin-left:2px}.pagina-groei-noordster .nst-pill{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:5px 11px;border-radius:999px;border:1px solid}.pagina-groei-noordster .nst-pill .dot{width:7px;height:7px;border-radius:50%}.pagina-groei-noordster .nst-prog{margin:14px 0 6px}.pagina-groei-noordster .nst-prog-track{height:9px;border-radius:99px;background:color-mix(in srgb,var(--ds-text) 9%,transparent);overflow:hidden}.pagina-groei-noordster .nst-prog-fill{height:100%;border-radius:99px;background:var(--g-grad);transition:width .6s cubic-bezier(.2,.7,.3,1);min-width:6px}.pagina-groei-noordster .nst-prog-lbl{margin-top:7px;font-size:12.5px;color:var(--ds-text-muted);font-variant-numeric:tabular-nums}.pagina-groei-noordster .nst-chart{margin-top:8px}.pagina-groei-noordster .nst-chart canvas{width:100%;height:210px;display:block}.pagina-groei-noordster .nst-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--ds-text-muted);font-variant-numeric:tabular-nums;margin-top:4px}.pagina-groei-noordster .nst-legend i.ln{display:inline-block;width:18px;height:0;border-top:2px solid;vertical-align:middle;margin-right:6px}.pagina-groei-noordster .nst-legend .plan{color:#22c55e}.pagina-groei-noordster .nst-legend .pace{color:#f59e0b;border-top-style:dashed}.pagina-groei-noordster .nst-verdict{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:13px 15px;border-radius:12px;font-size:13.5px;line-height:1.55;border:1px solid var(--ds-border);background:color-mix(in srgb,var(--ds-text) 3%,transparent)}.pagina-groei-noordster .nst-verdict svg{font-size:19px;flex:0 0 auto;margin-top:1px}.pagina-groei-noordster .nst-verdict b{color:var(--ds-text)}.pagina-groei-noordster .nst-verdict.bad{border-color:#ef444455;background:#ef44440d}.pagina-groei-noordster .nst-verdict.bad svg{color:#ef4444}.pagina-groei-noordster .nst-verdict.warn{border-color:#f59e0b55;background:#f59e0b0d}.pagina-groei-noordster .nst-verdict.warn svg{color:#f59e0b}.pagina-groei-noordster .nst-verdict.good{border-color:#22c55e55;background:#22c55e0d}.pagina-groei-noordster .nst-verdict.good svg{color:#22c55e}.pagina-groei-noordster .nst-ctx .kpi.sm .kpi-val{font-size:26px}.pagina-groei-noordster .nst-sub{color:var(--ds-text-muted);font-size:13px;margin:2px 0 14px}.pagina-groei-noordster .nst-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:11px}.pagina-groei-noordster .nst-tile{display:flex;align-items:center;gap:12px;text-align:left;padding:13px 14px;border-radius:13px;border:1px solid var(--ds-border);background:var(--ds-card);cursor:pointer;transition:transform .14s,border-color .14s,box-shadow .14s}.pagina-groei-noordster .nst-tile:hover{transform:translateY(-2px);border-color:var(--g-ring);box-shadow:var(--g-shadow)}.pagina-groei-noordster .nst-tile-ic{width:38px;height:38px;flex:0 0 auto;border-radius:11px;display:grid;place-items:center;background:var(--g-grad-soft);color:var(--portal-color)}.pagina-groei-noordster .nst-tile-ic svg{font-size:19px}.pagina-groei-noordster .nst-tile-b{display:flex;flex-direction:column;min-width:0;flex:1}.pagina-groei-noordster .nst-tile-b .t{font-weight:640;font-size:14px}.pagina-groei-noordster .nst-tile-b .s{color:var(--ds-text-muted);font-size:11.5px}.pagina-groei-noordster .nst-tile-go{color:var(--ds-text-muted);font-size:16px;flex:0 0 auto}.pagina-groei-noordster .nst-legend .plan{color:var(--g-green)}.pagina-groei-noordster .nst-legend .pace{color:var(--g-orange);border-top-style:dashed}.pagina-groei-noordster .nst-verdict.bad{border-color:color-mix(in srgb,var(--g-red) 33%,transparent);background:color-mix(in srgb,var(--g-red) 5%,transparent)}.pagina-groei-noordster .nst-verdict.bad svg{color:var(--g-red)}.pagina-groei-noordster .nst-verdict.warn{border-color:color-mix(in srgb,var(--g-orange) 33%,transparent);background:color-mix(in srgb,var(--g-orange) 5%,transparent)}.pagina-groei-noordster .nst-verdict.warn svg{color:var(--g-orange)}.pagina-groei-noordster .nst-verdict.good{border-color:color-mix(in srgb,var(--g-green) 33%,transparent);background:color-mix(in srgb,var(--g-green) 5%,transparent)}.pagina-groei-noordster .nst-verdict.good svg{color:var(--g-green)}.pagina-groei-noordster .nst-pill{--nst-kleur: var(--g-red)}.pagina-groei-noordster .nst-pill[data-status=op_schema]{--nst-kleur: var(--g-green)}.pagina-groei-noordster .nst-pill[data-status=risico]{--nst-kleur: var(--g-orange)}.pagina-groei-noordster .nst-pill{color:var(--nst-kleur);border-color:color-mix(in srgb,var(--nst-kleur) 33%,transparent);background:color-mix(in srgb,var(--nst-kleur) 8%,transparent)}.pagina-groei-noordster .nst-pill .dot{background:var(--nst-kleur)}.pagina-groei-dashboard .g-hello svg{opacity:.92}.pagina-groei-dashboard .overz-grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}.pagina-groei-dashboard .overz{display:flex;flex-direction:column;gap:12px}.pagina-groei-dashboard .overz-head{margin-bottom:2px}.pagina-groei-dashboard .overz-tag{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.02em;padding:5px 12px;border-radius:99px;color:#fff}.pagina-groei-dashboard .overz-tag.vandaag{background:linear-gradient(135deg,#6366f1,#4f46e5)}.pagina-groei-dashboard .overz-tag.week{background:linear-gradient(135deg,#3b82f6,#2563eb)}.pagina-groei-dashboard .overz-tag.maand{background:linear-gradient(135deg,#22c55e,#16a34a)}.pagina-groei-dashboard .overz-row{display:flex;gap:11px;align-items:center}.pagina-groei-dashboard .overz-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--g-grad-soft);flex-shrink:0}.pagina-groei-dashboard .overz-ic svg{font-size:18px;color:var(--portal-color)}.pagina-groei-dashboard .overz-body{flex:1;min-width:0}.pagina-groei-dashboard .overz-top{display:flex;justify-content:space-between;font-size:13px;color:var(--ds-text-2);font-weight:600}.pagina-groei-dashboard .overz-bar{height:7px;border-radius:99px;background:var(--ds-border);overflow:hidden;margin-top:5px}.pagina-groei-dashboard .overz-bar.big{height:9px;margin-top:8px}.pagina-groei-dashboard .overz-fill{height:100%;border-radius:99px;background:var(--g-grad);transition:width .5s cubic-bezier(.4,0,.2,1)}.pagina-groei-dashboard .overz-stats{display:flex;gap:10px;margin-top:2px}.pagina-groei-dashboard .overz-stats.col{flex-direction:column}.pagina-groei-dashboard .overz-stat{flex:1;text-align:center;padding:11px;border:1px solid var(--ds-border);border-radius:12px;background:var(--ds-card)}.pagina-groei-dashboard .overz-stat b{display:block;font-size:24px;font-weight:850;color:var(--ds-text);letter-spacing:-.02em}.pagina-groei-dashboard .overz-stat span{font-size:11.5px;color:var(--ds-text-muted)}.pagina-groei-dashboard .overz-stat.big{display:flex;align-items:center;gap:12px;text-align:left}.pagina-groei-dashboard .overz-stat.big svg{font-size:20px;color:var(--portal-color)}.pagina-groei-dashboard .overz-stat.big b{font-size:26px}.pagina-groei-dashboard .overz-stat.big span{flex:1;font-size:12.5px}.pagina-groei-dashboard .overz-goal{text-align:center}.pagina-groei-dashboard .overz-goal-num{font-size:40px;font-weight:850;color:var(--g-green);letter-spacing:-.03em;line-height:1}.pagina-groei-dashboard .overz-goal-num span{font-size:18px;color:var(--ds-text-muted);font-weight:700;margin-left:4px}.pagina-groei-dashboard .overz-need{font-size:13px;color:var(--ds-text-2);margin-top:10px}.pagina-groei-dashboard .overz-need.done{color:var(--g-green);font-weight:600}.pagina-groei-dashboard .gm-focus{text-align:center;padding:6px 0 8px}.pagina-groei-dashboard .gm-prov{font-size:24px;font-weight:800;color:var(--portal-color);letter-spacing:-.02em}.pagina-groei-dashboard .overz-tag.vandaag{background:linear-gradient(135deg,var(--g-indigo),color-mix(in srgb,var(--g-indigo) 80%,#000))}.pagina-groei-dashboard .overz-tag.week{background:linear-gradient(135deg,var(--g-blue),color-mix(in srgb,var(--g-blue) 80%,#000))}.pagina-groei-dashboard .overz-tag.maand{background:linear-gradient(135deg,var(--g-green),color-mix(in srgb,var(--g-green) 80%,#000))}.pagina-groei-leads .lead-meta{display:flex;gap:6px 14px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--ds-text-muted);padding-bottom:2px;margin-top:-4px}.pagina-groei-leads .lead-meta>span{display:inline-flex;align-items:center;gap:4px}.pagina-groei-leads .lead-meta svg{font-size:14px}.pagina-groei-leads .lead-actions{display:flex;gap:8px;flex-wrap:wrap}.pagina-groei-leads .lead-actions .gbtn{cursor:pointer}.pagina-groei-leads{--lead-gebeld: #0ea5e9;--lead-flyer: #a855f7}.pagina-groei-leads [data-status]{--lead-kleur: var(--ds-text-muted)}.pagina-groei-leads [data-status=nieuw]{--lead-kleur: var(--g-indigo)}.pagina-groei-leads [data-status=gebeld]{--lead-kleur: var(--lead-gebeld)}.pagina-groei-leads [data-status=mail_gestuurd]{--lead-kleur: var(--g-purple)}.pagina-groei-leads [data-status=flyer_gestuurd]{--lead-kleur: var(--lead-flyer)}.pagina-groei-leads [data-status=demo_gepland]{--lead-kleur: var(--g-blue)}.pagina-groei-leads [data-status=offerte_gestuurd]{--lead-kleur: var(--g-orange)}.pagina-groei-leads [data-status=klant]{--lead-kleur: var(--g-green)}.pagina-groei-leads [data-status=verloren]{--lead-kleur: var(--g-red)}.pagina-groei-leads .g-badge[data-status]{background:color-mix(in srgb,var(--lead-kleur) 15%,transparent);color:var(--lead-kleur)}.pagina-groei-leads .g-badge[data-status] .status-dot{background:var(--lead-kleur)}.pagina-groei-leads .lead-pager{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;padding:14px 10px;border-top:1px solid var(--ds-border)}.pagina-groei-leads .lead-pager .g-mono{color:var(--ds-text-muted);font-size:12.5px;padding:0 8px}.pagina-groei-leads .lead-rij-acties{white-space:nowrap;display:flex;gap:4px}.pagina-groei-leads .lead-rij-acties .gbtn{padding:5px 8px}.pagina-groei-leads .lead-bron{border-color:color-mix(in srgb,var(--g-amber) 45%,transparent)}.pagina-groei-leads .lead-bron .g-section-h,.pagina-groei-leads .lead-bron .g-section-h svg{color:var(--g-amber)}.pagina-groei-leads .lead-bron.aan{border-color:color-mix(in srgb,var(--g-green) 40%,transparent)}.pagina-groei-leads .lead-bron.aan .g-section-h,.pagina-groei-leads .lead-bron.aan .g-section-h svg{color:var(--g-green)}.pagina-groei-leads .lead-regel{display:flex;gap:8px;align-items:center;font-size:12.5px;padding:7px 0;border-top:1px solid var(--ds-border-subtle)}.pagina-groei-leads .lead-regel .lead-regel-tekst{flex:1;color:var(--ds-text-2)}.pagina-groei-leads .lead-regel button{background:none;border:none;cursor:pointer;color:var(--ds-text-subtle);display:grid;place-items:center;padding:0}.pagina-groei-leads .lead-regel button:hover{color:var(--g-red)}.soc-platforms{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.soc-platform{border:1.5px solid var(--ds-rand, #e5e7eb);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--ds-kaart, #fff)}.soc-platform.gekoppeld{border-color:var(--ds-accent, #2563eb)}.soc-platform-kop{display:flex;gap:12px;align-items:center}.soc-platform-icoon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--ds-veld, #f3f4f6);font-size:20px;flex-shrink:0}.soc-platform-naam{font-weight:700}.soc-uitleg{margin:0;font-size:13px}.soc-ontbreekt{margin:0;font-size:13px;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.soc-ontbreekt code{background:var(--ds-veld, #f3f4f6);padding:1px 6px;border-radius:6px}.soc-accounts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px}.soc-accounts li{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.soc-stip{width:8px;height:8px;border-radius:50%;flex-shrink:0}.soc-stip.groen{background:#16a34a}.soc-stip.rood{background:#dc2626}.soc-account{font-weight:600}.card-head-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.soc-scheider{width:1px;height:22px;background:var(--ds-rand, #e5e7eb);margin:0 4px}.soc-feed{display:flex;flex-direction:column;gap:12px}.soc-item{display:flex;gap:14px;border:1px solid var(--ds-rand, #e5e7eb);border-radius:12px;padding:12px;background:var(--ds-kaart, #fff)}.soc-media{flex:0 0 120px}.soc-media img{width:120px;height:120px;object-fit:cover;border-radius:10px;display:block}.soc-body{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}.soc-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:12.5px}.soc-badge{padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:700;background:var(--ds-veld, #f3f4f6)}.soc-badge.meta{background:#dbeafe;color:#1d4ed8}.soc-badge.google-ads{background:#fef3c7;color:#92400e}.soc-badge.tiktok{background:#e5e7eb;color:#111827}.soc-titel{font-weight:700}.soc-tekst{margin:0;font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.soc-cijfers{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--ds-tekst-zacht, #6b7280)}.soc-cijfers b{color:var(--ds-tekst, #111827)}@media (max-width: 640px){.soc-item{flex-direction:column}.soc-media,.soc-media img{width:100%;height:auto;max-height:220px}}.soc-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.soc-stappen{display:flex;flex-direction:column;gap:18px}.soc-stap{border:1.5px solid var(--ds-rand, #e5e7eb);border-radius:14px;padding:16px;background:var(--ds-kaart, #fff);display:flex;flex-direction:column;gap:10px}.soc-stappenlijst{margin:0;padding-left:22px;font-size:13.5px;line-height:1.55;display:flex;flex-direction:column;gap:4px}.soc-callback{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px}.soc-callback code{background:var(--ds-veld, #f3f4f6);padding:3px 8px;border-radius:6px;overflow-wrap:anywhere}.soc-velden{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px 14px}.soc-veldrij{display:flex;gap:8px;align-items:center}.soc-veldrij .form-input{flex:1;min-width:0}.soc-bron{font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:999px;margin-left:6px;background:var(--ds-veld, #f3f4f6);text-transform:uppercase;letter-spacing:.03em}.soc-bron.ops{background:#dcfce7;color:#166534}.soc-bron.env{background:#dbeafe;color:#1d4ed8}.soc-schakel{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;margin:12px 0;line-height:1.5}.soc-schakel input{margin-top:3px}.soc-ok{color:#166534;font-size:13.5px}.soc-fout{color:#b91c1c;font-size:13px;margin:4px 0 0}.soc-hint{font-size:13px;color:#92400e;background:#fef3c7;padding:6px 10px;border-radius:8px;margin:0}.soc-kalender{display:flex;flex-direction:column;gap:18px}.soc-dag-kop{font-weight:700;text-transform:capitalize;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--ds-rand, #e5e7eb)}.soc-dag{display:flex;flex-direction:column;gap:8px}.soc-post{display:flex;gap:12px;border:1px solid var(--ds-rand, #e5e7eb);border-radius:12px;padding:12px;background:var(--ds-kaart, #fff);align-items:flex-start}.soc-post.concept{border-style:dashed}.soc-post.mislukt{border-color:#fca5a5}.soc-post.gepubliceerd{opacity:.85}.soc-kies{margin-top:4px}.soc-post-media{width:110px;height:110px;object-fit:cover;border-radius:10px;flex-shrink:0;background:#000}.soc-status{padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:700}.soc-status.grijs{background:#e5e7eb;color:#374151}.soc-status.blauw{background:#dbeafe;color:#1d4ed8}.soc-status.groen{background:#dcfce7;color:#166534}.soc-status.rood{background:#fee2e2;color:#b91c1c}.soc-status.oranje{background:#fef3c7;color:#92400e}.soc-badge.facebook{background:#dbeafe;color:#1d4ed8}.soc-badge.instagram{background:#fce7f3;color:#9d174d}.soc-tags{display:flex;gap:6px;flex-wrap:wrap;font-size:12.5px;color:var(--ds-accent, #2563eb)}.btn-link.gevaar{color:#b91c1c}.soc-dropvak{border:2px dashed var(--ds-rand, #d1d5db);border-radius:14px;padding:28px;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px;color:var(--ds-tekst-zacht, #6b7280);margin-bottom:10px}.soc-dropvak:hover{border-color:var(--ds-accent, #2563eb);color:var(--ds-tekst, #111827)}.soc-galerij{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.soc-tegel{margin:0;border:1px solid var(--ds-rand, #e5e7eb);border-radius:12px;overflow:hidden;background:var(--ds-kaart, #fff)}.soc-tegel img,.soc-tegel video{width:100%;height:140px;object-fit:cover;display:block;background:#000}.soc-tegel figcaption{padding:8px 10px;font-size:12.5px;display:flex;flex-direction:column;gap:3px}.soc-tegel-naam{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.soc-tegel-oms{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.soc-analyse p{line-height:1.6}.soc-analyse ul{padding-left:20px;line-height:1.6}@media (max-width: 640px){.soc-post{flex-direction:column}.soc-post-media{width:100%;height:auto;max-height:220px}}.wp-merk{display:flex;gap:8px;align-items:flex-start;font-size:13px;background:var(--ds-veld, #f3f4f6);border-radius:10px;padding:8px 12px;margin-top:8px;line-height:1.5}.wp-filter{margin:0;font-size:13.5px;align-items:center}.wp-bord{display:grid;grid-template-columns:repeat(7,minmax(170px,1fr));gap:10px;overflow-x:auto;padding-bottom:6px}.wp-kolom{background:var(--ds-veld, #f3f4f6);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:8px;min-height:160px}.wp-kolom-kop{font-size:12.5px;font-weight:700;display:flex;gap:6px;align-items:center;padding:2px 4px;text-transform:uppercase;letter-spacing:.03em}.wp-tel{margin-left:auto;background:var(--ds-kaart, #fff);border-radius:999px;padding:0 7px;font-size:11.5px}.wp-kolom.ingeleverd{outline:2px solid #f59e0b33}.wp-kolom.gepland{opacity:.85}.wp-kaart{text-align:left;background:var(--ds-kaart, #fff);border:1px solid var(--ds-rand, #e5e7eb);border-radius:10px;padding:10px;cursor:pointer;display:flex;flex-direction:column;gap:6px;font:inherit;color:inherit}.wp-kaart:hover{border-color:var(--ds-accent, #2563eb)}.wp-kaart.laat{border-color:#fca5a5}.wp-kaart-kop{display:flex;gap:6px;align-items:flex-start;font-weight:600;font-size:13.5px;line-height:1.35}.wp-kaart-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:11.5px}.wp-wie{background:#dbeafe;color:#1d4ed8;border-radius:999px;padding:1px 7px;font-weight:700}.wp-deadline{background:var(--ds-veld, #f3f4f6);border-radius:999px;padding:1px 7px}.wp-deadline.laat{background:#fee2e2;color:#b91c1c;font-weight:700}.wp-leeg{color:var(--ds-tekst-zacht, #9ca3af);text-align:center;font-size:12px;padding:12px 0}.wp-kanalen{display:flex;gap:12px;flex-wrap:wrap;font-size:13.5px;padding-top:8px}.wp-oms{line-height:1.55}.wp-media video,.wp-media img{max-width:100%;max-height:360px;border-radius:12px;display:block;background:#000}.wp-brief{display:flex;flex-direction:column;gap:12px}.wp-brief-blok{background:var(--ds-kaart, #fff);border:1px solid var(--ds-rand, #e5e7eb);border-radius:12px;padding:12px 14px}.wp-brief-blok h4{margin:0 0 6px;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ds-tekst-zacht, #6b7280);display:flex;gap:10px;align-items:center}.wp-brief-blok p,.wp-brief-blok li{line-height:1.55;font-size:14px}.wp-brief-blok pre{white-space:pre-wrap;font:inherit;margin:0;line-height:1.6}.wp-brief-blok ol,.wp-brief-blok ul{margin:0;padding-left:20px}.wp-brief-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wp-tekst{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:6px 0;border-top:1px solid var(--ds-rand, #e5e7eb)}.wp-tekst:first-of-type{border-top:0}.wp-tekst p{margin:0;white-space:pre-wrap}@media (max-width: 900px){.wp-bord{grid-template-columns:repeat(7,220px)}.wp-brief-2{grid-template-columns:1fr}}.pagina-centrale-acquisitie .kpi{background:var(--card,var(--ds-card));border:1px solid var(--border,var(--ds-border));border-radius:12px;padding:14px 16px}.pagina-centrale-acquisitie .kpi-label{font-size:12px;opacity:.7;text-transform:uppercase;letter-spacing:.04em}.pagina-centrale-acquisitie .kpi-waarde{font-size:24px;font-weight:700;margin-top:4px}.pagina-centrale-acquisitie .kpi-extra{font-size:11px;opacity:.65;margin-top:2px}.pagina-centrale-acquisitie .filters{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:8px 0 14px;font-size:13px}.pagina-centrale-acquisitie .rij{border-top:1px solid var(--border,var(--ds-border));padding:11px 0}.pagina-centrale-acquisitie .rij-hoofd{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:baseline}.pagina-centrale-acquisitie .rij-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;opacity:.8;align-items:center}.pagina-centrale-acquisitie .rij-meta a{display:inline-flex;align-items:center;gap:4px}.pagina-centrale-acquisitie .tel{font-weight:600;opacity:1}.pagina-centrale-acquisitie .badge.score{background:transparent;border:1px solid var(--border,var(--ds-border));font-weight:500}.pagina-centrale-acquisitie .acties{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;align-items:center}.pagina-centrale-acquisitie .notitie{flex:1 1 220px;min-width:180px;padding:5px 9px;border-radius:7px;border:1px solid var(--border,var(--ds-border));background:transparent;color:inherit;font-size:12px}.pagina-centrale-acquisitie .ubtn{padding:5px 10px;border-radius:var(--ds-radius-sm);border:1px solid var(--border,var(--ds-border));background:transparent;color:inherit;font-size:12px;cursor:pointer}.pagina-centrale-acquisitie .ubtn:hover{border-color:currentColor}.pagina-centrale-acquisitie .ubtn.ok{border-color:#059669;color:#059669;font-weight:600}.pagina-centrale-acquisitie .ubtn.nee{opacity:.7}.pagina-centrale-acquisitie .noot{font-size:12px;opacity:.7}.pagina-centrale-acquisitie .badge{margin-left:7px;padding:1px 7px;border-radius:5px;background:var(--ds-border);font-size:11px;font-weight:600}.pagina-centrale-acquisitie .notitie::placeholder{color:var(--ds-text-muted)}.pagina-centrale-acquisitie .ubtn:disabled{opacity:.45;cursor:default}.pagina-centrale-acquisitie .ubtn:disabled:hover{border-color:var(--ds-border)}.pagina-rittenplatform .kpi{background:var(--card,var(--ds-card));border:1px solid var(--border,var(--ds-border));border-radius:12px;padding:14px 16px}.pagina-rittenplatform .kpi-label{font-size:12px;opacity:.7;text-transform:uppercase;letter-spacing:.04em}.pagina-rittenplatform .kpi-waarde{font-size:23px;font-weight:700;margin-top:4px}.pagina-rittenplatform .kpi-extra{font-size:11px;opacity:.65;margin-top:2px}.pagina-rittenplatform .tabel{width:100%;border-collapse:collapse;margin-top:8px}.pagina-rittenplatform .tabel th,.pagina-rittenplatform .tabel td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--border,var(--ds-border));font-size:13px}.pagina-rittenplatform .tabel th{font-weight:600;opacity:.7}.pagina-rittenplatform .onmeetbaar{opacity:.55}.pagina-rittenplatform .bron{font-size:11px;opacity:.65}.pagina-rittenplatform .rood{color:#dc2626;font-weight:600}.pagina-rittenplatform .noot{font-size:12px;opacity:.72;margin-top:7px;line-height:1.5}.pagina-registratie-funnel .rf-refresh{background:none;border:1px solid var(--ds-border);border-radius:8px;padding:3px 7px;cursor:pointer}.pagina-registratie-funnel .rf-leeg{padding:40px;text-align:center;color:var(--ds-text-muted)}.pagina-registratie-funnel .rf-fout{color:var(--ds-danger)}.pagina-registratie-funnel .rf-alarm{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:12px;margin-bottom:16px;font-size:14px}.pagina-registratie-funnel .rf-alarm svg{font-size:22px;flex-shrink:0;margin-top:1px}.pagina-registratie-funnel .rf-alarm-rood{background:#eb44441a;color:#c0392b}.pagina-registratie-funnel .rf-alarm-groen{background:#2ecc711f;color:#1e8449}.pagina-registratie-funnel .rf-alarm-sub{font-weight:400;margin-top:3px;opacity:.9}.pagina-registratie-funnel .rf-table-wrap{overflow-x:auto}.pagina-registratie-funnel .rf-table{width:100%;border-collapse:collapse;font-size:13.5px}.pagina-registratie-funnel .rf-table th,.pagina-registratie-funnel .rf-table td{padding:8px 10px;text-align:right;border-bottom:1px solid var(--ds-border-subtle)}.pagina-registratie-funnel .rf-table th:first-child,.pagina-registratie-funnel .rf-table td:first-child{text-align:left}.pagina-registratie-funnel .rf-table thead th{font-weight:700;color:var(--ds-text-muted);font-size:12px}.pagina-registratie-funnel .rf-nul{background:#eb44440f}.pagina-registratie-funnel .rf-warn{color:var(--ds-warning);font-weight:700}.pagina-registratie-funnel .rf-note{color:var(--ds-text-muted);font-size:12px;margin-top:12px;line-height:1.5}.pagina-registratie-funnel .rf-alarm strong{color:inherit}.pagina-registratie-funnel .rf-doel{background:var(--kaart-bg, #fff);border:1px solid var(--rand, #e2e8f0);border-radius:14px;padding:14px 16px;margin:0 0 14px}.pagina-registratie-funnel .rf-doel-kop{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:15px}.pagina-registratie-funnel .rf-doel-kop strong{font-size:20px}.pagina-registratie-funnel .rf-doel-kop span{color:var(--tekst-zacht, #64748b);font-size:13px}.pagina-registratie-funnel .rf-doel-balk{height:10px;border-radius:999px;background:var(--veld, #eef2f7);margin:10px 0 6px;overflow:hidden}.pagina-registratie-funnel .rf-doel-balk span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#22c55e);transition:width .4s ease}.pagina-registratie-funnel .rf-doel-sub{font-size:13px;color:var(--tekst-zacht, #64748b)}.pagina-registratie-funnel .rf-uitsplitsing{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:0 0 14px}.pagina-registratie-funnel .rf-uitsplitsing>div{background:var(--kaart-bg, #fff);border:1px solid var(--rand, #e2e8f0);border-radius:14px;padding:12px 14px}.pagina-registratie-funnel .rf-uitsplitsing h3{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--tekst-zacht, #64748b)}.pagina-registratie-funnel .rf-uitsplitsing ul{list-style:none;margin:0;padding:0}.pagina-registratie-funnel .rf-uitsplitsing li{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px solid var(--rand-zacht, #f1f5f9);font-size:14px}.pagina-registratie-funnel .rf-uitsplitsing li:last-child{border-bottom:0}.pagina-registratie-funnel .rf-weg{color:#b45309;font-weight:700}.pagina-werkplek .norm-explain{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-left:3px solid var(--portal-color)}.pagina-werkplek .norm-explain>svg{font-size:26px;color:var(--portal-color);flex-shrink:0;margin-top:1px}.pagina-werkplek .norm-explain strong{color:var(--ds-text)}.pagina-werkplek .norm-explain div{font-size:13px;color:var(--ds-text-2);line-height:1.6}.pagina-werkplek .norm-explain b{color:var(--portal-color)}.pagina-werkplek .tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr));gap:14px}.pagina-werkplek .tool-card{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;box-shadow:var(--ds-shadow);text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s}.pagina-werkplek .tool-card:hover{border-color:var(--portal-color);transform:translateY(-3px);box-shadow:var(--ds-shadow-lg)}.pagina-werkplek .tc-head{display:flex;justify-content:space-between;align-items:center}.pagina-werkplek .tc-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--portal-color) 12%,var(--ds-card))}.pagina-werkplek .tc-icon svg{font-size:21px;color:var(--portal-color)}.pagina-werkplek .tc-clause{font-size:10px;font-weight:800;color:var(--portal-color);background:color-mix(in srgb,var(--portal-color) 10%,transparent);padding:3px 9px;border-radius:999px;letter-spacing:.02em}.pagina-werkplek .tool-card h3{margin:4px 0 0;font-size:15px;font-weight:800;color:var(--ds-text)}.pagina-werkplek .tc-desc{margin:0;font-size:12.5px;color:var(--ds-text-2);line-height:1.5}.pagina-werkplek .tc-count{font-size:12px;color:var(--ds-text-muted)}.pagina-werkplek .tc-count .num{font-size:20px;font-weight:800;color:var(--ds-text);margin-right:4px}.pagina-werkplek .tc-norm{display:flex;gap:7px;align-items:flex-start;padding:9px 11px;margin-top:4px;background:color-mix(in srgb,var(--portal-color) 5%,transparent);border:1px solid color-mix(in srgb,var(--portal-color) 18%,transparent);border-radius:9px}.pagina-werkplek .tc-norm svg{font-size:14px;color:var(--portal-color);flex-shrink:0;margin-top:1px}.pagina-werkplek .tc-norm span{font-size:11px;color:var(--ds-text-2);line-height:1.45}.pagina-werkplek .tc-go{display:flex;align-items:center;gap:5px;margin-top:auto;padding-top:6px;font-size:12px;font-weight:700;color:var(--portal-color)}.pagina-werkplek .tc-go svg{font-size:14px}.pagina-werkplek .stage2-card{border-left:3px solid #f59e0b;padding:0;overflow:hidden}.pagina-werkplek .s2-header{display:flex;align-items:center;gap:14px;padding:14px 18px;background:color-mix(in srgb,#f59e0b 8%,var(--ds-card));border-bottom:1px solid var(--ds-border)}.pagina-werkplek .s2-header>svg{font-size:24px;color:#f59e0b;flex-shrink:0}.pagina-werkplek .s2-header>div{flex:1;display:flex;flex-direction:column;gap:2px}.pagina-werkplek .s2-header strong{font-size:13.5px;font-weight:700;color:var(--ds-text)}.pagina-werkplek .s2-header span{font-size:11.5px;color:var(--ds-text-muted)}.pagina-werkplek .s2-agenda-btn{display:flex;align-items:center;gap:6px;padding:7px 13px;background:#f59e0b;color:#fff;border-radius:var(--ds-radius-sm);text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap;flex-shrink:0}.pagina-werkplek .s2-agenda-btn svg{font-size:13px}.pagina-werkplek .s2-list{display:flex;flex-direction:column}.pagina-werkplek .s2-item{display:flex;align-items:flex-start;gap:12px;padding:12px 18px;border-bottom:1px solid var(--ds-border-subtle);text-decoration:none;color:var(--ds-text);transition:background .12s}.pagina-werkplek .s2-item:last-child{border-bottom:none}.pagina-werkplek .s2-item:hover{background:var(--ds-hover)}.pagina-werkplek .s2-item>svg{font-size:18px;color:#22c55e;flex-shrink:0;margin-top:1px}.pagina-werkplek .s2-item>div{display:flex;flex-direction:column;gap:3px}.pagina-werkplek .s2-item strong{font-size:13px;font-weight:700;color:var(--ds-text)}.pagina-werkplek .s2-item span{font-size:11.5px;color:var(--ds-text-muted);line-height:1.5}.pagina-werkplek .tool-card,.pagina-werkplek .tool-card:hover,.pagina-werkplek .s2-item,.pagina-werkplek .s2-item:hover,.pagina-werkplek .s2-agenda-btn,.pagina-werkplek .s2-agenda-btn:hover{text-decoration:none}.pagina-werkplek .s2-agenda-btn{color:#fff}.pagina-werkplek .s2-item{color:var(--ds-text)}.pagina-werkplek .stats-row{margin:0}@media (max-width: 640px){.pagina-werkplek .s2-header{flex-wrap:wrap;row-gap:10px}.pagina-werkplek .s2-header>div{flex:1 1 calc(100% - 38px);min-width:0}.pagina-werkplek .s2-agenda-btn{flex:1 1 100%;justify-content:center}}.pagina-risico-assessment .info-bar{display:flex;gap:13px;align-items:flex-start;padding:14px 16px}.pagina-risico-assessment .info-bar>svg{font-size:24px;color:var(--portal-color);flex-shrink:0;margin-top:1px}.pagina-risico-assessment .export-btn{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;align-self:center;border:1px solid var(--portal-color);background:var(--portal-color);color:#fff;border-radius:var(--ds-radius-sm);padding:9px 14px;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap}.pagina-risico-assessment .export-btn:hover{opacity:.9}.pagina-risico-assessment .export-btn:disabled{opacity:.6;cursor:default}.pagina-risico-assessment .export-btn svg{font-size:15px}.pagina-risico-assessment .info-bar div{font-size:13px;color:var(--ds-text-2);line-height:1.6}.pagina-risico-assessment .info-bar b{color:var(--portal-color)}.pagina-risico-assessment .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.pagina-risico-assessment .stat{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px;align-items:center;box-shadow:var(--ds-shadow)}.pagina-risico-assessment .stat .num{font-size:24px;font-weight:800;color:var(--ds-text)}.pagina-risico-assessment .stat.kritiek .num{color:#dc2626}.pagina-risico-assessment .stat.hoog .num{color:#ea580c}.pagina-risico-assessment .stat.boven .num{color:#d97706}.pagina-risico-assessment .stat .num.green{color:#16a34a}.pagina-risico-assessment .stat .num.dim{color:var(--ds-text-muted)}.pagina-risico-assessment .stat .label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted)}.pagina-risico-assessment .stat.refresh{cursor:pointer;justify-content:center}.pagina-risico-assessment .stat.refresh:hover{border-color:var(--portal-color)}.pagina-risico-assessment .stat.refresh svg{font-size:22px;color:var(--portal-color)}.pagina-risico-assessment .dreig-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:12px}.pagina-risico-assessment .dreig-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;padding:15px;box-shadow:var(--ds-shadow);border-left:4px solid var(--ds-border)}.pagina-risico-assessment .dreig-card.niv-kritiek{border-left-color:#dc2626}.pagina-risico-assessment .dreig-card.niv-hoog{border-left-color:#ea580c}.pagina-risico-assessment .dreig-card.niv-midden{border-left-color:#d97706}.pagina-risico-assessment .dreig-card.niv-laag{border-left-color:#16a34a}.pagina-risico-assessment .dc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.pagina-risico-assessment .dc-cat{font-size:10px;font-weight:800;color:var(--portal-color);text-transform:uppercase;letter-spacing:.04em}.pagina-risico-assessment .dc-head h3{margin:3px 0 0;font-size:14px;font-weight:800;color:var(--ds-text);line-height:1.3}.pagina-risico-assessment .dc-score{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:18px;font-weight:800;color:#fff;flex-shrink:0}.pagina-risico-assessment .dc-score.niv-kritiek{background:#dc2626}.pagina-risico-assessment .dc-score.niv-hoog{background:#ea580c}.pagina-risico-assessment .dc-score.niv-midden{background:#d97706}.pagina-risico-assessment .dc-score.niv-laag{background:#16a34a}.pagina-risico-assessment .dc-meting{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:12px;color:var(--ds-text-muted)}.pagina-risico-assessment .dc-meting svg{font-size:14px;color:var(--portal-color)}.pagina-risico-assessment .dc-calc{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:12px;color:var(--ds-text-muted)}.pagina-risico-assessment .dc-calc .wi b,.pagina-risico-assessment .dc-calc .sc{color:var(--ds-text);font-weight:800}.pagina-risico-assessment .dc-calc .sc{font-size:14px;padding:1px 8px;border-radius:6px;color:#fff}.pagina-risico-assessment .dc-calc .sc.niv-kritiek{background:#dc2626}.pagina-risico-assessment .dc-calc .sc.niv-hoog{background:#ea580c}.pagina-risico-assessment .dc-calc .sc.niv-midden{background:#d97706}.pagina-risico-assessment .dc-calc .sc.niv-laag{background:#16a34a}.pagina-risico-assessment .dc-calc .badge{margin-left:auto;font-size:9.5px;font-weight:700;padding:2px 7px;border-radius:999px}.pagina-risico-assessment .dc-calc .badge.auto{background:var(--ds-hover);color:var(--ds-text-muted)}.pagina-risico-assessment .dc-calc .badge.hand{background:color-mix(in srgb,var(--portal-color) 14%,transparent);color:var(--portal-color)}.pagina-risico-assessment .dc-foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid var(--ds-border-subtle)}.pagina-risico-assessment .dc-ctrl{font-size:11px;font-weight:700;color:var(--ds-text-muted)}.pagina-risico-assessment .dc-edit{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:7px;padding:5px 10px;font-size:11.5px;font-weight:700;cursor:pointer}.pagina-risico-assessment .dc-edit:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-risico-assessment .dc-edit svg{font-size:13px}.pagina-risico-assessment .dc-bewijs{display:flex;align-items:center;gap:6px;margin-top:10px;padding:7px 10px;background:var(--ds-hover);border-radius:8px;font-size:11px;color:var(--ds-text-muted)}.pagina-risico-assessment .dc-bewijs svg{font-size:13px;color:var(--portal-color);flex-shrink:0}.pagina-risico-assessment .dc-bewijs code{background:color-mix(in srgb,var(--portal-color) 10%,transparent);color:var(--portal-color);padding:1px 5px;border-radius:4px;font-size:10.5px}.pagina-risico-assessment .dc-bewijs a{color:var(--portal-color);font-weight:700;text-decoration:none}.pagina-risico-assessment .dc-note{margin-top:8px;font-size:11.5px;font-style:italic;color:var(--ds-text-muted)}.pagina-risico-assessment .norm-link{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px;background:#6366f10a;border:1px solid rgba(99,102,241,.2);border-radius:12px}.pagina-risico-assessment .norm-link>svg{font-size:24px;color:var(--portal-color);flex-shrink:0}.pagina-risico-assessment .norm-link strong{font-size:13px;color:var(--ds-text)}.pagina-risico-assessment .norm-link p{margin:2px 0 0;font-size:12px;color:var(--ds-text-muted)}.pagina-risico-assessment .nl-btns{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.pagina-risico-assessment .nl-btn{font-size:12px;font-weight:600;color:var(--portal-color);text-decoration:none;padding:6px 10px;border:1px solid var(--portal-color);border-radius:var(--ds-radius-sm);white-space:nowrap}.pagina-risico-assessment .meting-recap{display:flex;align-items:center;gap:7px;padding:10px 12px;background:var(--ds-hover);border-radius:8px;font-size:12px;color:var(--ds-text-muted);margin-bottom:14px}.pagina-risico-assessment .meting-recap svg{color:var(--portal-color);font-size:15px}.pagina-risico-assessment .score-preview{margin:4px 0 14px;font-size:13px;color:var(--ds-text)}.pagina-risico-assessment .score-preview strong{font-size:18px;padding:2px 10px;border-radius:8px;color:#fff}.pagina-risico-assessment .score-preview strong.niv-kritiek{background:#dc2626}.pagina-risico-assessment .score-preview strong.niv-hoog{background:#ea580c}.pagina-risico-assessment .score-preview strong.niv-midden{background:#d97706}.pagina-risico-assessment .score-preview strong.niv-laag{background:#16a34a}.pagina-risico-assessment .boven-tag{margin-left:8px;font-size:11px;font-weight:700;color:#d97706}.pagina-risico-assessment .binnen-tag{margin-left:8px;font-size:11px;font-weight:700;color:#16a34a}.pagina-risico-assessment .logs-card{overflow:hidden}.pagina-risico-assessment .logs-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer}.pagina-risico-assessment .lh-left{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--ds-text)}.pagina-risico-assessment .lh-left svg{font-size:18px;color:var(--portal-color)}.pagina-risico-assessment .lh-right{display:flex;align-items:center;gap:8px}.pagina-risico-assessment .lh-right>svg{font-size:18px;color:var(--ds-text-muted)}.pagina-risico-assessment .log-refresh{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:7px;width:30px;height:30px;display:grid;place-items:center;cursor:pointer;color:var(--portal-color)}.pagina-risico-assessment .log-refresh:hover{border-color:var(--portal-color)}.pagina-risico-assessment .logs-body{padding:0 16px 16px;display:flex;flex-direction:column;gap:14px}.pagina-risico-assessment .lb-title{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ds-text-muted);margin-bottom:7px}.pagina-risico-assessment .lb-title svg{font-size:14px;color:var(--portal-color)}.pagina-risico-assessment .f2b-jail{padding:8px 11px;background:var(--ds-hover);border-radius:8px;margin-bottom:6px}.pagina-risico-assessment .f2b-name{font-size:12px;font-weight:800;color:var(--ds-text)}.pagina-risico-assessment .f2b-stat{font-size:11.5px;color:var(--ds-text-muted);margin-left:8px}.pagina-risico-assessment .f2b-stat b{color:#dc2626}.pagina-risico-assessment .f2b-ips{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.pagina-risico-assessment .f2b-ips .ip{font-family:SF Mono,Consolas,monospace;font-size:10.5px;background:#ef44441a;color:#dc2626;padding:1px 7px;border-radius:5px}.pagina-risico-assessment .term{background:#0f1117;border-radius:9px;padding:11px 13px;margin:0;max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:1px}.pagina-risico-assessment .term .tl{font-family:SF Mono,Consolas,monospace;font-size:10.5px;color:#c9d1d9;white-space:pre-wrap;word-break:break-all;line-height:1.5}.pagina-risico-assessment .log-empty{font-size:11.5px;color:var(--ds-text-muted);font-style:italic;padding:4px 0}.pagina-risico-assessment .logs-foot{font-size:10.5px;color:var(--ds-text-muted);text-align:right}@keyframes pagina-risico-assessment-fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 640px){.pagina-risico-assessment .stats{grid-template-columns:repeat(3,1fr)}}.pagina-risico-assessment .stat{font:inherit;color:inherit;text-align:center}.pagina-risico-assessment button.stat{width:100%}.pagina-risico-assessment .dc-bewijs a:hover{text-decoration:underline}.pagina-risico-assessment .term{font-family:inherit}.pagina-risico-assessment .doc-verwijzing{font-size:12.5px;color:var(--ds-text-muted)}.pagina-risico-assessment .doc-verwijzing a{color:var(--portal-color);font-weight:700}@media (max-width: 640px){.pagina-risico-assessment .stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.pagina-risico-assessment .info-bar{flex-wrap:wrap}.pagina-risico-assessment .info-bar>div{flex:1 1 calc(100% - 40px);min-width:0}.pagina-risico-assessment .export-btn{flex:1 1 100%;justify-content:center}}.pagina-belanghebbenden .summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.pagina-belanghebbenden .sum-card{padding:14px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;text-align:center}.pagina-belanghebbenden .sum-value{font-size:26px;font-weight:800;color:var(--ds-text)}.pagina-belanghebbenden .sum-label{font-size:10.5px;color:var(--ds-text-muted);margin-top:2px}.pagina-belanghebbenden .sum-card.red .sum-value{color:#dc2626}.pagina-belanghebbenden .sum-card.blue .sum-value{color:var(--portal-color)}.pagina-belanghebbenden .sum-card.prio-hoog .sum-value{color:#ea580c}.pagina-belanghebbenden .sum-card.prio-midden .sum-value{color:#d97706}.pagina-belanghebbenden .sum-card.prio-laag .sum-value{color:#16a34a}.pagina-belanghebbenden .sum-card.amber .sum-value{color:#d97706}.pagina-belanghebbenden .sum-card.p1 .sum-value{color:#7c3aed}.pagina-belanghebbenden .sum-card.p2 .sum-value{color:#d97706}.pagina-belanghebbenden .norm-card{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;background:#6366f10f;border-left:4px solid var(--portal-color);border-radius:8px}.pagina-belanghebbenden .norm-text{flex:1;font-size:13px;line-height:1.6;color:var(--ds-text);min-width:200px}.pagina-belanghebbenden .dl-doc{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:#2563eb1a;color:#2563eb;border-radius:6px;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}.pagina-belanghebbenden .dl-doc:hover{background:#2563eb2e}.pagina-belanghebbenden .dl-doc svg{font-size:14px}.pagina-belanghebbenden .sh-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px}.pagina-belanghebbenden .sh-count{font-size:12px;color:var(--ds-text-muted)}.pagina-belanghebbenden .add-btn{display:inline-flex;align-items:center;gap:5px;background:var(--portal-color);color:#fff;border:none;padding:7px 12px;border-radius:var(--ds-radius-sm);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.pagina-belanghebbenden .add-btn svg{font-size:15px}.pagina-belanghebbenden .add-btn:hover{opacity:.88}.pagina-belanghebbenden .sh-table-wrap{overflow-x:auto;border-radius:8px;border:1px solid var(--ds-border)}.pagina-belanghebbenden .sh-table{width:100%;border-collapse:collapse;font-size:12px}.pagina-belanghebbenden .sh-table th{background:var(--ds-hover);padding:9px 10px;text-align:left;font-size:10.5px;font-weight:700;color:var(--ds-text-muted);white-space:nowrap;border-bottom:2px solid var(--ds-border)}.pagina-belanghebbenden .sh-table th.th-wide{min-width:150px;white-space:normal}.pagina-belanghebbenden .sh-table th.th-p{width:36px}.pagina-belanghebbenden .sh-table td{padding:10px;border-bottom:1px solid var(--ds-border);vertical-align:top;color:var(--ds-text);line-height:1.4}.pagina-belanghebbenden .sh-table tr:last-child td{border-bottom:none}.pagina-belanghebbenden .sh-table tr:hover td{background:#6366f108}.pagina-belanghebbenden .td-prio{width:36px;text-align:center}.pagina-belanghebbenden .prio-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;border-radius:10px;font-size:10.5px;font-weight:800;white-space:nowrap}.pagina-belanghebbenden .prio-badge.p1{background:#ea580c24;color:#ea580c}.pagina-belanghebbenden .prio-badge.p2{background:#f59e0b29;color:#d97706}.pagina-belanghebbenden .prio-badge.p3{background:#16a34a24;color:#16a34a}.pagina-belanghebbenden .td-naam{min-width:160px}.pagina-belanghebbenden .td-text{max-width:180px;font-size:11.5px;line-height:1.45}.pagina-belanghebbenden .td-risico-txt{max-width:180px;font-size:11.5px;color:#b91c1c;background:#dc26260a;border-radius:4px;padding:4px 6px;line-height:1.4}.pagina-belanghebbenden .badge-reg{background:#ef44441f;color:#dc2626}.pagina-belanghebbenden .badge-klant{background:#6366f11f;color:var(--portal-color)}.pagina-belanghebbenden .badge-lever{background:#f59e0b1f;color:#d97706}.pagina-belanghebbenden .badge-intern{background:#22c55e1f;color:#16a34a}.pagina-belanghebbenden .badge-audit{background:#7c3aed1f;color:#7c3aed}.pagina-belanghebbenden .status-dot:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%}.pagina-belanghebbenden .dot-green:before{background:#16a34a}.pagina-belanghebbenden .dot-orange:before{background:#ea580c}.pagina-belanghebbenden .dot-gray:before{background:#6b7280}.pagina-belanghebbenden .act-btn{background:none;border:1px solid var(--ds-border);border-radius:4px;padding:4px 7px;cursor:pointer;color:var(--ds-text-muted);display:inline-flex}.pagina-belanghebbenden .act-btn svg{font-size:14px}.pagina-belanghebbenden .act-btn.edit:hover{background:#6366f11a;color:var(--portal-color)}.pagina-belanghebbenden .act-btn.del:hover{background:#ef44441a;color:#dc2626}.pagina-belanghebbenden .act-btn+.act-btn{margin-left:4px}.pagina-belanghebbenden .save-msg{display:inline-block;margin-top:8px;font-size:12px;font-weight:600;color:#16a34a}.pagina-belanghebbenden .legend-row{display:flex;gap:8px;flex-wrap:wrap}.pagina-belanghebbenden .leg-item{display:flex;align-items:center;gap:10px;flex:1;min-width:180px;padding:10px 14px;border-radius:8px;border:1px solid transparent}.pagina-belanghebbenden .leg-item.p1-bg{background:#ea580c12;border-color:#ea580c33}.pagina-belanghebbenden .leg-item.p2-bg{background:#f59e0b12;border-color:#f59e0b33}.pagina-belanghebbenden .leg-item.p3-bg{background:#16a34a12;border-color:#16a34a33}.pagina-belanghebbenden .leg-prio{font-size:13px;font-weight:800;min-width:52px}.pagina-belanghebbenden .leg-item.p1-bg .leg-prio{color:#ea580c}.pagina-belanghebbenden .leg-item.p2-bg .leg-prio{color:#d97706}.pagina-belanghebbenden .leg-item.p3-bg .leg-prio{color:#16a34a}.pagina-belanghebbenden .leg-lbl{font-size:11.5px;color:var(--ds-text-muted)}.pagina-belanghebbenden .norm-link-section{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px}.pagina-belanghebbenden .norm-link-section>svg{font-size:22px;color:var(--portal-color);flex-shrink:0}.pagina-belanghebbenden .norm-link-section>div{flex:1;display:flex;gap:8px;flex-wrap:wrap;align-items:baseline;font-size:12.5px;color:var(--ds-text)}.pagina-belanghebbenden .norm-link-section>div strong{margin-right:6px}.pagina-belanghebbenden .norm-link-section>div span{color:var(--ds-text-muted);font-size:12px}@media (max-width: 640px){.pagina-belanghebbenden .norm-link-section{row-gap:8px}.pagina-belanghebbenden .norm-link-section>div{flex:1 1 calc(100% - 34px);min-width:0}.pagina-belanghebbenden .norm-link-section>.norm-btns{flex:1 1 100%}}.pagina-belanghebbenden .norm-btns{display:flex;gap:8px;flex-wrap:wrap}.pagina-belanghebbenden .nl-btn{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--portal-color);text-decoration:none;padding:6px 10px;border:1px solid var(--portal-color);border-radius:var(--ds-radius-sm);white-space:nowrap}.pagina-belanghebbenden .nl-btn svg{font-size:13px}.pagina-belanghebbenden .nl-btn:hover{background:#6366f114}.pagina-belanghebbenden .form-group label{font-size:11px;font-weight:600;color:var(--ds-text)}.pagina-belanghebbenden .form-group input,.pagina-belanghebbenden .form-group select,.pagina-belanghebbenden .form-group textarea{padding:7px 9px;border:1px solid var(--ds-border);border-radius:6px;font-size:12px;color:var(--ds-text);background:var(--ds-hover);font-family:inherit}.pagina-belanghebbenden .form-group textarea{min-height:60px;resize:vertical}.pagina-belanghebbenden .btn-ghost{background:var(--ds-hover);color:var(--ds-text);border:1px solid var(--ds-border);padding:8px 14px;border-radius:var(--ds-radius-sm);font-size:12px;font-weight:600;cursor:pointer}.pagina-belanghebbenden .btn-primary:hover{opacity:.88}@media (max-width: 640px){.pagina-belanghebbenden .form-row{grid-template-columns:1fr}}.pagina-belanghebbenden .status-dot{width:auto;height:auto;background:none;border-radius:0;flex-shrink:1;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;white-space:nowrap}.pagina-belanghebbenden .form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}.pagina-belanghebbenden .form-row>.form-group{margin-bottom:0}.pagina-belanghebbenden .add-btn:disabled{opacity:.5;cursor:not-allowed}.pagina-belanghebbenden .act-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 900px){.pagina-belanghebbenden .sh-table{display:block;overflow-x:auto}.pagina-belanghebbenden .sh-table th,.pagina-belanghebbenden .sh-table td{white-space:nowrap}.pagina-belanghebbenden .sh-table .eisen,.pagina-belanghebbenden .sh-table td.eisen{white-space:normal;min-width:240px;max-width:none}}.pagina-roadmap .rm-hero{display:flex;align-items:center;gap:16px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;padding:16px 18px;box-shadow:var(--ds-shadow);transition:box-shadow .18s ease}.pagina-roadmap .rm-hero:hover{box-shadow:var(--ds-shadow-lg)}.pagina-roadmap .rm-hero-icon{width:52px;height:52px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#4c1d95,#8b5cf6);color:#fff;font-size:24px;flex-shrink:0;box-shadow:0 4px 12px color-mix(in srgb,var(--ds-purple) 35%,transparent)}.pagina-roadmap .rm-hero-info h1{font-size:18px;font-weight:800;color:var(--ds-text);margin:0;letter-spacing:-.02em}.pagina-roadmap .rm-hero-info p{font-size:12.5px;color:var(--ds-text-muted);margin:3px 0 10px}.pagina-roadmap .rm-hero-btn{display:inline-flex;align-items:center;gap:6px;background:var(--ds-purple);color:#fff;border:none;border-radius:var(--ds-radius-sm);padding:7px 13px;font-weight:700;font-size:12.5px;cursor:pointer;transition:background .15s ease,transform .15s ease}.pagina-roadmap .rm-hero-btn:hover{background:#7c3aed;transform:translateY(-1px)}.pagina-roadmap .rm-kpi-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.pagina-roadmap .kpi-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;padding:12px 14px;box-shadow:var(--ds-shadow);transition:box-shadow .18s ease,transform .18s ease}.pagina-roadmap .kpi-card:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-lg)}.pagina-roadmap .kl{font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ds-text-muted)}.pagina-roadmap .kv{font-size:26px;font-weight:800;color:var(--ds-text);line-height:1.1;margin:2px 0}.pagina-roadmap .ks{font-size:11px;color:var(--ds-text-subtle)}.pagina-roadmap .rm-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pagina-roadmap .rm-search-wrap{display:flex;align-items:center;gap:7px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:8px;padding:0 10px;flex:1;min-width:180px;transition:border-color .15s ease}.pagina-roadmap .rm-search-wrap:focus-within{border-color:var(--portal-color)}.pagina-roadmap .rm-search-wrap svg{color:var(--ds-text-muted);font-size:15px}.pagina-roadmap .rm-search{flex:1;border:none;background:transparent;color:var(--ds-text);font:inherit;font-size:13px;padding:8px 0;outline:none}.pagina-roadmap .rm-sel{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:8px;color:var(--ds-text);font:inherit;font-size:12.5px;padding:8px 10px;transition:border-color .15s ease}.pagina-roadmap .rm-sel:focus{outline:none;border-color:var(--portal-color)}.pagina-roadmap .rm-legend{display:flex;flex-wrap:wrap;gap:8px}.pagina-roadmap .rm-legend-item{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--ds-text-muted)}.pagina-roadmap .rm-legend-item svg{font-size:13px}.pagina-roadmap .rm-timeline{position:relative;padding-left:22px;display:flex;flex-direction:column;gap:18px}.pagina-roadmap .rm-timeline:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:var(--ds-border);border-radius:1px}.pagina-roadmap .rm-phase{position:relative}.pagina-roadmap .rm-phase-dot{position:absolute;left:-21px;top:5px;width:11px;height:11px;border-radius:50%;background:var(--ph-clr);border:2px solid var(--ds-card);box-shadow:0 0 0 2px var(--ph-clr, var(--portal-color))}.pagina-roadmap .rm-phase-hdr{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px}.pagina-roadmap .rm-phase-title{font-size:14.5px;font-weight:800;color:var(--ds-text);letter-spacing:-.01em}.pagina-roadmap .rm-phase-sub{font-size:11.5px;color:var(--ds-text-muted)}.pagina-roadmap .rm-phase-badge{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;border:1px solid}.pagina-roadmap .rm-phase-live-pill{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;color:#16a34a;background:color-mix(in srgb,var(--ds-success) 12%,transparent);border-radius:999px;padding:2px 8px;border:1px solid color-mix(in srgb,var(--ds-success) 20%,transparent)}.pagina-roadmap .rm-phase-add-btn{margin-left:auto;display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px solid var(--ds-border);color:var(--ds-text-muted);border-radius:var(--ds-radius-sm);padding:4px 10px;font-size:11.5px;font-weight:700;cursor:pointer;transition:border-color .15s ease,color .15s ease}.pagina-roadmap .rm-phase-add-btn:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-roadmap .rm-grid,.pagina-roadmap .rm-live-tags{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(268px,100%),1fr));gap:10px}.pagina-roadmap .rm-card{position:relative;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;overflow:hidden;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.pagina-roadmap .rm-card:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-lg);border-color:var(--portal-color)}.pagina-roadmap .rm-card-top-bar{height:3px;background:var(--card-clr)}.pagina-roadmap .rm-card-inner{display:flex;gap:10px;padding:12px}.pagina-roadmap .rm-card-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:16px;flex-shrink:0}.pagina-roadmap .rm-card-body{flex:1;min-width:0}.pagina-roadmap .rm-card-title{font-weight:700;font-size:13px;color:var(--ds-text);display:flex;align-items:center;gap:6px;line-height:1.3}.pagina-roadmap .rm-lt-check{color:var(--ds-success);font-size:14px}.pagina-roadmap .rm-card-desc{font-size:11.5px;color:var(--ds-text-muted);line-height:1.45;margin:4px 0 8px}.pagina-roadmap .rm-card-foot{display:flex;flex-wrap:wrap;gap:5px}.pagina-roadmap .rm-chip{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;border:1px solid}.pagina-roadmap .rm-chip svg{font-size:11px}.pagina-roadmap .rm-card-actions{display:flex;flex-direction:column;gap:4px}.pagina-roadmap .rm-card-act-btn{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-muted);border-radius:var(--ds-radius-sm);cursor:pointer;transition:color .15s ease,border-color .15s ease}.pagina-roadmap .rm-card-act-btn:hover{color:var(--portal-color);border-color:var(--portal-color)}.pagina-roadmap .rm-card-act-btn.del:hover{color:var(--ds-danger);border-color:var(--ds-danger)}.pagina-roadmap .rm-edit-zone{padding:0 12px 12px;display:flex;flex-direction:column;gap:2px}.pagina-roadmap .rm-edit-zone label,.pagina-roadmap .rm-add-form label{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--ds-text-muted);margin-top:6px}.pagina-roadmap .rm-ez-inp{width:100%;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:6px;padding:7px 9px;font:inherit;font-size:12px;box-sizing:border-box;transition:border-color .15s ease}.pagina-roadmap .rm-ez-inp:focus{outline:none;border-color:var(--portal-color)}.pagina-roadmap textarea.rm-ez-inp{resize:vertical}.pagina-roadmap .rm-ez-2col,.pagina-roadmap .rm-add-selrow{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pagina-roadmap .rm-ez-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.pagina-roadmap .btn-sm{border-radius:var(--ds-radius-sm);padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);transition:border-color .15s ease,color .15s ease}.pagina-roadmap .btn-sm:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-roadmap .btn-sm.primary{background:var(--portal-color);border-color:var(--portal-color);color:#fff}.pagina-roadmap .btn-sm.primary:hover{filter:brightness(1.08);color:#fff}.pagina-roadmap .rm-add-form{margin-top:10px;background:var(--ds-card);border:1px dashed var(--ds-border);border-radius:10px;padding:12px;animation:pagina-roadmap-dsScaleIn .22s cubic-bezier(.4,0,.2,1) both}@keyframes pagina-roadmap-dsScaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.pagina-roadmap .rm-empty{font-size:13px;color:var(--ds-text-muted);padding:14px;border:1px dashed var(--ds-border);border-radius:10px;grid-column:1 / -1;text-align:center}@media (max-width: 760px){.pagina-roadmap .rm-kpi-row{grid-template-columns:repeat(2,1fr)}.pagina-roadmap .rm-grid,.pagina-roadmap .rm-live-tags{grid-template-columns:1fr}.pagina-roadmap .rm-bar{flex-direction:column;align-items:stretch}.pagina-roadmap .rm-search-wrap{min-width:0;width:100%}.pagina-roadmap .rm-sel,.pagina-roadmap .rm-legend{width:100%}.pagina-roadmap .rm-timeline{padding-left:18px}.pagina-roadmap .rm-phase-dot{left:-17px}}@media (max-width: 500px){.pagina-roadmap .rm-hero{flex-direction:column;align-items:flex-start;padding:14px;gap:12px}.pagina-roadmap .rm-hero-info h1{font-size:16px}.pagina-roadmap .rm-hero-info p{font-size:12px}.pagina-roadmap .rm-kpi-row{gap:8px}.pagina-roadmap .kpi-card{padding:10px 12px}.pagina-roadmap .kv{font-size:20px}.pagina-roadmap .rm-phase-hdr{gap:6px}.pagina-roadmap .rm-phase-title{font-size:13px}.pagina-roadmap .rm-phase-sub{font-size:10.5px}.pagina-roadmap .rm-phase-add-btn{margin-left:0;padding:4px 8px;font-size:11px}.pagina-roadmap .rm-card-inner{padding:10px;gap:8px}.pagina-roadmap .rm-card-icon{width:28px;height:28px;font-size:14px}.pagina-roadmap .rm-card-title{font-size:12.5px;word-break:keep-all;overflow-wrap:break-word}.pagina-roadmap .rm-card-desc{font-size:11px;word-break:keep-all;overflow-wrap:break-word}.pagina-roadmap .rm-chip{font-size:9.5px;padding:1px 6px}.pagina-roadmap .rm-card-actions{gap:3px}.pagina-roadmap .rm-card-act-btn{width:24px;height:24px}.pagina-roadmap .rm-ez-2col,.pagina-roadmap .rm-add-selrow{grid-template-columns:1fr}.pagina-roadmap .rm-legend{gap:5px}.pagina-roadmap .rm-legend-item{font-size:10px}}.pagina-roadmap .footer-note{text-align:center;padding:8px}.pagina-roadmap .rm-chip-datum{background:var(--ds-hover);color:var(--ds-text-muted);border-color:var(--ds-border);font-weight:600}.pagina-roadmap .rm-add-form textarea.rm-ez-inp{margin-top:7px}.pagina-roadmap .rm-add-form .rm-add-selrow{margin-top:8px}.pagina-roadmap .rm-card-act-btn:disabled,.pagina-roadmap .btn-sm:disabled{opacity:.45;cursor:not-allowed}.pagina-roadmap .rm-search-wrap{box-sizing:border-box}.pagina-documentatie .empty-state svg{font-size:42px;color:var(--ds-text-subtle)}.pagina-documentatie .doc-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:56px;color:var(--ds-text-muted);font-size:14px}.pagina-documentatie .doc-loading svg{font-size:22px;color:var(--portal-color)}.pagina-documentatie .doc-segment{display:inline-flex;align-items:center;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:11px;padding:3px;gap:2px;margin-left:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pagina-documentatie .doc-seg-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 16px;border:none;background:transparent;cursor:pointer;border-radius:var(--ds-radius-sm);font:inherit;font-size:12.5px;font-weight:600;color:#ffffffd1;white-space:nowrap;transition:background .18s,color .18s,box-shadow .18s}.pagina-documentatie .doc-seg-btn svg{font-size:15px}.pagina-documentatie .doc-seg-btn:hover:not(.active){color:#fff;background:#ffffff1a}.pagina-documentatie .doc-seg-btn.active{background:var(--ds-card);color:var(--portal-color);font-weight:700;box-shadow:0 2px 6px #0000001f}@media (max-width:640px){.pagina-documentatie .doc-segment{width:100%;margin-top:4px}.pagina-documentatie .doc-seg-btn{flex:1;padding:8px 10px;font-size:12px}.pagina-documentatie .doc-seg-btn span{white-space:nowrap}}@media (max-width:380px){.pagina-documentatie .doc-seg-btn span{font-size:11px}}.pagina-documentatie .wd-scope{display:flex;flex-direction:column;gap:14px}.pagina-documentatie .wd-layout{display:grid;grid-template-columns:320px 1fr;gap:14px;height:calc(100vh - 150px);min-height:460px}@media (max-width:768px){.pagina-documentatie .wd-layout{grid-template-columns:1fr;height:auto}}.pagina-documentatie .wd-list-col{display:flex;flex-direction:column;gap:10px;overflow:hidden}.pagina-documentatie .wd-top-bar{display:flex;gap:8px}.pagina-documentatie .wd-top-bar input{flex:1;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:9px;padding:8px 11px;color:var(--ds-text);font:inherit;font-size:13px;outline:none;transition:border-color .18s}.pagina-documentatie .wd-top-bar input:focus{border-color:var(--portal-color)}.pagina-documentatie .wd-add-btn{background:var(--portal-color);border:none;border-radius:var(--ds-radius-sm);color:#fff;padding:0 15px;cursor:pointer;font-size:13px;font-weight:600;display:flex;align-items:center;gap:5px;transition:opacity .15s,box-shadow .15s}.pagina-documentatie .wd-add-btn:hover{opacity:.92;box-shadow:0 3px 10px -3px var(--portal-color)}.pagina-documentatie .wd-filter-row{display:flex;flex-wrap:wrap;gap:6px}.pagina-documentatie .wd-filter-chip{font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;border:1px solid var(--ds-border);color:var(--ds-text-muted);cursor:pointer;transition:color .18s,border-color .18s}.pagina-documentatie .wd-filter-chip:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-documentatie .wd-filter-chip.active{color:var(--portal-color);border-color:var(--portal-color);background:color-mix(in srgb,var(--portal-color) 6%,transparent)}.pagina-documentatie .wd-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:2px}.pagina-documentatie .wd-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px;color:var(--ds-text-muted);font-size:13px}.pagina-documentatie .wd-empty svg{font-size:30px;color:var(--ds-text-subtle)}.pagina-documentatie .wd-item{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;padding:10px 12px;cursor:pointer;transition:border-color .18s,background .18s}.pagina-documentatie .wd-item:hover{border-color:var(--portal-color)}.pagina-documentatie .wd-item.selected{border-color:var(--portal-color);background:var(--ds-hover);box-shadow:var(--ds-shadow)}.pagina-documentatie .wd-item-header{display:flex;justify-content:space-between;gap:8px;align-items:center}.pagina-documentatie .wd-item-title{font-weight:700;font-size:13px;color:var(--ds-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pagina-documentatie .wd-status-badge{font-size:9.5px;font-weight:800;text-transform:uppercase;padding:2px 7px;border-radius:999px;flex-shrink:0}.pagina-documentatie .wd-status-badge.concept{background:#f59e0b26;color:#d97706}.pagina-documentatie .wd-status-badge.definitief{background:#22c55e26;color:#16a34a}.pagina-documentatie .wd-status-badge.archief{background:#94a3b82e;color:var(--ds-text-muted)}.pagina-documentatie .wd-item-meta{display:flex;gap:8px;align-items:center;margin-top:5px;font-size:11px;color:var(--ds-text-muted)}.pagina-documentatie .wd-cat-chip{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:999px;padding:1px 6px;text-transform:capitalize}.pagina-documentatie .wd-editor-col{display:flex;flex-direction:column;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:13px;overflow:hidden;box-shadow:var(--ds-shadow)}.pagina-documentatie .wd-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--ds-text-muted);min-height:220px}.pagina-documentatie .wd-placeholder svg{font-size:42px;color:var(--ds-text-subtle)}.pagina-documentatie .wd-editor-header{display:flex;flex-direction:column;gap:10px;padding:14px;border-bottom:1px solid var(--ds-border)}.pagina-documentatie .wd-title-input{border:none;background:transparent;color:var(--ds-text);font:inherit;font-size:16px;font-weight:700;outline:none}.pagina-documentatie .wd-meta-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pagina-documentatie .wd-meta-select{background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text);border-radius:7px;padding:6px 9px;font:inherit;font-size:12px;outline:none;transition:border-color .18s}.pagina-documentatie .wd-meta-select:focus{border-color:var(--portal-color)}.pagina-documentatie .wd-btn{display:inline-flex;align-items:center;gap:5px;background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text-2);border-radius:var(--ds-radius-sm);padding:6px 11px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s,background .15s,box-shadow .15s}.pagina-documentatie .wd-btn:hover{border-color:var(--portal-color);color:var(--portal-color);background:var(--ds-hover)}.pagina-documentatie .wd-btn.primary{background:var(--portal-color);border-color:var(--portal-color);color:#fff}.pagina-documentatie .wd-btn.primary:hover{opacity:.92;color:#fff;box-shadow:0 3px 10px -3px var(--portal-color)}.pagina-documentatie .wd-btn.danger:hover{color:#ef4444;border-color:#ef4444;background:#ef44440f}.pagina-documentatie .wd-textarea{flex:1;min-height:200px;border:none;background:transparent;color:var(--ds-text);font:inherit;font-size:14px;line-height:1.6;padding:14px;resize:none;outline:none}.pagina-documentatie .wd-editor-footer{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--ds-border);font-size:11px;color:var(--ds-text-muted)}@media (max-width: 768px){.pagina-documentatie .wd-editor-header{padding:11px 12px}.pagina-documentatie .wd-title-input{font-size:15px}.pagina-documentatie .wd-meta-row{gap:6px}.pagina-documentatie .wd-btn{padding:6px 9px;font-size:11.5px}.pagina-documentatie .wd-textarea{padding:11px 12px;font-size:13px}.pagina-documentatie .wd-editor-footer{padding:7px 11px;flex-wrap:wrap;gap:5px}}@media (max-width: 480px){.pagina-documentatie .wd-top-bar{flex-direction:column;gap:6px}.pagina-documentatie .wd-top-bar input{width:100%}.pagina-documentatie .wd-add-btn{width:100%;padding:8px 14px;justify-content:center}.pagina-documentatie .wd-item{padding:9px 11px}.pagina-documentatie .wd-item-title{font-size:12.5px}.pagina-documentatie .wd-item-meta{font-size:10.5px}.pagina-documentatie .wd-editor-header{padding:10px 11px;gap:8px}.pagina-documentatie .wd-title-input{font-size:14.5px}.pagina-documentatie .wd-meta-row{gap:5px;flex-wrap:wrap}.pagina-documentatie .wd-meta-select{font-size:11.5px;padding:5px 7px}.pagina-documentatie .wd-btn{padding:6px 8px;font-size:11px}.pagina-documentatie .wd-textarea{padding:10px;font-size:12.5px}.pagina-documentatie .wd-editor-footer{font-size:10.5px}}.pagina-documentatie .doc-segment{background:var(--ds-hover);border:1px solid var(--ds-border)}.pagina-documentatie .doc-seg-btn{color:var(--ds-text-2)}.pagina-documentatie .doc-seg-btn:hover:not(.active){color:var(--portal-color);background:var(--ds-card)}.pagina-documentatie .doc-seg-btn.active{background:var(--portal-color);color:#fff;box-shadow:var(--ds-shadow)}.pagina-documentatie .documentatie-scope{width:100%;min-width:0}.pagina-documentatie .doc-plaatje-ontbreekt,.documentatie-scope .doc-plaatje-ontbreekt{display:block;padding:14px 16px;border:1px dashed var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-card);color:var(--ds-text-subtle);font-size:12.5px;text-align:center}.pagina-bob .bob-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:14px}.pagina-bob .bob-kop{display:flex;justify-content:space-between;align-items:center;font-weight:600;margin-bottom:10px;gap:8px;flex-wrap:wrap}.pagina-bob .bob-kop svg{vertical-align:-2px;margin-right:4px}.pagina-bob .bob-acties{display:flex;gap:6px}.pagina-bob .bob-tel{background:var(--portal-color);color:#fff;border-radius:99px;font-size:.7rem;padding:1px 7px;margin-left:6px}.pagina-bob .bob-knop{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--border-color, #2a3446);background:transparent;color:inherit;border-radius:var(--ds-radius-sm);padding:4px 10px;font-size:.8rem;cursor:pointer}.pagina-bob .bob-knop:disabled{opacity:.5}.pagina-bob .bob-knop.google{border-color:#16a34a;color:#16a34a}.pagina-bob .bob-google-ok{display:inline-flex;align-items:center;gap:4px;color:#16a34a;font-weight:600;font-size:.8rem}.pagina-bob .bob-briefing{white-space:pre-wrap;font:.85rem/1.55 inherit;margin:0;background:transparent}.pagina-bob .bob-leeg{opacity:.6;font-size:.85rem;padding:6px 0}.pagina-bob .bob-item{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-top:1px solid var(--border-color, #2a3446)}.pagina-bob .bob-item-body{flex:1;min-width:0}.pagina-bob .bob-item-titel{font-size:.88rem;font-weight:600}.pagina-bob .bob-item-sub{font-size:.8rem;opacity:.8;white-space:pre-wrap}.pagina-bob .bob-item-meta{font-size:.72rem;opacity:.55;margin-top:2px}.pagina-bob .bob-prio{font-size:.68rem;font-weight:700;border-radius:99px;padding:2px 8px;white-space:nowrap;border:1px solid transparent}.pagina-bob .p-informatief{background:#64748b26}.pagina-bob .p-urgent{background:#b4530933}.pagina-bob .bob-iknop{border:1px solid var(--border-color, #2a3446);background:transparent;color:inherit;border-radius:var(--ds-radius-sm);width:30px;height:30px;cursor:pointer}.pagina-bob .bob-iknop.ok{color:#16a34a}.pagina-bob .bob-iknop.nee{color:#dc2626}.pagina-bob .bob-nieuw{display:flex;gap:6px;margin-bottom:8px}.pagina-bob .bob-nieuw input{flex:1;min-width:0;background:transparent;border:1px solid var(--border-color, #2a3446);border-radius:8px;padding:5px 9px;color:inherit;font-size:.85rem}.pagina-bob .bob-nieuw input[type=date]{flex:0 0 130px}.pagina-bob .bob-audit{display:flex;gap:8px;align-items:center;font-size:.78rem;padding:4px 0;border-top:1px solid var(--border-color, #2a3446)}.pagina-bob .bob-audit-tijd{opacity:.55;flex:0 0 78px}.pagina-bob .bob-audit-actie{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagina-bob .bob-audit-model{opacity:.6}.pagina-bob .bob-kosten{margin-top:10px;font-size:.8rem;opacity:.8}.pagina-bob .bob-kosten svg{vertical-align:-2px;margin-right:4px}.pagina-bob .bob-knop{background:var(--ds-card);color:var(--ds-text-2);font-weight:600}.pagina-bob .bob-knop:hover:not(:disabled){border-color:var(--portal-color);color:var(--portal-color)}.pagina-bob .bob-iknop:disabled{opacity:.45;cursor:not-allowed}.pagina-bob .bob-nieuw input{background:var(--ds-hover);color:var(--ds-text)}.pagina-bob .bob-nieuw input:focus{outline:none;border-color:var(--portal-color);background:var(--ds-card)}.pagina-bob .bob-briefing{color:var(--ds-text-2);font-family:inherit}.pagina-bob .page-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pagina-bob .stats-row{margin:0}.pagina-bob .bob-google-nee{display:inline-flex;align-items:center;gap:4px;color:var(--ds-text-muted);font-size:.8rem}.pagina-bob .bob-google-knop{margin-left:4px;padding:2px 8px;font-size:.8rem;font-weight:600;color:var(--portal-color);background:transparent;border:1px solid var(--ds-border);border-radius:999px;cursor:pointer}.pagina-bob .bob-google-knop:hover{background:var(--ds-bg)}.pagina-bob-agenda .ba-koppel{display:flex;align-items:center;gap:14px;padding:14px 16px;margin-bottom:16px;border-radius:12px;background:color-mix(in srgb,var(--portal-color) 8%,var(--ds-card));border:1px solid color-mix(in srgb,var(--portal-color) 30%,var(--ds-border));box-shadow:0 1px 2px #0f172a0d}.pagina-bob-agenda .ba-koppel>svg{font-size:24px;color:var(--portal-color);flex:0 0 24px}.pagina-bob-agenda .ba-koppel-tekst{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pagina-bob-agenda .ba-koppel-tekst b{font-size:13.5px;color:var(--ds-text)}.pagina-bob-agenda .ba-koppel-tekst span{font-size:12.5px;color:var(--ds-text-muted);line-height:1.5}.pagina-bob-agenda .ba-koppel.ok{background:#f0fdf4;border-color:#bbf7d0}.pagina-bob-agenda .ba-koppel.ok>svg{color:#16a34a}.pagina-bob-agenda .notice.err{padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:14px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-weight:600}.pagina-bob-agenda .ba-knop{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:var(--ds-radius-sm);padding:6px 12px;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s}.pagina-bob-agenda .ba-knop:hover:not(:disabled){border-color:var(--portal-color);color:var(--portal-color)}.pagina-bob-agenda .ba-knop:disabled{opacity:.45;cursor:not-allowed}.pagina-bob-agenda .ba-knop svg{font-size:14px}.pagina-bob-agenda .ba-knop.primair{background:var(--portal-color);border-color:var(--portal-color);color:#fff;padding:9px 16px}.pagina-bob-agenda .ba-knop.primair:hover:not(:disabled){opacity:.9;color:#fff}.pagina-bob-agenda .ba-iknop{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:var(--ds-radius-sm);width:32px;height:32px;display:grid;place-items:center;cursor:pointer;transition:all .15s}.pagina-bob-agenda .ba-iknop:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-bob-agenda .ba-nieuw{display:flex;gap:8px;flex-wrap:wrap}.pagina-bob-agenda .ba-nieuw input{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:9px;padding:9px 11px;color:var(--ds-text);font-size:13px;font-family:inherit}.pagina-bob-agenda .ba-nieuw input:focus{outline:none;border-color:var(--portal-color);background:var(--ds-card)}.pagina-bob-agenda .ba-nieuw input:first-child{flex:1;min-width:220px}.pagina-bob-agenda .ba-hint{margin-top:10px;font-size:12px;line-height:1.55;color:var(--ds-text-muted)}.pagina-bob-agenda .ba-hint svg{vertical-align:-2px;margin-right:3px}.pagina-bob-agenda .ba-balk{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.pagina-bob-agenda .ba-nav{display:flex;align-items:center;gap:8px}.pagina-bob-agenda .ba-maand{font-size:15px;font-weight:800;color:var(--ds-text);min-width:150px;text-align:center;text-transform:capitalize}.pagina-bob-agenda .ba-weergave{display:flex;gap:6px}.pagina-bob-agenda .ba-tab{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:var(--ds-radius-sm);padding:6px 12px;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s}.pagina-bob-agenda .ba-tab.actief{background:var(--portal-color);border-color:var(--portal-color);color:#fff}.pagina-bob-agenda .ba-tab svg{font-size:14px}.pagina-bob-agenda .ba-rooster{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.pagina-bob-agenda .ba-wd{text-align:center;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);padding-bottom:4px}.pagina-bob-agenda .ba-cel{display:flex;flex-direction:column;align-items:stretch;gap:3px;min-height:96px;padding:7px 7px 8px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;cursor:pointer;text-align:left;font-family:inherit;transition:border-color .15s,background .15s;overflow:hidden}.pagina-bob-agenda .ba-cel:hover{border-color:var(--portal-color)}.pagina-bob-agenda .ba-cel.buiten{opacity:.4}.pagina-bob-agenda .ba-cel.vandaag{border-color:var(--portal-color);background:color-mix(in srgb,var(--portal-color) 8%,transparent)}.pagina-bob-agenda .ba-cel.gekozen{box-shadow:0 0 0 2px var(--portal-color);border-color:var(--portal-color)}.pagina-bob-agenda .ba-dagnr{font-size:12.5px;font-weight:700;color:var(--ds-text-2);margin-bottom:2px}.pagina-bob-agenda .ba-cel.vandaag .ba-dagnr{color:var(--portal-color)}.pagina-bob-agenda .ba-chip{display:flex;align-items:center;gap:4px;font-size:10.5px;line-height:1.35;color:var(--ds-text-2);background:var(--ds-hover);border-radius:999px;padding:2px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pagina-bob-agenda .ba-chip.gedaan{opacity:.5;text-decoration:line-through}.pagina-bob-agenda .ba-stip{width:5px;height:5px;border-radius:50%;flex:0 0 5px;background:var(--ds-text-muted)}.pagina-bob-agenda .ba-chip.herinnering .ba-stip{background:#d97706}.pagina-bob-agenda .ba-chip.taak .ba-stip{background:var(--portal-color)}.pagina-bob-agenda .ba-chip.afspraak .ba-stip{background:#7c3aed}.pagina-bob-agenda .ba-meer{font-size:10px;font-weight:700;color:var(--ds-text-muted);padding-left:2px}.pagina-bob-agenda .ba-dagpaneel{margin-top:18px;padding-top:16px;border-top:1px solid var(--ds-border)}.pagina-bob-agenda .ba-dag{padding:14px 0;border-top:1px solid var(--ds-border)}.pagina-bob-agenda .ba-dag:first-of-type{border-top:none;padding-top:2px}.pagina-bob-agenda .ba-dagkop{display:flex;align-items:center;gap:9px;margin-bottom:9px;font-weight:800;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-2)}.pagina-bob-agenda .ba-dag.vandaag .ba-dagkop{color:var(--portal-color)}.pagina-bob-agenda .ba-tel{background:var(--ds-hover);color:var(--ds-text-2);border-radius:99px;font-size:10.5px;font-weight:700;padding:2px 8px}.pagina-bob-agenda .ba-item{display:flex;gap:11px;align-items:center;padding:9px 12px;margin-bottom:6px;font-size:13.5px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px}.pagina-bob-agenda .ba-item>svg{font-size:16px;flex:0 0 16px;color:var(--ds-text-muted)}.pagina-bob-agenda .ba-item.herinnering>svg{color:#d97706}.pagina-bob-agenda .ba-item.taak>svg{color:var(--portal-color)}.pagina-bob-agenda .ba-item.afspraak>svg{color:#7c3aed}.pagina-bob-agenda .ba-item.gedaan{opacity:.6}.pagina-bob-agenda .ba-item.gedaan>svg{color:#16a34a}.pagina-bob-agenda .ba-item.gedaan .ba-titel{text-decoration:line-through}.pagina-bob-agenda .ba-tijd{flex:0 0 62px;font-weight:700;font-size:12px;color:var(--ds-text-muted);font-variant-numeric:tabular-nums}.pagina-bob-agenda .ba-titel{flex:1;min-width:0;color:var(--ds-text);line-height:1.4}.pagina-bob-agenda .ba-meta{font-size:11px;color:var(--ds-text-muted)}.pagina-bob-agenda .ba-leeg{padding:12px 0;font-size:13px;color:var(--ds-text-muted)}.pagina-bob-agenda .ba-leeg-alles{padding:24px 4px;text-align:center;font-size:13px;color:var(--ds-text-muted)}@media (max-width: 720px){.pagina-bob-agenda .ba-cel{min-height:64px;padding:5px}.pagina-bob-agenda .ba-chip{font-size:0;gap:0;padding:2px;justify-content:center}.pagina-bob-agenda .ba-chip .ba-stip{width:6px;height:6px;flex:0 0 6px}.pagina-bob-agenda .ba-meer{display:none}}.pagina-bob-agenda .ba-koppel.ok{background:var(--ds-success-bg);border-color:var(--ds-success)}.pagina-bob-agenda .ba-koppel.ok>svg{color:var(--ds-success)}.pagina-bob-agenda .notice.err{background:var(--ds-danger-bg);border-color:var(--ds-danger);color:var(--ds-danger)}.pagina-bob-agenda .page-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pagina-bob-agenda .stats-row{margin:0}@media (max-width: 640px){.pagina-bob-agenda .ba-balk{flex-wrap:wrap;row-gap:8px}.pagina-bob-agenda .ba-nav{flex:1 1 100%;justify-content:space-between;min-width:0}.pagina-bob-agenda .ba-nav>*{min-width:0}}.pagina-bob-taken .notice.err{padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:14px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-weight:600}.pagina-bob-taken .bt-kop{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted);margin-bottom:12px}.pagina-bob-taken .bt-kop svg{font-size:16px}.pagina-bob-taken .bt-knop{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:var(--ds-radius-sm);padding:6px 12px;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s}.pagina-bob-taken .bt-knop:hover:not(:disabled){border-color:var(--portal-color);color:var(--portal-color)}.pagina-bob-taken .bt-knop:disabled{opacity:.45;cursor:not-allowed}.pagina-bob-taken .bt-knop svg{font-size:14px}.pagina-bob-taken .bt-nieuw{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.pagina-bob-taken .bt-nieuw input,.pagina-bob-taken .bt-nieuw select{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:9px;padding:9px 11px;color:var(--ds-text);font-size:13px;font-family:inherit}.pagina-bob-taken .bt-nieuw input:focus,.pagina-bob-taken .bt-nieuw select:focus{outline:none;border-color:var(--portal-color);background:var(--ds-card)}.pagina-bob-taken .bt-nieuw input:first-child{flex:1;min-width:200px}.pagina-bob-taken .bt-nieuw .bt-knop{background:var(--portal-color);border-color:var(--portal-color);color:#fff;padding:9px 16px}.pagina-bob-taken .bt-nieuw .bt-knop:hover:not(:disabled){opacity:.9;color:#fff}.pagina-bob-taken .bt-filters{display:flex;gap:7px;margin-bottom:14px;flex-wrap:wrap}.pagina-bob-taken .bt-chip{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:99px;padding:5px 14px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.pagina-bob-taken .bt-chip:hover{border-color:var(--portal-color)}.pagina-bob-taken .bt-chip b{font-weight:800;margin-left:4px;opacity:.75}.pagina-bob-taken .bt-chip.chip-open.actief{background:var(--portal-color);color:#fff;border-color:transparent}.pagina-bob-taken .bt-chip.chip-te_laat.actief{background:#dc2626;color:#fff;border-color:transparent}.pagina-bob-taken .bt-chip.chip-voltooid.actief{background:#16a34a;color:#fff;border-color:transparent}.pagina-bob-taken .bt-chip.chip-alle.actief{background:var(--ds-text-2);color:var(--ds-card);border-color:transparent}.pagina-bob-taken .bt-rij{display:flex;gap:11px;align-items:center;padding:11px 13px;margin-bottom:8px;background:var(--ds-card);border:1px solid var(--ds-border);border-left:3px solid var(--ds-border);border-radius:10px;transition:border-color .15s}.pagina-bob-taken .bt-rij:hover{border-color:var(--portal-color)}.pagina-bob-taken .bt-rij.rij-kritisch{border-left-color:#dc2626}.pagina-bob-taken .bt-rij.rij-hoog{border-left-color:#d97706}.pagina-bob-taken .bt-rij.rij-normaal{border-left-color:var(--portal-color)}.pagina-bob-taken .bt-rij.rij-laag{border-left-color:var(--ds-border-strong)}.pagina-bob-taken .bt-body{flex:1;min-width:0}.pagina-bob-taken .bt-body.klaar{opacity:.5}.pagina-bob-taken .bt-body.klaar .bt-titel{text-decoration:line-through}.pagina-bob-taken .bt-titel{font-size:14px;font-weight:600;color:var(--ds-text);line-height:1.4}.pagina-bob-taken .bt-meta{display:flex;gap:10px;margin-top:4px;font-size:11.5px;color:var(--ds-text-muted);align-items:center;flex-wrap:wrap}.pagina-bob-taken .bt-meta svg{font-size:12px;vertical-align:-1px}.pagina-bob-taken .bt-status{text-transform:capitalize}.pagina-bob-taken .bt-meta .rood{color:#b91c1c;background:#fee2e2;border-radius:99px;padding:2px 9px;font-weight:800;font-size:10.5px;text-transform:uppercase;letter-spacing:.03em}.pagina-bob-taken .bt-prio{border-radius:99px;padding:2px 9px;font-weight:700;font-size:10.5px;text-transform:uppercase;letter-spacing:.03em}.pagina-bob-taken .bt-iknop{border:1px solid var(--ds-border);background:var(--ds-card);color:#16a34a;border-radius:var(--ds-radius-sm);width:32px;height:32px;flex:0 0 32px;cursor:pointer;display:grid;place-items:center;transition:all .15s}.pagina-bob-taken .bt-iknop:hover{background:#16a34a;border-color:#16a34a;color:#fff}.pagina-bob-taken .bt-leeg{padding:20px 0;text-align:center;color:var(--ds-text-muted);font-size:13px}.pagina-bob-taken .notice.err{background:var(--ds-danger-bg);border-color:var(--ds-danger);color:var(--ds-danger)}.pagina-bob-taken .page-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pagina-bob-taken .bt-iknop:disabled{opacity:.45;cursor:not-allowed}.pagina-bob-taken .bt-iknop svg{font-size:15px}.pagina-werkblokken .wb-filters{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}.pagina-werkblokken .wb-pill{border:1.5px solid var(--cdt-border, var(--ds-border));background:var(--cdt-bg-card, var(--ds-card));border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;color:var(--cdt-text-secondary, #4b5563);cursor:pointer}.pagina-werkblokken .wb-pill.actief{background:var(--portal-color);border-color:var(--portal-color);color:#fff}.pagina-werkblokken .wb-drempel{font-size:12.5px;color:var(--cdt-text-muted, var(--ds-text-muted))}.pagina-werkblokken .wb-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.pagina-werkblokken .wb-t,.pagina-werkblokken .wb-uur{font-weight:800}.pagina-werkblokken .wb-uur.oranje{color:#b45309}.pagina-werkblokken .wb-uur.rood{color:#dc2626}.pagina-werkblokken .wb-leeg{color:var(--cdt-text-muted, var(--ds-text-muted));text-align:center;padding:22px}.pagina-werkblokken .wb-uitleg{margin-top:14px;font-size:12.5px;line-height:1.55;color:var(--cdt-text-secondary, #4b5563)}.pagina-werkblokken .wb-uitleg-kop{display:flex;align-items:center;gap:7px;font-weight:800;margin-bottom:6px;color:var(--cdt-text-primary, var(--ds-text))}.pagina-werkblokken .wb-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 900px){.pagina-werkblokken .wb-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.pagina-werkblokken .wb-kpis{grid-template-columns:repeat(2,1fr)}}.pagina-werkblokken .wb-kpis .stat-card{display:block;text-align:center}.pagina-werkblokken .wb-kpis .stat-value{display:block;font-size:24px;font-weight:800;color:var(--ds-text)}.pagina-werkblokken .wb-kpis .stat-value.negative{color:var(--ds-danger)}.pagina-werkblokken .wb-kpis .stat-value.positive{color:var(--ds-success)}.pagina-werkblokken .wb-kpis .stat-label{display:block;font-size:11.5px;color:var(--ds-text-muted);margin-top:3px}.pagina-werkblokken .wb-filters .form-select{padding:5px 9px;font-size:12.5px}.pagina-werkblokken .wb-uitleg-kop svg{font-size:16px}.pagina-tor-blokkade .tb-status{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}.pagina-tor-blokkade .tb-status svg{font-size:30px;color:#16a34a;flex-shrink:0}.pagina-tor-blokkade .tb-status.uit svg{color:#d97706}.pagina-tor-blokkade .tb-status-kop{font-weight:800;font-size:15px}.pagina-tor-blokkade .tb-status-sub{font-size:13px;color:var(--cdt-text-secondary, #4b5563);margin-top:4px;line-height:1.55}.pagina-tor-blokkade .tb-ververs{margin-left:auto;background:none;border:1.5px solid var(--cdt-border, var(--ds-border));border-radius:10px;padding:7px 11px;cursor:pointer;color:var(--cdt-text-secondary, #4b5563)}.pagina-tor-blokkade .tb-cijfers{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:14px}.pagina-tor-blokkade .tb-cijfer{text-align:center}.pagina-tor-blokkade .tb-getal{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}.pagina-tor-blokkade .tb-label{font-size:12px;color:var(--cdt-text-muted, var(--ds-text-muted));margin-top:3px}.pagina-tor-blokkade .tb-kop{display:flex;align-items:center;gap:8px;font-weight:800;font-size:14px;margin-bottom:10px}.pagina-tor-blokkade .tb-kop svg{font-size:17px;color:#dc2626}.pagina-tor-blokkade .tb-ip{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--cdt-border, #eceff3);font-size:13px}.pagina-tor-blokkade .tb-ip:last-child{border-bottom:0}.pagina-tor-blokkade .tb-ip-adres{font-family:ui-monospace,monospace}.pagina-tor-blokkade .tb-ip-aantal{font-weight:700;color:var(--cdt-text-muted, var(--ds-text-muted))}.pagina-tor-blokkade .tb-tabel{width:100%;border-collapse:collapse;font-size:12.5px}.pagina-tor-blokkade .tb-tabel th{text-align:left;padding:6px 8px;color:var(--cdt-text-muted, var(--ds-text-muted));border-bottom:1px solid var(--cdt-border, var(--ds-border));font-weight:700}.pagina-tor-blokkade .tb-tabel td{padding:6px 8px;border-bottom:1px solid var(--cdt-border, #f1f3f6)}.pagina-tor-blokkade .tb-mono{font-family:ui-monospace,monospace;word-break:break-all}.pagina-tor-blokkade .tb-leeg{font-size:13px;color:var(--cdt-text-muted, var(--ds-text-muted));padding:10px 0}.pagina-tor-blokkade .tb-uitleg{margin-top:6px;font-size:12.5px;line-height:1.6;color:var(--cdt-text-secondary, #4b5563)}.pagina-tor-blokkade .tb-ip,.pagina-tor-blokkade .tb-tabel td{border-bottom-color:var(--ds-border-subtle)}.pagina-tor-blokkade .tb-uitleg{color:var(--ds-text-secondary)}.pagina-tor-blokkade .tb-ververs:disabled{opacity:.5;cursor:default}.pagina-tor-blokkade .tb-ververs svg{display:block;font-size:17px}.pagina-covadis .cov-warn{display:flex;align-items:center;gap:10px;margin:12px 0;padding:12px 16px;border-radius:12px;background:var(--ds-danger-bg);border:1px solid var(--ds-danger);color:var(--ds-danger);font-weight:600}.pagina-covadis .cov-warn-dot{width:10px;height:10px;border-radius:50%;background:var(--ds-danger);animation:pagina-covadis-covPulse 1.6s ease-in-out infinite}@keyframes pagina-covadis-covPulse{0%,to{opacity:1}50%{opacity:.3}}.pagina-covadis .stat-card.sc-danger{border-color:var(--ds-danger)}.pagina-covadis .stat-card.sc-danger .stat-value{color:var(--ds-danger)}.pagina-covadis .cov-trend{display:flex;align-items:flex-end;gap:3px;height:160px;margin:10px 0 4px}.pagina-covadis .cov-bar{flex:1;height:100%;display:flex;align-items:flex-end}.pagina-covadis .cov-bar-fill{width:100%;min-height:2px;border-radius:3px 3px 0 0;background:var(--portal-color);transition:height .3s ease}.pagina-covadis .cov-bar-fill.cov-bar-zero{background:var(--ds-border)}.pagina-covadis .cov-axis{display:flex;justify-content:space-between;font-size:12px;opacity:.6}.pagina-covadis .cov-uitleg{font-size:13px;opacity:.7;margin-top:12px}.pagina-covadis .cov-fout{color:var(--ds-danger)}.pagina-covadis .cov-bar{cursor:default}.pagina-covadis .card h2{font-size:14px;font-weight:800;margin:0 0 4px;color:var(--ds-text)}.pagina-groei-funnel .overz-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.pagina-groei-funnel .fn-tegel{text-align:center;padding:18px 12px}.pagina-groei-funnel .fn-tegel svg{font-size:22px;color:var(--portal-color)}.pagina-groei-funnel .fn-tegel b{display:block;font-size:30px;font-weight:850;color:var(--ds-text);letter-spacing:-.02em;margin-top:4px}.pagina-groei-funnel .fn-tegel span{font-size:12px;color:var(--ds-text-muted)}.pagina-groei-funnel .fn-tegel.warn b{color:#f59e0b}.pagina-groei-funnel .fn-tabel{width:100%;border-collapse:collapse;font-size:13px}.pagina-groei-funnel .fn-tabel th{text-align:left;color:var(--ds-text-muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.03em;padding:6px 8px;border-bottom:1px solid var(--ds-border)}.pagina-groei-funnel .fn-tabel td{padding:7px 8px;border-bottom:1px solid var(--ds-border);color:var(--ds-text-2)}.pagina-groei-funnel .fn-tegel.warn b{color:var(--g-orange)}@media (max-width: 640px){.pagina-groei-funnel .g-grid.g-2>.gcard{overflow-x:auto;-webkit-overflow-scrolling:touch;min-width:0}.pagina-groei-funnel .g-grid.g-2{grid-template-columns:minmax(0,1fr)}}.pagina-email-contacten .email-list{display:flex;flex-direction:column;gap:8px;max-height:600px;overflow-y:auto}.pagina-email-contacten .email-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;background:var(--ds-hover);border-radius:8px;font-size:12px}.pagina-email-contacten .email-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.pagina-email-contacten .email-addr{font-family:ui-monospace,monospace;color:var(--ds-text);overflow:hidden;text-overflow:ellipsis}.pagina-email-contacten .email-name{font-size:11px;color:var(--ds-text-muted)}.pagina-email-contacten .email-right{display:flex;align-items:center;gap:10px;flex:0 0 auto}.pagina-email-contacten .email-date{font-size:11px;color:var(--ds-text-muted);white-space:nowrap}.pagina-email-contacten .copy-btn{background:none;border:none;cursor:pointer;color:var(--ds-text-secondary);font-size:15px;display:flex;align-items:center}.pagina-email-contacten .empty-msg{text-align:center;color:var(--ds-text-secondary);padding:18px}.pagina-email-contacten .toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:10000;padding:11px 20px;border-radius:10px;font-size:13px;font-weight:600;background:#16a34a;color:#fff;box-shadow:0 12px 32px #0006}.pagina-phone-contacts .phone-list{display:flex;flex-direction:column;gap:8px;max-height:500px;overflow-y:auto}.pagina-phone-contacts .phone-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:var(--ds-hover);border-radius:6px;font-size:12px}.pagina-phone-contacts .phone-num{font-family:monospace;color:var(--ds-text)}.pagina-phone-contacts .copy-btn{background:none;border:none;cursor:pointer;color:var(--ds-text-secondary);font-size:14px}.pagina-phone-contacts .empty-msg{text-align:center;color:var(--ds-text-secondary);padding:20px}.pagina-phone-contacts .toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:10000;padding:11px 20px;border-radius:10px;font-size:13px;font-weight:600;background:#16a34a;color:#fff;box-shadow:0 12px 32px #0006}.pagina-phone-contacts .toast{background:var(--ds-success);box-shadow:var(--ds-shadow-lg)}.pagina-phone-contacts .phone-item{padding:9px 12px}.pagina-phone-contacts .phone-num{display:flex;flex-direction:column;gap:2px;font-size:13px;min-width:0}.pagina-phone-contacts .phone-wie{font-family:inherit;font-size:11px;color:var(--ds-text-muted)}.pagina-phone-contacts .phone-list{max-height:640px}.pagina-phone-contacts .copy-btn{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--ds-radius-sm);flex-shrink:0}.pagina-phone-contacts .copy-btn:hover{background:var(--ds-card);color:var(--portal-color)}.pagina-phone-contacts .copy-btn svg{display:block;font-size:15px}.pagina-phone-contacts .filter-bar{margin:0 0 12px}.pagina-notities .empty-state svg{font-size:44px;color:var(--ds-text-subtle);opacity:.5}.pagina-notities .nt-layout{display:grid;grid-template-columns:300px 1fr;gap:14px;height:calc(100vh - 150px);min-height:460px}@media (max-width:768px){.pagina-notities .nt-layout{grid-template-columns:1fr;height:auto}}.pagina-notities .nt-list-col{display:flex;flex-direction:column;gap:10px;overflow:hidden}.pagina-notities .nt-search-bar{display:flex;gap:8px}.pagina-notities .nt-search-bar input{flex:1;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:9px;padding:8px 11px;color:var(--ds-text);font:inherit;font-size:13px;outline:none;transition:border-color .15s}.pagina-notities .nt-search-bar input:focus{border-color:var(--portal-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--portal-color) 12%,transparent)}.pagina-notities .nt-add-btn{background:var(--portal-color);border:none;border-radius:var(--ds-radius-sm);color:#fff;padding:0 13px;cursor:pointer;font-size:13px;font-weight:700;display:flex;align-items:center;gap:5px;white-space:nowrap;transition:opacity .15s,transform .15s}.pagina-notities .nt-add-btn:hover{opacity:.9;transform:translateY(-1px)}.pagina-notities .nt-color-filter{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pagina-notities .nt-cf-chip{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;border:1px solid var(--ds-border);color:var(--ds-text-muted);cursor:pointer;transition:color .15s,border-color .15s}.pagina-notities .nt-cf-chip:hover{color:var(--portal-color);border-color:var(--portal-color)}.pagina-notities .nt-cf-chip.active{color:var(--portal-color);border-color:var(--portal-color);background:color-mix(in srgb,var(--portal-color) 8%,transparent)}.pagina-notities .nt-cf-dot{width:16px;height:16px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .15s}.pagina-notities .nt-cf-dot:hover{transform:scale(1.2)}.pagina-notities .nt-cf-dot.active{border-color:var(--ds-text)}.pagina-notities .nt-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:7px;padding-right:2px}.pagina-notities .nt-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px;color:var(--ds-text-muted);font-size:13px}.pagina-notities .nt-empty svg{font-size:32px;color:var(--ds-text-subtle);opacity:.5}.pagina-notities .nt-card{display:flex;gap:9px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:11px;padding:10px 11px;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.pagina-notities .nt-card:hover{border-color:var(--portal-color);box-shadow:var(--ds-shadow)}.pagina-notities .nt-card.selected{border-color:var(--portal-color);background:var(--ds-card);box-shadow:0 0 0 2px color-mix(in srgb,var(--portal-color) 15%,transparent)}.pagina-notities .nt-card-color{width:4px;border-radius:999px;flex-shrink:0}.pagina-notities .nt-card-main{min-width:0;flex:1}.pagina-notities .nt-card-title{font-weight:700;font-size:13px;color:var(--ds-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pagina-notities .nt-card-preview{font-size:12px;color:var(--ds-text-muted);margin:3px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagina-notities .nt-card-meta{display:flex;flex-wrap:wrap;gap:5px;font-size:10.5px;color:var(--ds-text-subtle);align-items:center;margin-top:2px}.pagina-notities .nt-tag{background:#6366f11f;color:#818cf8;border-radius:4px;padding:1px 6px;font-weight:600}.pagina-notities .nt-editor-col{display:flex;flex-direction:column;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:13px;overflow:hidden;box-shadow:var(--ds-shadow)}.pagina-notities .nt-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--ds-text-muted);min-height:220px}.pagina-notities .nt-placeholder svg{font-size:44px;color:var(--ds-text-subtle);opacity:.45}.pagina-notities .nt-editor-head{display:flex;gap:8px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--ds-border);background:color-mix(in srgb,var(--ds-card) 50%,transparent)}.pagina-notities .nt-title-input{flex:1;border:none;background:transparent;color:var(--ds-text);font:inherit;font-size:16px;font-weight:700;outline:none}.pagina-notities .nt-icon-btn{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:var(--ds-radius-sm);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.pagina-notities .nt-icon-btn:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-notities .nt-icon-btn.active{color:var(--portal-color);border-color:var(--portal-color);background:color-mix(in srgb,var(--portal-color) 10%,transparent)}.pagina-notities .nt-icon-btn.danger:hover{color:#ef4444;border-color:#ef444480;background:#ef44440f}.pagina-notities .nt-color-row{display:flex;align-items:center;gap:6px;padding:7px 14px;border-bottom:1px solid var(--ds-border-subtle);font-size:11px;color:var(--ds-text-muted)}.pagina-notities .nt-textarea{flex:1;min-height:200px;border:none;background:transparent;color:var(--ds-text);font:inherit;font-size:14px;line-height:1.6;padding:14px 16px;resize:none;outline:none}.pagina-notities .nt-editor-foot{display:flex;align-items:center;gap:10px;padding:8px 14px;border-top:1px solid var(--ds-border);font-size:11px;color:var(--ds-text-muted);background:color-mix(in srgb,var(--ds-card) 40%,transparent)}.pagina-notities .nt-tag-input{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:6px;padding:4px 8px;font:inherit;font-size:11px;outline:none;transition:border-color .15s}.pagina-notities .nt-tag-input:focus{border-color:var(--portal-color)}.pagina-notities .nt-char{margin-left:auto;font-variant-numeric:tabular-nums}.pagina-notities .nt-saved{display:inline-flex;align-items:center;gap:4px;color:#16a34a;font-weight:600;animation:pagina-notities-fadeIn .2s ease}@keyframes pagina-notities-fadeIn{0%{opacity:0}to{opacity:1}}.pagina-notities .nt-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:1000;padding:20px;animation:pagina-notities-overlayIn .15s ease}@keyframes pagina-notities-overlayIn{0%{opacity:0}to{opacity:1}}.pagina-notities .nt-preview-box{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:16px;max-width:720px;width:100%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #0006;animation:pagina-notities-boxIn .18s ease}@keyframes pagina-notities-boxIn{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.pagina-notities .nt-preview-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--ds-border)}.pagina-notities .nt-preview-head h3{margin:0;font-size:15px;font-weight:700;color:var(--ds-text)}.pagina-notities .nt-preview-content{padding:18px;overflow:auto;white-space:pre-wrap;font:inherit;font-size:14px;color:var(--ds-text-2);line-height:1.65;margin:0}@media (max-width: 768px){.pagina-notities .nt-editor-head{flex-wrap:wrap;gap:6px;padding:10px 12px}.pagina-notities .nt-title-input{flex:1 1 100%;font-size:15px;order:-1}.pagina-notities .nt-color-row{padding:7px 12px;flex-wrap:wrap}.pagina-notities .nt-textarea{padding:12px;font-size:13.5px}.pagina-notities .nt-editor-foot{flex-wrap:wrap;gap:6px;padding:8px 12px}.pagina-notities .nt-char{margin-left:0}.pagina-notities .nt-preview-box{max-width:calc(100vw - 24px)}}@media (max-width: 480px){.pagina-notities .nt-search-bar{flex-direction:column;gap:6px}.pagina-notities .nt-add-btn{width:100%;padding:8px 14px;justify-content:center}.pagina-notities .nt-color-filter{gap:5px}.pagina-notities .nt-card{padding:9px 10px}.pagina-notities .nt-card-title{font-size:12.5px}.pagina-notities .nt-card-preview{font-size:11.5px}.pagina-notities .nt-card-meta{font-size:10px}.pagina-notities .nt-editor-head{padding:9px 10px;gap:5px}.pagina-notities .nt-icon-btn{width:30px;height:30px}.pagina-notities .nt-tag-input{width:100%}.pagina-notities .nt-textarea{padding:11px;font-size:13px}.pagina-notities .nt-preview-content{padding:14px;font-size:13px}}.pagina-notities .nt-tag{background:var(--ds-purple-bg);color:var(--ds-purple);cursor:default}.pagina-notities .nt-editor-foot .nt-tag{cursor:pointer}.pagina-notities .nt-icon-btn.danger:hover{color:var(--ds-danger);border-color:var(--ds-danger);background:var(--ds-danger-bg)}.pagina-notities .nt-saved{color:var(--ds-success)}.pagina-notities .nt-saved.dirty{color:var(--ds-warning)}.pagina-notities .nt-icon-btn:disabled,.pagina-notities .nt-add-btn:disabled{opacity:.55;cursor:default}.pagina-notities .nt-editor-foot{flex-wrap:wrap}.pagina-groei-concurrenten .con-kop{align-items:flex-start}.pagina-groei-concurrenten .con-kop h2{font-size:16px}.pagina-groei-concurrenten .con-labels{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.pagina-groei-concurrenten .con-labels a{color:var(--portal-color);text-decoration:none}.pagina-groei-concurrenten .con-prijs{color:var(--g-orange)}.pagina-groei-concurrenten .con-knoppen{display:flex;gap:4px;flex-shrink:0}.pagina-groei-concurrenten .con-knoppen svg{font-size:17px}.pagina-groei-concurrenten .con-tekst{font-size:13px;line-height:1.55;margin:0 0 14px}.pagina-groei-concurrenten .con-lijst{margin:0;padding-left:16px}.pagina-groei-concurrenten .con-lijst li{margin-bottom:4px}.pagina-groei-concurrenten .con-sterk{border-color:color-mix(in srgb,var(--g-green) 30%,transparent)}.pagina-groei-concurrenten .con-sterk .g-section-h,.pagina-groei-concurrenten .con-sterk .g-section-h svg{color:var(--g-green)}.pagina-groei-concurrenten .con-zwak{border-color:color-mix(in srgb,var(--g-red) 30%,transparent)}.pagina-groei-concurrenten .con-zwak .g-section-h,.pagina-groei-concurrenten .con-zwak .g-section-h svg{color:var(--g-red)}.pagina-groei-concurrenten .con-win{margin-top:14px;background:var(--g-grad-soft);border-color:var(--g-ring)}.pagina-groei-concurrenten .con-win p{font-size:13px;line-height:1.55;margin:0;color:var(--ds-text-2)}.pagina-reviews-moderatie .rm-wrap{max-width:820px;margin:0 auto;padding:24px 16px 60px}.pagina-reviews-moderatie .rm-head h1{font-size:1.6rem;font-weight:800;margin:0 0 6px}.pagina-reviews-moderatie .rm-head p{color:var(--ion-color-medium, var(--ds-text-muted));margin:0 0 20px;font-size:.95rem}.pagina-reviews-moderatie .rm-head a{color:#2563eb}.pagina-reviews-moderatie .rm-err{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:10px 14px;border-radius:10px;margin-bottom:14px}.pagina-reviews-moderatie .rm-info{color:var(--ds-text-muted);padding:8px 0}.pagina-reviews-moderatie .rm-section{margin-top:26px}.pagina-reviews-moderatie .rm-section h2{font-size:1.05rem;font-weight:700;margin:0 0 12px;display:flex;align-items:center;gap:8px}.pagina-reviews-moderatie .rm-badge{background:#fef3c7;color:#92400e;font-size:.78rem;font-weight:700;border-radius:999px;padding:2px 10px}.pagina-reviews-moderatie .rm-badge-ok{background:#dcfce7;color:#166534}.pagina-reviews-moderatie .rm-empty{color:var(--ds-text-subtle);font-size:.9rem}.pagina-reviews-moderatie .rm-card{background:var(--ds-card);border:1px solid #eef0f3;border-radius:14px;padding:16px;margin-bottom:12px;box-shadow:0 1px 2px #0000000a}.pagina-reviews-moderatie .rm-pending{border-left:3px solid #f59e0b}.pagina-reviews-moderatie .rm-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:6px}.pagina-reviews-moderatie .rm-who strong{color:var(--ds-text)}.pagina-reviews-moderatie .rm-bedrijf{color:var(--ds-text-muted);font-size:.85rem}.pagina-reviews-moderatie .rm-stars{color:#f59e0b;letter-spacing:1px;flex-shrink:0}.pagina-reviews-moderatie .rm-tekst{color:var(--ds-text-2);font-size:.95rem;line-height:1.5;margin:6px 0 12px;white-space:pre-line}.pagina-reviews-moderatie .rm-actions{display:flex;gap:8px}.pagina-reviews-moderatie .rm-btn{border:none;border-radius:var(--ds-radius-sm);padding:8px 16px;font-weight:600;font-size:.88rem;cursor:pointer;transition:opacity .15s}.pagina-reviews-moderatie .rm-btn:disabled{opacity:.5;cursor:default}.pagina-reviews-moderatie .rm-approve{background:#2563eb;color:#fff}.pagina-reviews-moderatie .rm-reject{background:var(--ds-card);color:#b91c1c;border:1px solid #fecaca}.pagina-reviews-moderatie .rm-card{border-color:var(--ds-border)}.pagina-reviews-moderatie .rm-head p{color:var(--ds-text-muted)}.pagina-reviews-moderatie .rm-headbtns{margin:0 0 18px}.pagina-reviews-moderatie .rm-actions{align-items:center}.pagina-reviews-moderatie .rm-datum{margin-left:auto;font-size:11.5px;color:var(--ds-text-muted)}.pagina-reviews-moderatie .rm-wrap .stats-row{margin-bottom:4px}.pagina-groei-werkdag .wd-welcome{text-align:center;padding:44px 28px}.pagina-groei-werkdag .wd-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;background:#ffffff2e;padding:5px 12px;border-radius:99px;margin-bottom:14px}.pagina-groei-werkdag .wd-lead{font-size:15px;line-height:1.6;max-width:56ch;margin:10px auto 20px;opacity:.96}.pagina-groei-werkdag .wd-start{font-size:15px;padding:13px 26px}.pagina-groei-werkdag .wd-home{text-align:center;padding:40px 28px}.pagina-groei-werkdag .wd-home-q{font-size:30px;font-weight:850;letter-spacing:-.02em;margin:8px 0 22px;line-height:1.15}.pagina-groei-werkdag .wd-home-stats{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:16px}.pagina-groei-werkdag .wd-hs{background:#ffffff26;border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:12px 18px;min-width:118px}.pagina-groei-werkdag .wd-hs b{display:block;font-size:26px;font-weight:850;letter-spacing:-.02em;line-height:1}.pagina-groei-werkdag .wd-hs span{font-size:11.5px;opacity:.9}.pagina-groei-werkdag .wd-home-prio{font-size:14px;margin-bottom:20px;opacity:.97}.pagina-groei-werkdag .wd-home-prio svg{vertical-align:-2px;margin-right:4px}.pagina-groei-werkdag .wd-startbig2{font-size:16px;padding:15px 34px}@media (max-width:640px){.pagina-groei-werkdag .wd-home-q{font-size:23px}}.pagina-groei-werkdag .wd-startbig{margin-top:14px;width:100%;justify-content:center;font-size:15px;padding:13px}.pagina-groei-werkdag .wd-progress{height:6px;background:var(--ds-border);border-radius:99px;overflow:hidden}.pagina-groei-werkdag .wd-progress-bar{height:100%;background:var(--g-grad);transition:width .4s}.pagina-groei-werkdag .wd-progress-txt{font-size:12px;color:var(--ds-text-muted);margin:6px 0 2px;text-align:right}.pagina-groei-werkdag .wd-action{padding:22px 24px}.pagina-groei-werkdag .wd-action-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.pagina-groei-werkdag .wd-company{font-size:20px;font-weight:800;color:var(--ds-text);display:flex;align-items:center;gap:8px;letter-spacing:-.02em}.pagina-groei-werkdag .wd-company svg{color:var(--portal-color)}.pagina-groei-werkdag .wd-kans{text-align:center;flex-shrink:0}.pagina-groei-werkdag .wd-kans-num{font-size:30px;font-weight:850;color:var(--g-green);line-height:1}.pagina-groei-werkdag .wd-reminder{margin-top:14px;padding:11px 13px;border-radius:11px;background:color-mix(in srgb,var(--g-green) 12%,transparent);border:1px solid color-mix(in srgb,var(--g-green) 40%,transparent);font-size:13px;color:var(--ds-text-2)}.pagina-groei-werkdag .wd-reminder svg{color:var(--g-green);vertical-align:-2px}.pagina-groei-werkdag .wd-signalen{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.pagina-groei-werkdag .wd-sig{font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:99px;background:var(--ds-hover);color:var(--ds-text-2)}.pagina-groei-werkdag .wd-sig[data-k=green]{background:color-mix(in srgb,var(--g-green) 15%,transparent);color:var(--g-green)}.pagina-groei-werkdag .wd-sig[data-k=orange]{background:color-mix(in srgb,var(--g-orange) 15%,transparent);color:var(--g-orange)}.pagina-groei-werkdag .wd-sig[data-k=red]{background:color-mix(in srgb,var(--g-red) 14%,transparent);color:var(--g-red)}.pagina-groei-werkdag .wd-sig[data-k=blue]{background:color-mix(in srgb,var(--g-blue) 15%,transparent);color:var(--g-blue)}.pagina-groei-werkdag .wd-sig[data-k=indigo]{background:color-mix(in srgb,var(--g-indigo) 15%,transparent);color:var(--g-indigo)}.pagina-groei-werkdag .wd-sig[data-k=amber]{background:color-mix(in srgb,var(--g-amber) 16%,transparent);color:#b45309}.pagina-groei-werkdag .wd-why{display:flex;gap:9px;margin-top:14px;font-size:13.5px;line-height:1.55;color:var(--ds-text-2)}.pagina-groei-werkdag .wd-why svg{color:var(--g-amber);font-size:19px;flex-shrink:0;margin-top:1px}.pagina-groei-werkdag .wd-cta-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.pagina-groei-werkdag .wd-cta{flex:0 1 auto}.pagina-groei-werkdag .wd-reco{box-shadow:0 0 0 3px var(--g-ring)}.pagina-groei-werkdag .wd-teach{display:flex;gap:7px;margin-top:9px;font-size:12px;color:var(--ds-text-muted);line-height:1.5}.pagina-groei-werkdag .wd-teach svg{color:var(--portal-color);font-size:15px;flex-shrink:0;margin-top:1px}.pagina-groei-werkdag .wd-bezwaar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--ds-border);border-radius:9px;background:var(--ds-card);cursor:pointer;text-align:left;font-size:13px;color:var(--ds-text-2);transition:.15s}.pagina-groei-werkdag .wd-bezwaar:hover{border-color:var(--portal-color)}.pagina-groei-werkdag .wd-bezwaar-go{font-size:11px;font-weight:700;color:var(--portal-color);white-space:nowrap;display:inline-flex;align-items:center;gap:3px}.pagina-groei-werkdag .wd-memory{display:flex;gap:8px;align-items:center;margin-top:16px;flex-wrap:wrap}.pagina-groei-werkdag .wd-memory .g-input{flex:1;min-width:180px}.pagina-groei-werkdag .wd-memo-rem{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--ds-text-muted);white-space:nowrap}.pagina-groei-werkdag .wd-done{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--ds-border)}.pagina-groei-werkdag .wd-uitkomsten{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.pagina-groei-werkdag .wd-uit{display:flex;align-items:center;gap:8px;padding:14px;border:1px solid var(--ds-border);border-radius:12px;background:var(--ds-card);cursor:pointer;font-size:14px;font-weight:600;color:var(--ds-text-2);transition:.15s}.pagina-groei-werkdag .wd-uit:hover{transform:translateY(-2px);box-shadow:var(--g-shadow)}.pagina-groei-werkdag .wd-uit svg{font-size:20px}.pagina-groei-werkdag .wd-uit[data-k=green]:hover{border-color:var(--g-green);color:var(--g-green)}.pagina-groei-werkdag .wd-uit[data-k=blue]:hover{border-color:var(--g-blue);color:var(--g-blue)}.pagina-groei-werkdag .wd-uit[data-k=red]:hover{border-color:var(--g-red);color:var(--g-red)}.pagina-groei-werkdag .wd-uit[data-k=amber]:hover{border-color:var(--g-amber)}.pagina-groei-werkdag .wd-uit[data-k=indigo]:hover{border-color:var(--g-indigo);color:var(--g-indigo)}.pagina-groei-werkdag .wd-onb{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--ds-border);border-radius:11px;margin-bottom:8px;cursor:pointer;transition:.15s}.pagina-groei-werkdag .wd-onb.done{border-color:color-mix(in srgb,var(--g-green) 45%,transparent);background:color-mix(in srgb,var(--g-green) 6%,var(--ds-card))}.pagina-groei-werkdag .wd-onb>svg{font-size:22px;color:var(--ds-text-subtle);flex-shrink:0}.pagina-groei-werkdag .wd-onb.done>svg{color:var(--g-green)}.pagina-groei-werkdag .wd-onb-label{font-weight:650;color:var(--ds-text);font-size:13.5px}.pagina-groei-werkdag .wd-sig[data-k=amber]{color:var(--g-amber)}.pagina-verbeterplan .btn-primary:disabled{opacity:.5;cursor:not-allowed}.pagina-verbeterplan .stat-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px}.pagina-verbeterplan .stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.pagina-verbeterplan .filter-group{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pagina-verbeterplan .filter-group select,.pagina-verbeterplan .filter-group input{padding:7px 10px;border-radius:8px;border:1px solid var(--border-color, var(--ds-border));background:var(--surface, var(--ds-card));color:var(--ds-text);font-size:13px}.pagina-verbeterplan .filter-search{position:relative;display:inline-flex;align-items:center}.pagina-verbeterplan .filter-search svg{position:absolute;left:8px;color:var(--text-secondary, var(--ds-text-subtle))}.pagina-verbeterplan .filter-search input{padding-left:28px;width:220px}.pagina-verbeterplan .kanban{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.pagina-verbeterplan .kanban-column{flex:1 1 0;min-width:240px;background:var(--surface-alt, var(--ds-bg));border:1px solid var(--border-color, var(--ds-border));border-radius:10px;display:flex;flex-direction:column;max-height:70vh}.pagina-verbeterplan .kanban-header{padding:10px 12px;border-top:4px solid #6b7280;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;align-items:center;font-weight:700}.pagina-verbeterplan .kanban-title{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--ds-text)}.pagina-verbeterplan .kanban-count{background:var(--surface, var(--ds-card));border:1px solid var(--border-color, var(--ds-border));border-radius:12px;padding:2px 8px;font-size:12px;font-weight:700;color:var(--ds-text)}.pagina-verbeterplan .kanban-body{padding:8px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1}.pagina-verbeterplan .kanban-empty{text-align:center;color:var(--text-secondary, var(--ds-text-subtle));font-size:12px;padding:16px 0;font-style:italic}.pagina-verbeterplan .ticket-card{background:var(--surface, var(--ds-card));border:1px solid var(--border-color, var(--ds-border));border-radius:8px;padding:10px;cursor:pointer;transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column;gap:6px}.pagina-verbeterplan .ticket-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0000001a}.pagina-verbeterplan .card-row-top,.pagina-verbeterplan .card-row-bot{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.pagina-verbeterplan .card-row-bot{justify-content:space-between}.pagina-verbeterplan .prio-badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;color:#fff}.pagina-verbeterplan .prio-badge.p1{background:#ef4444}.pagina-verbeterplan .prio-badge.p2{background:#f59e0b}.pagina-verbeterplan .prio-badge.p3{background:#9ca3af}.pagina-verbeterplan .pdca-chip{padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid}.pagina-verbeterplan .iso-chip{padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;background:#6366f126;color:#6366f1}.pagina-verbeterplan .card-desc{font-size:12px;color:var(--ds-text-muted);line-height:1.4}.pagina-verbeterplan .card-deadline{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--ds-text-muted)}.pagina-verbeterplan .avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:#fff;font-size:11px;font-weight:700}.pagina-verbeterplan .modal-left,.pagina-verbeterplan .modal-right{display:flex;flex-direction:column;gap:16px}.pagina-verbeterplan .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pagina-verbeterplan .comments-thread{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto;padding:6px;background:var(--surface-alt, var(--ds-bg));border-radius:8px}.pagina-verbeterplan .comment{display:flex;gap:8px;align-items:flex-start}.pagina-verbeterplan .comment-bubble{flex:1;background:var(--surface, var(--ds-card));border:1px solid var(--border-color, var(--ds-border));border-radius:8px;padding:6px 10px}.pagina-verbeterplan .comment-meta{display:flex;gap:8px;align-items:baseline;font-size:12px;margin-bottom:2px}.pagina-verbeterplan .comment-meta .ts{font-size:11px;color:var(--text-secondary, var(--ds-text-subtle))}.pagina-verbeterplan .comment-text{font-size:13px;line-height:1.4}.pagina-verbeterplan .empty-comments{text-align:center;font-style:italic;color:var(--text-secondary, var(--ds-text-subtle));font-size:12px;padding:16px 0}.pagina-verbeterplan .comment-input{display:flex;gap:8px;align-items:flex-end}.pagina-verbeterplan .comment-input textarea{flex:1;padding:8px 10px;border-radius:8px;border:1px solid var(--border-color, var(--ds-border));background:var(--surface, var(--ds-card));color:var(--ds-text);font-size:13px;font-family:inherit;resize:vertical}.pagina-verbeterplan .history-list{display:flex;flex-direction:column;gap:4px;max-height:160px;overflow-y:auto;font-size:11px;color:var(--text-secondary, var(--ds-text-muted))}.pagina-verbeterplan .history-item{display:flex;gap:6px;flex-wrap:wrap;padding:4px 6px;border-bottom:1px dashed var(--border-color, var(--ds-border))}.pagina-verbeterplan .h-time{color:var(--text-secondary, var(--ds-text-subtle))}.pagina-verbeterplan .h-by{font-weight:600;color:var(--ds-text)}.pagina-verbeterplan .h-action{background:#6366f126;color:#6366f1;padding:0 6px;border-radius:4px;font-weight:600}@media (max-width: 900px){.pagina-verbeterplan .stat-row{grid-template-columns:repeat(2,1fr)}.pagina-verbeterplan .modal-body,.pagina-verbeterplan .grid-2{grid-template-columns:1fr}}.pagina-verbeterplan .stat-row .stat-card{display:block;border-top:4px solid var(--ds-border);padding:12px;cursor:pointer;text-align:left;font:inherit;transition:transform .15s,box-shadow .15s}.pagina-verbeterplan .stat-row .stat-card.active{box-shadow:0 0 0 2px var(--portal-color)}.pagina-verbeterplan .stat-row .stat-label{font-size:12px;color:var(--ds-text-muted);margin-bottom:4px}.pagina-verbeterplan .stat-row .stat-value{font-size:24px;font-weight:700;color:var(--ds-text)}.pagina-verbeterplan .filter-bar{justify-content:space-between;align-items:center;padding:12px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm)}.pagina-verbeterplan .filter-group .chip{border:1.5px solid var(--ds-border);background:transparent;color:var(--ds-text-2);padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer}.pagina-verbeterplan .filter-group .chip.active{background:var(--portal-color);color:#fff;border-color:var(--portal-color)}.pagina-verbeterplan .ticket-card .card-title{margin:0;padding:0;border-bottom:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:700;font-size:14px;line-height:1.3;color:var(--ds-text)}.pagina-verbeterplan .modal-content{max-width:880px}.pagina-verbeterplan .modal-body{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}@media (max-width: 900px){.pagina-verbeterplan .modal-body{grid-template-columns:1fr}}.pagina-verbeterplan .env-chip{padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;background:var(--ds-hover);color:var(--ds-text-muted)}.pagina-verbeterplan .card-assignee{display:inline-flex;align-items:center;gap:8px}.pagina-verbeterplan .card-comments{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:var(--ds-text-muted)}.pagina-verbeterplan .card-comments svg{font-size:13px}.pagina-verbeterplan .card-deadline.verstreken{color:var(--ds-danger);font-weight:700}.pagina-verbeterplan .h-details{color:var(--ds-text-muted)}.pagina-verbeterplan .btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:0;border-radius:var(--ds-radius-sm, 8px);background:transparent;color:var(--ds-text-muted);font:inherit;font-weight:600;font-size:13px;cursor:pointer}.pagina-verbeterplan .btn-ghost:hover{background:var(--ds-hover);color:var(--ds-text)}.pagina-verbeterplan .section-header{display:flex;align-items:center;gap:7px;margin-bottom:10px}.pagina-verbeterplan .section-header h4{margin:0;font-size:13px;font-weight:800;color:var(--ds-text)}.pagina-verbeterplan .section-header svg{font-size:15px;color:var(--portal-color)}.pagina-instellingen .settings-content{flex:1;min-width:0;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:16px;background:var(--ds-bg)}@media (max-width: 720px){.pagina-instellingen .settings-shell{display:block}}.pagina-instellingen .muted-sm{font-size:.78rem;color:var(--ds-text-muted);margin:0 0 12px;line-height:1.55}.pagina-instellingen .card-title svg{font-size:17px;color:var(--portal-color);flex:0 0 auto;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--portal-color) 12%,transparent)}.pagina-instellingen .input{width:100%;box-sizing:border-box;min-height:40px;border:1px solid var(--ds-border);background:var(--ds-input, var(--ds-card));color:var(--ds-text);border-radius:10px;padding:9px 12px;font:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.pagina-instellingen .input:focus{outline:none;border-color:var(--portal-color);box-shadow:0 0 0 3px #6366f11f}.pagina-instellingen .input:disabled{opacity:.65}.pagina-instellingen .btn-pri{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 18px;border:none;border-radius:var(--ds-radius-sm);background:linear-gradient(135deg,var(--portal-color),var(--portal-color-dark, var(--portal-color)));color:#fff;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 6px 16px -7px color-mix(in srgb,var(--portal-color) 60%,transparent);transition:filter .15s,transform .15s,box-shadow .2s}.pagina-instellingen .btn-pri:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 10px 22px -8px color-mix(in srgb,var(--portal-color) 65%,transparent)}.pagina-instellingen .btn-pri:disabled{opacity:.6;cursor:wait;transform:none;box-shadow:none}.pagina-instellingen .btn-sec{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:var(--ds-radius-sm);font-weight:700;font-size:13px;cursor:pointer;transition:border-color .15s,color .15s}.pagina-instellingen .btn-sec:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-instellingen .btn-danger:hover{opacity:.88}.pagina-instellingen .link-btn{font-size:.68rem;padding:.28rem .65rem;border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);background:#6366f114;color:var(--portal-color);cursor:pointer;font-weight:600;transition:background .15s,border-color .15s;white-space:nowrap}.pagina-instellingen .link-btn:hover{background:#6366f124;border-color:#6366f14d}.pagina-instellingen .link-btn.danger{background:#ef444414;color:#ef4444}.pagina-instellingen .link-btn.danger:hover{background:#ef444424}.pagina-instellingen .pass-toggle{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--ds-text-muted);display:flex;align-items:center;font-size:1.1rem;transition:color .15s}.pagina-instellingen .pass-toggle:hover{color:var(--ds-text)}.pagina-instellingen .msg{font-size:12px;margin-top:8px;min-height:16px}.pagina-instellingen .profile-section{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;align-items:start}.pagina-instellingen .profile-photo-area{display:flex;flex-direction:column;align-items:center;gap:10px}.pagina-instellingen .profile-photo{width:110px;height:110px;border-radius:999px;object-fit:cover;background:var(--ds-card);border:3px solid rgba(99,102,241,.25);box-shadow:0 0 0 2px var(--ds-card),0 4px 16px #6366f11f;transition:border-color .2s}.pagina-instellingen .profile-photo:hover{border-color:#6366f180}.pagina-instellingen .profile-photo-area input[type=file]{width:100%;font-size:11px;color:var(--ds-text-muted)}.pagina-instellingen .profile-photo-area input[type=file]::file-selector-button{background:#6366f11a;border:1px solid rgba(99,102,241,.25);border-radius:var(--ds-radius-sm);color:#a5b4fc;padding:4px 10px;font-size:11px;cursor:pointer;margin-right:6px}.pagina-instellingen .settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pagina-instellingen .settings-fields .full-width{grid-column:1 / -1}.pagina-instellingen .settings-fields label{font-size:12px;font-weight:600;color:var(--ds-text-muted);margin-bottom:4px;display:block;text-transform:uppercase;letter-spacing:.3px}.pagina-instellingen .password-hint{font-size:12px;color:var(--ds-text-subtle);margin-top:6px}.pagina-instellingen .alert-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:10px;margin-bottom:16px;font-size:.82rem;font-weight:600}.pagina-instellingen .alert-row svg{font-size:20px;flex-shrink:0}.pagina-instellingen .alert-row.danger{background:#ef444414;border:1px solid rgba(239,68,68,.15);color:#f87171}.pagina-instellingen .alert-row.danger svg{color:#ef4444}.pagina-instellingen .alert-row.ok{background:#22c55e14;border:1px solid rgba(34,197,94,.15);color:#4ade80}.pagina-instellingen .alert-row.ok svg{color:#22c55e}.pagina-instellingen .twofa-box{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;padding:20px;margin-top:12px}.pagina-instellingen .twofa-box.danger-box{background:#ef44440d;border-color:#ef44441f}.pagina-instellingen .twofa-box h3{font-size:.95rem;font-weight:700;margin:0 0 8px;color:var(--ds-text)}.pagina-instellingen .secret-code{font-size:.85rem;letter-spacing:2.5px;font-weight:700;color:var(--portal-color);-webkit-user-select:all;user-select:all;word-break:break-all}.pagina-instellingen .code-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pagina-instellingen .code-input{text-align:center;font-size:20px;letter-spacing:6px;font-weight:700;max-width:200px}.pagina-instellingen .acc-stats{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}.pagina-instellingen .acc-stat{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;padding:.5rem .9rem;display:flex;flex-direction:column;transition:border-color .15s,transform .2s}.pagina-instellingen .acc-stat:hover{border-color:#6366f14d;transform:translateY(-1px)}.pagina-instellingen .acc-stat-val{font-size:1.2rem;font-weight:800;color:var(--ds-text)}.pagina-instellingen .acc-stat-lbl{font-size:.68rem;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px}.pagina-instellingen .acc-list{margin-bottom:1.2rem}.pagina-instellingen .acc-empty{text-align:center;padding:1.8rem;color:var(--ds-text-muted);font-size:.82rem}.pagina-instellingen .acc-empty svg{font-size:2rem;display:block;margin:0 auto .3rem;opacity:.4}.pagina-instellingen .acc-card{display:grid;grid-template-columns:36px 1fr auto;gap:.6rem;align-items:center;padding:.7rem .85rem;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;margin-bottom:.4rem;cursor:pointer;transition:border-color .15s,transform .15s,background .15s}.pagina-instellingen .acc-card:hover{border-color:#6366f166;transform:translate(2px);background:#6366f10a}.pagina-instellingen .acc-btn.active{background:#6366f11a;color:var(--portal-color);border-color:#6366f14d}.pagina-instellingen .acc-avatar{width:36px;height:36px;border-radius:50%;background:#6366f11f;color:#a5b4fc;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem}.pagina-instellingen .acc-info-name{font-size:.82rem;font-weight:700;color:var(--ds-text)}.pagina-instellingen .acc-info-user{font-size:.72rem;color:var(--ds-text-muted)}.pagina-instellingen .acc-info-pages{font-size:.68rem;margin-top:.15rem;display:flex;flex-wrap:wrap;gap:.2rem}.pagina-instellingen .acc-page-tag{background:#6366f11a;color:#a5b4fc;padding:.1rem .4rem;border-radius:4px;font-size:.62rem;font-weight:600}.pagina-instellingen .acc-card.login{cursor:default;grid-template-columns:36px 1fr auto}.pagina-instellingen .acc-card.login:hover{transform:none}.pagina-instellingen .acc-me{font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;background:var(--portal-color);color:#fff;padding:.05rem .35rem;border-radius:4px;vertical-align:middle}.pagina-instellingen .acc-badge{display:inline-flex;align-items:center;padding:.12rem .45rem;border-radius:5px;font-size:.64rem;font-weight:700;border:1px solid var(--ds-border);color:var(--ds-text-muted)}.pagina-instellingen .acc-badge.role{background:#6366f11f;color:var(--portal-color);border-color:#6366f140}.pagina-instellingen .acc-badge.on{background:#22c55e1f;color:#16a34a;border-color:#22c55e40}.pagina-instellingen .acc-badge.off{background:#ef44441a;color:#dc2626;border-color:#ef444433}.pagina-instellingen .acc-badge.sub{background:transparent;border-color:transparent;font-weight:500}.pagina-instellingen .acc-tag-login{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--ds-text-muted);background:var(--ds-hover);border:1px solid var(--ds-border);padding:.2rem .5rem;border-radius:6px;white-space:nowrap}.pagina-instellingen .acc-actions{display:flex;gap:.3rem}.pagina-instellingen .acc-btn{width:30px;height:30px;border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);background:transparent;color:var(--ds-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:background .15s,border-color .15s,color .15s}.pagina-instellingen .acc-btn:hover{background:#6366f11a;color:var(--portal-color);border-color:#6366f14d}.pagina-instellingen .acc-btn.danger:hover{background:#ef44441a;color:#ef4444;border-color:#ef444433}.pagina-instellingen .acc-form{background:#6366f10a;border:1px solid rgba(99,102,241,.15);border-radius:13px;padding:1rem}.pagina-instellingen .acc-form-title{font-size:.85rem;font-weight:700;margin:0 0 .7rem;display:flex;align-items:center;gap:.4rem;color:var(--ds-text)}.pagina-instellingen .acc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.pagina-instellingen .acc-form-grid .full-2{grid-column:1 / -1}.pagina-instellingen .acc-form-grid label,.pagina-instellingen .grid-lbl{font-size:.72rem;color:var(--ds-text-muted);font-weight:600;display:block;margin-bottom:.2rem;text-transform:uppercase;letter-spacing:.3px}.pagina-instellingen .acc-form-actions{display:flex;gap:.5rem;margin-top:.9rem;align-items:center;flex-wrap:wrap}.pagina-instellingen .pag-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.pagina-instellingen .pag-bulk-btns{display:flex;gap:.35rem}.pagina-instellingen .pag-bulk{font-size:.7rem;font-weight:600;padding:.25rem .7rem;border-radius:6px;border:1px solid var(--portal-color);background:#6366f11a;color:var(--portal-color);cursor:pointer;transition:background .15s}.pagina-instellingen .pag-bulk:hover{background:#6366f133}.pagina-instellingen .pag-bulk.off{border-color:var(--ds-border);background:transparent;color:var(--ds-text-muted)}.pagina-instellingen .pag-bulk.off:hover{background:var(--ds-hover)}.pagina-instellingen .pag-sections{display:flex;flex-direction:column;gap:.7rem;border:1px solid var(--ds-border);border-radius:10px;background:var(--ds-hover);padding:.75rem .8rem}.pagina-instellingen .pag-section-title{font-size:.63rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--portal-color);margin-bottom:.35rem}.pagina-instellingen .pag-pills{display:flex;flex-wrap:wrap;gap:.35rem}.pagina-instellingen .pag-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;border-radius:20px;font-size:.74rem;font-weight:500;border:1.5px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .12s,background .12s,color .12s}.pagina-instellingen .pag-pill input[type=checkbox]{display:none}.pagina-instellingen .pag-pill:hover{border-color:var(--portal-color);color:var(--ds-text)}.pagina-instellingen .pag-pill.checked{border-color:var(--portal-color);background:#6366f11f;color:var(--portal-color);font-weight:600}@media (max-width: 600px){.pagina-instellingen .profile-section{grid-template-columns:1fr;justify-items:center}.pagina-instellingen .settings-fields,.pagina-instellingen .acc-form-grid{grid-template-columns:1fr}}@media (max-width: 768px){.pagina-instellingen .acc-stats{gap:.5rem}.pagina-instellingen .acc-actions{flex-wrap:wrap;justify-content:flex-end}.pagina-instellingen .code-row{gap:6px}.pagina-instellingen .acc-form-actions{gap:.4rem}.pagina-instellingen .acc-form-actions button{flex:1 1 auto}}@media (max-width: 480px){.pagina-instellingen .profile-section{gap:14px}.pagina-instellingen .settings-fields{gap:10px}.pagina-instellingen .acc-stats{width:100%}.pagina-instellingen .acc-stats>*{flex:1 1 calc(50% - .3rem)}}.pagina-instellingen{--set-shadow: 0 1px 2px rgba(16,24,40,.05), 0 10px 26px -14px rgba(16,24,40,.16)}html.dark-mode .pagina-instellingen,html.dark .pagina-instellingen,body.dark-mode .pagina-instellingen,body.dark .pagina-instellingen{--set-shadow: 0 1px 2px rgba(0,0,0,.35), 0 14px 34px -16px rgba(0,0,0,.7)}.pagina-instellingen .settings-shell{display:block}.pagina-instellingen .pag-pill-vink{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.pagina-instellingen .pag-pill:focus-within{outline:2px solid var(--portal-color);outline-offset:2px}.pagina-instellingen .foto-kiezen{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.pagina-live-meekijken .live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ds-text-subtle);margin:0 4px 0 8px}.pagina-live-meekijken .live-dot.on{background:var(--ds-success);animation:pagina-live-meekijken-pulse 1.6s ease-in-out infinite}@keyframes pagina-live-meekijken-pulse{50%{opacity:.35}}.pagina-live-meekijken .sessie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:12px}.pagina-live-meekijken .sessie{border:1px solid var(--ds-border);border-radius:12px;padding:14px;background:var(--ds-card);display:flex;flex-direction:column;gap:10px}.pagina-live-meekijken .sessie.aandacht{border-color:color-mix(in srgb,var(--ds-danger) 55%,transparent)}.pagina-live-meekijken .kop{display:flex;align-items:center;justify-content:space-between}.pagina-live-meekijken .wie{display:flex;align-items:center;gap:7px}.pagina-live-meekijken .wie .naam{font-weight:600}.pagina-live-meekijken .badge.dienst{color:var(--ds-success);background:var(--ds-success-bg)}.pagina-live-meekijken .badge.rit{color:var(--ds-info);background:var(--ds-info-bg)}.pagina-live-meekijken .regels{display:flex;flex-direction:column;gap:5px}.pagina-live-meekijken .regel{display:flex;align-items:center;gap:7px;font-size:13px}.pagina-live-meekijken .regel svg{opacity:.55;font-size:15px;flex:none}.pagina-live-meekijken .ep{overflow-wrap:anywhere}.pagina-live-meekijken .dim{opacity:.55;font-size:12px}.pagina-live-meekijken .pos{color:var(--portal-color);text-decoration:none;font-family:ui-monospace,monospace}.pagina-live-meekijken .pos:hover{text-decoration:underline}.pagina-live-meekijken .voet{display:flex;align-items:center;justify-content:space-between;margin-top:2px;border-top:1px solid var(--ds-border-subtle);padding-top:9px}.pagina-live-meekijken .fout-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;opacity:.7}.pagina-live-meekijken .fout-badge.bad{color:var(--ds-danger);opacity:1}.pagina-live-meekijken .voet-knoppen{display:flex;gap:6px;flex-wrap:wrap}.pagina-live-meekijken .dossier-knop,.pagina-live-meekijken .ticket-knop{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--ds-border);background:transparent;color:inherit;border-radius:var(--ds-radius-sm);padding:5px 11px;font-size:12px;cursor:pointer}.pagina-live-meekijken .dossier-knop:hover,.pagina-live-meekijken .ticket-knop:hover{border-color:var(--portal-color)}.pagina-live-meekijken .ticket-knop svg{font-size:14px}.meekijk-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.meekijk-venster{width:min(920px,96vw);max-height:92vh;overflow:auto;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:16px;box-shadow:0 24px 70px #0000004d}.meekijk-kop{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--ds-border)}.meekijk-sluit{border:none;background:none;cursor:pointer;color:var(--ds-text-muted);display:flex;padding:6px;border-radius:999px}.meekijk-sluit:hover{background:var(--ds-hover);color:var(--ds-text)}.meekijk-stand{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 18px;font-size:12.5px;color:var(--ds-text);background:var(--ds-bg);border-bottom:1px solid var(--ds-border)}.meekijk-stand .stip{width:8px;height:8px;border-radius:999px;background:var(--ds-text-muted);flex-shrink:0}.meekijk-stand .stip.aan{background:#10b981}.meekijk-lijf{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:18px;padding:18px}@media (max-width: 780px){.meekijk-lijf{grid-template-columns:1fr}}.meekijk-scherm{background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:12px;min-height:260px;display:flex;align-items:center;justify-content:center;overflow:hidden}.meekijk-scherm img{width:100%;height:auto;display:block}.meekijk-leeg{text-align:center;padding:26px 18px;color:var(--ds-text-muted);font-size:13px}.meekijk-leeg p{margin:0 0 12px}.meekijk-zij{display:flex;flex-direction:column;gap:16px;min-width:0}.meekijk-feiten{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;margin:0;font-size:12.5px}.meekijk-feiten dt{color:var(--ds-text-muted)}.meekijk-feiten dd{margin:0;color:var(--ds-text);word-break:break-word}.meekijk-acties{display:flex;flex-direction:column;gap:10px}.meekijk-bericht{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--ds-text-muted)}.meekijk-bericht textarea{font:inherit;font-size:13px;color:var(--ds-text);padding:8px 10px;resize:vertical;border:1px solid var(--ds-border);border-radius:9px;background:var(--ds-bg)}.meekijk-cmd{display:flex;flex-wrap:wrap;gap:6px}.meekijk-cmd button{font:inherit;font-size:12.5px;padding:6px 12px;border-radius:999px;cursor:pointer;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text)}.meekijk-cmd button:hover:not(:disabled){border-color:var(--portal-color)}.meekijk-cmd button:disabled{opacity:.45;cursor:not-allowed}.meekijk-cmd button.gevaar{color:#b91c1c;border-color:#fca5a5}.meekijk-cmd button.gevaar:hover:not(:disabled){background:#fef2f2;border-color:#ef4444}.meekijk-melding{margin:0;font-size:12.5px;color:var(--ds-text)}.meekijk-knop{font:inherit;font-size:12.5px;padding:5px 11px;border-radius:999px;cursor:pointer;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);display:inline-flex;align-items:center;gap:5px}.meekijk-knop:hover{border-color:var(--portal-color)}.meekijk-bevestig{width:min(440px,94vw);background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;padding:20px;box-shadow:0 24px 70px #0000004d}.meekijk-bevestig h3{margin:0 0 8px;font-size:15px}.meekijk-bevestig p{margin:0 0 16px;font-size:13px;color:var(--ds-text-muted);line-height:1.6}.meekijk-leeg .meekijk-fijn{font-size:12px;line-height:1.6;color:var(--ds-text-muted);max-width:44ch;margin:0 auto 14px}.meekijk-leeg .ticket-knop.gevaar{border-color:#fca5a5;color:#b91c1c}.meekijk-leeg .ticket-knop.gevaar:hover{background:#fef2f2;border-color:#ef4444}.pagina-presentaties .presentaties-scope{display:flex;flex-direction:column;gap:0}.pagina-isms-documenten .page-hint{font-size:11px;color:var(--ds-text-muted)}.pagina-isms-documenten .page-hint em{color:var(--portal-color);font-style:normal;font-weight:700}.pagina-isms-documenten .toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.pagina-isms-documenten .search-box{display:flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--ds-border);border-radius:8px;background:var(--ds-card);flex:1;max-width:380px}.pagina-isms-documenten .search-box svg{font-size:16px;color:var(--ds-text-muted);flex-shrink:0}.pagina-isms-documenten .search-box input{border:none;background:transparent;outline:none;font-size:13px;color:var(--ds-text);width:100%;font-family:inherit}.pagina-isms-documenten .count{font-size:12px;color:var(--ds-text-muted)}.pagina-isms-documenten .cat-filter{padding:7px 10px;border:1px solid var(--ds-border);border-radius:8px;background:var(--ds-card);color:var(--ds-text);font-size:12.5px;cursor:pointer;max-width:300px;font-family:inherit}.pagina-isms-documenten .doc-groups{display:flex;flex-direction:column;gap:22px}.pagina-isms-documenten .doc-group{display:flex;flex-direction:column;gap:10px}.pagina-isms-documenten .group-header{display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:8px;background:color-mix(in srgb,var(--portal-color) 9%,transparent);border-left:4px solid var(--portal-color)}.pagina-isms-documenten .gh-label{font-size:13px;font-weight:800;color:var(--ds-text);letter-spacing:-.01em}.pagina-isms-documenten .gh-count{font-size:11px;font-weight:600;color:var(--ds-text-muted);background:var(--ds-card);padding:2px 8px;border-radius:999px}.pagina-isms-documenten .toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pagina-isms-documenten .view-toggle{display:inline-flex;border:1px solid var(--ds-border);border-radius:8px;overflow:hidden}.pagina-isms-documenten .view-toggle button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:32px;border:none;background:var(--ds-card);color:var(--ds-text-muted);cursor:pointer}.pagina-isms-documenten .view-toggle button+button{border-left:1px solid var(--ds-border)}.pagina-isms-documenten .view-toggle button.active{background:var(--portal-color);color:#fff}.pagina-isms-documenten .view-toggle svg{font-size:16px}.pagina-isms-documenten .full-pdf-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--ds-radius-sm);font-size:12px;font-weight:700;text-decoration:none;background:var(--portal-color);color:#fff}.pagina-isms-documenten .full-pdf-btn svg{font-size:15px}.pagina-isms-documenten .full-pdf-btn:hover{opacity:.9}.pagina-isms-documenten .doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:12px}.pagina-isms-documenten .doc-grid.list{grid-template-columns:1fr;gap:6px}.pagina-isms-documenten .doc-grid.list .doc-card{flex-direction:row;align-items:center;padding:10px 14px;gap:12px}.pagina-isms-documenten .doc-grid.list .doc-header{flex-shrink:0}.pagina-isms-documenten .doc-grid.list .doc-body{flex:1;min-width:0}.pagina-isms-documenten .doc-grid.list .doc-body h4{margin:0}.pagina-isms-documenten .doc-grid.list .doc-footer{flex-shrink:0;flex-direction:row;align-items:center;margin-top:0;gap:10px}.pagina-isms-documenten .doc-grid.list .doc-norm{display:none}.pagina-isms-documenten .doc-card{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;cursor:pointer;transition:border-color .15s,box-shadow .15s;height:176px;box-sizing:border-box;overflow:hidden}.pagina-isms-documenten .doc-grid.list .doc-card{height:auto}.pagina-isms-documenten .doc-card:hover{border-color:var(--portal-color);box-shadow:0 4px 16px #6366f11f}.pagina-isms-documenten .doc-header{display:flex;align-items:center;gap:8px}.pagina-isms-documenten .doc-nr-chip{display:inline-flex;align-items:center;gap:0;border-radius:var(--ds-radius-sm);overflow:hidden;border:1px solid var(--portal-color)}.pagina-isms-documenten .chip-label{background:var(--portal-color);color:#fff;font-size:9px;font-weight:800;padding:2px 5px;letter-spacing:.06em}.pagina-isms-documenten .chip-nr{background:#fff;color:var(--portal-color);font-size:11px;font-weight:800;padding:2px 7px;font-variant-numeric:tabular-nums}.pagina-isms-documenten .doc-id-badge{font-size:10px;font-weight:700;color:var(--ds-text-muted);padding:2px 7px;background:var(--ds-hover);border-radius:4px}.pagina-isms-documenten .doc-body{flex:1;min-height:0;overflow:hidden}.pagina-isms-documenten .doc-body h4{margin:0 0 5px;font-size:12.5px;font-weight:600;color:var(--ds-text);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pagina-isms-documenten .doc-norm{display:inline-block;font-size:9.5px;font-weight:700;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--portal-color) 12%,transparent);color:var(--portal-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pagina-isms-documenten .doc-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;border-top:1px solid var(--ds-border)}.pagina-isms-documenten .doc-meta-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pagina-isms-documenten .meta-item{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;color:var(--ds-text-muted)}.pagina-isms-documenten .meta-item svg{font-size:12px}.pagina-isms-documenten .doc-actions{display:flex;gap:5px}.pagina-isms-documenten .da-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);color:var(--ds-text-muted);text-decoration:none;cursor:pointer;background:none}.pagina-isms-documenten .da-btn svg{font-size:14px}.pagina-isms-documenten .da-btn:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-isms-documenten .da-btn.edit{background:#6366f114;color:var(--portal-color)}.pagina-beheersmaatregelen .page-hint{font-size:11px;color:var(--ds-text-muted)}.pagina-beheersmaatregelen .page-hint em{color:var(--portal-color);font-style:normal;font-weight:700}.pagina-beheersmaatregelen .filter-search{flex:1;display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:8px}.pagina-beheersmaatregelen .filter-search svg{color:var(--ds-text-muted);font-size:16px}.pagina-beheersmaatregelen .filter-search input{border:none;background:none;outline:none;color:var(--ds-text);font-size:13px;flex:1}.pagina-beheersmaatregelen .filter-search input::placeholder{color:var(--ds-text-muted)}.pagina-beheersmaatregelen .filter-select{padding:8px 12px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:8px;color:var(--ds-text);font-size:13px;cursor:pointer}.pagina-beheersmaatregelen .controls-container{padding:0 18px}.pagina-beheersmaatregelen .controls-by-thema{margin-bottom:24px}.pagina-beheersmaatregelen .thema-header{padding:12px 16px;border-radius:10px;color:#fff;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pagina-beheersmaatregelen .thema-header h2{margin:0;font-size:14px;font-weight:700}.pagina-beheersmaatregelen .thema-count{font-size:12px;opacity:.8}.pagina-beheersmaatregelen .controls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:10px}.pagina-beheersmaatregelen .control-card{padding:14px;background:var(--ds-card);border-radius:8px;border:1px solid var(--ds-border);cursor:pointer;transition:all .15s}.pagina-beheersmaatregelen .control-card:hover{border-color:var(--portal-color);box-shadow:0 2px 8px #00000014}.pagina-beheersmaatregelen .control-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pagina-beheersmaatregelen .control-numero{font-size:11px;font-weight:700;color:var(--portal-color);background:#6366f11a;padding:3px 6px;border-radius:4px}.pagina-beheersmaatregelen .control-status{font-size:16px}.pagina-beheersmaatregelen .control-naam{overflow-wrap:anywhere;margin:0 0 6px;font-size:12px;font-weight:600;color:var(--ds-text);line-height:1.4}.pagina-beheersmaatregelen .control-desc{margin:0 0 8px;font-size:11px;color:var(--ds-text-secondary);line-height:1.4}.pagina-beheersmaatregelen .control-meta{display:flex;gap:6px;flex-wrap:wrap;font-size:10px}.pagina-beheersmaatregelen .control-label{background:#0000000d;padding:2px 6px;border-radius:3px;color:var(--ds-text-muted)}.pagina-beheersmaatregelen .control-status-label{padding:2px 6px;border-radius:3px;font-weight:600}.pagina-beheersmaatregelen .status-volledig .control-status-label{background:#22c55e26;color:#16a34a}.pagina-beheersmaatregelen .status-gedeeltelijk .control-status-label{background:#fb923c26;color:#ea580c}.pagina-beheersmaatregelen .status-niet-geimplementeerd .control-status-label{background:#ef444426;color:#dc2626}.pagina-beheersmaatregelen .status-niet-van-toepassing .control-status-label{background:#6b728026;color:#374151}.pagina-beheersmaatregelen .control-bewijs{margin-top:10px;padding-top:10px;border-top:1px dashed var(--ds-border);display:flex;flex-direction:column;gap:8px}.pagina-beheersmaatregelen .bewijs-head{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--ds-text-muted);margin-bottom:5px}.pagina-beheersmaatregelen .bewijs-head svg{font-size:13px}.pagina-beheersmaatregelen .bewijs-chips{display:flex;flex-wrap:wrap;gap:5px}.pagina-beheersmaatregelen .bewijs-chip{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:3px 8px;border-radius:var(--ds-radius-sm);font-size:10.5px;font-weight:600;text-decoration:none;border:1px solid var(--ds-border);background:color-mix(in srgb,var(--portal-color) 7%,transparent);color:var(--portal-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagina-beheersmaatregelen .bewijs-chip svg{font-size:12px;flex-shrink:0}.pagina-beheersmaatregelen .bewijs-chip:hover{background:var(--portal-color);color:#fff}.pagina-beheersmaatregelen .bewijs-chip.live{color:#16a34a;background:#22c55e1a;border-color:#22c55e4d}.pagina-beheersmaatregelen .bewijs-chip.live:hover{background:#16a34a;color:#fff}.pagina-beheersmaatregelen .control-cta{margin-top:10px;font-size:11px;font-weight:600;color:var(--portal-color)}.pagina-beheersmaatregelen .control-owner{display:flex;align-items:center;gap:5px;margin-top:8px;padding:6px 9px;background:color-mix(in srgb,var(--portal-color) 6%,transparent);border-radius:7px;font-size:11px;color:var(--ds-text-secondary)}.pagina-beheersmaatregelen .control-owner svg{font-size:14px;color:var(--portal-color);flex-shrink:0}.pagina-beheersmaatregelen .control-owner strong{color:var(--ds-text);font-weight:700}.pagina-beheersmaatregelen .modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 20px;border-bottom:1px solid var(--ds-border)}.pagina-beheersmaatregelen .modal-head h2{margin:0 0 3px;font-size:16px;font-weight:700;color:var(--ds-text)}.pagina-beheersmaatregelen .modal-sub{font-size:12px;color:var(--ds-text-secondary)}.pagina-beheersmaatregelen .modal-close:hover{color:#dc2626}.pagina-beheersmaatregelen .editor-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pagina-beheersmaatregelen .eb-label{font-size:11px;font-weight:600;color:var(--ds-text-secondary)}.pagina-beheersmaatregelen .save-state{font-size:11px;font-weight:600;color:#16a34a}.pagina-beheersmaatregelen .md-editor{width:100%;min-height:360px;flex:1;padding:14px;border:1px solid var(--ds-border);border-radius:8px;font-family:SF Mono,Consolas,monospace;font-size:12.5px;line-height:1.6;color:var(--ds-text);background:var(--ds-hover);resize:vertical}.pagina-beheersmaatregelen .modal-foot{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-top:1px solid var(--ds-border);gap:10px;flex-wrap:wrap}.pagina-beheersmaatregelen .mf-right{display:flex;gap:8px}.pagina-beheersmaatregelen .mf-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;border-radius:var(--ds-radius-sm);font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);text-decoration:none}.pagina-beheersmaatregelen .mf-btn svg{font-size:15px}.pagina-beheersmaatregelen .mf-btn.ghost{border-color:var(--ds-border);color:var(--ds-text-secondary)}.pagina-beheersmaatregelen .mf-btn.ghost:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-beheersmaatregelen .mf-btn.primary{background:var(--portal-color);color:#fff;border-color:var(--portal-color)}.pagina-beheersmaatregelen .mf-btn.primary:disabled{opacity:.6;cursor:default}.pagina-beheersmaatregelen .control-pdf{margin-top:10px;padding-top:10px;border-top:1px dashed var(--ds-border)}.pagina-iso-bewijsmatrix .auditor-hint{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--portal-color) 8%,transparent);border:1px solid color-mix(in srgb,var(--portal-color) 30%,transparent);font-size:12.5px;line-height:1.55;color:var(--ds-text-muted)}.pagina-iso-bewijsmatrix .auditor-hint svg{font-size:22px;color:var(--portal-color);flex-shrink:0;margin-top:1px}.pagina-iso-bewijsmatrix .auditor-hint strong{color:var(--ds-text)}.pagina-iso-bewijsmatrix .auditor-hint code{background:var(--ds-hover);padding:1px 6px;border-radius:4px;font-size:11px}.pagina-iso-bewijsmatrix .summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.pagina-iso-bewijsmatrix .sum-card{padding:14px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;text-align:center}.pagina-iso-bewijsmatrix .sum-value{font-size:26px;font-weight:800;color:var(--ds-text)}.pagina-iso-bewijsmatrix .sum-label{font-size:11px;color:var(--ds-text-muted);margin-top:2px}.pagina-iso-bewijsmatrix .sum-card.green .sum-value{color:#16a34a}.pagina-iso-bewijsmatrix .sum-card.orange .sum-value{color:#ea580c}.pagina-iso-bewijsmatrix .sum-card.blue .sum-value{color:#2563eb}.pagina-iso-bewijsmatrix .sum-card.violet .sum-value{color:#7c3aed}.pagina-iso-bewijsmatrix .domain-tabs{display:flex;gap:5px;flex-wrap:wrap}.pagina-iso-bewijsmatrix .dtab{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.pagina-iso-bewijsmatrix .dtab:hover{border-color:var(--portal-color);color:var(--ds-text)}.pagina-iso-bewijsmatrix .dtab.active{background:var(--portal-color);color:#fff;border-color:var(--portal-color)}.pagina-iso-bewijsmatrix .dtab-count{font-size:10px;background:#0000001a;padding:1px 6px;border-radius:8px}.pagina-iso-bewijsmatrix .dtab.active .dtab-count{background:#ffffff40}.pagina-iso-bewijsmatrix .doc-filter-hint{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background:color-mix(in srgb,var(--portal-color) 8%,transparent);border:1px solid color-mix(in srgb,var(--portal-color) 25%,transparent);font-size:12px;color:var(--ds-text-muted)}.pagina-iso-bewijsmatrix .doc-filter-hint svg{font-size:16px;color:var(--portal-color)}.pagina-iso-bewijsmatrix .doc-filter-hint strong{color:var(--ds-text)}.pagina-iso-bewijsmatrix .clear-doc{margin-left:auto;border:none;background:var(--ds-hover);color:var(--ds-text-muted);font-size:11px;padding:3px 8px;border-radius:6px;cursor:pointer}.pagina-iso-bewijsmatrix .clear-doc:hover{color:#dc2626}.pagina-iso-bewijsmatrix .legend{display:flex;gap:16px;flex-wrap:wrap;align-items:center;padding:8px 12px;background:var(--ds-hover);border-radius:8px}.pagina-iso-bewijsmatrix .leg-item{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--ds-text-muted)}.pagina-iso-bewijsmatrix .leg-item svg{font-size:14px}.pagina-iso-bewijsmatrix .leg-sep{flex:1}.pagina-iso-bewijsmatrix .ic-green{color:#16a34a}.pagina-iso-bewijsmatrix .ic-orange{color:#ea580c}.pagina-iso-bewijsmatrix .ic-gray{color:var(--ds-text-subtle)}.pagina-iso-bewijsmatrix .ic-blue{color:#2563eb}.pagina-iso-bewijsmatrix .ic-indigo{color:var(--portal-color)}.pagina-iso-bewijsmatrix svg.sm{font-size:16px}.pagina-iso-bewijsmatrix .matrix-wrap{overflow-x:auto;border:1px solid var(--ds-border);border-radius:10px;background:var(--ds-card)}.pagina-iso-bewijsmatrix .matrix{width:100%;border-collapse:collapse;font-size:12.5px}.pagina-iso-bewijsmatrix .matrix th{background:var(--ds-hover);padding:10px 12px;text-align:left;font-size:11px;font-weight:700;color:var(--ds-text-muted);white-space:nowrap;border-bottom:2px solid var(--ds-border);position:sticky;top:0;z-index:1}.pagina-iso-bewijsmatrix .matrix td{padding:9px 12px;border-bottom:1px solid var(--ds-border);color:var(--ds-text);vertical-align:middle}.pagina-iso-bewijsmatrix .matrix tr:last-child td{border-bottom:none}.pagina-iso-bewijsmatrix .matrix tbody tr:hover td{background:color-mix(in srgb,var(--portal-color) 3%,transparent)}.pagina-iso-bewijsmatrix .matrix tr.gap-row td{background:#ef44440a}.pagina-iso-bewijsmatrix .col-id{white-space:nowrap;width:70px}.pagina-iso-bewijsmatrix .col-title{min-width:200px}.pagina-iso-bewijsmatrix .col-owner{font-size:11px;color:var(--ds-text-muted);white-space:nowrap;min-width:100px}.pagina-iso-bewijsmatrix .col-doc{min-width:160px}.pagina-iso-bewijsmatrix .col-evidence{min-width:180px}.pagina-iso-bewijsmatrix .col-status{width:100px;white-space:nowrap}.pagina-iso-bewijsmatrix .id-pill{display:inline-block;padding:2px 8px;border-radius:var(--ds-radius-sm);font-size:11px;font-weight:700;white-space:nowrap}.pagina-iso-bewijsmatrix .id-pill.dom-clause{background:color-mix(in srgb,var(--portal-color) 12%,transparent);color:var(--portal-color)}.pagina-iso-bewijsmatrix .id-pill.dom-a5{background:#ef44441a;color:#dc2626}.pagina-iso-bewijsmatrix .id-pill.dom-a6{background:#f59e0b1f;color:#d97706}.pagina-iso-bewijsmatrix .id-pill.dom-a7{background:#22c55e1f;color:#16a34a}.pagina-iso-bewijsmatrix .id-pill.dom-a8{background:#7c3aed1f;color:#7c3aed}.pagina-iso-bewijsmatrix .doc-cell{display:flex;align-items:center;gap:6px}.pagina-iso-bewijsmatrix .dl-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--ds-radius-sm);background:#2563eb14;color:#2563eb;font-size:11px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .15s;max-width:130px;overflow:hidden}.pagina-iso-bewijsmatrix .dl-btn:hover{background:#2563eb29}.pagina-iso-bewijsmatrix .dl-btn svg{font-size:12px;flex-shrink:0}.pagina-iso-bewijsmatrix .dl-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagina-iso-bewijsmatrix .ev-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--ds-radius-sm);background:color-mix(in srgb,var(--portal-color) 8%,transparent);color:var(--portal-color);font-size:11px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .15s;max-width:160px;overflow:hidden}.pagina-iso-bewijsmatrix .ev-btn:hover{background:color-mix(in srgb,var(--portal-color) 16%,transparent)}.pagina-iso-bewijsmatrix .ev-btn svg{font-size:12px;flex-shrink:0}.pagina-iso-bewijsmatrix .ev-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagina-iso-bewijsmatrix .sbadge{display:inline-block;padding:3px 9px;border-radius:10px;font-size:10px;font-weight:700;white-space:nowrap}.pagina-iso-bewijsmatrix .sbadge.s-compliant{background:#22c55e1f;color:#16a34a}.pagina-iso-bewijsmatrix .sbadge.s-in-progress{background:#f59e0b1f;color:#d97706}.pagina-iso-bewijsmatrix .sbadge.s-gap{background:#ef44441f;color:#dc2626}.pagina-iso-bewijsmatrix .sbadge.s-na{background:var(--ds-hover);color:var(--ds-text-muted)}.pagina-iso-bewijsmatrix .empty{text-align:center;padding:32px;color:var(--ds-text-muted);font-size:13px}.pagina-iso-bewijsmatrix .footnote{font-size:11px;color:var(--ds-text-muted);line-height:1.6}.pagina-iso-bewijsmatrix .footnote code{background:var(--ds-hover);padding:1px 5px;border-radius:4px;font-size:10px}@media (max-width: 900px){.pagina-iso-bewijsmatrix .col-owner{display:none}}@media (max-width: 640px){.pagina-iso-bewijsmatrix .col-evidence,.pagina-iso-bewijsmatrix .dl-btn span,.pagina-iso-bewijsmatrix .ev-btn span{display:none}.pagina-iso-bewijsmatrix .dl-btn,.pagina-iso-bewijsmatrix .ev-btn{padding:4px;border-radius:var(--ds-radius-sm);max-width:unset}}.pagina-iso-bewijsmatrix .add-evidence-bar{display:flex;justify-content:flex-end;padding-top:4px}.pagina-iso-bewijsmatrix .add-evidence-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:var(--ds-radius-sm);background:var(--portal-color);color:#fff;border:none;cursor:pointer;font-size:13px;font-weight:600;transition:opacity .15s}.pagina-iso-bewijsmatrix .add-evidence-btn:hover{opacity:.88}.pagina-iso-bewijsmatrix .add-evidence-btn svg{font-size:18px}.pagina-iso-bewijsmatrix .modal-panel{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;width:100%;max-width:580px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;gap:0}.pagina-iso-bewijsmatrix .modal-title{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:700;color:var(--ds-text)}.pagina-iso-bewijsmatrix .modal-title svg{font-size:20px;color:var(--portal-color)}.pagina-iso-bewijsmatrix .modal-close:hover{color:#dc2626}.pagina-iso-bewijsmatrix .modal-section:last-of-type{padding-bottom:4px}.pagina-iso-bewijsmatrix .required{color:#dc2626;margin-left:2px}.pagina-iso-bewijsmatrix .form-input:focus,.pagina-iso-bewijsmatrix .form-select:focus{border-color:var(--portal-color)}.pagina-iso-bewijsmatrix .status-buttons{display:flex;gap:8px;flex-wrap:wrap}.pagina-iso-bewijsmatrix .status-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:var(--ds-radius-sm);border:1.5px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-muted);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s}.pagina-iso-bewijsmatrix .status-btn.active-compliant{border-color:#16a34a;background:#16a34a1a;color:#16a34a}.pagina-iso-bewijsmatrix .status-btn.active-progress{border-color:#d97706;background:#d977061a;color:#d97706}.pagina-iso-bewijsmatrix .status-btn.active-gap{border-color:#dc2626;background:#dc26261a;color:#dc2626}.pagina-iso-bewijsmatrix .upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px 16px;border:2px dashed var(--ds-border);border-radius:10px;cursor:pointer;transition:border-color .15s;background:var(--ds-hover);text-align:center;font-size:13px;color:var(--ds-text-muted);min-height:100px}.pagina-iso-bewijsmatrix .upload-area:hover{border-color:var(--portal-color)}.pagina-iso-bewijsmatrix .upload-area.has-file{border-color:#16a34a;background:#16a34a0d;cursor:default}.pagina-iso-bewijsmatrix .upload-area svg{font-size:28px}.pagina-iso-bewijsmatrix .upload-hint{font-size:11px;color:var(--ds-text-muted)}.pagina-iso-bewijsmatrix .file-name{font-weight:600;color:var(--ds-text);font-size:12.5px;word-break:break-all}.pagina-iso-bewijsmatrix .file-size{font-size:11px}.pagina-iso-bewijsmatrix .remove-file{font-size:11px;color:#dc2626;border:none;background:none;cursor:pointer;padding:2px 6px;border-radius:4px}.pagina-iso-bewijsmatrix .remove-file:hover{background:#dc262614}.pagina-iso-bewijsmatrix .upload-feedback{display:flex;align-items:flex-start;gap:10px;margin:12px 20px 0;padding:10px 14px;border-radius:9px;font-size:12.5px}.pagina-iso-bewijsmatrix .upload-feedback svg{font-size:18px;flex-shrink:0;margin-top:1px}.pagina-iso-bewijsmatrix .upload-feedback.success{background:#16a34a17;color:#166534}.pagina-iso-bewijsmatrix .upload-feedback.success svg{color:#16a34a}.pagina-iso-bewijsmatrix .upload-feedback.error{background:#dc262617;color:#991b1b}.pagina-iso-bewijsmatrix .upload-feedback.error svg{color:#dc2626}.pagina-iso-bewijsmatrix .upload-feedback a{color:inherit;font-weight:700}.pagina-iso-bewijsmatrix .btn-cancel{padding:9px 18px;border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);background:var(--ds-hover);color:var(--ds-text-muted);font-size:13px;font-weight:600;cursor:pointer}.pagina-iso-bewijsmatrix .btn-upload{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:var(--ds-radius-sm);border:none;background:var(--portal-color);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .15s}.pagina-iso-bewijsmatrix .btn-upload:disabled{opacity:.5;cursor:not-allowed}.pagina-iso-bewijsmatrix .btn-upload:not(:disabled):hover{opacity:.88}.pagina-iso-bewijsmatrix .btn-upload svg{font-size:16px}.pagina-iso-bewijsmatrix .spinning{animation:pagina-iso-bewijsmatrix-spin .8s linear infinite}@keyframes pagina-iso-bewijsmatrix-spin{to{transform:rotate(360deg)}}.pagina-iso-bewijsmatrix .sum-card.green .sum-value{color:var(--ds-success)}.pagina-iso-bewijsmatrix .sum-card.orange .sum-value{color:var(--ds-warning)}.pagina-iso-bewijsmatrix .sum-card.blue .sum-value{color:var(--ds-info)}.pagina-iso-bewijsmatrix .sum-card.violet .sum-value{color:var(--ds-purple)}.pagina-iso-bewijsmatrix .ic-green{color:var(--ds-success)}.pagina-iso-bewijsmatrix .ic-orange{color:var(--ds-warning)}.pagina-iso-bewijsmatrix .ic-blue{color:var(--ds-info)}.pagina-iso-bewijsmatrix .id-pill.dom-a5{background:color-mix(in srgb,var(--ds-danger) 12%,transparent);color:var(--ds-danger)}.pagina-iso-bewijsmatrix .id-pill.dom-a6{background:color-mix(in srgb,var(--ds-warning) 14%,transparent);color:var(--ds-warning)}.pagina-iso-bewijsmatrix .id-pill.dom-a7{background:color-mix(in srgb,var(--ds-success) 14%,transparent);color:var(--ds-success)}.pagina-iso-bewijsmatrix .id-pill.dom-a8{background:color-mix(in srgb,var(--ds-purple) 14%,transparent);color:var(--ds-purple)}.pagina-iso-bewijsmatrix .matrix tr.gap-row td{background:color-mix(in srgb,var(--ds-danger) 5%,transparent)}.pagina-iso-bewijsmatrix .dl-btn{background:color-mix(in srgb,var(--ds-info) 10%,transparent);color:var(--ds-info)}.pagina-iso-bewijsmatrix .dl-btn:hover{background:color-mix(in srgb,var(--ds-info) 18%,transparent)}.pagina-iso-bewijsmatrix .sbadge.s-compliant{background:color-mix(in srgb,var(--ds-success) 14%,transparent);color:var(--ds-success)}.pagina-iso-bewijsmatrix .sbadge.s-in-progress{background:color-mix(in srgb,var(--ds-warning) 14%,transparent);color:var(--ds-warning)}.pagina-iso-bewijsmatrix .sbadge.s-gap{background:color-mix(in srgb,var(--ds-danger) 14%,transparent);color:var(--ds-danger)}.pagina-iso-bewijsmatrix .status-btn.active-compliant{border-color:var(--ds-success);color:var(--ds-success);background:color-mix(in srgb,var(--ds-success) 12%,transparent)}.pagina-iso-bewijsmatrix .status-btn.active-progress{border-color:var(--ds-warning);color:var(--ds-warning);background:color-mix(in srgb,var(--ds-warning) 12%,transparent)}.pagina-iso-bewijsmatrix .status-btn.active-gap{border-color:var(--ds-danger);color:var(--ds-danger);background:color-mix(in srgb,var(--ds-danger) 12%,transparent)}.pagina-iso-bewijsmatrix .upload-area.has-file{border-color:var(--ds-success);background:color-mix(in srgb,var(--ds-success) 6%,transparent)}.pagina-iso-bewijsmatrix .dtab-count{background:color-mix(in srgb,currentColor 14%,transparent)}.pagina-iso-bewijsmatrix .dtab.active .dtab-count{background:color-mix(in srgb,#fff 25%,transparent)}.pagina-iso-bewijsmatrix .auditor-hint>div{flex:1;min-width:0}.pagina-iso-bewijsmatrix .ev-btn{color:var(--portal-color)}.pagina-iso-bewijsmatrix .filter-bar{align-items:center;justify-content:space-between;margin-bottom:0}@media (max-width: 640px){.pagina-iso-bewijsmatrix .domain-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}.pagina-iso-bewijsmatrix .domain-tabs::-webkit-scrollbar{display:none}.pagina-iso-bewijsmatrix .domain-tabs>*{flex:0 0 auto;white-space:nowrap}}.pagina-clause-4 .section h2{margin:0 0 14px;font-size:16px;font-weight:700;color:var(--ds-text)}.pagina-clause-4 .section h3{margin:0 0 10px;font-size:14px;font-weight:600;color:var(--ds-text)}.pagina-clause-4 .norm-text{padding:14px;background:#6366f114;border-left:4px solid var(--portal-color);border-radius:6px;font-size:13px;line-height:1.6;color:var(--ds-text)}.pagina-clause-4 .checklist{display:flex;flex-direction:column;gap:12px}.pagina-clause-4 .check-item{display:flex;gap:12px;padding:12px;background:var(--ds-hover);border-radius:8px}.pagina-clause-4 .check-item svg{font-size:20px;color:var(--portal-color);flex-shrink:0}.pagina-clause-4 .check-content h4{margin:0 0 4px;font-size:12px;font-weight:600;color:var(--ds-text)}.pagina-clause-4 .check-content p{margin:0;font-size:11px;color:var(--ds-text-secondary);line-height:1.4}.pagina-clause-4 .evidence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.pagina-clause-4 .evidence-card{padding:14px;background:var(--ds-hover);border-radius:8px;display:flex;flex-direction:column;gap:8px}.pagina-clause-4 .evidence-card svg{font-size:20px;color:var(--portal-color)}.pagina-clause-4 .evidence-card h4{margin:0;font-size:12px;font-weight:600;color:var(--ds-text)}.pagina-clause-4 .evidence-card p{margin:0;font-size:11px;color:var(--ds-text-secondary)}.pagina-clause-4 .link-btn.pdf{border-color:#16a34a;color:#16a34a;margin-left:6px}.pagina-clause-4 .link-btn{display:inline-block;font-size:11px;color:var(--portal-color);text-decoration:none;font-weight:600;margin-top:auto;white-space:nowrap}.pagina-clause-4 .link-btn:hover{text-decoration:underline}.pagina-clause-4 .form-section h3{margin:0 0 10px}.pagina-clause-4 .form-section .hint{margin:0 0 8px;font-size:11px;color:var(--ds-text-secondary);font-style:italic}.pagina-clause-4 .form-group label{display:block;font-size:11px;font-weight:600;color:var(--ds-text);margin-bottom:4px}.pagina-clause-4 .form-group input,.pagina-clause-4 .form-group textarea{width:100%;padding:8px;border:1px solid var(--ds-border);border-radius:6px;font-size:12px;color:var(--ds-text);background:var(--ds-card);font-family:inherit}.pagina-clause-4 .form-group textarea{min-height:80px;resize:vertical}.pagina-clause-4 .save-btn{background:var(--portal-color);color:#fff;border:none;padding:8px 12px;border-radius:var(--ds-radius-sm);font-size:12px;font-weight:600;cursor:pointer;margin-top:8px}.pagina-clause-4 .save-btn:hover{opacity:.9}.pagina-clause-4 .audit-status{background:#22c55e0d;border-color:#22c55e33}.pagina-clause-4 .status-bar{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.pagina-clause-4 .status-item{display:flex;gap:8px;align-items:center;font-size:12px;padding:8px;border-radius:6px;background:var(--ds-card)}.pagina-clause-4 .status-item.completed{color:#16a34a}.pagina-clause-4 .status-item.incomplete{color:#ea580c}.pagina-clause-4 .status-item svg{font-size:16px}.pagina-clause-4 .completion{margin-top:12px}.pagina-clause-4 .completion p{margin:0 0 10px;font-size:12px;color:var(--ds-text-secondary)}.pagina-clause-4 .section-sub{margin:-8px 0 14px;font-size:11px;color:var(--ds-text-secondary)}.pagina-clause-4 .sh-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pagina-clause-4 .sh-count{font-size:12px;color:var(--ds-text-secondary)}.pagina-clause-4 .add-btn{background:var(--portal-color);color:#fff;border:none;padding:7px 12px;border-radius:var(--ds-radius-sm);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.pagina-clause-4 .add-btn:hover{opacity:.88}.pagina-clause-4 .fg label{font-size:11px;font-weight:600;color:var(--ds-text)}.pagina-clause-4 .fg input,.pagina-clause-4 .fg select,.pagina-clause-4 .fg textarea{padding:7px 9px;border:1px solid var(--ds-border);border-radius:6px;font-size:12px;color:var(--ds-text);background:var(--ds-card);font-family:inherit}.pagina-clause-4 .fg textarea{min-height:64px;resize:vertical}.pagina-clause-4 .sh-table-wrap{overflow-x:auto;border-radius:8px;border:1px solid var(--ds-border)}.pagina-clause-4 .sh-table{width:100%;border-collapse:collapse;font-size:12px}.pagina-clause-4 .sh-table th{background:var(--ds-hover);padding:10px 12px;text-align:left;font-size:11px;font-weight:700;color:var(--ds-text-secondary);white-space:nowrap;border-bottom:1px solid var(--ds-border)}.pagina-clause-4 .sh-table td{padding:10px 12px;border-bottom:1px solid var(--ds-border);vertical-align:top;color:var(--ds-text);line-height:1.4}.pagina-clause-4 .sh-table tr:last-child td{border-bottom:none}.pagina-clause-4 .sh-table tr:hover td{background:var(--ds-hover)}.pagina-clause-4 .sh-table .eisen,.pagina-clause-4 .sh-table .adres{max-width:220px}.pagina-clause-4 .sh-table .basis{max-width:150px;font-size:11px;color:var(--ds-text-secondary)}.pagina-clause-4 .badge-reg{background:#ef44441f;color:#dc2626}.pagina-clause-4 .badge-klant{background:#6366f11f;color:var(--portal-color)}.pagina-clause-4 .badge-lever{background:#f59e0b1f;color:#d97706}.pagina-clause-4 .badge-intern{background:#22c55e1f;color:#16a34a}.pagina-clause-4 .badge-audit{background:#8b5cf61f;color:#7c3aed}.pagina-clause-4 .status-dot:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%}.pagina-clause-4 .dot-green:before{background:#16a34a}.pagina-clause-4 .dot-orange:before{background:#ea580c}.pagina-clause-4 .dot-gray:before{background:#6b7280}.pagina-clause-4 .zaken-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pagina-clause-4 .zaken-col h3{margin:0 0 10px;font-size:13px;font-weight:700;color:var(--ds-text)}.pagina-clause-4 .zaken-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px}.pagina-clause-4 .zaken-list li{font-size:12px;color:var(--ds-text);display:flex;gap:8px;align-items:flex-start;line-height:1.4}.pagina-clause-4 .z-icon{color:var(--portal-color);font-size:10px;margin-top:3px;flex-shrink:0}@media (max-width: 640px){.pagina-clause-4 .zaken-grid{grid-template-columns:1fr}}.pagina-clause-4 .status-dot{display:inline-flex;align-items:center;gap:5px;width:auto;height:auto;border-radius:0;background:none;flex-shrink:1;font-size:11px;font-weight:600;white-space:nowrap}.pagina-clause-4 .section-sub{margin:0 0 12px;font-size:12.5px;color:var(--ds-text-2);line-height:1.55}@media (max-width: 900px){.pagina-clause-4 .sh-table{display:block;overflow-x:auto}.pagina-clause-4 .sh-table th,.pagina-clause-4 .sh-table td{white-space:nowrap}.pagina-clause-4 .sh-table .eisen,.pagina-clause-4 .sh-table td.eisen{white-space:normal;min-width:240px;max-width:none}}.pagina-clause-5 .taken-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.pagina-clause-5 .taak-item{display:flex;gap:9px;align-items:flex-start;padding:9px 11px;background:var(--ds-hover);border-radius:8px}.pagina-clause-5 .taak-item svg{font-size:16px;color:#16a34a;flex-shrink:0;margin-top:1px}.pagina-clause-5 .taak-item>div{display:flex;flex-direction:column;gap:2px}.pagina-clause-5 .taak-tekst{font-size:12px;color:var(--ds-text);line-height:1.4}.pagina-clause-5 .taak-ref{font-size:10px;font-weight:700;color:var(--portal-color)}.pagina-clause-5 .aanw-item{padding:12px 14px;background:var(--ds-hover);border-radius:10px;border-left:3px solid var(--portal-color)}.pagina-clause-5 .aanw-antwoord{display:flex;gap:7px;align-items:flex-start;margin-top:6px;font-size:12px;color:var(--ds-text-secondary);line-height:1.5}@media (max-width: 640px){.pagina-clause-5 .taken-grid{grid-template-columns:1fr}}.pagina-clause-5 .section h2{margin:0 0 14px;font-size:16px;font-weight:700;color:var(--ds-text)}.pagina-clause-5 .section-sub{margin:-8px 0 14px;font-size:11px;color:var(--ds-text-secondary)}.pagina-clause-5 .norm-text{padding:14px;background:#6366f114;border-left:4px solid var(--portal-color);border-radius:6px;font-size:13px;line-height:1.6;color:var(--ds-text)}.pagina-clause-5 .checklist{display:flex;flex-direction:column;gap:10px}.pagina-clause-5 .check-item{display:flex;gap:12px;padding:12px;background:var(--ds-hover);border-radius:8px}.pagina-clause-5 .check-item.done svg{color:#16a34a;font-size:20px;flex-shrink:0}.pagina-clause-5 .check-content h4{margin:0 0 4px;font-size:12px;font-weight:600;color:var(--ds-text)}.pagina-clause-5 .check-content p{margin:0;font-size:11px;color:var(--ds-text-secondary);line-height:1.4}.pagina-clause-5 .commitment-section{background:#6366f108;border-color:#6366f133}.pagina-clause-5 .commitment-card{border:1px solid rgba(99,102,241,.2);border-radius:10px;overflow:hidden}.pagina-clause-5 .commitment-header{display:flex;gap:12px;align-items:center;padding:14px 16px;background:#6366f114}.pagina-clause-5 .commitment-header svg{font-size:28px;color:var(--portal-color);flex-shrink:0}.pagina-clause-5 .commitment-header h3{margin:0 0 2px;font-size:14px;font-weight:700;color:var(--ds-text)}.pagina-clause-5 .commitment-header .meta{margin:0;font-size:11px;color:var(--ds-text-secondary)}.pagina-clause-5 .commitment-body{padding:16px}.pagina-clause-5 .commitment-body p{margin:0 0 12px;font-size:13px;color:var(--ds-text);line-height:1.6}.pagina-clause-5 .commitment-body ul{margin:0 0 16px;padding-left:20px}.pagina-clause-5 .commitment-body ul li{font-size:13px;color:var(--ds-text);line-height:1.6;margin-bottom:6px}.pagina-clause-5 .signature-block{background:var(--ds-hover);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.pagina-clause-5 .sig-line{font-size:12px;color:var(--ds-text)}.pagina-clause-5 .sig-line strong{color:var(--ds-text);margin-right:6px}.pagina-clause-5 .sh-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pagina-clause-5 .sh-count{font-size:12px;color:var(--ds-text-secondary)}.pagina-clause-5 .add-btn{background:var(--portal-color);color:#fff;border:none;padding:7px 12px;border-radius:var(--ds-radius-sm);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.pagina-clause-5 .add-btn:hover{opacity:.88}.pagina-clause-5 .fg label{font-size:11px;font-weight:600;color:var(--ds-text)}.pagina-clause-5 .fg input,.pagina-clause-5 .fg select,.pagina-clause-5 .fg textarea{padding:7px 9px;border:1px solid var(--ds-border);border-radius:6px;font-size:12px;color:var(--ds-text);background:var(--ds-card);font-family:inherit}.pagina-clause-5 .fg textarea{min-height:64px;resize:vertical}.pagina-clause-5 .rollen-table-wrap,.pagina-clause-5 .doelen-table-wrap{overflow-x:auto;border-radius:8px;border:1px solid var(--ds-border)}.pagina-clause-5 .sh-table{width:100%;border-collapse:collapse;font-size:12px}.pagina-clause-5 .sh-table th{background:var(--ds-hover);padding:10px 12px;text-align:left;font-size:11px;font-weight:700;color:var(--ds-text-secondary);white-space:nowrap;border-bottom:1px solid var(--ds-border)}.pagina-clause-5 .sh-table td{padding:10px 12px;border-bottom:1px solid var(--ds-border);vertical-align:top;color:var(--ds-text);line-height:1.4}.pagina-clause-5 .sh-table tr:last-child td{border-bottom:none}.pagina-clause-5 .sh-table tr:hover td{background:var(--ds-hover)}.pagina-clause-5 .sh-table .eisen{max-width:250px}.pagina-clause-5 .sh-table .basis{max-width:160px;font-size:11px;color:var(--ds-text-secondary)}.pagina-clause-5 .act-btn{background:none;border:1px solid var(--ds-border);border-radius:4px;padding:3px 7px;font-size:11px;cursor:pointer;color:var(--ds-text-secondary)}.pagina-clause-5 .act-btn.edit:hover{background:#6366f11a;color:var(--portal-color)}.pagina-clause-5 .act-btn.del:hover{background:#ef44441a;color:#dc2626}.pagina-clause-5 .act-btn+.act-btn{margin-left:4px}.pagina-clause-5 .status-dot:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%}.pagina-clause-5 .dot-green:before{background:#16a34a}.pagina-clause-5 .policy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px}.pagina-clause-5 .policy-card{padding:14px;background:var(--ds-hover);border-radius:10px;border:1px solid var(--ds-border);display:flex;flex-direction:column;gap:8px}.pagina-clause-5 .policy-header{display:flex;gap:10px;align-items:flex-start}.pagina-clause-5 .policy-header svg{font-size:20px;color:var(--portal-color);flex-shrink:0;margin-top:2px}.pagina-clause-5 .policy-header h4{margin:0 0 2px;font-size:12px;font-weight:700;color:var(--ds-text)}.pagina-clause-5 .policy-ref{font-size:10px;color:var(--ds-text-secondary)}.pagina-clause-5 .badge-status{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;white-space:nowrap;margin-left:auto}.pagina-clause-5 .badge-gereed{background:#22c55e1f;color:#16a34a}.pagina-clause-5 .policy-desc{margin:0;font-size:11px;color:var(--ds-text-secondary);line-height:1.4}.pagina-clause-5 .policy-meta{display:flex;gap:10px;flex-wrap:wrap}.pagina-clause-5 .policy-meta span{font-size:10px;color:var(--ds-text-secondary);background:var(--ds-card);padding:2px 7px;border-radius:8px}.pagina-clause-5 .link-btn{display:inline-block;font-size:11px;color:var(--portal-color);text-decoration:none;font-weight:600;margin-top:4px;white-space:nowrap}.pagina-clause-5 .link-btn:hover{text-decoration:underline}.pagina-clause-5 .live-evidence{margin-top:16px;padding-top:16px;border-top:1px dashed var(--ds-border)}.pagina-clause-5 .live-evidence h3{margin:0 0 4px;font-size:13px;font-weight:700;color:var(--ds-text)}.pagina-clause-5 .le-sub{margin:0 0 12px;font-size:11px;color:var(--ds-text-secondary)}.pagina-clause-5 .le-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:10px}.pagina-clause-5 .le-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--ds-hover);border:1px solid var(--ds-border);border-radius:10px;text-decoration:none;transition:border-color .15s,transform .15s}.pagina-clause-5 .le-card:hover{border-color:var(--portal-color);transform:translateY(-2px)}.pagina-clause-5 .le-card>svg{font-size:24px;color:var(--portal-color);flex-shrink:0}.pagina-clause-5 .le-card h4{margin:0 0 2px;font-size:12px;font-weight:700;color:var(--ds-text)}.pagina-clause-5 .le-card p{margin:0;font-size:11px;color:var(--ds-text-secondary);line-height:1.4}.pagina-clause-5 .le-arrow{margin-left:auto;font-size:18px;color:var(--portal-color);font-weight:700;flex-shrink:0}.pagina-clause-5 .audit-status{background:#22c55e0d;border-color:#22c55e33}.pagina-clause-5 .status-bar{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.pagina-clause-5 .status-item{display:flex;gap:8px;align-items:center;font-size:12px;padding:8px;border-radius:6px;background:var(--ds-card)}.pagina-clause-5 .status-item.completed{color:#16a34a}.pagina-clause-5 .status-item.incomplete{color:#ea580c}.pagina-clause-5 .status-item svg{font-size:16px}.pagina-clause-5 .completion p{margin:0;font-size:12px;color:var(--ds-text-secondary)}.pagina-clause-5 .status-dot{display:inline-flex;align-items:center;gap:5px;width:auto;height:auto;border-radius:0;background:none;flex-shrink:1;font-size:11px;font-weight:600;white-space:nowrap}.pagina-clause-5 .section-sub{margin:0 0 12px;font-size:12.5px;color:var(--ds-text-2);line-height:1.55}.pagina-clause-5 .aanw-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.pagina-clause-5 .aanw-item{padding:12px 14px;background:var(--ds-hover);border-radius:10px}.pagina-clause-5 .aanw-vraag{display:flex;gap:7px;align-items:flex-start;font-size:12.5px;font-weight:700;color:var(--ds-text);line-height:1.45}.pagina-clause-5 .aanw-vraag svg{font-size:15px;color:var(--portal-color);flex-shrink:0;margin-top:1px}.pagina-clause-5 .aanw-antwoord{display:flex;gap:7px;align-items:flex-start;margin-top:6px;font-size:12px;color:var(--ds-text-2);line-height:1.5}.pagina-clause-5 .aanw-antwoord svg{font-size:14px;color:#16a34a;flex-shrink:0;margin-top:1px}@media (max-width: 900px){.pagina-clause-5 .sh-table{display:block;overflow-x:auto}.pagina-clause-5 .sh-table th,.pagina-clause-5 .sh-table td{white-space:nowrap}.pagina-clause-5 .sh-table .eisen,.pagina-clause-5 .sh-table td.eisen{white-space:normal;min-width:240px;max-width:none}}.pagina-groei-simulator .sim-slider{margin-bottom:16px}.pagina-groei-simulator .sim-slider-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px;font-size:13.5px;color:var(--ds-text-2);font-weight:600}.pagina-groei-simulator .sim-slider-top b{font-size:20px;color:var(--portal-color);font-weight:850}.pagina-groei-simulator .sim-slider input[type=range]{width:100%;accent-color:var(--portal-color);height:6px}.pagina-groei-simulator .sim-big{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}.pagina-groei-simulator .sim-b{flex:1;min-width:100px;text-align:center;padding:14px 10px;border:1px solid var(--ds-border);border-radius:14px;background:var(--ds-card)}.pagina-groei-simulator .sim-b svg{font-size:20px;color:var(--portal-color)}.pagina-groei-simulator .sim-b b{display:block;font-size:26px;font-weight:850;color:var(--ds-text);letter-spacing:-.02em;margin:4px 0 2px}.pagina-groei-simulator .sim-b span{font-size:11.5px;color:var(--ds-text-muted)}.pagina-groei-simulator .sim-chart{width:100%;height:120px;margin:6px 0 4px}.pagina-groei-simulator .sim-bar{fill:var(--portal-color);opacity:.85}.pagina-groei-simulator .sim-scen{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--ds-border);border-radius:11px;margin-bottom:8px;flex-wrap:wrap}.pagina-groei-simulator .sim-scen.best{border-color:color-mix(in srgb,var(--g-green) 50%,transparent);background:color-mix(in srgb,var(--g-green) 6%,var(--ds-card))}.pagina-groei-simulator .sim-scen-naam{font-weight:700;color:var(--ds-text);font-size:13.5px}.pagina-groei-simulator .sim-scen-num{font-size:12.5px;color:var(--ds-text-muted)}.pagina-groei-simulator .sim-scen-num b{color:var(--ds-text)}.pagina-groei-simulator .sim-advies{margin-top:12px;background:var(--g-grad-soft);border-color:var(--g-ring)}.pagina-groei-simulator .sim-advies p{font-size:13px;line-height:1.55;margin:0;color:var(--ds-text-2)}.pagina-groei-simulator .sim-best{color:var(--g-green);margin-left:6px}.pagina-groei-brain .brain-input{display:flex;align-items:center;gap:10px}.pagina-groei-brain .brain-input>svg{color:var(--portal-color);font-size:20px;flex-shrink:0}.pagina-groei-brain .brain-input input{flex:1;background:var(--ds-input);border:1px solid var(--ds-border);border-radius:11px;padding:12px 14px;font-size:14px;color:var(--ds-text);outline:none}.pagina-groei-brain .brain-input input:focus{border-color:var(--portal-color)}.pagina-groei-brain .brain-sugg{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:14px}.pagina-groei-brain .brain-q{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:700;color:var(--ds-text)}.pagina-groei-brain .brain-q svg{color:var(--ds-text-muted);font-size:20px}.pagina-groei-brain .brain-a{display:flex;gap:11px;margin-top:12px}.pagina-groei-brain .brain-a>svg{color:var(--portal-color);font-size:20px;flex-shrink:0;margin-top:2px}.pagina-groei-brain .brain-a-txt{font-size:14px;line-height:1.6;color:var(--ds-text-2);white-space:pre-wrap}@media (max-width: 640px){.pagina-groei-brain .brain-sugg{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}.pagina-groei-brain .brain-sugg::-webkit-scrollbar{display:none}.pagina-groei-brain .brain-sugg>*{flex:0 0 auto;white-space:nowrap}}.bobc-fab{position:fixed;right:20px;bottom:20px;z-index:900;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--portal-color, #818cf8);color:#fff;border:none;cursor:pointer;box-shadow:var(--ds-shadow-lg, 0 8px 24px rgba(0, 0, 0, .28))}.bobc-fab:hover{filter:brightness(1.08)}.bobc-fab:focus-visible{outline:2px solid var(--ds-accent, #818cf8);outline-offset:3px}.bobc-paneel{position:fixed;right:20px;bottom:20px;z-index:900;width:min(400px,calc(100vw - 32px));height:min(620px,calc(100vh - 96px));display:flex;flex-direction:column;background:var(--ds-card, #151b26);color:var(--ds-text, inherit);border:1px solid var(--ds-border, #2a3446);border-radius:var(--ds-radius-lg, 14px);box-shadow:var(--ds-shadow-lg, 0 12px 40px rgba(0, 0, 0, .35));overflow:hidden}.bobc-kop{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--ds-border, #2a3446)}.bobc-titel{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.92rem}.bobc-kop-acties{display:flex;gap:4px}.bobc-iknop{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--ds-radius-sm);background:transparent;color:inherit;cursor:pointer;border:1px solid var(--ds-border, #2a3446)}.bobc-iknop:hover{background:var(--ds-hover, rgba(255, 255, 255, .06))}.bobc-stroom{flex:1;min-height:0;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.bobc-bericht{display:flex;flex-direction:column;max-width:88%}.bobc-bericht.van-mij{align-self:flex-end;align-items:flex-end}.bobc-bericht.van-bob{align-self:flex-start;align-items:flex-start}.bobc-bel{padding:8px 11px;border-radius:12px;font-size:.84rem;line-height:1.5;overflow-wrap:anywhere}.van-bob .bobc-bel{background:var(--ds-bg, rgba(255, 255, 255, .04));border:1px solid var(--ds-border-subtle, var(--ds-border, #2a3446));border-bottom-left-radius:4px}.van-mij .bobc-bel{background:var(--portal-color, #818cf8);color:#fff;border-bottom-right-radius:4px}.bobc-bezig{opacity:.7;font-style:italic}.bobc-li{padding-left:14px;text-indent:-10px}.bobc-li:before{content:"– ";opacity:.6}.bobc-leegregel{height:.5em}.bobc-tijd{font-size:.68rem;opacity:.5;margin-top:2px}.bobc-invoer{display:flex;gap:6px;align-items:flex-end;padding:10px 12px 6px;border-top:1px solid var(--ds-border, #2a3446)}.bobc-invoer textarea{flex:1;min-width:0;resize:none;background:var(--ds-input, transparent);color:inherit;border:1px solid var(--ds-border, #2a3446);border-radius:10px;padding:7px 10px;font:inherit;font-size:.84rem;line-height:1.45}.bobc-invoer textarea:focus{outline:none;border-color:var(--ds-accent, #818cf8)}.bobc-verstuur{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;border:none;background:var(--portal-color, #818cf8);color:#fff;cursor:pointer}.bobc-verstuur:disabled{opacity:.45;cursor:default}.bobc-voet{padding:0 12px 9px;font-size:.68rem;opacity:.5}@media (max-width: 560px){.bobc-paneel{right:8px;left:8px;bottom:8px;width:auto;height:calc(100vh - 80px)}}@media (prefers-reduced-motion: no-preference){.bobc-fab{transition:filter .15s ease}}.pagina-nodes .card-title svg{font-size:17px;color:var(--portal-color);flex-shrink:0}.pagina-nodes .nodes-alert-strip{display:grid;grid-template-columns:24px auto 1fr;align-items:center;gap:12px;padding:14px 18px;border-radius:13px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);font-size:13px;box-shadow:0 1px 2px #0000000a,0 6px 18px -12px #0000001a;transition:border-color .2s ease,background .2s ease}.pagina-nodes .nodes-alert-strip svg{font-size:19px;color:var(--portal-color)}.pagina-nodes .nodes-alert-strip strong{color:var(--ds-text);font-weight:700}.pagina-nodes .nodes-alert-strip span{color:var(--ds-text-muted);font-size:12px}.pagina-nodes .nodes-alert-strip.ok{border-color:#22c55e4d;background:#22c55e0d}.pagina-nodes .nodes-alert-strip.ok svg{color:#22c55e}.pagina-nodes .nodes-alert-strip.critical{border-color:#ef444466;background:#ef44440d}.pagina-nodes .nodes-alert-strip.critical svg{color:#ef4444}.pagina-nodes .nodes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px}.pagina-nodes .node-card{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:13px;padding:15px;display:flex;flex-direction:column;gap:11px;position:relative;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.pagina-nodes .node-card:hover{box-shadow:0 2px 4px #0000000d,0 16px 32px -14px #0003;transform:translateY(-3px);border-color:color-mix(in srgb,var(--portal-color) 25%,var(--ds-border))}.pagina-nodes .node-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:#60a5fa}.pagina-nodes .node-card.is-primary:before{background:linear-gradient(180deg,#34d399,#22c55e)}.pagina-nodes .node-card.is-standby:before{background:linear-gradient(180deg,#60a5fa,#3b82f6)}.pagina-nodes .node-head{display:flex;align-items:center;gap:9px}.pagina-nodes .node-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:#60a5fa1f;color:#60a5fa;font-size:16px;flex:0 0 auto}.pagina-nodes .node-card.is-primary .node-icon{background:#34d3991f;color:#34d399}.pagina-nodes .node-name{font-weight:800;color:var(--ds-text);font-size:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.pagina-nodes .node-tier{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.05em;padding:3px 9px;border-radius:999px;flex-shrink:0}.pagina-nodes .node-tier.primary{background:#34d39924;color:#16a34a;border:1px solid rgba(52,211,153,.25)}.pagina-nodes .node-tier.standby{background:#60a5fa24;color:#2563eb;border:1px solid rgba(96,165,250,.25)}.pagina-nodes .node-role{color:var(--ds-text-muted);font-size:12px;line-height:1.45}.pagina-nodes .node-ips{display:flex;flex-direction:column;gap:7px;padding:11px 12px;border-radius:10px;background:var(--ds-bg);border:1px solid var(--ds-border)}.pagina-nodes .node-ip-row{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.pagina-nodes .node-ip-label{font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ds-text-muted)}.pagina-nodes .node-ip-val{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--ds-text-2)}.pagina-nodes .node-ip-val.wg{color:#16a34a;font-weight:700}.pagina-nodes .nodes-alerts{display:flex;flex-direction:column;gap:6px}.pagina-nodes .na-head{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ds-text-muted);padding:2px 2px 4px}.pagina-nodes .na-head svg{font-size:14px;color:var(--portal-color)}.pagina-nodes .na-head-note{font-weight:500;text-transform:none;letter-spacing:0;font-size:11px;color:var(--ds-text-subtle)}.pagina-nodes .na-row{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:10px;padding:10px 14px;border-radius:11px;font-size:12px;border:1px solid var(--ds-border);background:var(--ds-card)}.pagina-nodes .na-row.offline{border-color:#f59e0b59;background:color-mix(in srgb,#f59e0b 6%,var(--ds-card))}.pagina-nodes .na-row.offline svg{color:#f59e0b}.pagina-nodes .na-row.recovered{border-color:#22c55e59;background:#22c55e0d}.pagina-nodes .na-row.recovered svg{color:#22c55e}.pagina-nodes .na-row svg{font-size:16px}.pagina-nodes .na-msg{color:var(--ds-text);font-weight:600}.pagina-nodes .na-ts{color:var(--ds-text-muted);font-size:11px;font-variant-numeric:tabular-nums}.pagina-nodes .nl-spark{display:flex;align-items:center;gap:8px}.pagina-nodes .nl-spark-lbl{font-size:9.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ds-text-muted);white-space:nowrap}.pagina-nodes .nl-spark svg{flex:1;height:22px;width:100%;display:block}.pagina-nodes .nl-spark polyline{fill:none;stroke:var(--portal-color);stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.pagina-nodes .node-live{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:10px;background:var(--ds-bg);border:1px solid var(--ds-border)}.pagina-nodes .nl-bar-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px}.pagina-nodes .nl-label{font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ds-text-muted)}.pagina-nodes .nl-track{height:7px;border-radius:999px;background:var(--ds-card);border:1px solid var(--ds-border-subtle);overflow:hidden}.pagina-nodes .nl-fill{display:block;height:100%;border-radius:999px;transition:width .4s ease;background:#22c55e}.pagina-nodes .nl-fill.warn{background:#f59e0b}.pagina-nodes .nl-fill.bad{background:#ef4444}.pagina-nodes .nl-val{font-size:10.5px;font-weight:700;color:var(--ds-text-2);font-variant-numeric:tabular-nums;min-width:52px;text-align:right}.pagina-nodes .nl-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.pagina-nodes .nl-chip{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:3px 8px;border-radius:999px;background:var(--ds-hover);color:var(--ds-text-2)}.pagina-nodes .nl-chip svg{font-size:12px}.pagina-nodes .nl-chip.danger{background:#ef44441f;color:#dc2626}.pagina-nodes .nl-chip.clickable{cursor:pointer}.pagina-nodes .nl-chip.clickable:hover{background:var(--portal-color);color:#fff}.pagina-nodes .nl-chip.active-now{background:color-mix(in srgb,#22c55e 14%,transparent);color:#16a34a}.pagina-nodes .nl-chip.active-now svg{color:#16a34a}.pagina-nodes .nl-who-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.pagina-nodes .nl-who-dot.extern{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b2e}.pagina-nodes .nl-who-dot.intern{background:#60a5fa}.pagina-nodes .nl-meta{display:flex;gap:12px;font-size:10.5px;color:var(--ds-text-muted);font-weight:600}.pagina-nodes .nl-meta span{display:inline-flex;align-items:center;gap:4px}.pagina-nodes .nl-meta svg{font-size:12px}.pagina-nodes .nl-who{display:flex;flex-direction:column;gap:4px;padding-top:4px;border-top:1px dashed var(--ds-border)}.pagina-nodes .nl-who-row{display:grid;grid-template-columns:8px auto 1fr auto auto;gap:8px;align-items:center;font-size:10.5px}.pagina-nodes .nl-who-user{font-weight:800;color:var(--ds-text);font-family:ui-monospace,Menlo,monospace}.pagina-nodes .nl-who-from{color:var(--ds-text-muted);font-family:ui-monospace,Menlo,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagina-nodes .nl-who-since{color:var(--ds-text-muted);font-variant-numeric:tabular-nums}.pagina-nodes .nl-kill-btn{padding:2px 8px;border-radius:var(--ds-radius-sm);border:1px solid rgba(239,68,68,.4);background:#ef444414;color:#dc2626;font-size:10px;font-weight:800;cursor:pointer;transition:background .15s,border-color .15s,transform .12s;white-space:nowrap}.pagina-nodes .nl-kill-btn:hover{background:#ef44442e;border-color:#ef4444b3;transform:scale(1.04)}.pagina-nodes .nl-kill-btn.killing{opacity:.6;cursor:wait}.pagina-nodes .nl-kill-msg{font-size:10.5px;padding:5px 9px;border-radius:7px;margin-top:3px;background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.25)}.pagina-nodes .nl-kill-msg.err{background:#ef44441a;color:#dc2626;border-color:#ef444440}.pagina-nodes .node-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.pagina-nodes .node-reach{display:inline-flex;align-items:center;gap:5px;min-height:22px;padding:3px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.pagina-nodes .node-reach.up{background:#34d3991f;color:#16a34a;border:1px solid rgba(52,211,153,.22)}.pagina-nodes .node-reach.up:before{content:"";width:6px;height:6px;border-radius:50%;background:#22c55e;animation:pagina-nodes-livePulse 2s ease-in-out infinite}.pagina-nodes .node-reach.down{background:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.22)}.pagina-nodes .node-reach.unknown{background:#94a3b81f;color:var(--ds-text-muted);border:1px solid var(--ds-border)}.pagina-nodes .node-layer-tag{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ds-text-muted)}@keyframes pagina-nodes-livePulse{0%,to{opacity:1}50%{opacity:.35}}.pagina-nodes .ha-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:12px}.pagina-nodes .ha-card{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:13px;padding:14px;transition:border-color .15s ease}.pagina-nodes .ha-card:hover{border-color:var(--portal-color)}.pagina-nodes .ha-card-head{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--ds-text);font-size:13px;margin-bottom:12px}.pagina-nodes .ha-card-head svg{color:#60a5fa;font-size:16px}.pagina-nodes .ha-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.pagina-nodes .ha-slot{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:10px;border:1px solid var(--ds-border);background:var(--ds-bg)}.pagina-nodes .ha-slot.primary{border-color:#34d3994d}.pagina-nodes .ha-slot.standby{border-color:#60a5fa4d}.pagina-nodes .ha-slot-tag{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.pagina-nodes .ha-slot.primary .ha-slot-tag{color:#16a34a}.pagina-nodes .ha-slot.standby .ha-slot-tag{color:#2563eb}.pagina-nodes .ha-slot-name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;color:var(--ds-text);font-size:13px}.pagina-nodes .ha-arrow{color:var(--ds-text-muted);font-size:17px}.pagina-nodes .ha-note{display:flex;gap:10px;margin-top:14px;padding:12px 14px;border-radius:11px;border:1px solid rgba(245,158,11,.28);background:#f59e0b0f;font-size:12px;line-height:1.55;color:var(--ds-text-2)}.pagina-nodes .ha-note svg{font-size:17px;flex:0 0 auto;margin-top:1px;color:#f59e0b}@media (max-width: 600px){.pagina-nodes .nodes-grid{grid-template-columns:1fr}.pagina-nodes .nodes-alert-strip{grid-template-columns:22px 1fr}.pagina-nodes .nodes-alert-strip span{grid-column:2}}@media (max-width: 768px){.pagina-nodes .ha-grid{grid-template-columns:1fr;gap:10px}.pagina-nodes .ha-pair{grid-template-columns:1fr auto 1fr;gap:6px}}@media (max-width: 480px){.pagina-nodes .nodes-grid{gap:8px}.pagina-nodes .node-card{padding:12px}.pagina-nodes .nl-bar-row{grid-template-columns:28px 1fr auto;gap:6px}.pagina-nodes .nl-who-row{grid-template-columns:auto 1fr}.pagina-nodes .nl-who-row>*:last-child{grid-column:1 / -1;text-align:right}.pagina-nodes .nl-meta{gap:8px;flex-wrap:wrap}.pagina-nodes .nl-chips{gap:4px}.pagina-nodes .ha-pair{grid-template-columns:1fr;gap:8px;text-align:center}.pagina-nodes .node-foot{flex-wrap:wrap;gap:6px}.pagina-nodes .node-card,.pagina-nodes .node-head,.pagina-nodes .na-row{word-break:keep-all;overflow-wrap:break-word}}.pagina-beveiliging .ssh-live{border-radius:16px;border:1px solid var(--ds-border);background:var(--ds-card);box-shadow:0 1px 2px #0000000a,0 6px 20px -12px #0000001f;overflow:hidden;animation:pagina-beveiliging-fadeUp .35s ease both}.pagina-beveiliging .ssh-live.has-alarm-border{border-color:#ef444466}.pagina-beveiliging .ssh-live-head{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--ds-border);font-size:13px;font-weight:700;color:var(--ds-text);background:var(--ds-bg)}.pagina-beveiliging .ssh-live-head>svg{font-size:16px;color:var(--portal-color)}.pagina-beveiliging .sl-badge{display:inline-flex;align-items:center;gap:5px;margin-left:auto;font-size:11px;font-weight:700;padding:4px 11px;border-radius:999px}.pagina-beveiliging .sl-badge svg{font-size:13px}.pagina-beveiliging .sl-badge.ok{background:#22c55e1f;color:#16a34a;border:1px solid rgba(34,197,94,.25)}.pagina-beveiliging .sl-badge.alarm{background:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.3);animation:pagina-beveiliging-alarmPulse 1.5s ease infinite}@keyframes pagina-beveiliging-alarmPulse{0%,to{box-shadow:none}50%{box-shadow:0 0 10px #ef44444d}}.pagina-beveiliging .sl-refresh{background:none;border:none;cursor:pointer;color:var(--ds-text-muted);padding:4px 6px;border-radius:6px;font-size:15px;display:flex;align-items:center;transition:color .15s}.pagina-beveiliging .sl-refresh:hover{color:var(--portal-color)}.pagina-beveiliging .ssh-servers{padding:10px 14px;display:flex;flex-direction:column;gap:7px}.pagina-beveiliging .ssh-srv-card{border-radius:11px;border:1px solid var(--ds-border);overflow:hidden;transition:border-color .2s}.pagina-beveiliging .ssh-srv-card.srv-alarm{border-color:#ef444466}.pagina-beveiliging .ssh-srv-head{display:flex;align-items:center;gap:9px;padding:9px 13px;cursor:pointer;font-size:12px;background:var(--ds-bg);transition:background .12s}.pagina-beveiliging .ssh-srv-head:hover{background:var(--ds-hover)}.pagina-beveiliging .ssh-srv-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pagina-beveiliging .ssh-srv-dot.ok{background:#22c55e;box-shadow:0 0 0 3px #22c55e33;animation:pagina-beveiliging-pulse 2s ease infinite}.pagina-beveiliging .ssh-srv-dot.alarm{background:#ef4444;box-shadow:0 0 0 3px #ef444433;animation:pagina-beveiliging-pulse 1.2s ease infinite}@keyframes pagina-beveiliging-pulse{0%,to{opacity:1}50%{opacity:.35}}.pagina-beveiliging .ssh-srv-name{font-family:ui-monospace,Menlo,monospace;font-weight:800;color:var(--ds-text)}.pagina-beveiliging .ssh-srv-count{font-size:10.5px;color:var(--ds-text-muted)}.pagina-beveiliging .ssh-srv-chev{margin-left:auto;font-size:14px;color:var(--ds-text-muted)}.pagina-beveiliging .ssh-rows{display:flex;flex-direction:column}.pagina-beveiliging .ssh-row{display:grid;grid-template-columns:4px 20px 1fr auto auto auto;align-items:center;gap:10px;padding:8px 13px;font-size:11px;border-top:1px solid var(--ds-border);transition:background .12s}.pagina-beveiliging .ssh-row:hover{background:var(--ds-hover)}.pagina-beveiliging .ssh-row.row-alarm{background:#ef44440a}.pagina-beveiliging .sr-bar{height:100%;min-height:28px;border-radius:2px}.pagina-beveiliging .sr-bar.ok{background:#22c55e}.pagina-beveiliging .sr-bar.alarm{background:#ef4444}.pagina-beveiliging .sr-bar.info{background:#f59e0b}.pagina-beveiliging .sr-ico{font-size:14px;flex-shrink:0}.pagina-beveiliging .ico-ok{color:#22c55e}.pagina-beveiliging .ico-warn{color:#f59e0b}.pagina-beveiliging .ico-alarm{color:#ef4444}.pagina-beveiliging .sr-label{font-weight:700;color:var(--ds-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagina-beveiliging .sr-ip{font-family:ui-monospace,Menlo,monospace;font-size:10px;color:var(--ds-text-muted);white-space:nowrap}.pagina-beveiliging .sr-pid{font-size:10px;color:var(--ds-text-muted);white-space:nowrap}.pagina-beveiliging .sr-kill{padding:2px 9px;border-radius:6px;font-size:10px;font-weight:800;border:1px solid rgba(239,68,68,.4);background:#ef444414;color:#dc2626;cursor:pointer;white-space:nowrap;transition:background .15s,transform .12s}.pagina-beveiliging .sr-kill:hover{background:#ef44442e;transform:scale(1.05)}.pagina-beveiliging .sr-kill.killing{opacity:.6;cursor:wait}.pagina-beveiliging .ssh-empty{display:flex;align-items:center;gap:8px;justify-content:center;padding:20px;font-size:12.5px;color:#16a34a;font-weight:600}.pagina-beveiliging .ssh-empty svg{font-size:18px}.pagina-beveiliging .kill-msg{margin:0 14px 12px;padding:8px 12px;border-radius:9px;font-size:11.5px;background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.25)}.pagina-beveiliging .kill-msg.kill-err{background:#ef44441a;color:#dc2626;border-color:#ef444440}@keyframes pagina-beveiliging-fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.pagina-beveiliging .ssh-row{grid-template-columns:4px 18px 1fr auto auto}.pagina-beveiliging .sr-pid{display:none}}.cve-blok{margin-top:18px}.cve-uitleg{font-size:12.5px;line-height:1.65;color:var(--ds-text-muted);margin:0 0 14px}.cve-stand{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;margin:0 0 12px}.cve-stand .stip{width:8px;height:8px;border-radius:999px;background:var(--ds-text-muted);flex-shrink:0}.cve-stand .stip.bezig{background:#10b981}.cve-fout{color:#b91c1c}.cve-knoppen{display:flex;gap:8px;flex-wrap:wrap}.cve-melding{margin:12px 0 0;font-size:12.5px;color:var(--ds-text)}.cve-log{margin:14px 0 0;padding:13px 15px;border-radius:10px;max-height:260px;overflow:auto;font-size:11.5px;line-height:1.55;background:var(--ds-bg);border:1px solid var(--ds-border);color:var(--ds-text)}.muur{margin-bottom:16px}.muur .card-header h3{display:flex;align-items:center;gap:8px}.muur-lijst{list-style:none;margin:0 0 13px;padding:0;display:flex;flex-direction:column;gap:7px}.muur-lijst li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 13px;border:1px solid var(--ds-border);border-radius:10px;background:var(--ds-bg)}.muur-ip{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.muur-leeg{margin:0 0 13px;font-size:12.5px;color:var(--ds-text-muted)}.muur-invoer{display:flex;gap:9px;flex-wrap:wrap}.muur-invoer .form-input{flex:1;min-width:200px;max-width:300px}.muur-uitleg{margin:11px 0 0;font-size:12px;line-height:1.6;color:var(--ds-text-muted)}.pagina-norm-verkenner .explain{display:flex;gap:11px;align-items:flex-start;padding:13px 15px;border-radius:12px;background:color-mix(in srgb,var(--portal-color) 7%,transparent);border:1px solid color-mix(in srgb,var(--portal-color) 22%,transparent);font-size:12.5px;line-height:1.55;color:var(--ds-text-secondary)}.pagina-norm-verkenner .explain>svg{font-size:22px;color:var(--portal-color);flex-shrink:0;margin-top:1px}.pagina-norm-verkenner .explain strong{color:var(--ds-text)}.pagina-norm-verkenner .explain em{color:var(--portal-color);font-style:normal;font-weight:700}.pagina-norm-verkenner .nv-modes{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;margin-bottom:9px;padding:6px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:999px}.pagina-norm-verkenner .nv-viewbar.seg-bar,.pagina-norm-verkenner .nv-typebar.seg-bar{margin-bottom:0;gap:6px;padding:0;border:none;background:none;border-radius:0;overflow:visible}.pagina-norm-verkenner .nv-viewbar .seg-btn,.pagina-norm-verkenner .nv-typebar .seg-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 18px;border:none;border-radius:999px;font-size:13px;font-weight:600;color:var(--ds-text-2);cursor:pointer;font-family:inherit;white-space:nowrap;position:relative;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1)}.pagina-norm-verkenner .nv-viewbar .seg-btn svg,.pagina-norm-verkenner .nv-typebar .seg-btn svg{font-size:15px}.pagina-norm-verkenner .nv-viewbar .seg-btn:hover,.pagina-norm-verkenner .nv-typebar .seg-btn:hover{background:var(--ds-hover);color:var(--portal-color)}.pagina-norm-verkenner .nv-viewbar .seg-btn.active,.pagina-norm-verkenner .nv-typebar .seg-btn.active{background:var(--portal-color);color:#fff;box-shadow:0 4px 12px -4px var(--portal-color)}.pagina-norm-verkenner .nv-viewbar .seg-btn.active svg,.pagina-norm-verkenner .nv-typebar .seg-btn.active svg{color:#fff}.pagina-norm-verkenner .nv-viewbar .seg-btn.active:before,.pagina-norm-verkenner .nv-typebar .seg-btn.active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.15),transparent)}.pagina-norm-verkenner .seg-n{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 5px;border-radius:9px;background:var(--ds-hover);color:var(--ds-text-secondary);font-size:11px;font-weight:700}.pagina-norm-verkenner .nv-typebar .seg-btn.active .seg-n{background:#ffffff40;color:#fff}.pagina-norm-verkenner .nv-sticky{position:sticky;top:0;z-index:20;background:var(--ds-bg);padding:10px 0 8px;margin:-4px 0 0;border-bottom:1px solid var(--ds-border)}.pagina-norm-verkenner .nv-filters{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.pagina-norm-verkenner .nv-search,.pagina-norm-verkenner .fl,.pagina-norm-verkenner .reset{height:42px;box-sizing:border-box}.pagina-norm-verkenner .nv-search{display:flex;align-items:center;gap:9px;padding:0 18px;border:1px solid var(--ds-border);border-radius:999px;background:var(--ds-card);flex:1;min-width:260px;transition:border-color .15s,box-shadow .15s}.pagina-norm-verkenner .nv-search:focus-within{border-color:var(--portal-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--portal-color) 12%,transparent)}.pagina-norm-verkenner .nv-search>svg{color:var(--ds-text-secondary);font-size:17px;flex-shrink:0}.pagina-norm-verkenner .nv-search input{border:none;background:none;outline:none;font-size:13.5px;color:var(--ds-text);width:100%;font-family:inherit}.pagina-norm-verkenner .nv-search .clr{background:var(--ds-hover);border:none;border-radius:999px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--ds-text-secondary);cursor:pointer;flex-shrink:0}.pagina-norm-verkenner .fl{display:inline-flex;align-items:center;gap:6px;padding:0 8px 0 15px;border:1px solid var(--ds-border);border-radius:999px;background:var(--ds-card);transition:border-color .15s,box-shadow .15s}.pagina-norm-verkenner .fl:focus-within{border-color:var(--portal-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--portal-color) 12%,transparent)}.pagina-norm-verkenner .fl svg{font-size:15px;color:var(--ds-text-secondary);flex-shrink:0}.pagina-norm-verkenner .fl select{border:none;background:none;outline:none;font-size:12.5px;color:var(--ds-text);font-family:inherit;padding:0 18px 0 4px;max-width:230px;cursor:pointer;height:100%}.pagina-norm-verkenner .reset{display:inline-flex;align-items:center;gap:5px;padding:0 17px;border-radius:999px;border:1px solid var(--ds-border);background:var(--ds-hover);color:var(--ds-text-secondary);font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;transition:color .15s,border-color .15s}.pagina-norm-verkenner .reset:hover{color:var(--portal-color);border-color:var(--portal-color)}.pagina-norm-verkenner .legend{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;padding:2px 2px 0;background:none}.pagina-norm-verkenner .lg{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;color:var(--ds-text-muted)}.pagina-norm-verkenner .lg svg{font-size:13px;color:var(--ds-text-muted)}.pagina-norm-verkenner .lg-pill{font-size:10px;font-weight:800;color:var(--portal-color);background:color-mix(in srgb,var(--portal-color) 14%,transparent);padding:2px 6px;border-radius:999px}.pagina-norm-verkenner .lg-badge{font-size:9px;font-weight:800;letter-spacing:.04em;color:var(--portal-color);background:color-mix(in srgb,var(--portal-color) 12%,transparent);padding:2px 6px;border-radius:5px}.pagina-norm-verkenner .lg-badge.live{color:#16a34a;background:#22c55e1f}.pagina-norm-verkenner .result-count{font-size:11.5px;color:var(--ds-text-muted);font-weight:600;flex-shrink:0}.pagina-norm-verkenner .nv-toolbar{display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap}.pagina-norm-verkenner .nv-jump{display:flex;align-items:center;gap:5px;flex-wrap:wrap;flex:1;min-width:0}.pagina-norm-verkenner .nj-lbl{font-size:11px;font-weight:700;color:var(--ds-text-secondary)}.pagina-norm-verkenner .nj-chip{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-secondary);border-radius:var(--ds-radius-sm);font-size:12px;font-weight:800;cursor:pointer;font-family:inherit;transition:all .12s}.pagina-norm-verkenner .nj-chip:hover{border-color:var(--portal-color);color:var(--portal-color);background:color-mix(in srgb,var(--portal-color) 8%,transparent)}.pagina-norm-verkenner .nv-collapse-ctl{display:inline-flex;gap:4px}.pagina-norm-verkenner .nv-collapse-ctl button{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-secondary);border-radius:var(--ds-radius-sm);font-size:11.5px;font-weight:700;cursor:pointer;font-family:inherit}.pagina-norm-verkenner .nv-collapse-ctl button svg{font-size:13px}.pagina-norm-verkenner .nv-collapse-ctl button.on{background:var(--portal-color);color:#fff;border-color:var(--portal-color)}.pagina-norm-verkenner .doc-hint{display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:10px;font-size:12.5px;color:var(--ds-text-secondary);background:color-mix(in srgb,var(--portal-color) 8%,transparent);border:1px solid color-mix(in srgb,var(--portal-color) 22%,transparent)}.pagina-norm-verkenner .doc-hint svg{color:var(--portal-color);font-size:16px}.pagina-norm-verkenner .doc-hint strong{color:var(--ds-text)}.pagina-norm-verkenner .nv-groups{display:flex;flex-direction:column;gap:20px}.pagina-norm-verkenner .nv-gh{display:flex;align-items:center;gap:10px;width:100%;font-size:13px;font-weight:800;color:#fff;padding:9px 14px;border:none;border-radius:10px;cursor:pointer;font-family:inherit;text-align:left;background:linear-gradient(135deg,var(--portal-color),color-mix(in srgb,var(--portal-color) 70%,#000))}.pagina-norm-verkenner .gh-chev{font-size:16px;opacity:.9;flex-shrink:0;transition:transform .18s ease}.pagina-norm-verkenner .nv-gh.collapsed .gh-chev{transform:rotate(-90deg)}.pagina-norm-verkenner .gh-label{display:inline-flex;align-items:center;gap:7px;flex:1;min-width:0}.pagina-norm-verkenner .gh-label svg{font-size:15px;opacity:.9}.pagina-norm-verkenner .gh-count{font-size:11px;font-weight:700;background:#ffffff40;padding:2px 9px;border-radius:999px}.pagina-norm-verkenner .nv-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:10px;margin-top:10px}.pagina-norm-verkenner .nv-row{display:flex;flex-direction:column;gap:9px;padding:13px 14px;border:1px solid var(--ds-border);border-radius:12px;background:var(--ds-card);cursor:pointer;text-align:left;font-family:inherit;transition:border-color .12s,box-shadow .12s,transform .06s}.pagina-norm-verkenner .nv-row:hover{border-color:var(--portal-color);box-shadow:0 3px 14px color-mix(in srgb,var(--portal-color) 16%,transparent)}.pagina-norm-verkenner .nv-row:active{transform:scale(.99)}.pagina-norm-verkenner .nv-top{display:flex;align-items:center;gap:8px}.pagina-norm-verkenner .nv-spacer{flex:1}.pagina-norm-verkenner .nv-id{font-size:11px;font-weight:800;color:var(--portal-color);background:color-mix(in srgb,var(--portal-color) 12%,transparent);padding:4px 9px;border-radius:7px;white-space:nowrap;font-variant-numeric:tabular-nums}.pagina-norm-verkenner .nv-rt{font-size:13.5px;font-weight:700;color:var(--ds-text);line-height:1.4;word-break:normal;overflow-wrap:anywhere}.pagina-norm-verkenner .nv-ok{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;color:#16a34a}.pagina-norm-verkenner .nv-ok svg{font-size:14px}.pagina-norm-verkenner .nv-ok.partial{color:#d97706}.pagina-norm-verkenner .nv-ok.excluded{color:var(--ds-text-muted)}.pagina-norm-verkenner .nv-bw{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:700;color:var(--ds-text-muted);background:var(--ds-hover);border-radius:999px;padding:3px 8px}.pagina-norm-verkenner .nv-bw svg{font-size:12px}.pagina-norm-verkenner .nv-arrow{color:var(--ds-text-muted);font-size:16px}.pagina-norm-verkenner .nv-empty{padding:36px;text-align:center;color:var(--ds-text-secondary)}.pagina-norm-verkenner .nv-empty button{margin-left:6px;border:none;background:none;color:var(--portal-color);font-weight:700;cursor:pointer;text-decoration:underline}.pagina-norm-verkenner .ov{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f1e8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:18px}.pagina-norm-verkenner .sheet{position:relative;background:var(--ds-card);border-radius:18px;width:100%;max-width:720px;max-height:94vh;overflow-y:auto;box-shadow:0 30px 80px #0006;padding:26px 28px}.pagina-norm-verkenner .sheet.split{max-width:1400px;max-height:94vh;padding:0;overflow:hidden;display:flex;align-items:stretch}.pagina-norm-verkenner .pane-left{flex:0 0 44%;max-width:44%;padding:26px 26px 28px;overflow-y:auto;max-height:94vh;background:var(--ds-card)}.pagina-norm-verkenner .sheet.split{background:var(--ds-card)}.pagina-norm-verkenner .pane-right{flex:1;display:flex;flex-direction:column;border-left:1px solid var(--ds-border);background:var(--ds-hover);min-width:0}.pagina-norm-verkenner .pdf-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;height:52px;box-sizing:border-box;padding:0 60px 0 14px;border-bottom:1px solid var(--ds-border);background:var(--ds-card)}.pagina-norm-verkenner .pdf-name{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--ds-text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagina-norm-verkenner .pdf-actions{display:inline-flex;gap:6px;flex-shrink:0}.pagina-norm-verkenner .pdf-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);background:var(--ds-card);color:var(--portal-color);font-size:12px;font-weight:700;cursor:pointer;text-decoration:none;font-family:inherit}.pagina-norm-verkenner .pdf-btn:hover{background:var(--portal-color);color:#fff;border-color:var(--portal-color)}.pagina-norm-verkenner .pdf-btn svg{font-size:15px}.pagina-norm-verkenner .pdf-frame{flex:1;width:100%;border:none;min-height:72vh}.pagina-norm-verkenner .pdf-full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:var(--ds-card);display:flex;flex-direction:column}.pagina-norm-verkenner .pdf-full-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:var(--portal-color);color:#fff;font-size:13px;font-weight:700}.pagina-norm-verkenner .pdf-full-bar span{display:inline-flex;align-items:center;gap:7px}.pagina-norm-verkenner .pdf-full-bar button{display:inline-flex;align-items:center;gap:6px;background:#fff3;border:none;color:#fff;padding:7px 14px;border-radius:var(--ds-radius-sm);font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit}.pagina-norm-verkenner .pdf-full iframe{flex:1;width:100%;border:none}@media (max-width: 900px){.pagina-norm-verkenner .sheet.split{flex-direction:column;max-width:600px}.pagina-norm-verkenner .pane-left{flex:none;max-width:100%;max-height:none}.pagina-norm-verkenner .pane-right{border-left:none;border-top:1px solid var(--ds-border);min-height:60vh}}.pagina-norm-verkenner .dl-pdf{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:12px;border-radius:11px;border:1px solid var(--ds-border);background:var(--ds-hover);color:var(--ds-text);font-size:13px;font-weight:700;text-decoration:none}.pagina-norm-verkenner .dl-pdf svg{font-size:17px;color:var(--portal-color)}.pagina-norm-verkenner .dl-pdf:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-norm-verkenner .nv-edit{width:100%;cursor:pointer;font-family:inherit;margin-top:8px}.pagina-norm-verkenner .nv-editor{margin-top:12px;display:flex;flex-direction:column;gap:8px}.pagina-norm-verkenner .nv-edit-bar{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;font-weight:700;color:var(--ds-text-secondary)}.pagina-norm-verkenner .nv-save-msg{color:#16a34a}.pagina-norm-verkenner .nv-md{width:100%;min-height:240px;resize:vertical;border:1px solid var(--ds-border);border-radius:10px;padding:11px 12px;font-family:SF Mono,Consolas,monospace;font-size:11.5px;line-height:1.5;color:var(--ds-text);background:var(--ds-card);box-sizing:border-box}.pagina-norm-verkenner .nv-md-sm{min-height:90px;font-family:inherit;font-size:13px;margin-bottom:12px}.pagina-norm-verkenner .nv-edit-bar svg{font-size:13px;vertical-align:-2px;margin-right:3px}.pagina-norm-verkenner .nv-edit-foot{display:flex;justify-content:flex-end;gap:8px}.pagina-norm-verkenner .nv-btn{padding:8px 14px;border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit}.pagina-norm-verkenner .nv-btn.primary{background:var(--portal-color);color:#fff;border-color:var(--portal-color)}.pagina-norm-verkenner .nv-btn:disabled{opacity:.6;cursor:default}.pagina-norm-verkenner .x{position:absolute;top:9px;right:12px;background:color-mix(in srgb,var(--portal-color) 12%,transparent);border:none;width:34px;height:34px;border-radius:999px;color:var(--portal-color);cursor:pointer;display:grid;place-items:center;padding:0;margin:0;line-height:1;z-index:5}.pagina-norm-verkenner .x svg{font-size:22px;width:22px;height:22px}.pagina-norm-verkenner .x:hover{background:var(--portal-color);color:#fff}.pagina-norm-verkenner .sheet-head{padding-right:40px;margin-bottom:16px}.pagina-norm-verkenner .sh-meta{display:flex;align-items:center;gap:9px;margin-bottom:8px;flex-wrap:wrap}.pagina-norm-verkenner .sh-id{font-size:12px;font-weight:800;color:#fff;background:var(--portal-color);padding:4px 10px;border-radius:8px;font-variant-numeric:tabular-nums}.pagina-norm-verkenner .sh-status{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#16a34a;background:#22c55e1f;padding:4px 9px;border-radius:8px}.pagina-norm-verkenner .sh-status svg{font-size:14px}.pagina-norm-verkenner .sh-t{margin:0 0 8px;font-size:18px;font-weight:800;color:var(--ds-text);line-height:1.3;letter-spacing:-.01em}.pagina-norm-verkenner .sh-topic{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--ds-text-muted)}.pagina-norm-verkenner .sh-topic svg{font-size:13px}.pagina-norm-verkenner .seg{display:flex;gap:4px;background:var(--ds-hover);border-radius:11px;padding:4px}.pagina-norm-verkenner .seg button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 8px;border:none;border-radius:var(--ds-radius-sm);background:none;color:var(--ds-text-secondary);font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s}.pagina-norm-verkenner .seg button svg{font-size:15px}.pagina-norm-verkenner .seg button.on{background:var(--ds-card);color:var(--portal-color);box-shadow:0 1px 4px #0000001f}.pagina-norm-verkenner .swp{overflow:hidden;margin-top:14px}.pagina-norm-verkenner .track{display:flex;transition:transform .32s cubic-bezier(.4,0,.2,1);align-items:stretch}.pagina-norm-verkenner .nv-card{min-width:100%;box-sizing:border-box;background:var(--ds-card)}.pagina-norm-verkenner .nv-card p{margin:0;font-size:14.5px;line-height:1.65;color:var(--ds-text);min-height:132px}.pagina-norm-verkenner .swipe-hint{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10.5px;color:var(--ds-text-muted);padding:8px 0 2px}.pagina-norm-verkenner .swipe-hint svg{font-size:13px}.pagina-norm-verkenner .bewijs{margin-top:14px;border-top:1px solid var(--ds-border);padding-top:16px}.pagina-norm-verkenner .bewijs-btn.open{background:var(--portal-color);color:#fff}.pagina-norm-verkenner .btag{display:inline-block;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--portal-color);background:color-mix(in srgb,var(--portal-color) 12%,transparent);padding:3px 8px;border-radius:6px}.pagina-norm-verkenner .btag.live{color:#16a34a;background:#22c55e1f}.pagina-norm-verkenner .seg.seg3 button{padding:9px 4px;font-size:11.5px}.pagina-norm-verkenner .bewijs-card{display:flex;flex-direction:column;gap:8px}.pagina-norm-verkenner .bv-intro{font-size:11.5px;color:var(--ds-text-muted);margin:0 0 2px}.pagina-norm-verkenner .bv-list{display:flex;flex-direction:column;gap:7px}.pagina-norm-verkenner .bv-item{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid var(--ds-border);border-radius:10px;background:var(--ds-card)}.pagina-norm-verkenner .bv-item.active{border-color:var(--portal-color);background:color-mix(in srgb,var(--portal-color) 7%,transparent)}.pagina-norm-verkenner .bv-label{flex:1;min-width:0;font-size:12px;color:var(--ds-text);line-height:1.35}.pagina-norm-verkenner .bv-open{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;padding:6px 11px;border:none;border-radius:8px;background:var(--portal-color);color:#fff;font-size:11.5px;font-weight:700;cursor:pointer;font-family:inherit;text-decoration:none}.pagina-norm-verkenner .bv-open svg{font-size:14px}.pagina-norm-verkenner .bv-open:hover{opacity:.9}.pagina-norm-verkenner .bl{font-size:13px;font-weight:600;color:var(--ds-text);margin:9px 0 12px;word-break:break-word;line-height:1.45}@media (max-width: 640px){.pagina-norm-verkenner .nv-jump{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}.pagina-norm-verkenner .nv-jump::-webkit-scrollbar{display:none}.pagina-norm-verkenner .nv-jump>*{flex:0 0 auto;white-space:nowrap}}.pagina-vvt .vvt-actions{display:flex;align-items:center;gap:14px;margin-bottom:12px}.pagina-vvt .vvt-actions .dl{background:var(--portal-color);color:#fff;border:none;border-radius:8px;padding:8px 14px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;white-space:nowrap}.pagina-vvt .vvt-count{color:var(--ds-text-muted);font-size:13px}.pagina-vvt .vvt-doc{background:var(--ds-card);color:var(--ds-text);padding:24px;border-radius:8px;overflow-x:auto}.pagina-vvt .vvt-titel{margin-bottom:18px;font-size:13px;line-height:1.5}.pagina-vvt .vvt-titel .vvt-sub{color:var(--ds-text-muted)}.pagina-vvt .vvt-table{border-collapse:collapse;width:100%;font-size:10.5px;color:var(--ds-text);table-layout:fixed}.pagina-vvt .vvt-table th,.pagina-vvt .vvt-table td{border:1px solid var(--ds-border-strong);padding:4px 6px;vertical-align:top;text-align:left;word-wrap:break-word}.pagina-vvt .vvt-strip th{height:7px;padding:0;border:none}.pagina-vvt .vvt-strip .s-red{background:#c0392b}.pagina-vvt .vvt-strip .s-green{background:#27ae60}.pagina-vvt .vvt-strip .s-blue{background:#2e6da4}.pagina-vvt .vvt-strip .s-none{background:transparent}.pagina-vvt .vvt-head th{background:var(--ds-card);font-weight:700;font-size:10px;line-height:1.25;border-top:none}.pagina-vvt .vvt-group td{background:var(--ds-hover);font-weight:700}.pagina-vvt .vvt-row .c-nr{font-weight:600;white-space:nowrap}.pagina-vvt .vvt-row .c-naam{font-weight:400}.pagina-vvt .vvt-row .c-bm{color:var(--ds-text-2)}.pagina-vvt .vvt-row .c-ja{text-align:center;font-weight:700;color:#1a7a3a}.pagina-vvt .vvt-row .c-ja.nee{color:#b00}.pagina-vvt .vvt-row .c-x{text-align:center;font-size:13px}.pagina-vvt .vvt-row .c-x{line-height:1;color:var(--ds-text)}@media (max-width: 900px){.pagina-vvt .vvt-doc{overflow-x:auto;-webkit-overflow-scrolling:touch}.pagina-vvt .vvt-table{table-layout:auto;width:auto;min-width:1120px}.pagina-vvt .vvt-table thead th{white-space:nowrap}}.pagina-monitoring .mon{padding:16px;display:flex;flex-direction:column;gap:16px}.pagina-monitoring .mon .card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;padding:18px}.pagina-monitoring .mon h2{margin:0 0 4px;font-size:18px}.pagina-monitoring .mon h3{margin:14px 0 8px;font-size:13px;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.04em}.pagina-monitoring .mon .sub{color:var(--ds-text-muted);font-size:12.5px;margin:0 0 12px}.pagina-monitoring .stats{display:flex;gap:12px;flex-wrap:wrap}.pagina-monitoring .stat{background:var(--ds-hover);border-radius:10px;padding:12px 16px;min-width:120px}.pagina-monitoring .stat .n{font-size:24px;font-weight:800}.pagina-monitoring .stat .l{font-size:11.5px;color:var(--ds-text-muted)}.pagina-monitoring .stat.danger .n{color:#dc2626}.pagina-monitoring .cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:8px}@media (max-width: 800px){.pagina-monitoring .cols{grid-template-columns:1fr}}.pagina-monitoring .bar{display:grid;grid-template-columns:90px 1fr 54px;align-items:center;gap:8px;margin:4px 0;font-size:12.5px}.pagina-monitoring .bar-lbl{white-space:nowrap}.pagina-monitoring .bar-lbl.dom{font-size:11px;overflow:hidden;text-overflow:ellipsis}.pagina-monitoring .bar-lbl.ok{color:#16a34a;font-weight:700}.pagina-monitoring .bar-fill{height:14px;background:#dc2626;border-radius:4px;min-width:2px}.pagina-monitoring .bar-fill.blue{background:var(--portal-color)}.pagina-monitoring .bar-val{text-align:right;font-variant-numeric:tabular-nums}.pagina-monitoring .tbl{width:100%;border-collapse:collapse;font-size:12.5px}.pagina-monitoring .tbl th{text-align:left;color:var(--ds-text-muted);font-weight:600;padding:4px 6px;border-bottom:1px solid var(--ds-border)}.pagina-monitoring .tbl td{padding:4px 6px;border-bottom:1px solid var(--ds-border)}.pagina-monitoring .tbl td.mono{font-family:ui-monospace,Menlo,monospace;font-size:11.5px}.pagina-monitoring .tbl td.ok{color:#16a34a;font-weight:600}.pagina-monitoring .srv{margin-top:12px;display:flex;gap:6px;flex-wrap:wrap}.pagina-monitoring .chip.off{color:#dc2626}.pagina-monitoring .warn{background:#fffbeb;border:1px solid #fde68a;color:#92400e;padding:9px 12px;border-radius:8px;font-size:12.5px;margin:4px 0 8px}.pagina-monitoring .foot{color:var(--ds-text-muted)}.pagina-monitoring .warn{background:var(--ds-warning-bg);border-color:var(--ds-warning);color:var(--ds-warning)}.pagina-monitoring .mon{padding:0}.pagina-monitoring .tbl thead th{background:transparent}.pagina-scope .lead{margin:0;font-size:15px;line-height:1.6;color:var(--ds-text-2)}.pagina-scope .tag-row{display:flex;flex-wrap:wrap;gap:8px}.pagina-scope .tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;background:color-mix(in srgb,var(--portal-color) 12%,transparent);color:var(--portal-color)}.pagina-scope .tag svg{font-size:15px}.pagina-scope .clean-list{margin:0;padding-left:18px;line-height:1.8;color:var(--ds-text-2)}.pagina-scope .verant{display:flex;flex-direction:column;gap:8px;font-size:13px}.pagina-scope .verant svg{vertical-align:middle;margin-right:4px;color:var(--portal-color)}.pagina-pdca .sub-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:0 0 16px}.pagina-pdca .sub-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;color:var(--ds-text-2);font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 1px 2px #0000000a;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden}.pagina-pdca .sub-tab svg{font-size:18px;color:var(--ds-text-muted)}.pagina-pdca .sub-tab:hover{transform:translateY(-2px);box-shadow:0 6px 18px -8px #0000002e;border-color:var(--portal-color);color:var(--portal-color)}.pagina-pdca .sub-tab:hover svg{color:var(--portal-color)}.pagina-pdca .sub-tab.active{background:var(--portal-color);border-color:var(--portal-color);color:#fff;box-shadow:0 6px 16px -6px var(--portal-color)}.pagina-pdca .sub-tab.active svg{color:#fff}@media (max-width: 480px){.pagina-pdca .sub-tabs{grid-template-columns:repeat(2,1fr);gap:8px}.pagina-pdca .sub-tab{padding:12px;font-size:12px}}.pagina-pdca .tab-section{display:flex;flex-direction:column;gap:20px}.pagina-pdca .meta-pill{background:#eef2ff;color:#4338ca;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.pagina-pdca .meta-pill.subtle{background:var(--ds-hover);color:var(--ds-text-2)}.pagina-pdca .live-topbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pagina-pdca .iso-ref{font-size:.8rem;color:var(--cdt-text-secondary, var(--ds-text-muted))}.pagina-pdca .btn-play{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border:1px solid color-mix(in srgb,var(--portal-color) 40%,transparent);border-radius:999px;background:color-mix(in srgb,var(--portal-color) 8%,transparent);color:#6366f1;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s ease}.pagina-pdca .btn-play:hover{background:color-mix(in srgb,var(--portal-color) 18%,transparent)}.pagina-pdca .btn-play.is-running{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent}.pagina-pdca .pdca-wrapper{display:flex;justify-content:center;align-items:center;padding:1.5rem 0 2rem}.pagina-pdca .pdca-ring{position:relative;width:min(480px,80vw);aspect-ratio:1 / 1;border-radius:50%;transform:rotate(var(--rotation, 0deg));transition:transform 1.2s cubic-bezier(.4,0,.2,1)}.pagina-pdca .ring-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from -45deg,#3b82f6,#3b82f6 90deg,#f59e0b 90deg,#f59e0b 180deg,#10b981 180deg,#10b981 270deg,#ef4444 270deg,#ef4444 360deg);opacity:.1;filter:blur(2px)}.pagina-pdca .ring-bg.is-spinning{animation:pagina-pdca-ring-spin 24s linear infinite}@keyframes pagina-pdca-ring-spin{to{transform:rotate(360deg)}}.pagina-pdca .phase-sector{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:conic-gradient(from var(--angle-start, 0deg),var(--phase-color, transparent) 0deg,var(--phase-color, transparent) calc(var(--angle-end) - var(--angle-start)),transparent calc(var(--angle-end) - var(--angle-start)));opacity:.18;transition:opacity .4s ease,transform .4s ease}.pagina-pdca .phase-sector.is-active{opacity:.55;filter:drop-shadow(0 0 18px var(--phase-color));animation:pagina-pdca-phase-pulse 2.4s ease-in-out infinite}@keyframes pagina-pdca-phase-pulse{0%,to{opacity:.5}50%{opacity:.85}}.pagina-pdca .phase-label{position:absolute;top:50%;left:50%;transform-origin:0 0;pointer-events:auto;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .6rem;border-radius:.7rem;background:#ffffffeb;color:var(--phase-color);box-shadow:0 4px 12px #00000014;transition:all .2s ease}.pagina-pdca .phase-sector:hover .phase-label{transform:translate(-50%,-50%) scale(1.08)}.pagina-pdca .phase-sector:nth-child(2) .phase-label{top:16%;left:50%;transform:translate(-50%,-50%)}.pagina-pdca .phase-sector:nth-child(3) .phase-label{top:50%;left:84%;transform:translate(-50%,-50%)}.pagina-pdca .phase-sector:nth-child(4) .phase-label{top:84%;left:50%;transform:translate(-50%,-50%)}.pagina-pdca .phase-sector:nth-child(5) .phase-label{top:50%;left:16%;transform:translate(-50%,-50%)}.pagina-pdca .phase-sector.is-active .phase-label{transform:translate(-50%,-50%) scale(1.12);box-shadow:0 6px 22px #0000002e}.pagina-pdca .phase-name{font-weight:700;font-size:.9rem}.pagina-pdca .phase-count{font-size:1.5rem;font-weight:800;line-height:1}.pagina-pdca .phase-label svg{font-size:1.1rem}.pagina-pdca .ring-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(calc(var(--rotation, 0deg) * -1));width:42%;aspect-ratio:1/1;border-radius:50%;background:radial-gradient(circle,#fffffffa 60%,#ffffffb3);box-shadow:0 6px 24px #0000001f,inset 0 0 0 4px var(--phase-color, #6366f1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;text-align:center;transition:box-shadow .5s ease}.pagina-pdca .center-label{font-size:.85rem;font-weight:700;letter-spacing:.12em;color:var(--phase-color, #6366f1)}.pagina-pdca .center-subtitle{font-size:.7rem;color:var(--cdt-text-secondary, var(--ds-text-muted));text-transform:uppercase;letter-spacing:.05em}.pagina-pdca .center-bignum{font-size:2.6rem;font-weight:800;line-height:1;color:var(--phase-color, #6366f1);font-variant-numeric:tabular-nums}.pagina-pdca .center-unit{font-size:.7rem;color:var(--cdt-text-secondary, var(--ds-text-muted));text-transform:uppercase;letter-spacing:.08em}.pagina-pdca .outer-pulse{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:2px solid var(--phase-color, #6366f1);opacity:0;pointer-events:none}.pagina-pdca .outer-pulse.is-active{animation:pagina-pdca-outer-pulse 3s ease-out infinite}@keyframes pagina-pdca-outer-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}.pagina-pdca .phase-detail{background:var(--cdt-bg-elevated, var(--ds-card));border-radius:16px;padding:1.5rem;border-left:4px solid var(--phase-color, #6366f1);box-shadow:0 2px 8px #0000000d;margin-bottom:1.5rem;transition:border-color .4s ease}.pagina-pdca .detail-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.pagina-pdca .detail-header svg{font-size:1.8rem;color:var(--phase-color)}.pagina-pdca .detail-title{font-size:1.15rem;font-weight:700}.pagina-pdca .detail-iso{font-size:.75rem;color:var(--cdt-text-secondary, var(--ds-text-muted));letter-spacing:.04em}.pagina-pdca .detail-desc{margin:0 0 1rem;font-size:.92rem;color:var(--cdt-text-secondary, #4b5563);line-height:1.55}.pagina-pdca .stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1.25rem}.pagina-pdca .stat-card:hover{transform:translateY(-2px)}.pagina-pdca .stat-hint{margin-top:.15rem;font-size:.72rem;color:var(--cdt-text-secondary, var(--ds-text-muted))}.pagina-pdca .activity-title{margin:1.2rem 0 .6rem;font-size:.95rem;font-weight:700}.pagina-pdca .activity-list{display:flex;flex-direction:column;gap:.4rem}.pagina-pdca .activity-row{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:.6rem;padding:.6rem .75rem;background:#00000006;border-radius:8px;border-left:2px solid var(--phase-color);transition:background .15s ease,transform .15s ease;animation:pagina-pdca-slide-in .4s ease both}.pagina-pdca .activity-row:hover{transform:translate(2px);background:color-mix(in srgb,var(--portal-color) 6%,transparent)}@keyframes pagina-pdca-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.pagina-pdca .activity-date{font-size:.75rem;color:var(--cdt-text-secondary, var(--ds-text-muted));font-variant-numeric:tabular-nums}.pagina-pdca .activity-label{display:flex;align-items:center;gap:.5rem;font-size:.88rem;font-weight:600}.pagina-pdca .activity-detail{font-size:.78rem;color:var(--cdt-text-secondary, var(--ds-text-muted));margin-top:.15rem}.pagina-pdca .activity-iso{font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--portal-color) 12%,transparent);color:#6366f1}.pagina-pdca .badge[data-type=security]{background:#ef444426;color:#ef4444}.pagina-pdca .badge[data-type=fix]{background:#f59e0b26;color:#d97706}.pagina-pdca .badge[data-type=feature]{background:#3b82f626;color:#2563eb}.pagina-pdca .badge[data-type=docs]{background:color-mix(in srgb,var(--portal-color) 15%,transparent);color:#6366f1}.pagina-pdca .badge[data-type=config]{background:#10b98126;color:#059669}.pagina-pdca .badge[data-type=deploy]{background:#a855f726;color:#7c3aed}.pagina-pdca .badge[data-type=refactor]{background:color-mix(in srgb,var(--ds-text-muted) 15%,transparent);color:#4b5563}.pagina-pdca .activity-empty{padding:1rem;text-align:center;color:var(--cdt-text-secondary, var(--ds-text-muted));font-size:.85rem}.pagina-pdca .pdca-summary h3{margin:0 0 .85rem;font-size:1rem;font-weight:700}.pagina-pdca .summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.85rem}.pagina-pdca .summary-tile{position:relative;padding:1rem;border-radius:12px;background:var(--cdt-bg-elevated, var(--ds-card));border:1px solid rgba(0,0,0,.06);cursor:pointer;transition:all .25s ease;overflow:hidden}.pagina-pdca .summary-tile:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--phase-color)}.pagina-pdca .summary-tile:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.pagina-pdca .summary-tile.is-active{box-shadow:0 0 0 2px var(--phase-color),0 8px 24px #0000001a}.pagina-pdca .tile-head{display:flex;align-items:center;gap:.55rem;margin-bottom:.65rem}.pagina-pdca .tile-head svg{font-size:1.4rem;color:var(--phase-color)}.pagina-pdca .tile-label{font-weight:700;font-size:.95rem}.pagina-pdca .tile-sub{font-size:.72rem;color:var(--cdt-text-secondary, var(--ds-text-muted))}.pagina-pdca .tile-num{font-size:2.1rem;font-weight:800;line-height:1;color:var(--phase-color);font-variant-numeric:tabular-nums}.pagina-pdca .tile-foot{margin-top:.25rem;font-size:.72rem;color:var(--cdt-text-secondary, var(--ds-text-muted));text-transform:uppercase;letter-spacing:.05em}@media (max-width: 600px){.pagina-pdca .pdca-ring{width:min(92vw,100%)}.pagina-pdca .center-bignum{font-size:2rem}.pagina-pdca .phase-name{font-size:.75rem}.pagina-pdca .phase-count{font-size:1.2rem}}.pagina-pdca .hero{position:relative;overflow:hidden;border-radius:22px;padding:44px 44px 36px;background:linear-gradient(135deg,#eef2ff,#e0e7ff 45%,#f5f3ff);border:1px solid #c7d2fe;box-shadow:0 6px 20px color-mix(in srgb,var(--portal-color) 10%,transparent)}.pagina-pdca .hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--portal-color) 20%,transparent) 0,transparent 38%),radial-gradient(circle at 88% 82%,rgba(167,139,250,.22) 0,transparent 42%)}.pagina-pdca .hero-inner{position:relative;z-index:1}.pagina-pdca .hero-eyebrow{display:inline-flex;align-items:center;gap:6px;background:#ffffffb3;color:#4338ca;padding:6px 14px;border-radius:999px;font-size:12.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;border:1px solid color-mix(in srgb,var(--portal-color) 25%,transparent)}.pagina-pdca .hero-eyebrow svg{font-size:14px}.pagina-pdca .hero-title{margin:16px 0 6px;font-size:34px;font-weight:800;color:#1e1b4b;line-height:1.15;letter-spacing:-.5px}.pagina-pdca .hero-sub{margin:0;font-size:17px;font-weight:500;color:#4338ca}.pagina-pdca .hero-quote{position:relative;margin:26px 0 24px;padding:18px 22px 18px 56px;background:#ffffffbf;border-left:4px solid #6366f1;border-radius:10px;font-size:16px;font-style:italic;color:#1e1b4b;line-height:1.55;box-shadow:0 2px 8px color-mix(in srgb,var(--portal-color) 8%,transparent)}.pagina-pdca .quote-mark{position:absolute;left:18px;top:18px;font-size:24px;color:#6366f1;font-style:normal}.pagina-pdca .kpi-row{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.pagina-pdca .kpi-pill{display:flex;align-items:center;gap:12px;padding:12px 16px;border:2px solid;border-radius:14px;background:#ffffffd9;box-shadow:0 1px 3px #0f172a0f}.pagina-pdca .kpi-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.pagina-pdca .kpi-meta{display:flex;flex-direction:column;line-height:1.2}.pagina-pdca .kpi-label{font-size:12px;font-weight:600;color:var(--ds-text-2);text-transform:uppercase;letter-spacing:.5px}.pagina-pdca .kpi-count{font-size:26px;font-weight:800;animation:pagina-pdca-count-pop .5s ease-out}@keyframes pagina-pdca-count-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.pagina-pdca .diagram-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:18px;padding:22px 24px;box-shadow:0 1px 2px #0f172a0a}.pagina-pdca .diagram-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:16px}.pagina-pdca .diagram-title{display:flex;gap:12px;align-items:flex-start}.pagina-pdca .diagram-title svg{font-size:28px;color:#6366f1;margin-top:2px}.pagina-pdca .diagram-title h2{margin:0;font-size:18px;font-weight:700;color:var(--ds-text)}.pagina-pdca .diagram-title p{margin:4px 0 0;font-size:13px;color:var(--ds-text-muted)}.pagina-pdca .diagram-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pagina-pdca .ctrl-btn{display:inline-flex;align-items:center;gap:6px;background:#6366f1;color:#fff;border:none;padding:8px 14px;border-radius:var(--ds-radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease}.pagina-pdca .ctrl-btn:hover{background:#4f46e5}.pagina-pdca .ctrl-btn.subtle{background:var(--ds-hover);color:var(--ds-text-2)}.pagina-pdca .ctrl-btn.subtle:hover{background:var(--ds-border)}.pagina-pdca .ctrl-btn svg{font-size:16px}.pagina-pdca .speed-control{display:inline-flex;align-items:center;gap:8px;background:var(--ds-bg);border:1px solid var(--ds-border);padding:6px 12px;border-radius:8px;font-size:12.5px;color:var(--ds-text-2)}.pagina-pdca .speed-control svg{font-size:16px;color:#6366f1}.pagina-pdca .speed-control input[type=range]{width:110px;accent-color:#6366f1}.pagina-pdca .speed-val{font-weight:700;color:#4338ca;min-width:38px;text-align:right}.pagina-pdca .diagram-wrap{display:flex;justify-content:center;width:100%;--anim-duration: 60s;--anim-duration-inner: 20s}.pagina-pdca .pdca-svg{width:100%;max-width:820px;height:auto;display:block}.pagina-pdca .ring-rotating{transform-origin:500px 500px}.pagina-pdca .ring-outer-anim{animation:pagina-pdca-rotate-cw var(--anim-duration) linear infinite}.pagina-pdca .ring-inner-anim{animation:pagina-pdca-rotate-ccw var(--anim-duration-inner) linear infinite}.pagina-pdca .diagram-wrap.paused .ring-outer-anim,.pagina-pdca .diagram-wrap.paused .ring-inner-anim{animation-play-state:paused}@keyframes pagina-pdca-rotate-cw{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pagina-pdca-rotate-ccw{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@media (prefers-reduced-motion: reduce){.pagina-pdca .ring-outer-anim,.pagina-pdca .ring-inner-anim{animation:none}}.pagina-pdca .orbit-dot.outer-dot{fill:#6366f1;opacity:.65}.pagina-pdca .orbit-dot.inner-dot{fill:#a78bfa;opacity:.8}.pagina-pdca .arrow-fill{fill:var(--ds-text-muted)}.pagina-pdca .arrow-fill-return{fill:var(--ds-text-subtle)}.pagina-pdca .arc-arrow{stroke:var(--ds-text-muted);stroke-width:2}.pagina-pdca .arc-arrow-return{stroke:var(--ds-text-subtle);stroke-width:1.6;stroke-dasharray:5 4}.pagina-pdca .phase-group{cursor:pointer;transition:transform .18s ease}.pagina-pdca .phase-group:hover{transform:scale(1.02)}.pagina-pdca .phase-group:focus{outline:none}.pagina-pdca .phase-rect{fill:var(--ds-bg);stroke:var(--ds-border);stroke-width:2;transition:fill .2s ease,stroke .2s ease,stroke-width .2s ease}.pagina-pdca .phase-subblock{fill:var(--ds-hover);stroke:var(--ds-border);stroke-width:1.4}.pagina-pdca .phase-title{font-size:26px;font-weight:800;fill:var(--ds-text);letter-spacing:1.5px}.pagina-pdca .phase-sub{font-size:14px;fill:var(--ds-text-2);font-weight:500}.pagina-pdca .phase-subtext{font-size:12.5px;fill:var(--ds-text-2)}.pagina-pdca .phase-group.active .phase-rect.phase-plan{fill:#3b82f633;stroke:#3b82f6;stroke-width:3}.pagina-pdca .phase-group.active .phase-rect.phase-do{fill:#f59e0b33;stroke:#f59e0b;stroke-width:3}.pagina-pdca .phase-group.active .phase-rect.phase-check{fill:#10b98133;stroke:#10b981;stroke-width:3}.pagina-pdca .phase-group.active .phase-rect.phase-act{fill:#ef444433;stroke:#ef4444;stroke-width:3}.pagina-pdca .arc-label{font-size:14px;fill:var(--ds-text-2);font-weight:600}.pagina-pdca .arc-label-small{font-size:11px;fill:var(--ds-text-muted);font-weight:500}.pagina-pdca .inner-label{font-size:15px;fill:#4338ca;font-weight:700}.pagina-pdca .inner-label-sm{font-size:12px;fill:#4338ca;font-weight:600}.pagina-pdca .inner-sub{font-size:11px;fill:var(--ds-text-muted);font-style:italic}.pagina-pdca .inner-tile{fill:var(--ds-card);stroke-width:1.5}.pagina-pdca .inner-tile.plan-tile{stroke:#3b82f6}.pagina-pdca .inner-tile.do-tile{stroke:#f59e0b}.pagina-pdca .inner-tile.check-tile{stroke:#10b981}.pagina-pdca .inner-tile.act-tile{stroke:#ef4444}.pagina-pdca .inner-tile-text{font-size:11px;font-weight:600;fill:var(--ds-text-2)}.pagina-pdca .legend{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px dashed var(--ds-border)}.pagina-pdca .legend-item{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--ds-card);border:2px solid var(--ds-border);border-radius:999px;font-size:13px;font-weight:700;color:var(--ds-text-2);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.pagina-pdca .legend-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0f172a14}.pagina-pdca .legend-item.active{background:var(--ds-bg)}.pagina-pdca .legend-item i{display:inline-block;width:12px;height:12px;border-radius:3px}.pagina-pdca .detail-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;padding:18px 20px}.pagina-pdca .detail-head{display:flex;gap:16px;align-items:center;padding:14px 18px;border-left:6px solid #6366f1;border-radius:10px}.pagina-pdca .detail-head-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.pagina-pdca .detail-head-icon svg{font-size:24px}.pagina-pdca .detail-head h3{margin:0 0 4px;font-size:18px;font-weight:700;color:var(--ds-text)}.pagina-pdca .detail-sub{font-weight:500;color:var(--ds-text-2);font-size:15px}.pagina-pdca .detail-summary{margin:0;font-size:13.5px;color:var(--ds-text-muted)}.pagina-pdca .phase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:18px}.pagina-pdca .phase-card{background:var(--ds-card);border:1px solid var(--ds-border);border-top:4px solid var(--ds-border);border-radius:16px;padding:22px;box-shadow:0 1px 3px #0f172a0d;display:flex;flex-direction:column;gap:16px;transition:transform .18s ease,box-shadow .18s ease}.pagina-pdca .phase-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0f172a1a}.pagina-pdca .phase-card.active{box-shadow:0 8px 28px color-mix(in srgb,var(--portal-color) 18%,transparent)}.pagina-pdca .pc-head{display:flex;gap:14px;align-items:center}.pagina-pdca .pc-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.pagina-pdca .pc-icon svg{font-size:24px}.pagina-pdca .pc-titles h3{margin:0;font-size:18px;font-weight:800;color:var(--ds-text);letter-spacing:.5px}.pagina-pdca .pc-titles p{margin:2px 0 0;font-size:13px;color:var(--ds-text-muted)}.pagina-pdca .pc-section h4{margin:0 0 8px;font-size:11.5px;font-weight:700;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.8px}.pagina-pdca .pc-clauses{display:flex;flex-wrap:wrap;gap:6px}.pagina-pdca .pc-chip{padding:4px 10px;border-radius:999px;border:1.5px solid;background:var(--ds-card);font-size:12px;font-weight:600}.pagina-pdca .pc-tasks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.pagina-pdca .pc-tasks li{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:var(--ds-text-2);line-height:1.45}.pagina-pdca .pc-tasks svg{font-size:16px;margin-top:2px;flex-shrink:0}.pagina-pdca .pc-docs{display:flex;flex-wrap:wrap;gap:6px}.pagina-pdca .pc-doc-chip{display:inline-flex;align-items:center;gap:6px;background:var(--ds-hover);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);padding:5px 10px;font-size:12px;color:var(--ds-text-2);text-decoration:none;transition:background .15s ease}.pagina-pdca .pc-doc-chip:hover{background:var(--ds-border)}.pagina-pdca .pc-doc-chip svg{font-size:13px;color:var(--ds-text-muted)}.pagina-pdca .pc-doc-chip code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}.pagina-pdca .pc-cta{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.pagina-pdca .pc-btn{display:inline-flex;align-items:center;gap:6px;background:#6366f1;color:#fff;padding:8px 14px;border-radius:var(--ds-radius-sm);font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s ease,background .15s ease}.pagina-pdca .pc-btn:hover{opacity:.9}.pagina-pdca .pc-btn.ghost{background:transparent;border:1.5px solid;color:#6366f1}.pagina-pdca .pc-btn svg{font-size:15px}.pagina-pdca .context-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:16px;padding:24px}.pagina-pdca .ctx-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.pagina-pdca .ctx-head svg{font-size:26px;color:#6366f1;margin-top:2px}.pagina-pdca .ctx-head h2{margin:0;font-size:18px;font-weight:700;color:var(--ds-text)}.pagina-pdca .ctx-head p{margin:2px 0 0;font-size:13px;color:var(--ds-text-muted)}.pagina-pdca .ctx-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.pagina-pdca .ctx-list li{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;background:var(--ds-bg);border-left:4px solid #6366f1;border-radius:10px}.pagina-pdca .ctx-n{flex-shrink:0;width:32px;height:32px;background:#6366f1;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}.pagina-pdca .ctx-body{display:flex;flex-direction:column;gap:4px}.pagina-pdca .ctx-q{margin:0;font-size:14px;font-weight:600;color:var(--ds-text);line-height:1.4}.pagina-pdca .ctx-a{margin:4px 0 0;display:flex;gap:6px;align-items:flex-start;font-size:13px;color:var(--ds-text-2);line-height:1.45}.pagina-pdca .ctx-a svg{font-size:15px;color:#10b981;margin-top:2px;flex-shrink:0}.pagina-pdca .ctx-link{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;font-size:12px;font-weight:600;color:#4338ca;text-decoration:none;margin-top:2px}.pagina-pdca .ctx-link:hover{text-decoration:underline}.pagina-pdca .ctx-link svg{font-size:13px}.pagina-pdca .prose-block{color:var(--ds-text-2);font-size:14px;line-height:1.6}.pagina-pdca .prose-block p{margin:6px 0 10px}.pagina-pdca .prose-block code{background:var(--ds-hover);padding:1px 5px;border-radius:4px;font-size:12.5px}.pagina-pdca .acc-callout{display:flex;gap:10px;align-items:flex-start;background:#ef444414;border-left:4px solid #ef4444;padding:12px 14px;border-radius:8px;color:#7f1d1d}.pagina-pdca .acc-callout svg{font-size:20px;color:#ef4444;flex-shrink:0}.pagina-pdca .acc-list{list-style:none;padding:0;margin:8px 0 4px;display:flex;flex-direction:column;gap:10px}.pagina-pdca .acc-list li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;background:var(--ds-bg);border-radius:8px}.pagina-pdca .acc-list svg{font-size:18px;color:#6366f1;flex-shrink:0;margin-top:2px}.pagina-pdca .acc-audit-list{list-style:none;padding:0;margin:10px 0;display:flex;flex-direction:column;gap:8px}.pagina-pdca .acc-audit-list li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;background:var(--ds-bg);border-radius:8px}.pagina-pdca .acc-audit-list svg{font-size:18px;flex-shrink:0;margin-top:2px}.pagina-pdca .acc-audit-list svg.ok{color:#10b981}.pagina-pdca .acc-audit-list svg.planned{color:#6366f1}.pagina-pdca .acc-audit-list svg.warn{color:#f59e0b}.pagina-pdca .acc-audit-meta{display:flex;flex-direction:column;gap:2px}.pagina-pdca .acc-audit-id{font-weight:700;color:var(--ds-text);font-size:13px}.pagina-pdca .acc-audit-scope{font-size:13px;color:var(--ds-text-2)}.pagina-pdca .acc-audit-date{font-size:12px;color:var(--ds-text-muted)}.pagina-pdca .acc-cta{display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:#4338ca;font-weight:600;font-size:13px;text-decoration:none}.pagina-pdca .acc-cta:hover{text-decoration:underline}.pagina-pdca .source-foot{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:12px;font-size:12.5px;color:var(--ds-text-2);line-height:1.55}.pagina-pdca .source-foot svg{font-size:20px;color:#6366f1;margin-top:1px;flex-shrink:0}.pagina-pdca .foot-text p{margin:0 0 8px}.pagina-pdca .foot-links{display:flex;gap:14px;flex-wrap:wrap}.pagina-pdca .foot-links a{display:inline-flex;align-items:center;gap:5px;color:#4338ca;font-weight:600;font-size:12.5px;text-decoration:none}.pagina-pdca .foot-links a:hover{text-decoration:underline}.pagina-pdca .foot-links svg{font-size:14px;color:#6366f1;margin:0}@media (max-width: 880px){.pagina-pdca .hero{padding:28px 22px 24px}.pagina-pdca .hero-title{font-size:26px}.pagina-pdca .hero-quote{font-size:14.5px;padding:14px 16px 14px 48px}.pagina-pdca .diagram-card{padding:16px}.pagina-pdca .diagram-header{flex-direction:column;align-items:stretch}.pagina-pdca .phase-grid{grid-template-columns:1fr}}@media (max-width: 540px){.pagina-pdca .hero-title{font-size:22px}.pagina-pdca .diagram-controls{gap:6px}.pagina-pdca .speed-control input[type=range]{width:80px}}@media (max-width: 640px){.pagina-pdca .activity-row{grid-template-columns:1fr auto;row-gap:4px}.pagina-pdca .activity-row>:first-child{grid-column:1 / -1}.pagina-pdca .activity-label{flex-wrap:wrap;row-gap:3px}.pagina-pdca .activity-label>.badge{flex:0 0 auto}.pagina-pdca .activity-label>span:not(.badge){flex:1 1 100%;min-width:0}}@media (max-width: 640px){.pagina-pdca .pdca-ring,.pagina-pdca .ring-bg{max-width:100%}}.pagina-correctieverzoeken .cv-card{margin-bottom:14px}.pagina-correctieverzoeken .cv-kop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pagina-correctieverzoeken .cv-titel{display:flex;align-items:center;gap:8px;font-weight:800;font-size:15px}.pagina-correctieverzoeken .cv-titel svg{font-size:18px;color:var(--portal-color)}.pagina-correctieverzoeken .cv-sub{font-size:12.5px;color:var(--ds-text-muted);margin-top:3px}.pagina-correctieverzoeken .cv-omschrijving{font-size:13.5px;line-height:1.55;color:var(--ds-text-muted);margin:10px 0 12px}.pagina-correctieverzoeken .cv-acties{display:flex;gap:10px}.pagina-correctieverzoeken .cv-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:var(--ds-radius-sm);border:1.5px solid var(--portal-color);color:var(--portal-color);font-weight:700;font-size:13.5px;text-decoration:none}.pagina-correctieverzoeken .cv-btn svg{font-size:16px}.pagina-correctieverzoeken button.cv-btn{background:none;cursor:pointer;font-family:inherit}.pagina-correctieverzoeken .badge-concept{background:color-mix(in srgb,var(--portal-color) 12%,transparent);color:#4f46e5}.pagina-correctieverzoeken .badge-verzonden{background:#2563eb1f;color:#1d4ed8}.pagina-correctieverzoeken .badge-behandeling{background:#d9770624;color:#b45309}.pagina-correctieverzoeken .badge-afgerond{background:#16a34a24;color:#15803d}.pagina-correctieverzoeken .badge-vervangen{background:#6b728024;color:var(--ds-text-muted)}.pagina-correctieverzoeken .cv-mail{margin-top:12px;padding:12px 14px;border-radius:10px;background:var(--ds-card);border:1px solid var(--ds-border)}.pagina-correctieverzoeken .cv-mail-kop{display:flex;align-items:center;gap:7px;font-weight:800;font-size:13px;margin-bottom:8px;color:var(--ds-text)}.pagina-correctieverzoeken .cv-mail-kop svg{font-size:15px}.pagina-correctieverzoeken .cv-mail-regel{display:flex;gap:8px;font-size:12.5px;margin-bottom:4px}.pagina-correctieverzoeken .cv-mail-regel span{min-width:74px;color:var(--ds-text-muted)}.pagina-correctieverzoeken .cv-mail-regel b{color:var(--ds-text);word-break:break-word}.pagina-correctieverzoeken .cv-mail-tekst{margin:10px 0 0;padding:10px 12px;border-radius:8px;background:var(--ds-card);border:1px solid var(--ds-border);font:12.5px/1.6 inherit;white-space:pre-wrap;color:var(--ds-text-muted);max-height:260px;overflow:auto}.pagina-correctieverzoeken .cv-mail-let{margin-top:8px;font-size:12px;font-weight:700;color:#b45309}.pagina-correctieverzoeken .cv-leeg{color:var(--ds-text-muted);text-align:center;padding:22px}.pagina-correctieverzoeken .cv-uitleg{margin-top:6px;font-size:12.5px;line-height:1.55;color:var(--ds-text-muted)}.pagina-correctieverzoeken .cv-uitleg-kop{display:flex;align-items:center;gap:7px;font-weight:800;margin-bottom:6px;color:var(--ds-text)}.pagina-correctieverzoeken .cv-uitleg-kop svg{font-size:16px}.pagina-correctieverzoeken .cv-titelblok{min-width:0}.pagina-correctieverzoeken .status-badge{flex-shrink:0}.pagina-correctieverzoeken .cv-acties:empty{display:none}.pagina-correctieverzoeken .cv-kopieer{margin-top:10px;align-self:flex-start}.pagina-versiebeheer .vb-scope{display:flex;flex-direction:column;gap:16px}.pagina-versiebeheer .vb-note{display:flex;gap:12px;align-items:flex-start;background:color-mix(in srgb,var(--portal-color) 6%,transparent);border:1px solid color-mix(in srgb,var(--portal-color) 20%,transparent);border-radius:12px;padding:13px 16px;font-size:13px;line-height:1.6;color:var(--ds-text-2)}.pagina-versiebeheer .vb-note svg{font-size:18px;color:var(--portal-color);flex-shrink:0;margin-top:2px}.pagina-versiebeheer .vb-note code{font-family:ui-monospace,monospace;font-size:12px;background:var(--ds-card-elevated);padding:1px 6px;border-radius:5px;color:var(--portal-color);border:1px solid color-mix(in srgb,var(--portal-color) 20%,transparent)}.pagina-versiebeheer .vb-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width:760px){.pagina-versiebeheer .vb-kpi-row{grid-template-columns:repeat(2,1fr)}}.pagina-versiebeheer .kpi-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:13px;padding:14px 16px;box-shadow:var(--ds-shadow);transition:transform .18s,box-shadow .18s}.pagina-versiebeheer .kpi-card:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-lg)}.pagina-versiebeheer .kpi-card .kl{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted)}.pagina-versiebeheer .kpi-card .kv{font-size:28px;font-weight:800;color:var(--ds-text);line-height:1.1;margin:4px 0 2px}.pagina-versiebeheer .kpi-card .kv.vb-kv-sm{font-size:15px;font-weight:700;line-height:1.4}.pagina-versiebeheer .kpi-card .ks{font-size:11.5px;color:var(--ds-text-muted)}.pagina-versiebeheer .vb-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.pagina-versiebeheer .vb-search-wrap{position:relative;flex:1;min-width:200px}.pagina-versiebeheer .vb-search-wrap svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:17px;color:var(--ds-text-muted);pointer-events:none}.pagina-versiebeheer .vb-search{width:100%;box-sizing:border-box;padding:10px 12px 10px 38px;font-size:13.5px;border:1px solid var(--ds-border);border-radius:10px;background:var(--ds-card);color:var(--ds-text);outline:none;transition:border-color .15s}.pagina-versiebeheer .vb-search:focus{border-color:var(--portal-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--portal-color) 12%,transparent)}.pagina-versiebeheer .vb-sel{padding:10px 12px;font-size:13.5px;border:1px solid var(--ds-border);border-radius:10px;background:var(--ds-card);color:var(--ds-text);outline:none;cursor:pointer;transition:border-color .15s}.pagina-versiebeheer .vb-dd{position:relative}.pagina-versiebeheer .vb-dd-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;font-size:13.5px;font-weight:600;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-card);color:var(--ds-text);cursor:pointer;white-space:nowrap;transition:border-color .15s}.pagina-versiebeheer .vb-dd-btn:hover{border-color:var(--portal-color)}.pagina-versiebeheer .vb-dd-caret{font-size:11px;color:var(--ds-text-muted);margin-left:2px}.pagina-versiebeheer .vb-dd-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.pagina-versiebeheer .vb-dd-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:50;min-width:210px;max-height:320px;overflow:auto;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;box-shadow:0 14px 36px -12px #0006;padding:6px;display:flex;flex-direction:column;gap:2px}.pagina-versiebeheer .vb-dd-opt{text-align:left;background:none;border:none;color:var(--ds-text);font-size:13px;padding:8px 11px;border-radius:8px;cursor:pointer;white-space:nowrap;transition:background .12s}.pagina-versiebeheer .vb-dd-opt:hover{background:color-mix(in srgb,var(--ds-text) 7%,transparent)}.pagina-versiebeheer .vb-dd-opt.on{background:color-mix(in srgb,var(--portal-color) 14%,transparent);color:var(--portal-color);font-weight:700}@media (max-width: 640px){.pagina-versiebeheer .vb-dd{width:100%}.pagina-versiebeheer .vb-dd-btn{width:100%;justify-content:space-between}.pagina-versiebeheer .vb-dd-panel{left:0;right:0}}.pagina-versiebeheer .vb-sel:focus{border-color:var(--portal-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--portal-color) 12%,transparent)}.pagina-versiebeheer .vb-state{padding:24px;text-align:center;font-size:13.5px;color:var(--ds-text-muted);background:var(--ds-card);border:1px dashed var(--ds-border);border-radius:12px}.pagina-versiebeheer .vb-state.err{color:#b91c1c;border-color:#ef444447;display:flex;gap:8px;align-items:center;justify-content:center}.pagina-versiebeheer .vb-timeline{display:flex;flex-direction:column;gap:20px}.pagina-versiebeheer .vb-day-hdr{display:flex;align-items:center;gap:9px;margin-bottom:12px}.pagina-versiebeheer .vb-day-dot{width:11px;height:11px;border-radius:50%;background:var(--portal-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--portal-color) 15%,transparent);flex-shrink:0}.pagina-versiebeheer .vb-day-hdr svg{font-size:16px;color:var(--portal-color)}.pagina-versiebeheer .vb-day-label{font-size:13.5px;font-weight:800;color:var(--ds-text)}.pagina-versiebeheer .vb-day-count{font-size:11px;font-weight:700;color:var(--ds-text-muted);background:var(--ds-card-elevated);border-radius:999px;padding:2px 9px;border:1px solid var(--ds-border-subtle)}.pagina-versiebeheer .vb-entries{display:flex;flex-direction:column;gap:10px;padding-left:6px;border-left:2px solid var(--ds-border);margin-left:4px}.pagina-versiebeheer .vb-card{display:flex;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;box-shadow:var(--ds-shadow);overflow:hidden;transition:box-shadow .18s,transform .18s}.pagina-versiebeheer .vb-card:hover{box-shadow:var(--ds-shadow-lg);transform:translate(2px)}.pagina-versiebeheer .vb-card-rail{width:4px;flex-shrink:0;background:var(--t-clr, #3b82f6)}.pagina-versiebeheer .vb-card-main{flex:1;min-width:0;padding:13px 16px}.pagina-versiebeheer .vb-card-head{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:8px}.pagina-versiebeheer .vb-badge,.pagina-versiebeheer .vb-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:var(--ds-radius-sm);border:1px solid transparent}.pagina-versiebeheer .vb-badge svg,.pagina-versiebeheer .vb-chip svg{font-size:12px}.pagina-versiebeheer .vb-time{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--ds-text-muted);margin-left:auto}.pagina-versiebeheer .vb-time svg{font-size:12px}.pagina-versiebeheer .vb-card-title{font-size:14px;font-weight:700;color:var(--ds-text);line-height:1.35}.pagina-versiebeheer .vb-card-desc{font-size:13px;line-height:1.55;color:var(--ds-text-2);margin-top:5px}.pagina-versiebeheer .vb-files{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.pagina-versiebeheer .vb-file{display:inline-flex;align-items:center;gap:4px;font-family:ui-monospace,monospace;font-size:11px;color:var(--ds-text-muted);background:var(--ds-card-elevated);border-radius:6px;padding:2px 8px;border:1px solid var(--ds-border-subtle)}.pagina-versiebeheer .vb-file svg{font-size:11px}.pagina-versiebeheer .vb-card-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}.pagina-versiebeheer .vb-iso{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;color:#6d28d9;background:#8b5cf61a;border:1px solid rgba(139,92,246,.22);border-radius:6px;padding:2px 8px}.pagina-versiebeheer .vb-iso svg{font-size:12px}.pagina-versiebeheer .vb-author{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--ds-text-muted);margin-left:auto}.pagina-versiebeheer .vb-author svg{font-size:12px}.pagina-versiebeheer .vb-ai{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;color:#a855f7;background:#a855f71a;border:1px solid rgba(168,85,247,.22);border-radius:6px;padding:2px 8px}.pagina-versiebeheer .vb-ai svg{font-size:12px}.pagina-versiebeheer .vb-ai-note{display:flex;gap:12px;align-items:flex-start;background:#a855f70f;border:1px solid rgba(168,85,247,.22);border-radius:12px;padding:13px 16px;font-size:13px;line-height:1.55;color:var(--ds-text-2)}.pagina-versiebeheer .vb-ai-note svg{font-size:18px;color:#a855f7;flex-shrink:0;margin-top:2px}.pagina-versiebeheer .vb-ai-note code{font-family:ui-monospace,monospace;font-size:12px;background:var(--ds-card-elevated);padding:1px 6px;border-radius:5px;color:#6d28d9;border:1px solid rgba(168,85,247,.2)}.pagina-versiebeheer .vb-pager{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;box-shadow:var(--ds-shadow)}.pagina-versiebeheer .pager-info{font-size:13px;color:var(--ds-text-muted)}.pagina-versiebeheer .pager-controls{display:flex;align-items:center;gap:6px}.pagina-versiebeheer .pager-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);color:var(--ds-text-2);cursor:pointer;transition:all .15s}.pagina-versiebeheer .pager-btn svg{font-size:16px}.pagina-versiebeheer .pager-btn:hover:not(:disabled){border-color:var(--portal-color);color:var(--portal-color);background:color-mix(in srgb,var(--portal-color) 6%,transparent)}.pagina-versiebeheer .pager-btn:disabled{opacity:.4;cursor:not-allowed}.pagina-versiebeheer .pager-page-info{font-size:13px;font-weight:600;color:var(--ds-text);padding:0 10px;min-width:110px;text-align:center}.pagina-versiebeheer .pager-size{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ds-text-muted)}.pagina-versiebeheer .pager-size select{padding:6px 10px;border:1px solid var(--ds-border);border-radius:8px;background:var(--ds-card);color:var(--ds-text);font-size:13px;cursor:pointer}@media (max-width: 640px){.pagina-versiebeheer .vb-pager{flex-direction:column;gap:10px;align-items:stretch}.pagina-versiebeheer .pager-controls{justify-content:center}.pagina-versiebeheer .pager-info,.pagina-versiebeheer .pager-size{text-align:center;justify-content:center}}@media (max-width: 768px){.pagina-versiebeheer .vb-bar{flex-direction:column;align-items:stretch}.pagina-versiebeheer .vb-search-wrap{min-width:0;width:100%}.pagina-versiebeheer .vb-sel{width:100%}.pagina-versiebeheer .vb-note{font-size:12.5px;padding:11px 13px}.pagina-versiebeheer .kpi-card .kv{font-size:22px}.pagina-versiebeheer .vb-card-main{padding:11px 13px}.pagina-versiebeheer .vb-card-title{font-size:13.5px}.pagina-versiebeheer .vb-card-desc{font-size:12.5px}.pagina-versiebeheer .vb-files{gap:4px}.pagina-versiebeheer .vb-file{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width: 480px){.pagina-versiebeheer .vb-kpi-row{grid-template-columns:1fr 1fr;gap:8px}.pagina-versiebeheer .kpi-card{padding:10px 12px}.pagina-versiebeheer .kpi-card .kv{font-size:19px}.pagina-versiebeheer .kpi-card .kv.vb-kv-sm{font-size:13px}.pagina-versiebeheer .vb-entries{padding-left:4px;margin-left:2px}.pagina-versiebeheer .vb-card-rail{width:3px}.pagina-versiebeheer .vb-card-main{padding:10px 11px;min-width:0}.pagina-versiebeheer .vb-card-head{gap:5px}.pagina-versiebeheer .vb-badge,.pagina-versiebeheer .vb-chip{font-size:10px;padding:2px 7px}.pagina-versiebeheer .vb-time{margin-left:0;font-size:10.5px}.pagina-versiebeheer .vb-card-title{font-size:13px;word-break:keep-all;overflow-wrap:break-word}.pagina-versiebeheer .vb-card-desc{font-size:12px;word-break:keep-all;overflow-wrap:break-word}.pagina-versiebeheer .vb-file,.pagina-versiebeheer .vb-iso{font-size:10px;padding:1px 6px}.pagina-versiebeheer .vb-author{margin-left:0;font-size:10.5px}.pagina-versiebeheer .vb-card:hover{transform:none}}.pagina-app-versiebeheer .appv{display:flex;flex-direction:column;gap:16px;padding-bottom:24px;-webkit-font-smoothing:antialiased}.pagina-app-versiebeheer .appv-hero{display:flex;align-items:center;gap:16px;padding:22px 24px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6 55%,#3b82f6);box-shadow:0 20px 44px -22px #6366f199}.pagina-app-versiebeheer .appv-ic{width:46px;height:46px;flex:0 0 auto;border-radius:13px;display:grid;place-items:center;background:#ffffff2e}.pagina-app-versiebeheer .appv-ic svg{font-size:24px}.pagina-app-versiebeheer .appv-hero h1{margin:0;font-size:23px;font-weight:800;letter-spacing:-.02em}.pagina-app-versiebeheer .appv-hero p{margin:5px 0 0;font-size:13.5px;line-height:1.5;opacity:.95;max-width:70ch}.pagina-app-versiebeheer .appv-hero-txt{flex:1 1 auto;min-width:0}.pagina-app-versiebeheer .notify-btn{flex:0 0 auto;align-self:center;border:1px solid rgba(255,255,255,.5);background:#ffffff2e;color:#fff;font-weight:700;font-size:13px;padding:9px 15px;border-radius:var(--ds-radius-sm);cursor:pointer;white-space:nowrap}.pagina-app-versiebeheer .notify-btn:hover:not(:disabled){background:#ffffff4d}.pagina-app-versiebeheer .notify-btn:disabled{opacity:.6;cursor:default}@media (max-width:640px){.pagina-app-versiebeheer .appv-hero{flex-wrap:wrap}.pagina-app-versiebeheer .notify-btn{width:100%}}.pagina-app-versiebeheer .ver{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:16px;padding:18px 20px;box-shadow:var(--ds-shadow, 0 1px 3px rgba(0,0,0,.06))}.pagina-app-versiebeheer .ver-head{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.pagina-app-versiebeheer .ver-badge{font-weight:800;font-size:17px;color:var(--ds-text);font-variant-numeric:tabular-nums;letter-spacing:-.02em;background:color-mix(in srgb,var(--portal-color) 12%,transparent);color:var(--portal-color);padding:3px 11px;border-radius:9px}.pagina-app-versiebeheer .ver-status{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid}.pagina-app-versiebeheer .st-live{color:#16a34a;border-color:#22c55e55;background:#22c55e14}.pagina-app-versiebeheer .st-in-review{color:#d97706;border-color:#f59e0b55;background:#f59e0b14}.pagina-app-versiebeheer .st-gepland{color:var(--ds-text-muted);border-color:var(--ds-border);background:transparent}.pagina-app-versiebeheer .ver-meta{font-size:12.5px;color:var(--ds-text-muted);margin-left:auto;font-variant-numeric:tabular-nums}.pagina-app-versiebeheer .ver-sum{margin:11px 0 14px;font-size:14px;color:var(--ds-text-2);line-height:1.55}.pagina-app-versiebeheer .wz{display:flex;gap:12px;padding:11px 0;border-top:1px solid var(--ds-border-subtle, var(--ds-border))}.pagina-app-versiebeheer .wz:first-of-type{border-top:1px solid var(--ds-border)}.pagina-app-versiebeheer .wz-type{flex:0 0 auto;align-self:flex-start;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:3px 9px;border-radius:6px;min-width:64px;text-align:center}.pagina-app-versiebeheer .ty-fix{color:#2563eb;background:#3b82f61f}.pagina-app-versiebeheer .ty-feature{color:#7c3aed;background:#8b5cf61f}.pagina-app-versiebeheer .ty-security{color:#dc2626;background:#ef44441f}.pagina-app-versiebeheer .ty-refactor{color:#0891b2;background:#06b6d41f}.pagina-app-versiebeheer .ty-config,.pagina-app-versiebeheer .ty-docs,.pagina-app-versiebeheer .ty-deploy{color:var(--ds-text-muted);background:color-mix(in srgb,var(--ds-text) 8%,transparent)}.pagina-app-versiebeheer .wz-body{min-width:0}.pagina-app-versiebeheer .wz-t{font-weight:650;font-size:14px;color:var(--ds-text)}.pagina-app-versiebeheer .wz-d{font-size:13px;color:var(--ds-text-2);line-height:1.55;margin-top:2px}.pagina-app-versiebeheer .wz-m{font-size:11.5px;color:var(--ds-text-subtle, var(--ds-text-muted));margin-top:4px;font-variant-numeric:tabular-nums}.pagina-app-versiebeheer .wz-leeg{font-size:13px;color:var(--ds-text-muted);padding:8px 0 2px}.pagina-app-versiebeheer .appv-foot{font-size:12px;color:var(--ds-text-muted);margin:4px 2px 0}.pagina-app-versiebeheer .appv-foot code{font-family:ui-monospace,Menlo,monospace;font-size:11.5px;background:color-mix(in srgb,var(--ds-text) 7%,transparent);padding:2px 6px;border-radius:6px;color:var(--ds-text-2);white-space:pre-wrap;word-break:break-word}.pagina-iso .cl-tab{display:flex;flex-direction:column;gap:18px;padding:4px 2px}.pagina-iso .cl-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width:640px){.pagina-iso .cl-summary{grid-template-columns:repeat(2,1fr)}}.pagina-iso .cl-sum-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:3px;box-shadow:var(--ds-shadow);border-top:3px solid var(--ds-text-subtle)}.pagina-iso .cl-sum-card.ok{border-top-color:var(--ds-success)}.pagina-iso .cl-sum-card.warn{border-top-color:var(--ds-warning)}.pagina-iso .cl-sum-card.bad{border-top-color:var(--ds-danger)}.pagina-iso .cl-sum-num{font-size:26px;font-weight:800;color:var(--ds-text);line-height:1}.pagina-iso .cl-sum-card.ok .cl-sum-num{color:var(--ds-success)}.pagina-iso .cl-sum-card.warn .cl-sum-num{color:var(--ds-warning)}.pagina-iso .cl-sum-card.bad .cl-sum-num{color:var(--ds-danger)}.pagina-iso .cl-sum-lbl{font-size:11px;font-weight:600;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.04em}.pagina-iso .cl-intro{font-size:13.5px;line-height:1.6;color:var(--ds-text-2);margin:0}.pagina-iso .cl-hfd{display:flex;flex-direction:column;gap:10px}.pagina-iso .cl-hfd-head{display:flex;align-items:flex-start;gap:14px;margin-top:8px}.pagina-iso .cl-hfd-nr{flex-shrink:0;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--portal-color),var(--portal-color-dark));color:#fff;font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center}.pagina-iso .cl-hfd-title-wrap{display:flex;flex-direction:column;gap:2px;min-width:0}.pagina-iso .cl-hfd-title{font-size:16px;font-weight:800;color:var(--ds-text)}.pagina-iso .cl-hfd-intro{font-size:12.5px;color:var(--ds-text-muted);line-height:1.5}.pagina-iso .cl-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--ds-shadow);border-left:4px solid var(--ds-text-subtle)}.pagina-iso .cl-card[data-status=done]{border-left-color:var(--ds-success)}.pagina-iso .cl-card[data-status=partial]{border-left-color:var(--ds-warning)}.pagina-iso .cl-card[data-status=todo]{border-left-color:var(--ds-danger)}.pagina-iso .cl-card-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pagina-iso .cl-id{font-family:ui-monospace,monospace;font-size:12px;font-weight:800;background:var(--ds-card-elevated);color:var(--portal-color);padding:2px 8px;border-radius:6px;border:1px solid var(--ds-border)}.pagina-iso .cl-titel{font-size:14px;font-weight:700;color:var(--ds-text);flex:1;min-width:0}.pagina-iso .cl-status{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px}.pagina-iso .cl-status[data-status=done]{background:color-mix(in srgb,var(--ds-success) 12%,transparent);color:var(--ds-success)}.pagina-iso .cl-status[data-status=partial]{background:color-mix(in srgb,var(--ds-warning) 12%,transparent);color:var(--ds-warning)}.pagina-iso .cl-status[data-status=todo]{background:color-mix(in srgb,var(--ds-danger) 12%,transparent);color:var(--ds-danger)}.pagina-iso .cl-status svg{font-size:13px}.pagina-iso .cl-block{display:flex;flex-direction:column;gap:3px}.pagina-iso .cl-block-label{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted)}.pagina-iso .cl-block-label.impl{color:var(--portal-color)}.pagina-iso .cl-block-text{font-size:13px;line-height:1.55;color:var(--ds-text-2);margin:0}.pagina-iso .cl-card-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:2px}.pagina-iso .cl-bewijs{display:inline-flex;align-items:center;gap:5px;font-family:ui-monospace,monospace;font-size:11px;color:var(--ds-text-muted)}.pagina-iso .cl-bewijs svg{font-size:13px}.pagina-iso .cl-link{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--portal-color);text-decoration:none;margin-left:auto}.pagina-iso .cl-link:hover{text-decoration:underline}.pagina-iso .cl-link svg{font-size:13px}.pagina-iso .cl-actie{display:flex;align-items:flex-start;gap:7px;background:color-mix(in srgb,var(--ds-warning) 8%,transparent);border:1px solid color-mix(in srgb,var(--ds-warning) 25%,transparent);border-radius:8px;padding:8px 11px;font-size:12px;line-height:1.5;color:var(--ds-text-2)}.pagina-iso .cl-actie svg{font-size:15px;color:var(--ds-warning);flex-shrink:0;margin-top:1px}.pagina-iso .cl-source{font-size:11px;color:var(--ds-text-subtle);line-height:1.5;padding:6px 0;border-top:1px solid var(--ds-border);margin-top:6px}.pagina-iso .iso-scope{--acc:var(--ds-success);--acc2:var(--ds-success);--acc-dim:color-mix(in srgb, var(--ds-success) 15%, transparent);--acc-glow:color-mix(in srgb, var(--ds-success) 30%, transparent);--blue:var(--ds-info);--red:var(--ds-danger);--yellow:var(--ds-warning);--cyan:var(--ds-info);--purple:var(--ds-purple);--orange:var(--ds-warning);--pink:var(--ds-purple);--dim:var(--ds-text-muted);--text:var(--ds-text);--card:var(--ds-card);--card2:var(--ds-card);--border:var(--ds-border);--border2:var(--ds-border)}.pagina-iso .iso-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--ds-success) 7%,transparent),color-mix(in srgb,var(--ds-info) 5%,transparent));border:1px solid var(--ds-border);border-radius:16px;padding:1.75rem;position:relative;overflow:hidden;box-shadow:var(--ds-shadow)}.pagina-iso .iso-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 80% 50%,color-mix(in srgb,var(--ds-success) 6%,transparent) 0%,transparent 60%);pointer-events:none}.pagina-iso .hero-inner{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.pagina-iso .hero-left{display:flex;align-items:center;gap:1.75rem}.pagina-iso .score-ring-wrap{position:relative;width:130px;height:130px;flex-shrink:0;filter:drop-shadow(0 4px 12px color-mix(in srgb,var(--ds-success) 20%,transparent))}.pagina-iso .score-ring-wrap svg{width:130px;height:130px;transform:rotate(-90deg)}.pagina-iso .ring-bg{fill:none;stroke:var(--ds-border);stroke-width:10}.pagina-iso .ring-fill{fill:none;stroke:var(--acc);stroke-width:10;stroke-linecap:round;stroke-dasharray:345;transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1)}.pagina-iso .ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.pagina-iso .ring-score{font-size:2.1rem;font-weight:900;line-height:1;color:var(--ds-text)}.pagina-iso .ring-label{font-size:.58rem;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.6px;margin-top:.2rem}.pagina-iso .hero-text h1{font-size:1.55rem;font-weight:900;line-height:1.2;margin-bottom:.4rem;color:var(--ds-text)}.pagina-iso .hero-text p{font-size:.84rem;color:var(--ds-text-muted);max-width:440px;line-height:1.5}.pagina-iso .hero-badges{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}.pagina-iso .hbadge{display:inline-flex;align-items:center;gap:.3rem;background:var(--acc-dim);border:1px solid var(--acc-glow);border-radius:20px;padding:.22rem .75rem;font-size:.7rem;font-weight:600;color:var(--ds-success)}.pagina-iso .hbadge.blue{background:color-mix(in srgb,var(--ds-info) 12%,transparent);border-color:color-mix(in srgb,var(--ds-info) 30%,transparent);color:var(--ds-info)}.pagina-iso .hbadge.yellow{background:color-mix(in srgb,var(--ds-warning) 10%,transparent);border-color:color-mix(in srgb,var(--ds-warning) 30%,transparent);color:var(--ds-warning)}.pagina-iso .hbadge.purple{background:color-mix(in srgb,var(--ds-purple) 10%,transparent);border-color:color-mix(in srgb,var(--ds-purple) 30%,transparent);color:var(--ds-purple)}.pagina-iso .kpi-row{display:grid;grid-template-columns:repeat(6,1fr);gap:.65rem}@media (max-width:900px){.pagina-iso .kpi-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:500px){.pagina-iso .kpi-row{grid-template-columns:repeat(2,1fr)}}.pagina-iso .kpi-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;padding:.9rem 1rem;box-shadow:var(--ds-shadow);transition:border-color .15s,transform .2s}.pagina-iso .kpi-card:hover{border-color:color-mix(in srgb,var(--ds-success) 40%,transparent);transform:translateY(-2px)}.pagina-iso .kv{font-size:1.65rem;font-weight:900;line-height:1}.pagina-iso .kl{font-size:.67rem;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:.2rem}.pagina-iso .ks{font-size:.7rem;margin-top:.18rem}.pagina-iso .tab-nav-wrap{border-bottom:1px solid var(--ds-border)}.pagina-iso .tab-nav{display:flex;gap:0;overflow-x:auto;scrollbar-width:none}.pagina-iso .tab-nav::-webkit-scrollbar{display:none}.pagina-iso .tab-btn:hover{color:var(--ds-text)}.pagina-iso .tab-btn svg{font-size:.95rem}.pagina-iso .tab-content{padding:.5rem 2px}.pagina-iso .roadmap-tab{padding:12px 0;display:flex;flex-direction:column;gap:14px}.pagina-iso .rm-milestones{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:10px}.pagina-iso .rm-ms-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;padding:13px 16px;display:flex;flex-direction:column;gap:5px}.pagina-iso .rm-ms-card.done{border-color:color-mix(in srgb,var(--ds-success) 40%,transparent);background:color-mix(in srgb,var(--ds-success) 4%,transparent)}.pagina-iso .rm-ms-card.late{border-color:color-mix(in srgb,var(--ds-danger) 40%,transparent);background:color-mix(in srgb,var(--ds-danger) 4%,transparent)}.pagina-iso .rm-ms-head{display:flex;align-items:center;justify-content:space-between}.pagina-iso .rm-ms-key{font-size:14px;font-weight:800;color:var(--portal-color);font-family:ui-monospace,Menlo,monospace}.pagina-iso .rm-ms-card.done .rm-ms-key{color:var(--ds-success)}.pagina-iso .rm-ms-card.late .rm-ms-key{color:var(--ds-danger)}.pagina-iso .rm-ms-deadline{font-size:11.5px;color:var(--ds-text-muted);font-family:ui-monospace,Menlo,monospace}.pagina-iso .rm-ms-label{font-size:13px;font-weight:700;color:var(--ds-text)}.pagina-iso .rm-ms-target{font-size:11.5px;color:var(--ds-text-2);line-height:1.4}.pagina-iso .rm-ms-bar{height:6px;border-radius:999px;background:var(--ds-border);overflow:hidden;margin-top:4px}.pagina-iso .rm-ms-bar-fill{height:100%;background:linear-gradient(90deg,var(--portal-color),var(--portal-color-dark));transition:width .4s ease}.pagina-iso .rm-ms-card.done .rm-ms-bar-fill{background:linear-gradient(90deg,var(--ds-success),var(--ds-success))}.pagina-iso .rm-ms-stats{font-size:11px;color:var(--ds-text-muted);margin-top:2px}.pagina-iso .rm-ms-stats strong{color:var(--ds-text)}.pagina-iso .rm-filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.pagina-iso .rm-pills{display:flex;gap:6px;flex-wrap:wrap}.pagina-iso .rm-pill{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:999px;padding:5px 11px;font-size:11.5px;font-weight:600;color:var(--ds-text-muted);cursor:pointer;transition:all .12s}.pagina-iso .rm-pill:hover{color:var(--ds-text);border-color:var(--portal-color)}.pagina-iso .rm-pill.active{background:var(--portal-color);color:#fff;border-color:var(--portal-color)}.pagina-iso .rm-pill.p1.active{background:var(--ds-danger);border-color:var(--ds-danger)}.pagina-iso .rm-pill.p2.active{background:var(--ds-warning);border-color:var(--ds-warning)}.pagina-iso .rm-pill.p3.active{background:var(--ds-info);border-color:var(--ds-info)}.pagina-iso .rm-grid{display:flex;flex-direction:column;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;overflow:hidden}.pagina-iso .rm-row{display:grid;grid-template-columns:70px 2.6fr 1.2fr 60px 60px 110px 36px;gap:12px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--ds-border-subtle, var(--ds-border));font-size:12px}.pagina-iso .rm-row:last-child{border-bottom:none}.pagina-iso .rm-row.rm-head{background:var(--ds-deep);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted)}.pagina-iso .rm-row.done{background:color-mix(in srgb,var(--ds-success) 4%,transparent)}.pagina-iso .rm-row.done .rm-action,.pagina-iso .rm-row.done .rm-title{text-decoration:line-through;opacity:.65}.pagina-iso .rm-id.mono{font-family:ui-monospace,Menlo,monospace;font-size:11px;font-weight:700;color:var(--portal-color)}.pagina-iso .rm-action{color:var(--ds-text);line-height:1.45}.pagina-iso .rm-title{font-size:11px;color:var(--ds-text-muted);margin-top:2px}.pagina-iso .rm-owner{color:var(--ds-text-2);font-size:11.5px}.pagina-iso .rm-prio-pill{display:inline-flex;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:700;font-family:ui-monospace,Menlo,monospace}.pagina-iso .rm-prio-pill[data-prio=P1]{background:color-mix(in srgb,var(--ds-danger) 12%,transparent);color:var(--ds-danger)}.pagina-iso .rm-prio-pill[data-prio=P2]{background:color-mix(in srgb,var(--ds-warning) 14%,transparent);color:var(--ds-warning)}.pagina-iso .rm-prio-pill[data-prio=P3]{background:color-mix(in srgb,var(--ds-info) 14%,transparent);color:var(--ds-info)}.pagina-iso .rm-mile-pill{display:inline-flex;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:700;font-family:ui-monospace,Menlo,monospace;background:var(--ds-deep);color:var(--ds-text-2)}.pagina-iso .rm-mile-pill[data-mile=M1]{background:color-mix(in srgb,var(--portal-color) 14%,transparent);color:var(--portal-color)}.pagina-iso .rm-mile-pill[data-mile=M2]{background:color-mix(in srgb,var(--ds-info) 14%,transparent);color:var(--ds-info)}.pagina-iso .rm-mile-pill[data-mile=M3]{background:color-mix(in srgb,var(--ds-purple) 14%,transparent);color:var(--ds-purple)}.pagina-iso .rm-mile-pill[data-mile=M4]{background:color-mix(in srgb,var(--ds-success) 14%,transparent);color:var(--ds-success)}.pagina-iso .rm-deadline{font-family:ui-monospace,Menlo,monospace;font-size:11.5px;color:var(--ds-text)}.pagina-iso .rm-rel{font-size:10.5px;color:var(--ds-text-muted);margin-top:1px}.pagina-iso .rm-rel.late{color:var(--ds-danger);font-weight:700}.pagina-iso .rm-check-btn{background:transparent;border:none;cursor:pointer;padding:4px;color:var(--ds-text-muted);border-radius:var(--ds-radius-sm);transition:color .15s,background .15s}.pagina-iso .rm-check-btn svg{font-size:20px}.pagina-iso .rm-check-btn:hover{color:var(--portal-color);background:color-mix(in srgb,var(--portal-color) 8%,transparent)}.pagina-iso .rm-check-btn.done{color:var(--ds-success)}.pagina-iso .rm-empty{padding:30px;text-align:center;color:var(--ds-text-muted);font-size:13px}@media (max-width: 900px){.pagina-iso .rm-row{grid-template-columns:1fr 1fr 36px;gap:4px 10px;align-items:start}.pagina-iso .rm-row.rm-head{display:none}.pagina-iso .rm-id,.pagina-iso .rm-action{grid-column:span 2}.pagina-iso .rm-owner,.pagina-iso .rm-prio,.pagina-iso .rm-mile,.pagina-iso .rm-deadline{grid-column:span 1}.pagina-iso .rm-check{grid-row:span 2}}.pagina-iso .audit-tab{padding:12px 0;display:flex;flex-direction:column;gap:14px}.pagina-iso .ar-schedule{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:10px}.pagina-iso .ar-sched-item{display:grid;grid-template-columns:38px 1fr;gap:10px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;padding:12px 14px;align-items:start}.pagina-iso .ar-sched-item[data-kind=external]{border-color:color-mix(in srgb,var(--ds-purple) 35%,transparent);background:color-mix(in srgb,var(--ds-purple) 4%,transparent)}.pagina-iso .ar-sched-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--portal-color) 12%,transparent);color:var(--portal-color)}.pagina-iso .ar-sched-item[data-kind=external] .ar-sched-icon{background:color-mix(in srgb,var(--ds-purple) 14%,transparent);color:var(--ds-purple)}.pagina-iso .ar-sched-item[data-kind=management-review] .ar-sched-icon{background:color-mix(in srgb,var(--ds-success) 12%,transparent);color:var(--ds-success)}.pagina-iso .ar-sched-icon svg{font-size:18px}.pagina-iso .ar-sched-lbl{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted)}.pagina-iso .ar-sched-when{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;margin-top:2px}.pagina-iso .ar-sched-when strong{font-size:14px;color:var(--ds-text);font-family:ui-monospace,Menlo,monospace}.pagina-iso .ar-sched-rel{font-size:11.5px;color:var(--ds-text-muted);font-weight:600}.pagina-iso .ar-sched-rel.soon{color:var(--ds-warning)}.pagina-iso .ar-sched-rel.overdue{color:var(--ds-danger)}.pagina-iso .ar-sched-scope{font-size:12px;color:var(--ds-text-2);margin-top:4px}.pagina-iso .ar-exporter{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;background:linear-gradient(135deg,color-mix(in srgb,var(--ds-success) 6%,transparent),color-mix(in srgb,var(--ds-info) 4%,transparent));border:1px solid var(--ds-border);border-radius:12px;padding:14px 18px}.pagina-iso .ar-export-info h3{margin:0 0 4px;font-size:14px;font-weight:700;color:var(--ds-text);display:flex;align-items:center;gap:6px}.pagina-iso .ar-export-info h3 svg{color:var(--portal-color);font-size:17px}.pagina-iso .ar-export-info p{margin:0;font-size:12.5px;color:var(--ds-text-2);max-width:540px;line-height:1.45}.pagina-iso .ar-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:var(--ds-radius-sm);border:1px solid transparent;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.pagina-iso .ar-btn.primary{background:var(--portal-color);color:#fff}.pagina-iso .ar-btn.primary:hover{background:var(--portal-color-dark)}.pagina-iso .ar-btn svg{font-size:15px}.pagina-iso .ar-grid{display:flex;flex-direction:column;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;overflow:hidden}.pagina-iso .ar-row{display:grid;grid-template-columns:130px 100px 2fr 90px 90px 1.2fr 110px 110px;gap:12px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--ds-border-subtle, var(--ds-border));font-size:12px}.pagina-iso .ar-row:last-child{border-bottom:none}.pagina-iso .ar-row.ar-head{background:var(--ds-deep);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted)}.pagina-iso .ar-id.mono,.pagina-iso .ar-date{font-family:ui-monospace,Menlo,monospace;color:var(--ds-text);font-size:11.5px}.pagina-iso .ar-kind-pill{display:inline-flex;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:700;background:color-mix(in srgb,var(--portal-color) 12%,transparent);color:var(--portal-color)}.pagina-iso .ar-kind-pill[data-kind=external]{background:color-mix(in srgb,var(--ds-purple) 14%,transparent);color:var(--ds-purple)}.pagina-iso .ar-kind-pill[data-kind=management-review]{background:color-mix(in srgb,var(--ds-success) 14%,transparent);color:var(--ds-success)}.pagina-iso .ar-scope{color:var(--ds-text)}.pagina-iso .ar-auditor{color:var(--ds-text-2);font-size:11.5px}.pagina-iso .ar-findings{color:var(--ds-text);font-size:11.5px}.pagina-iso .ar-muted{color:var(--ds-text-muted)}.pagina-iso .ar-status-pill{display:inline-flex;padding:2px 9px;border-radius:999px;font-size:10.5px;font-weight:700}.pagina-iso .ar-status-pill[data-status=completed]{background:color-mix(in srgb,var(--ds-success) 12%,transparent);color:var(--ds-success)}.pagina-iso .ar-status-pill[data-status=planned]{background:color-mix(in srgb,var(--ds-info) 12%,transparent);color:var(--ds-info)}.pagina-iso .ar-status-pill[data-status=in-progress]{background:color-mix(in srgb,var(--ds-warning) 14%,transparent);color:var(--ds-warning)}.pagina-iso .ar-status-pill[data-status=overdue]{background:color-mix(in srgb,var(--ds-danger) 14%,transparent);color:var(--ds-danger)}.pagina-iso .ar-findings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:10px}.pagina-iso .ar-finding{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;padding:11px 13px}.pagina-iso .ar-finding[data-sev=major]{border-left:3px solid var(--ds-danger)}.pagina-iso .ar-finding[data-sev=minor]{border-left:3px solid var(--ds-warning)}.pagina-iso .ar-finding[data-sev=observation]{border-left:3px solid var(--ds-info)}.pagina-iso .ar-finding[data-sev=opportunity]{border-left:3px solid var(--ds-success)}.pagina-iso .ar-f-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:5px}.pagina-iso .ar-f-id{font-size:11px;font-weight:700;color:var(--ds-text)}.pagina-iso .ar-f-sev{font-size:10px;padding:1px 7px;border-radius:999px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.pagina-iso .ar-f-sev[data-sev=major]{background:color-mix(in srgb,var(--ds-danger) 12%,transparent);color:var(--ds-danger)}.pagina-iso .ar-f-sev[data-sev=minor]{background:color-mix(in srgb,var(--ds-warning) 14%,transparent);color:var(--ds-warning)}.pagina-iso .ar-f-sev[data-sev=observation]{background:color-mix(in srgb,var(--ds-info) 14%,transparent);color:var(--ds-info)}.pagina-iso .ar-f-sev[data-sev=opportunity]{background:color-mix(in srgb,var(--ds-success) 14%,transparent);color:var(--ds-success)}.pagina-iso .ar-f-stat{font-size:10px;padding:1px 7px;border-radius:999px;font-weight:700;background:var(--ds-border);color:var(--ds-text-muted)}.pagina-iso .ar-f-stat[data-stat=gesloten]{background:color-mix(in srgb,var(--ds-success) 12%,transparent);color:var(--ds-success)}.pagina-iso .ar-f-stat[data-stat=open]{background:color-mix(in srgb,var(--ds-danger) 14%,transparent);color:var(--ds-danger)}.pagina-iso .ar-f-stat[data-stat=in-behandeling]{background:color-mix(in srgb,var(--ds-warning) 14%,transparent);color:var(--ds-warning)}.pagina-iso .ar-f-title{font-size:12.5px;font-weight:600;color:var(--ds-text);margin-bottom:4px}.pagina-iso .ar-f-capa{font-size:11.5px;color:var(--ds-text-muted)}@media (max-width: 900px){.pagina-iso .ar-row{grid-template-columns:1fr 1fr;gap:4px 10px}.pagina-iso .ar-row.ar-head{display:none}.pagina-iso .ar-id,.pagina-iso .ar-type,.pagina-iso .ar-scope,.pagina-iso .ar-date,.pagina-iso .ar-auditor,.pagina-iso .ar-findings,.pagina-iso .ar-status{grid-column:span 2}}.pagina-iso .matrix-tab{padding:12px 0;display:flex;flex-direction:column;gap:14px}.pagina-iso .mx-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.pagina-iso .mx-sum-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:11px;padding:12px 14px;cursor:pointer;transition:border-color .15s,transform .15s}.pagina-iso .mx-sum-card:hover{transform:translateY(-1px);border-color:var(--portal-color)}.pagina-iso .mx-sum-card.active{border-color:var(--portal-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--portal-color) 18%,transparent)}.pagina-iso .mx-sum-num{font-size:22px;font-weight:800;line-height:1;color:var(--ds-text)}.pagina-iso .mx-sum-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted);margin-top:4px}.pagina-iso .mx-sum-card.ok .mx-sum-num{color:var(--ds-success)}.pagina-iso .mx-sum-card.warn .mx-sum-num{color:var(--ds-warning)}.pagina-iso .mx-sum-card.bad .mx-sum-num{color:var(--ds-danger)}.pagina-iso .mx-sum-card.na .mx-sum-num{color:var(--ds-text-muted)}.pagina-iso .mx-filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.pagina-iso .mx-search{flex:1;min-width:240px;display:flex;align-items:center;gap:8px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;padding:8px 12px}.pagina-iso .mx-search svg{color:var(--ds-text-muted);font-size:17px}.pagina-iso .mx-search input{flex:1;border:none;outline:none;background:transparent;font:inherit;font-size:13.5px;color:var(--ds-text)}.pagina-iso .mx-domain-pills{display:flex;gap:6px;flex-wrap:wrap}.pagina-iso .mx-pill{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;color:var(--ds-text-muted);cursor:pointer;transition:all .12s}.pagina-iso .mx-pill:hover{color:var(--ds-text);border-color:var(--portal-color)}.pagina-iso .mx-pill.active{background:var(--portal-color);color:#fff;border-color:var(--portal-color)}.pagina-iso .mx-grid{display:flex;flex-direction:column;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;overflow:hidden}.pagina-iso .mx-row{display:grid;grid-template-columns:70px 2.4fr 1.4fr 1.6fr 1.6fr 110px;gap:14px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--ds-border-subtle, var(--ds-border));font-size:12.5px}.pagina-iso .mx-row:last-child{border-bottom:none}.pagina-iso .mx-row.mx-head{background:var(--ds-deep);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);padding:9px 14px}.pagina-iso .mx-id-badge{display:inline-flex;padding:3px 8px;border-radius:6px;font-family:ui-monospace,Menlo,monospace;font-size:11.5px;font-weight:700;background:color-mix(in srgb,var(--portal-color) 10%,transparent);color:var(--portal-color)}.pagina-iso .mx-id-badge[data-domain="A.5"]{background:color-mix(in srgb,var(--ds-purple) 12%,transparent);color:var(--ds-purple)}.pagina-iso .mx-id-badge[data-domain="A.6"]{background:color-mix(in srgb,var(--ds-success) 12%,transparent);color:var(--ds-success)}.pagina-iso .mx-id-badge[data-domain="A.7"]{background:color-mix(in srgb,var(--ds-info) 12%,transparent);color:var(--ds-info)}.pagina-iso .mx-id-badge[data-domain="A.8"]{background:color-mix(in srgb,var(--ds-warning) 12%,transparent);color:var(--ds-warning)}.pagina-iso .mx-title{color:var(--ds-text);font-weight:600;line-height:1.4}.pagina-iso .mx-notes{color:var(--ds-text-muted);font-weight:500;font-size:12px}.pagina-iso .mx-owner{color:var(--ds-text-2);display:inline-flex;align-items:center;gap:5px;font-size:12px}.pagina-iso .mx-owner svg{font-size:14px;color:var(--ds-text-muted)}.pagina-iso .mx-doc a,.pagina-iso .mx-evidence-link{display:inline-flex;align-items:center;gap:5px;color:var(--portal-color);text-decoration:none;font-size:12px}.pagina-iso .mx-doc a:hover,.pagina-iso .mx-evidence-link:hover{text-decoration:underline}.pagina-iso .mx-doc a svg,.pagina-iso .mx-evidence-link svg{font-size:13px}.pagina-iso .mx-muted{color:var(--ds-text-muted);font-size:12px}.pagina-iso .mx-status-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid transparent}.pagina-iso .mx-status-pill svg{font-size:13px}.pagina-iso .mx-status-pill[data-status=compliant]{background:color-mix(in srgb,var(--ds-success) 12%,transparent);color:var(--ds-success);border-color:color-mix(in srgb,var(--ds-success) 25%,transparent)}.pagina-iso .mx-status-pill[data-status=in-progress]{background:color-mix(in srgb,var(--ds-warning) 14%,transparent);color:var(--ds-warning);border-color:color-mix(in srgb,var(--ds-warning) 30%,transparent)}.pagina-iso .mx-status-pill[data-status=gap]{background:color-mix(in srgb,var(--ds-danger) 12%,transparent);color:var(--ds-danger);border-color:color-mix(in srgb,var(--ds-danger) 25%,transparent)}.pagina-iso .mx-status-pill[data-status=na]{background:var(--ds-border);color:var(--ds-text-muted);border-color:var(--ds-border)}.pagina-iso .mx-empty{padding:30px;text-align:center;color:var(--ds-text-muted);font-size:13px}@media (max-width: 900px){.pagina-iso .mx-row{grid-template-columns:60px 1fr;gap:6px 10px}.pagina-iso .mx-row.mx-head{display:none}.pagina-iso .mx-id{grid-row:span 2}.pagina-iso .mx-title{grid-column:2;font-size:13px}.pagina-iso .mx-owner,.pagina-iso .mx-doc,.pagina-iso .mx-evidence,.pagina-iso .mx-status{grid-column:2;font-size:11.5px}}@media (max-width: 768px){.pagina-iso .iso-hero{padding:1.25rem 1rem}.pagina-iso .hero-inner{gap:1rem}.pagina-iso .hero-left{gap:1rem;flex-direction:column;align-items:flex-start}.pagina-iso .score-ring-wrap,.pagina-iso .score-ring-wrap svg{width:100px;height:100px}.pagina-iso .ring-score{font-size:1.6rem}.pagina-iso .hero-text h1{font-size:1.3rem}.pagina-iso .hero-text p{font-size:.78rem}.pagina-iso .tab-btn{padding:.65rem .85rem;font-size:.76rem}.pagina-iso .kv{font-size:1.35rem}}@media (max-width: 480px){.pagina-iso .iso-hero{padding:1rem .85rem;border-radius:12px}.pagina-iso .hero-left{gap:.85rem}.pagina-iso .score-ring-wrap,.pagina-iso .score-ring-wrap svg{width:86px;height:86px}.pagina-iso .ring-bg,.pagina-iso .ring-fill{stroke-width:8}.pagina-iso .ring-score{font-size:1.3rem}.pagina-iso .ring-label{font-size:.55rem}.pagina-iso .hero-text h1{font-size:1.1rem}.pagina-iso .hero-text p{font-size:.72rem}.pagina-iso .hero-badges{gap:.3rem}.pagina-iso .hbadge{font-size:.62rem;padding:.18rem .55rem}.pagina-iso .kpi-card{padding:.65rem .7rem}.pagina-iso .kv{font-size:1.15rem}.pagina-iso .kl{font-size:.6rem}.pagina-iso .ks{font-size:.62rem}.pagina-iso .tab-btn{padding:.55rem .7rem;font-size:.72rem}.pagina-iso .tab-btn svg{font-size:.85rem}}.pagina-iso .plan-intro{font-size:.82rem;color:var(--ds-text-muted);margin-bottom:1.25rem;line-height:1.55}.pagina-iso .plan-section-title{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--ds-text-muted);margin-bottom:.75rem}.pagina-iso .plan-calendar{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(210px,100%),1fr));gap:.7rem}.pagina-iso .plan-month{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;padding:.8rem .9rem}.pagina-iso .plan-month.past{opacity:.55}.pagina-iso .plan-month.current{border-color:var(--portal-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--portal-color) 15%,transparent)}.pagina-iso .plan-month-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:.55rem}.pagina-iso .plan-month-name{font-size:.78rem;font-weight:700;color:var(--ds-text)}.pagina-iso .plan-month-badge{font-size:.62rem;font-weight:700;background:var(--portal-color);color:#fff;border-radius:99px;padding:.1rem .45rem}.pagina-iso .plan-item{display:flex;align-items:flex-start;gap:.45rem;margin-bottom:.45rem;font-size:.76rem}.pagina-iso .plan-item svg{font-size:.85rem;color:var(--portal-color);flex-shrink:0;margin-top:.1rem}.pagina-iso .plan-item-title{color:var(--ds-text);line-height:1.35}.pagina-iso .plan-item-meta{font-size:.65rem;color:var(--ds-text-muted);margin-top:.1rem}.pagina-iso .plan-empty{font-size:.74rem;color:var(--ds-text-muted);font-style:italic}.pagina-iso .plan-cycles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:.7rem}.pagina-iso .plan-cycle-group{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;padding:.85rem .95rem}.pagina-iso .plan-cycle-freq{display:flex;align-items:center;gap:.4rem;font-size:.74rem;font-weight:700;color:var(--portal-color);margin-bottom:.6rem}.pagina-iso .plan-cycle-freq svg{font-size:.9rem}.pagina-iso .plan-cycle-item{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.4rem}.pagina-iso .plan-cycle-dot{width:5px;height:5px;border-radius:50%;background:var(--portal-color);flex-shrink:0;margin-top:.45rem}.pagina-iso .plan-cycle-title{font-size:.76rem;color:var(--ds-text);line-height:1.35}.pagina-iso .plan-cycle-iso{font-size:.64rem;color:var(--ds-text-muted);margin-top:.08rem}@media (max-width: 600px){.pagina-iso .plan-calendar{grid-template-columns:1fr 1fr}.pagina-iso .plan-cycles{grid-template-columns:1fr}}@media (max-width: 400px){.pagina-iso .plan-calendar{grid-template-columns:1fr}}.pagina-iso .sec-title{font-size:.9rem;font-weight:800;margin:1.5rem 0 .85rem;display:flex;align-items:center;gap:.5rem;color:var(--ds-text);letter-spacing:.04em;text-transform:uppercase}.pagina-iso .sec-title:after{content:"";flex:1;height:1px;background:var(--ds-border)}.pagina-iso .sec-title svg{color:var(--portal-color)}.pagina-iso .annex-domain{margin-bottom:1.5rem}.pagina-iso .domain-header{display:flex;align-items:center;justify-content:space-between;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;padding:.8rem 1.1rem;margin-bottom:.5rem;transition:border-color .15s}.pagina-iso .domain-header:hover{border-color:color-mix(in srgb,var(--portal-color) 40%,transparent)}.pagina-iso .domain-title{font-weight:700;font-size:.88rem;display:flex;align-items:center;gap:.5rem;color:var(--ds-text)}.pagina-iso .domain-stats{display:flex;gap:.5rem;align-items:center;font-size:.72rem}.pagina-iso .ds-ok{color:var(--ds-success)}.pagina-iso .ds-part{color:var(--ds-warning)}.pagina-iso .ds-open{color:var(--ds-danger)}.pagina-iso .controls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:.45rem}.pagina-iso .ctrl{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:8px;padding:.6rem .85rem;display:flex;align-items:flex-start;gap:.5rem;font-size:.76rem;transition:border-color .15s,transform .15s}.pagina-iso .ctrl:hover{border-color:color-mix(in srgb,var(--portal-color) 30%,transparent);transform:translate(2px)}.pagina-iso .ctrl-id{font-weight:700;color:var(--ds-text-muted);min-width:52px;flex-shrink:0;font-size:.68rem}.pagina-iso .ctrl-name{flex:1;color:var(--ds-text-2);line-height:1.35}.pagina-iso .ctrl-status{flex-shrink:0;font-size:.82rem}.pagina-iso .afw-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;margin-bottom:.85rem;overflow:hidden;transition:border-color .2s,box-shadow .2s}.pagina-iso .afw-card:hover{border-color:color-mix(in srgb,var(--portal-color) 40%,transparent);box-shadow:var(--ds-shadow)}.pagina-iso .afw-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem}.pagina-iso .afw-id{font-size:.7rem;font-weight:700;color:var(--ds-text-muted);min-width:90px}.pagina-iso .afw-title{flex:1;font-weight:600;font-size:.88rem;color:var(--ds-text)}.pagina-iso .afw-meta{display:flex;gap:.5rem;align-items:center}.pagina-iso .badge{display:inline-block;padding:.18rem .65rem;border-radius:20px;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.pagina-iso .badge-ok{background:color-mix(in srgb,var(--ds-success) 15%,transparent);color:var(--ds-success);border:1px solid color-mix(in srgb,var(--ds-success) 30%,transparent)}.pagina-iso .badge-warn,.pagina-iso .badge-mid{background:color-mix(in srgb,var(--ds-warning) 10%,transparent);color:var(--ds-warning);border:1px solid color-mix(in srgb,var(--ds-warning) 30%,transparent)}.pagina-iso .badge-open,.pagina-iso .badge-high{background:color-mix(in srgb,var(--ds-danger) 10%,transparent);color:var(--ds-danger);border:1px solid color-mix(in srgb,var(--ds-danger) 30%,transparent)}.pagina-iso .badge-minor{background:color-mix(in srgb,var(--ds-info) 10%,transparent);color:var(--ds-info);border:1px solid color-mix(in srgb,var(--ds-info) 20%,transparent)}.pagina-iso .afw-body{padding:0 1.25rem 1.25rem;border-top:1px solid var(--ds-border)}.pagina-iso .afw-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem}@media (max-width:600px){.pagina-iso .afw-grid{grid-template-columns:1fr}}.pagina-iso .afw-field label{font-size:.65rem;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:.25rem}.pagina-iso .afw-field p{font-size:.8rem;line-height:1.55;color:var(--ds-text-2)}.pagina-iso .evidence-block{margin-top:.75rem;background:color-mix(in srgb,var(--ds-success) 5%,transparent);border:1px solid color-mix(in srgb,var(--ds-success) 30%,transparent);border-radius:10px;padding:.9rem 1rem}.pagina-iso .evidence-block .ev-title{font-size:.7rem;font-weight:700;color:var(--ds-success);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.4rem}.pagina-iso .evidence-block p{font-size:.78rem;line-height:1.55;color:var(--ds-text-2)}.pagina-iso .infra-tier{margin-bottom:1.25rem}.pagina-iso .tier-label{font-size:.68rem;font-weight:800;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.pagina-iso .tier-label:after{content:"";flex:1;height:1px;background:var(--ds-border)}.pagina-iso .server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:.65rem}.pagina-iso .server-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;padding:.9rem 1rem;position:relative;overflow:hidden;transition:border-color .2s,transform .2s}.pagina-iso .server-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--portal-color) 40%,transparent)}.pagina-iso .server-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.pagina-iso .server-card.proxy:before{background:var(--ds-purple)}.pagina-iso .server-card.frontend:before{background:var(--ds-info)}.pagina-iso .server-card.backend:before{background:var(--ds-warning)}.pagina-iso .server-card.db:before{background:var(--ds-info)}.pagina-iso .server-name{font-weight:700;font-size:.9rem;margin-bottom:.2rem;color:var(--ds-text)}.pagina-iso .server-ip{font-size:.72rem;color:var(--ds-text-muted);font-family:monospace;margin-bottom:.55rem}.pagina-iso .server-tags{display:flex;flex-wrap:wrap;gap:.3rem}.pagina-iso .stag{font-size:.65rem;font-weight:600;padding:.12rem .45rem;border-radius:4px}.pagina-iso .stag-acc{background:color-mix(in srgb,var(--ds-success) 15%,transparent);color:var(--ds-success)}.pagina-iso .stag-blue{background:color-mix(in srgb,var(--ds-info) 12%,transparent);color:var(--ds-info)}.pagina-iso .stag-orange{background:color-mix(in srgb,var(--ds-warning) 10%,transparent);color:var(--ds-warning)}.pagina-iso .stag-cyan{background:color-mix(in srgb,var(--ds-info) 10%,transparent);color:var(--ds-info)}.pagina-iso .stag-red{background:color-mix(in srgb,var(--ds-danger) 10%,transparent);color:var(--ds-danger)}.pagina-iso .stag-purple{background:color-mix(in srgb,var(--ds-purple) 10%,transparent);color:var(--ds-purple)}.pagina-iso .pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--acc);position:absolute;top:.9rem;right:.9rem}.pagina-iso .tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:.75rem}.pagina-iso .tech-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;padding:1rem 1.1rem;transition:border-color .2s,transform .2s}.pagina-iso .tech-card:hover{border-color:color-mix(in srgb,var(--portal-color) 40%,transparent);transform:translateY(-2px)}.pagina-iso .tech-icon{font-size:1.5rem;margin-bottom:.4rem}.pagina-iso .tech-title{font-weight:700;font-size:.88rem;margin-bottom:.3rem;color:var(--ds-text)}.pagina-iso .tech-body{font-size:.77rem;color:var(--ds-text-muted);line-height:1.5}.pagina-iso .tech-status{display:flex;align-items:center;gap:.3rem;margin-top:.5rem;font-size:.72rem;font-weight:600}.pagina-iso .timeline{position:relative;padding-left:2rem}.pagina-iso .timeline:before{content:"";position:absolute;left:.55rem;top:0;bottom:0;width:2px;background:var(--ds-border)}.pagina-iso .tl-item{position:relative;margin-bottom:1.1rem}.pagina-iso .tl-dot{position:absolute;left:-1.45rem;top:.3rem;width:10px;height:10px;border-radius:50%;border:2px solid var(--ds-card);z-index:1}.pagina-iso .tl-dot.done{background:var(--ds-success);box-shadow:0 0 0 3px color-mix(in srgb,var(--ds-success) 20%,transparent)}.pagina-iso .tl-dot.active{background:var(--ds-warning);box-shadow:0 0 0 3px color-mix(in srgb,var(--ds-warning) 20%,transparent)}.pagina-iso .tl-dot.pending{background:var(--ds-border)}.pagina-iso .tl-date{font-size:.67rem;color:var(--ds-text-muted);margin-bottom:.15rem}.pagina-iso .tl-title{font-weight:700;font-size:.85rem;margin-bottom:.2rem;color:var(--ds-text)}.pagina-iso .tl-desc{font-size:.77rem;color:var(--ds-text-muted);line-height:1.45}.pagina-iso .ev-table,.pagina-iso .f2b-table{width:100%;border-collapse:collapse;font-size:.78rem;margin-bottom:1rem}.pagina-iso .ev-table th,.pagina-iso .f2b-table th{padding:.55rem .8rem;text-align:left;font-size:.68rem;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--ds-border);background:color-mix(in srgb,var(--portal-color) 4%,transparent)}.pagina-iso .ev-table td,.pagina-iso .f2b-table td{padding:.55rem .8rem;border-bottom:1px solid var(--ds-border-subtle);vertical-align:top;color:var(--ds-text-2)}.pagina-iso .ev-table tr:hover td,.pagina-iso .f2b-table tr:hover td{background:var(--ds-hover)}.pagina-iso .mono{font-family:monospace;font-size:.75rem;color:var(--ds-info)}.pagina-iso .card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;padding:1.25rem 1.4rem;margin-bottom:1rem}.pagina-iso .row-between{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.pagina-iso .prog-bar{height:5px;background:var(--ds-border);border-radius:3px;overflow:hidden;margin-top:.35rem}.pagina-iso .prog-fill{height:100%;border-radius:3px;transition:width .8s cubic-bezier(.4,0,.2,1)}.pagina-iso .clausule-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:.6rem;margin-bottom:1.25rem}.pagina-iso .cla-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;padding:.85rem 1rem;transition:border-color .15s,transform .15s}.pagina-iso .cla-card:hover{border-color:color-mix(in srgb,var(--portal-color) 35%,transparent);transform:translateY(-1px)}.pagina-iso .cla-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.pagina-iso .cla-name{font-size:.8rem;font-weight:700;color:var(--ds-text)}.pagina-iso .cla-pct{font-size:.85rem;font-weight:800}.pagina-iso .doc-downloads{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.pagina-iso .doc-dl-btn{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;font-weight:700;font-size:.8rem;padding:.55rem 1rem;border-radius:var(--ds-radius-sm);transition:opacity .15s,transform .15s}.pagina-iso .doc-dl-btn:hover{opacity:.88;transform:translateY(-1px)}.pagina-iso .doc-dl-btn.primary{background:var(--portal-color);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--portal-color) 35%,transparent)}.pagina-iso .doc-dl-btn.outline{border:1px solid var(--portal-color);color:var(--portal-color)}.pagina-iso .doc-cat{font-size:.7rem;font-weight:800;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.7px;margin:1.35rem 0 .6rem}.pagina-iso .doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(270px,100%),1fr));gap:.55rem}.pagina-iso .doc-card{display:flex;align-items:center;gap:.7rem;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;padding:.7rem .9rem;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}.pagina-iso .doc-card:hover{border-color:var(--portal-color);box-shadow:var(--ds-shadow);transform:translate(2px)}.pagina-iso .doc-ic{width:34px;height:34px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--ds-danger) 12%,transparent);color:var(--ds-danger);font-size:1.05rem}.pagina-iso .doc-meta{min-width:0}.pagina-iso .doc-code{font-size:.62rem;font-weight:700;color:var(--ds-text-muted);letter-spacing:.35px}.pagina-iso .doc-title{font-size:.8rem;font-weight:600;color:var(--ds-text);line-height:1.25}@media (max-width:768px){.pagina-iso .controls-grid{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr))}.pagina-iso .server-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.pagina-iso .tech-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.pagina-iso .clausule-grid,.pagina-iso .doc-grid{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr))}.pagina-iso .afw-header{flex-wrap:wrap;padding:.85rem 1rem}.pagina-iso .afw-id{min-width:0;font-size:.65rem}.pagina-iso .ev-table,.pagina-iso .f2b-table{display:block;overflow-x:auto}.pagina-iso .ev-table th,.pagina-iso .ev-table td,.pagina-iso .f2b-table th,.pagina-iso .f2b-table td{white-space:nowrap}}@media (max-width:480px){.pagina-iso .controls-grid,.pagina-iso .server-grid,.pagina-iso .tech-grid,.pagina-iso .clausule-grid,.pagina-iso .doc-grid{grid-template-columns:1fr}.pagina-iso .card{padding:1rem 1.05rem}.pagina-iso .domain-header{padding:.65rem .85rem;flex-wrap:wrap;gap:.5rem}.pagina-iso .domain-title{font-size:.82rem}.pagina-iso .afw-card{margin-bottom:.7rem}.pagina-iso .afw-header{padding:.75rem .9rem;gap:.5rem}.pagina-iso .afw-title{font-size:.8rem}.pagina-iso .afw-body{padding:0 .9rem 1rem}.pagina-iso .afw-field p{font-size:.75rem}.pagina-iso .doc-card{padding:.6rem .75rem;gap:.55rem}.pagina-iso .doc-title{font-size:.76rem;word-break:keep-all;overflow-wrap:break-word}.pagina-iso .ctrl{padding:.55rem .7rem;font-size:.72rem}.pagina-iso .doc-downloads .doc-dl-btn{font-size:.74rem;padding:.5rem .8rem}.pagina-iso .tier-label{font-size:.62rem}.pagina-iso .server-card,.pagina-iso .tech-card{padding:.8rem .9rem}.pagina-iso .timeline{padding-left:1.5rem}.pagina-iso .badge{font-size:.6rem;padding:.16rem .55rem}}.pagina-iso{--acc: var(--ds-success);--acc2: var(--ds-success);--acc-dim: color-mix(in srgb, var(--ds-success) 15%, transparent);--acc-glow: color-mix(in srgb, var(--ds-success) 30%, transparent);--blue: var(--ds-info);--red: var(--ds-danger);--yellow: var(--ds-warning);--cyan: var(--ds-info);--purple: var(--ds-purple);--orange: var(--ds-warning);--pink: var(--ds-purple);--dim: var(--ds-text-muted);--text: var(--ds-text);--card: var(--ds-card);--card2: var(--ds-card);--border: var(--ds-border);--border2: var(--ds-border)}.pagina-iso .cla-pct.ok{color:var(--ds-success)}.pagina-iso .cla-pct.warn{color:var(--ds-warning)}.pagina-iso .cla-pct.bad{color:var(--ds-danger)}.pagina-iso .prog-fill.ok{background:var(--ds-success)}.pagina-iso .prog-fill.warn{background:var(--ds-warning)}.pagina-iso .prog-fill.bad{background:var(--ds-danger)}.pagina-iso .annex-legenda{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.pagina-iso .afw-field.breed{grid-column:1 / -1}.pagina-iso .ctrl-status.badge-ok{color:var(--ds-success)}.pagina-iso .ctrl-status.badge-warn{color:var(--ds-warning)}.pagina-iso .ctrl-status.badge-open{color:var(--ds-danger)}.pagina-iso .badge{display:inline-flex;align-items:center;gap:.25rem}.pagina-iso .badge svg,.pagina-iso .stag svg,.pagina-iso .ctrl-status svg{font-size:.85em}.pagina-iso .stag{display:inline-flex;align-items:center;gap:.2rem}.pagina-iso .tab-content{display:none}.pagina-iso .tab-content.active{display:block}.pagina-iso .tab-nav-wrap{overflow-x:auto}.pagina-iso .tab-nav{display:flex;gap:2px;border-bottom:1px solid var(--ds-border);min-width:max-content}.pagina-iso .tech-icon svg{font-size:1.4rem;color:var(--portal-color)}.pagina-iso27001 .vraag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:12px}.pagina-iso27001 .vraag-card{border:1px solid var(--ds-border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px;background:var(--ds-card-elevated)}.pagina-iso27001 .vraag-head{font-weight:700;font-size:14px;display:flex;gap:6px;align-items:flex-start;color:var(--ds-text)}.pagina-iso27001 .vraag-head svg{color:var(--ds-success);font-size:17px;flex-shrink:0;margin-top:1px}.pagina-iso27001 .vraag-antwoord{font-size:13px;color:var(--ds-text-muted);line-height:1.45;flex:1}.pagina-iso27001 .pill-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.pagina-iso27001 .pill-row.inline{margin:0}.pagina-iso27001 .clausule{padding:14px 0;border-top:1px solid var(--ds-border)}.pagina-iso27001 .clausule:first-of-type{border-top:none;padding-top:0}.pagina-iso27001 .clausule-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pagina-iso27001 .clausule-nr{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;font-weight:800;font-size:14px;flex-shrink:0;color:#fff;background:linear-gradient(135deg,var(--portal-color-light),var(--portal-color))}.pagina-iso27001 .clausule-titel{font-weight:700;font-size:15px;flex:1;color:var(--ds-text)}.pagina-iso27001 .clausule-eis{margin:6px 0 8px;font-size:13px;color:var(--ds-text-muted);line-height:1.5}.pagina-iso27001 .link-pill,.pagina-iso27001 .doc-pill{display:inline-flex;align-items:center;gap:4px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:600;text-decoration:none;transition:filter .12s}.pagina-iso27001 .link-pill:hover,.pagina-iso27001 .doc-pill:hover{filter:brightness(.95)}.pagina-iso27001 .link-pill{background:color-mix(in srgb,var(--portal-color) 13%,transparent);color:var(--portal-color)}.pagina-iso27001 .doc-pill{background:color-mix(in srgb,var(--ds-text-muted) 13%,transparent);color:var(--ds-text-2)}.pagina-iso27001 .link-pill svg,.pagina-iso27001 .doc-pill svg{font-size:13px}.pagina-iso27001 .footer-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}.pagina-iso27001 .link-pill:visited{color:var(--portal-color)}.pagina-iso27001 .doc-pill:visited{color:var(--ds-text-2)}.pagina-iso27001 .footer-row .link-pill{flex:0 0 auto}@media (max-width: 640px){.pagina-iso27001 .pill-row{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}.pagina-iso27001 .pill-row::-webkit-scrollbar{display:none}.pagina-iso27001 .pill-row>*{flex:0 0 auto;white-space:nowrap}}.pagina-isms-flow .pdca-banner{display:flex;gap:18px;align-items:center;padding:18px 20px;flex-wrap:wrap}.pagina-isms-flow .pdca-ring{position:relative;width:120px;height:120px;border-radius:50%;flex-shrink:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;overflow:hidden;border:2px solid var(--ds-border)}.pagina-isms-flow .pdca-q{display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff}.pagina-isms-flow .pdca-q.plan{background:#6366f1}.pagina-isms-flow .pdca-q.do{background:#0ea5e9}.pagina-isms-flow .pdca-q.check{background:#f59e0b}.pagina-isms-flow .pdca-q.act{background:#22c55e}.pagina-isms-flow .pdca-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:26px;color:#fff;background:var(--ds-card);border-radius:50%;padding:6px;box-shadow:0 1px 4px #0003;color:var(--portal-color)}.pagina-isms-flow .pdca-text{flex:1;min-width:240px;font-size:13px;color:var(--ds-text-2);line-height:1.6}.pagina-isms-flow .pdca-text strong{color:var(--ds-text)}.pagina-isms-flow .flow-section{display:flex;flex-direction:column;gap:10px}.pagina-isms-flow .flow-section.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pagina-isms-flow .flow-fase{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin:0;padding:7px 14px;border-radius:8px;display:inline-block;width:fit-content;color:#fff}.pagina-isms-flow .plan-fase{background:#6366f1}.pagina-isms-flow .do-fase{background:#0ea5e9}.pagina-isms-flow .check-fase{background:#f59e0b}.pagina-isms-flow .act-fase{background:#22c55e}.pagina-isms-flow .flow-chain{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}.pagina-isms-flow .flow-node{position:relative;flex:1;min-width:150px;display:flex;flex-direction:column;gap:3px;padding:13px 15px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:11px;box-shadow:var(--ds-shadow);text-decoration:none;transition:border-color .15s,transform .15s}.pagina-isms-flow .flow-node:hover{border-color:var(--portal-color);transform:translateY(-2px)}.pagina-isms-flow .fn-clausule{font-size:10px;font-weight:800;color:var(--portal-color)}.pagina-isms-flow .fn-label{font-size:13.5px;font-weight:800;color:var(--ds-text)}.pagina-isms-flow .fn-sub{font-size:11px;color:var(--ds-text-muted);line-height:1.4}.pagina-isms-flow .fn-arrow{position:absolute;right:-16px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--portal-color);z-index:2;background:var(--ds-bg, var(--ds-card))}.pagina-isms-flow .flow-down{text-align:center}.pagina-isms-flow .flow-down svg{font-size:24px;color:var(--portal-color)}.pagina-isms-flow .cycle-back{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;font-size:12.5px;font-weight:600;color:var(--portal-color);background:color-mix(in srgb,var(--portal-color) 6%,transparent);border:1px dashed color-mix(in srgb,var(--portal-color) 35%,transparent);border-radius:10px}.pagina-isms-flow .detail-flow{padding:18px 20px}.pagina-isms-flow .detail-flow h2{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:15px;font-weight:800;color:var(--ds-text)}.pagina-isms-flow .detail-flow h2 svg{color:#d97706}.pagina-isms-flow .detail-sub{margin:0 0 16px;font-size:12.5px;color:var(--ds-text-muted)}.pagina-isms-flow .rb-flow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pagina-isms-flow .rb-inputs{display:flex;flex-direction:column;gap:8px}.pagina-isms-flow .rb-input{display:flex;flex-direction:column;gap:1px;padding:10px 14px;background:var(--ds-hover);border:1px solid var(--ds-border);border-radius:9px;text-decoration:none;min-width:130px}.pagina-isms-flow .rb-input span{font-size:13px;font-weight:800;color:var(--ds-text)}.pagina-isms-flow .rb-input small{font-size:10.5px;color:var(--ds-text-muted)}.pagina-isms-flow .rb-arrow{font-size:22px;color:var(--portal-color);flex-shrink:0}.pagina-isms-flow .rb-steps{flex:1;min-width:240px;display:flex;flex-direction:column;gap:4px}.pagina-isms-flow .rb-step{display:flex;gap:11px;align-items:center;padding:11px 14px;background:var(--ds-hover);border-radius:9px}.pagina-isms-flow .rb-step.active{background:color-mix(in srgb,var(--portal-color) 10%,transparent);border:1px solid var(--portal-color)}.pagina-isms-flow .rb-nr{width:26px;height:26px;border-radius:7px;background:var(--portal-color);color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px;flex-shrink:0}.pagina-isms-flow .rb-step strong{display:block;font-size:13px;color:var(--ds-text)}.pagina-isms-flow .rb-step small{font-size:11px;color:var(--ds-text-muted)}.pagina-isms-flow .rb-down{font-size:16px;color:var(--portal-color);margin-left:12px}.pagina-isms-flow .rb-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.pagina-isms-flow .rb-link{font-size:12px;font-weight:600;color:var(--portal-color);text-decoration:none}.pagina-isms-flow .norm-link{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px;background:#6366f10a;border:1px solid rgba(99,102,241,.2);border-radius:12px}.pagina-isms-flow .norm-link>svg{font-size:24px;color:var(--portal-color);flex-shrink:0}.pagina-isms-flow .norm-link strong{font-size:13px;color:var(--ds-text)}.pagina-isms-flow .norm-link p{margin:2px 0 0;font-size:12px;color:var(--ds-text-muted)}.pagina-isms-flow .nl-btns{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.pagina-isms-flow .nl-btn{font-size:12px;font-weight:600;color:var(--portal-color);text-decoration:none;padding:6px 10px;border:1px solid var(--portal-color);border-radius:var(--ds-radius-sm);white-space:nowrap}@media (max-width: 760px){.pagina-isms-flow .flow-section.two-col{grid-template-columns:1fr}.pagina-isms-flow .fn-arrow{display:none}}.pagina-isms-flow .norm-link{background:color-mix(in srgb,var(--portal-color) 5%,transparent);border-color:color-mix(in srgb,var(--portal-color) 25%,transparent)}.pagina-isms-flow .detail-flow h2 svg{color:var(--ds-warning)}.pagina-isms-flow .pdca-center{display:grid;place-items:center}.pagina-isms-flow .pdca-center svg{display:block}.pagina-isms-flow .flow-chain{overflow:visible}.pagina-isms-flow .flow-node{color:inherit}.pagina-isms-flow .card{padding:0}.pagina-isms-dashboard .stat-icon.yellow{background:#eab30826;color:#b45309}.pagina-isms-dashboard .section h2{margin:0 0 12px;font-size:16px;font-weight:700;color:var(--ds-text)}.pagina-isms-dashboard .section-intro{margin:0 0 16px;font-size:12px;color:var(--ds-text-muted)}.pagina-isms-dashboard .clausule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:14px}.pagina-isms-dashboard .clausule-card{padding:16px;background:var(--ds-hover);border-radius:10px;border:1px solid var(--ds-border);cursor:pointer;transition:all .2s;display:flex;flex-direction:column}.pagina-isms-dashboard .clausule-card:hover{transform:translateY(-2px);border-color:var(--portal-color);box-shadow:0 4px 12px #6366f11a}.pagina-isms-dashboard .card-number{width:40px;height:40px;background:var(--portal-color);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.pagina-isms-dashboard .card-desc{margin:8px 0;font-size:11px;color:var(--ds-text-muted);line-height:1.4}.pagina-isms-dashboard .progress-bar{height:6px;background:var(--ds-border);border-radius:3px;overflow:hidden;margin:8px 0}.pagina-isms-dashboard .progress-fill{height:100%;background:var(--portal-color);transition:width .3s}.pagina-isms-dashboard .progress-text{font-size:10px;color:var(--ds-text-muted);text-align:right}.pagina-isms-dashboard .card-btn{background:var(--portal-color);color:#fff;border:none;padding:8px 12px;border-radius:var(--ds-radius-sm);font-size:11px;font-weight:600;cursor:pointer;width:100%;margin-top:auto;display:flex;align-items:center;justify-content:center;gap:6px}.pagina-isms-dashboard .card-btn:hover{opacity:.9}.pagina-isms-dashboard .extra-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:14px;margin-top:14px}.pagina-isms-dashboard .extra-card{padding:16px;background:var(--ds-hover);border-radius:10px;border:1px solid var(--ds-border);cursor:pointer;transition:all .2s;text-align:center;display:flex;flex-direction:column}.pagina-isms-dashboard .extra-card:hover{transform:translateY(-2px);border-color:var(--portal-color)}.pagina-isms-dashboard .extra-card svg{font-size:32px;color:var(--portal-color);margin:0 auto 8px}.pagina-isms-dashboard .extra-card h3{margin:0 0 6px;font-size:13px;font-weight:700;color:var(--ds-text)}.pagina-isms-dashboard .extra-card p{margin:0 0 12px;font-size:11px;color:var(--ds-text-muted)}.pagina-isms-dashboard .extra-btn{background:var(--portal-color);color:#fff;border:none;padding:8px 12px;border-radius:var(--ds-radius-sm);font-size:11px;font-weight:600;cursor:pointer;width:100%}.pagina-isms-dashboard .audit-info{background:#6366f10d;border-color:#6366f133}.pagina-isms-dashboard .timeline{display:flex;gap:16px;position:relative;padding:12px 0;overflow-x:auto}.pagina-isms-dashboard .timeline-item{flex-shrink:0;width:140px;padding:12px;background:var(--ds-hover);border-radius:8px;border:1px solid var(--ds-border)}.pagina-isms-dashboard .timeline-item.active{border-color:var(--portal-color);background:#6366f11a}.pagina-isms-dashboard .timeline-date{font-size:11px;font-weight:700;color:var(--portal-color)}.pagina-isms-dashboard .timeline-label{font-size:12px;font-weight:600;color:var(--ds-text);margin-top:4px}.pagina-isms-dashboard .timeline-desc{font-size:10px;color:var(--ds-text-muted);margin-top:4px}.pagina-isms-dashboard .status-badge.status-complete{background:#22c55e33;color:#16a34a}.pagina-isms-dashboard .status-badge.status-in-progress{background:#eab30833;color:#b45309}.pagina-isms-dashboard .status-badge.status-draft{background:#6b728033;color:#4b5563}.pagina-isms-dashboard .clausule-card .card-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:0;background:transparent;border-bottom:none;justify-content:flex-start}.pagina-isms-dashboard .clausule-card .card-title{font-size:13px;font-weight:600;color:var(--ds-text);flex:1;margin:0;padding:0;border-bottom:none;display:block}.pagina-isms-dashboard.page-container>.page-topbar{display:block;padding:20px;border:none;box-shadow:none;background:linear-gradient(135deg,var(--portal-color) 0%,#4f46e5 100%);color:#fff;border-radius:12px}.pagina-isms-dashboard.page-container>.page-topbar .page-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:#fff}.pagina-isms-dashboard.page-container>.page-topbar .page-meta{font-size:12px;opacity:.9;margin-top:6px;color:#fff}.pagina-isms-dashboard .clausule-card,.pagina-isms-dashboard .extra-card{text-decoration:none;color:inherit}.pagina-isms-dashboard .section h2{display:flex;align-items:center;gap:8px}.pagina-isms-dashboard .section h2 svg{font-size:17px;color:var(--portal-color)}.pagina-isms-dashboard .extra-btn{display:block;margin-top:auto;text-align:center}.pagina-clause-6 .vraag-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.pagina-clause-6 .vraag-item{display:flex;gap:12px;padding:12px 14px;background:var(--ds-hover);border-radius:10px}.pagina-clause-6 .vraag-nr{width:26px;height:26px;border-radius:50%;background:var(--portal-color);color:#fff;font-weight:800;font-size:13px;display:grid;place-items:center;flex-shrink:0}.pagina-clause-6 .vraag-body{flex:1}.pagina-clause-6 .vraag-tekst{font-size:12.5px;font-weight:700;color:var(--ds-text);line-height:1.45}.pagina-clause-6 .vraag-antwoord{display:flex;gap:6px;align-items:flex-start;margin-top:5px;font-size:12px;color:var(--ds-text-secondary);line-height:1.5}.pagina-clause-6 .vraag-antwoord svg{font-size:14px;color:#16a34a;flex-shrink:0;margin-top:1px}.pagina-clause-6 .vraag-ref{display:inline-block;margin-top:5px;font-size:10px;font-weight:800;color:var(--portal-color);background:color-mix(in srgb,var(--portal-color) 10%,transparent);padding:2px 8px;border-radius:999px}.pagina-clause-6 .doel-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.pagina-clause-6 .doel-item{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;background:var(--ds-hover);border-radius:8px}.pagina-clause-6 .doel-item svg{font-size:16px;color:#16a34a;flex-shrink:0;margin-top:1px}.pagina-clause-6 .doel-item>div{display:flex;flex-direction:column;gap:3px}.pagina-clause-6 .doel-tekst{font-size:12px;font-weight:700;color:var(--ds-text);line-height:1.4}.pagina-clause-6 .doel-hoe{font-size:11.5px;color:var(--ds-text-secondary);line-height:1.45}.pagina-clause-6 .sub-elem-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.pagina-clause-6 .sub-elem{font-size:11px;font-weight:700;color:var(--portal-color);border:1px solid var(--portal-color);border-radius:999px;padding:4px 11px}.pagina-clause-6 .proc-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:10px;margin-top:12px}.pagina-clause-6 .proc-step{display:flex;gap:10px;padding:12px;background:var(--ds-hover);border-radius:10px}.pagina-clause-6 .ps-nr{width:26px;height:26px;border-radius:8px;background:var(--portal-color);color:#fff;font-weight:800;font-size:13px;display:grid;place-items:center;flex-shrink:0}.pagina-clause-6 .ps-body{display:flex;flex-direction:column;gap:3px}.pagina-clause-6 .ps-titel{font-size:12.5px;font-weight:800;color:var(--ds-text)}.pagina-clause-6 .ps-desc{font-size:11.5px;color:var(--ds-text-secondary);line-height:1.45}.pagina-clause-6 .accept-box,.pagina-clause-6 .valkuil-box{display:flex;gap:11px;align-items:flex-start;padding:13px 15px;border-radius:10px;margin-top:12px}.pagina-clause-6 .accept-box{background:color-mix(in srgb,var(--portal-color) 6%,transparent);border:1px solid color-mix(in srgb,var(--portal-color) 22%,transparent)}.pagina-clause-6 .accept-box svg{font-size:20px;color:var(--portal-color);flex-shrink:0;margin-top:1px}.pagina-clause-6 .valkuil-box{background:#f59e0b14;border:1px solid rgba(245,158,11,.3)}.pagina-clause-6 .valkuil-box svg{font-size:20px;color:#d97706;flex-shrink:0;margin-top:1px}.pagina-clause-6 .accept-box div,.pagina-clause-6 .valkuil-box div{font-size:12px;color:var(--ds-text-2);line-height:1.55}.pagina-clause-6 .accept-box strong,.pagina-clause-6 .valkuil-box strong{color:var(--ds-text)}@media (max-width: 640px){.pagina-clause-6 .doel-grid{grid-template-columns:1fr}}.pagina-clause-6 .section h2{margin:0 0 14px;font-size:16px;font-weight:700;color:var(--ds-text)}.pagina-clause-6 .norm-text{padding:14px;background:#6366f114;border-left:4px solid var(--portal-color);border-radius:6px;font-size:13px;line-height:1.6;color:var(--ds-text)}.pagina-clause-6 .checklist{display:flex;flex-direction:column;gap:10px}.pagina-clause-6 .check-item{display:flex;gap:12px;padding:12px;background:var(--ds-hover);border-radius:8px}.pagina-clause-6 .check-item.done svg{color:#16a34a;font-size:20px;flex-shrink:0}.pagina-clause-6 .check-content h4{margin:0 0 4px;font-size:12px;font-weight:600;color:var(--ds-text)}.pagina-clause-6 .check-content p{margin:0;font-size:11px;color:var(--ds-text-secondary);line-height:1.4}.pagina-clause-6 .risk-table-wrap{overflow-x:auto;border-radius:8px;border:1px solid var(--ds-border);margin-bottom:10px}.pagina-clause-6 .sh-table{width:100%;border-collapse:collapse;font-size:12px}.pagina-clause-6 .sh-table th{background:var(--ds-hover);padding:10px 12px;text-align:left;font-size:11px;font-weight:700;color:var(--ds-text-secondary);border-bottom:1px solid var(--ds-border)}.pagina-clause-6 .sh-table td{padding:10px 12px;border-bottom:1px solid var(--ds-border);vertical-align:top;color:var(--ds-text);line-height:1.4}.pagina-clause-6 .sh-table tr:last-child td{border-bottom:none}.pagina-clause-6 .sh-table .eisen{max-width:200px}.pagina-clause-6 .risk-score{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700}.pagina-clause-6 .risk-score.high{background:#ef44441f;color:#dc2626}.pagina-clause-6 .status-dot:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%}.pagina-clause-6 .dot-green:before{background:#16a34a}.pagina-clause-6 .evidence-link{display:inline-block;font-size:12px;color:var(--portal-color);font-weight:600;text-decoration:none}.pagina-clause-6 .evidence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.pagina-clause-6 .evidence-card.pdf{border-style:dashed}.pagina-clause-6 .evidence-card{display:flex;flex-direction:column;gap:6px;padding:14px;background:var(--ds-hover);border-radius:8px;text-decoration:none;border:1px solid var(--ds-border);transition:border-color .15s}.pagina-clause-6 .evidence-card:hover{border-color:var(--portal-color)}.pagina-clause-6 .evidence-card svg{font-size:20px;color:var(--portal-color)}.pagina-clause-6 .evidence-card h4{margin:0;font-size:12px;font-weight:600;color:var(--ds-text)}.pagina-clause-6 .evidence-card p{margin:0;font-size:11px;color:var(--ds-text-secondary)}.pagina-clause-6 .audit-status{background:#22c55e0d;border-color:#22c55e33}.pagina-clause-6 .status-bar{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.pagina-clause-6 .status-item{display:flex;gap:8px;align-items:center;font-size:12px;padding:8px;border-radius:6px;background:var(--ds-card)}.pagina-clause-6 .status-item.completed{color:#16a34a}.pagina-clause-6 .status-item svg{font-size:16px}.pagina-clause-6 .completion p{margin:0;font-size:12px;color:var(--ds-text-secondary)}.pagina-clause-6 .status-dot{display:inline-flex;align-items:center;gap:5px;width:auto;height:auto;border-radius:0;background:none;flex-shrink:1;font-size:11px;font-weight:600}.pagina-clause-6 .link-btn{display:inline-flex;align-items:center;gap:6px;align-self:start;padding:8px 12px;border-radius:var(--ds-radius-sm);border:1px dashed var(--ds-border);background:var(--ds-hover);color:var(--portal-color);font-size:11px;font-weight:700;text-decoration:none;transition:border-color .15s;white-space:nowrap}.pagina-clause-6 .link-btn:hover{border-color:var(--portal-color)}.pagina-clause-6 .link-btn svg{font-size:15px}.pagina-clause-6 .section-sub{margin:0 0 4px;font-size:12.5px;color:var(--ds-text-2);line-height:1.55}.pagina-clause-6 .msr-table-wrap{overflow-x:auto;border-radius:8px;border:1px solid var(--ds-border);margin-bottom:10px}.pagina-clause-6 .aanw-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.pagina-clause-6 .aanw-item{padding:12px 14px;background:var(--ds-hover);border-radius:10px}.pagina-clause-6 .aanw-vraag{display:flex;gap:7px;align-items:flex-start;font-size:12.5px;font-weight:700;color:var(--ds-text);line-height:1.45}.pagina-clause-6 .aanw-vraag svg{font-size:15px;color:var(--portal-color);flex-shrink:0;margin-top:1px}.pagina-clause-6 .aanw-antwoord{display:flex;gap:7px;align-items:flex-start;margin-top:6px;font-size:12px;color:var(--ds-text-2);line-height:1.5}.pagina-clause-6 .aanw-antwoord svg{font-size:14px;color:#16a34a;flex-shrink:0;margin-top:1px}@media (max-width: 900px){.pagina-clause-6 .sh-table{display:block;overflow-x:auto}.pagina-clause-6 .sh-table th,.pagina-clause-6 .sh-table td{white-space:nowrap}.pagina-clause-6 .sh-table .eisen,.pagina-clause-6 .sh-table td.eisen{white-space:normal;min-width:240px;max-width:none}}.pagina-clause-7 .section h2{margin:0 0 14px;font-size:16px;font-weight:700;color:var(--ds-text)}.pagina-clause-7 .norm-text{padding:14px;background:#6366f114;border-left:4px solid var(--portal-color);border-radius:6px;font-size:13px;line-height:1.6;color:var(--ds-text)}.pagina-clause-7 .checklist{display:flex;flex-direction:column;gap:10px}.pagina-clause-7 .check-item{display:flex;gap:12px;padding:12px;background:var(--ds-hover);border-radius:8px}.pagina-clause-7 .check-item.done svg{color:#16a34a;font-size:20px;flex-shrink:0}.pagina-clause-7 .check-content h4{margin:0 0 4px;font-size:12px;font-weight:600;color:var(--ds-text)}.pagina-clause-7 .check-content p{margin:0;font-size:11px;color:var(--ds-text-secondary);line-height:1.4}.pagina-clause-7 .risk-table-wrap{overflow-x:auto;border-radius:8px;border:1px solid var(--ds-border)}.pagina-clause-7 .sh-table{width:100%;border-collapse:collapse;font-size:12px}.pagina-clause-7 .sh-table th{background:var(--ds-hover);padding:10px 12px;text-align:left;font-size:11px;font-weight:700;color:var(--ds-text-secondary);border-bottom:1px solid var(--ds-border)}.pagina-clause-7 .sh-table td{padding:10px 12px;border-bottom:1px solid var(--ds-border);vertical-align:top;color:var(--ds-text);line-height:1.4}.pagina-clause-7 .sh-table tr:last-child td{border-bottom:none}.pagina-clause-7 .sh-table .eisen{max-width:250px}.pagina-clause-7 .status-dot:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%}.pagina-clause-7 .dot-green:before{background:#16a34a}.pagina-clause-7 .evidence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.pagina-clause-7 .evidence-card{display:flex;flex-direction:column;gap:6px;padding:14px;background:var(--ds-hover);border-radius:8px;text-decoration:none;border:1px solid var(--ds-border);transition:border-color .15s}.pagina-clause-7 .evidence-card:hover{border-color:var(--portal-color)}.pagina-clause-7 .evidence-card svg{font-size:20px;color:var(--portal-color)}.pagina-clause-7 .evidence-card h4{margin:0;font-size:12px;font-weight:600;color:var(--ds-text)}.pagina-clause-7 .evidence-card p{margin:0;font-size:11px;color:var(--ds-text-secondary)}.pagina-clause-7 .audit-status{background:#22c55e0d;border-color:#22c55e33}.pagina-clause-7 .status-bar{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.pagina-clause-7 .status-item{display:flex;gap:8px;align-items:center;font-size:12px;padding:8px;border-radius:6px;background:var(--ds-card)}.pagina-clause-7 .status-item.completed{color:#16a34a}.pagina-clause-7 .status-item svg{font-size:16px}.pagina-clause-7 .completion p{margin:0;font-size:12px;color:var(--ds-text-secondary)}.pagina-clause-7 .status-dot{display:inline-flex;align-items:center;gap:5px;width:auto;height:auto;border-radius:0;background:none;flex-shrink:1;font-size:11px;font-weight:600}.pagina-clause-7 .link-btn{display:inline-flex;align-items:center;gap:6px;align-self:start;padding:8px 12px;border-radius:var(--ds-radius-sm);border:1px dashed var(--ds-border);background:var(--ds-hover);color:var(--portal-color);font-size:11px;font-weight:700;text-decoration:none;transition:border-color .15s;white-space:nowrap}.pagina-clause-7 .link-btn:hover{border-color:var(--portal-color)}.pagina-clause-7 .link-btn svg{font-size:15px}@media (max-width: 900px){.pagina-clause-7 .sh-table{display:block;overflow-x:auto}.pagina-clause-7 .sh-table th,.pagina-clause-7 .sh-table td{white-space:nowrap}.pagina-clause-7 .sh-table .eisen,.pagina-clause-7 .sh-table td.eisen{white-space:normal;min-width:240px;max-width:none}}.pagina-clause-8 .section h2{margin:0 0 14px;font-size:16px;font-weight:700;color:var(--ds-text)}.pagina-clause-8 .norm-text{padding:14px;background:#6366f114;border-left:4px solid var(--portal-color);border-radius:6px;font-size:13px;line-height:1.6;color:var(--ds-text)}.pagina-clause-8 .checklist{display:flex;flex-direction:column;gap:10px}.pagina-clause-8 .check-item{display:flex;gap:12px;padding:12px;background:var(--ds-hover);border-radius:8px}.pagina-clause-8 .check-item.done svg{color:#16a34a;font-size:20px;flex-shrink:0}.pagina-clause-8 .check-content h4{margin:0 0 4px;font-size:12px;font-weight:600;color:var(--ds-text)}.pagina-clause-8 .check-content p{margin:0;font-size:11px;color:var(--ds-text-secondary);line-height:1.4}.pagina-clause-8 .controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:10px}.pagina-clause-8 .control-card{padding:12px;background:var(--ds-hover);border-radius:8px;border:1px solid var(--ds-border)}.pagina-clause-8 .control-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.pagina-clause-8 .control-ref{font-size:10px;font-weight:700;color:var(--portal-color)}.pagina-clause-8 .control-card h4{margin:0 0 4px;font-size:12px;font-weight:600;color:var(--ds-text)}.pagina-clause-8 .control-card p{margin:0;font-size:11px;color:var(--ds-text-secondary);line-height:1.4}.pagina-clause-8 .status-dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%}.pagina-clause-8 .dot-green:before{background:#16a34a}.pagina-clause-8 .evidence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.pagina-clause-8 .evidence-card{display:flex;flex-direction:column;gap:6px;padding:14px;background:var(--ds-hover);border-radius:8px;text-decoration:none;border:1px solid var(--ds-border);transition:border-color .15s}.pagina-clause-8 .evidence-card:hover{border-color:var(--portal-color)}.pagina-clause-8 .evidence-card svg{font-size:20px;color:var(--portal-color)}.pagina-clause-8 .evidence-card h4{margin:0;font-size:12px;font-weight:600;color:var(--ds-text)}.pagina-clause-8 .evidence-card p{margin:0;font-size:11px;color:var(--ds-text-secondary)}.pagina-clause-8 .audit-status{background:#22c55e0d;border-color:#22c55e33}.pagina-clause-8 .status-bar{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.pagina-clause-8 .status-item{display:flex;gap:8px;align-items:center;font-size:12px;padding:8px;border-radius:6px;background:var(--ds-card)}.pagina-clause-8 .status-item.completed{color:#16a34a}.pagina-clause-8 .status-item svg{font-size:16px}.pagina-clause-8 .completion p{margin:0;font-size:12px;color:var(--ds-text-secondary)}.pagina-clause-8 .status-dot{display:inline-flex;align-items:center;gap:5px;width:auto;height:auto;border-radius:0;background:none;flex-shrink:1;font-size:11px;font-weight:600}.pagina-clause-8 .link-btn{display:inline-flex;align-items:center;gap:6px;align-self:start;padding:8px 12px;border-radius:var(--ds-radius-sm);border:1px dashed var(--ds-border);background:var(--ds-hover);color:var(--portal-color);font-size:11px;font-weight:700;text-decoration:none;transition:border-color .15s;white-space:nowrap}.pagina-clause-8 .link-btn:hover{border-color:var(--portal-color)}.pagina-clause-8 .link-btn svg{font-size:15px}.pagina-clause-9 .section h2{margin:0 0 14px;font-size:16px;font-weight:700;color:var(--ds-text)}.pagina-clause-9 .norm-text{padding:14px;background:#6366f114;border-left:4px solid var(--portal-color);border-radius:6px;font-size:13px;line-height:1.6;color:var(--ds-text)}.pagina-clause-9 .checklist{display:flex;flex-direction:column;gap:10px}.pagina-clause-9 .check-item{display:flex;gap:12px;padding:12px;background:var(--ds-hover);border-radius:8px}.pagina-clause-9 .check-item.done svg{color:#16a34a;font-size:20px;flex-shrink:0}.pagina-clause-9 .check-content h4{margin:0 0 4px;font-size:12px;font-weight:600;color:var(--ds-text)}.pagina-clause-9 .check-content p{margin:0;font-size:11px;color:var(--ds-text-secondary);line-height:1.4}.pagina-clause-9 .kpi-card{padding:14px;background:var(--ds-hover);border-radius:8px;border:1px solid var(--ds-border);text-align:center}.pagina-clause-9 .kpi-value{font-size:22px;font-weight:800;color:var(--portal-color)}.pagina-clause-9 .kpi-label{font-size:11px;font-weight:600;color:var(--ds-text);margin:4px 0 2px}.pagina-clause-9 .kpi-target{font-size:10px;color:var(--ds-text-secondary);margin-bottom:6px}.pagina-clause-9 .status-dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%}.pagina-clause-9 .dot-green:before{background:#16a34a}.pagina-clause-9 .dot-orange:before{background:#ea580c}.pagina-clause-9 .besluit-list{display:flex;flex-direction:column;gap:10px}.pagina-clause-9 .besluit{display:flex;gap:12px;padding:12px;background:var(--ds-hover);border-radius:8px;align-items:flex-start}.pagina-clause-9 .besluit-id{font-size:10px;font-weight:800;color:var(--portal-color);background:#6366f11a;padding:2px 8px;border-radius:8px;white-space:nowrap}.pagina-clause-9 .besluit strong{font-size:12px;font-weight:700;color:var(--ds-text)}.pagina-clause-9 .besluit p{margin:4px 0 0;font-size:11px;color:var(--ds-text-secondary);line-height:1.4}.pagina-clause-9 .evidence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.pagina-clause-9 .evidence-card{display:flex;flex-direction:column;gap:6px;padding:14px;background:var(--ds-hover);border-radius:8px;text-decoration:none;border:1px solid var(--ds-border);transition:border-color .15s}.pagina-clause-9 .evidence-card:hover{border-color:var(--portal-color)}.pagina-clause-9 .evidence-card svg{font-size:20px;color:var(--portal-color)}.pagina-clause-9 .evidence-card h4{margin:0;font-size:12px;font-weight:600;color:var(--ds-text)}.pagina-clause-9 .evidence-card p{margin:0;font-size:11px;color:var(--ds-text-secondary)}.pagina-clause-9 .audit-status{background:#22c55e0d;border-color:#22c55e33}.pagina-clause-9 .status-bar{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.pagina-clause-9 .status-item{display:flex;gap:8px;align-items:center;font-size:12px;padding:8px;border-radius:6px;background:var(--ds-card)}.pagina-clause-9 .status-item.completed{color:#16a34a}.pagina-clause-9 .status-item svg{font-size:16px}.pagina-clause-9 .completion p{margin:0;font-size:12px;color:var(--ds-text-secondary)}.pagina-clause-9 .status-dot{display:inline-flex;align-items:center;gap:5px;width:auto;height:auto;border-radius:0;background:none;flex-shrink:1;font-size:11px;font-weight:600}.pagina-clause-9 .link-btn{display:inline-flex;align-items:center;gap:6px;align-self:start;padding:8px 12px;border-radius:var(--ds-radius-sm);border:1px dashed var(--ds-border);background:var(--ds-hover);color:var(--portal-color);font-size:11px;font-weight:700;text-decoration:none;transition:border-color .15s;white-space:nowrap}.pagina-clause-9 .link-btn:hover{border-color:var(--portal-color)}.pagina-clause-9 .link-btn svg{font-size:15px}.pagina-clause-9 .kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}@media (max-width: 640px){.pagina-clause-9 .besluit>div{min-width:0;flex:1 1 auto}}.pagina-clause-10 .section h2{margin:0 0 14px;font-size:16px;font-weight:700;color:var(--ds-text)}.pagina-clause-10 .norm-text{padding:14px;background:#6366f114;border-left:4px solid var(--portal-color);border-radius:6px;font-size:13px;line-height:1.6;color:var(--ds-text)}.pagina-clause-10 .checklist{display:flex;flex-direction:column;gap:10px}.pagina-clause-10 .check-item{display:flex;gap:12px;padding:12px;background:var(--ds-hover);border-radius:8px}.pagina-clause-10 .check-item.done svg{color:#16a34a;font-size:20px;flex-shrink:0}.pagina-clause-10 .check-content h4{margin:0 0 4px;font-size:12px;font-weight:600;color:var(--ds-text)}.pagina-clause-10 .check-content p{margin:0;font-size:11px;color:var(--ds-text-secondary);line-height:1.4}.pagina-clause-10 .stat-pill{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}.pagina-clause-10 .stat-pill.green{background:#22c55e1f;color:#16a34a}.pagina-clause-10 .stat-pill.orange{background:#f59e0b1f;color:#d97706}.pagina-clause-10 .stat-pill.gray{background:var(--ds-hover);color:var(--ds-text-secondary)}.pagina-clause-10 .afw-table-wrap{overflow-x:auto;border-radius:8px;border:1px solid var(--ds-border);margin-bottom:10px}.pagina-clause-10 .sh-table{width:100%;border-collapse:collapse;font-size:12px}.pagina-clause-10 .sh-table th{background:var(--ds-hover);padding:10px 12px;text-align:left;font-size:11px;font-weight:700;color:var(--ds-text-secondary);border-bottom:1px solid var(--ds-border)}.pagina-clause-10 .sh-table td{padding:10px 12px;border-bottom:1px solid var(--ds-border);vertical-align:top;color:var(--ds-text);line-height:1.4}.pagina-clause-10 .sh-table tr:last-child td{border-bottom:none}.pagina-clause-10 .sh-table .eisen{max-width:300px}.pagina-clause-10 .status-dot:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%}.pagina-clause-10 .dot-green:before{background:#16a34a}.pagina-clause-10 .dot-orange:before{background:#ea580c}.pagina-clause-10 .evidence-link{display:inline-block;font-size:12px;color:var(--portal-color);font-weight:600;text-decoration:none}.pagina-clause-10 .evidence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.pagina-clause-10 .evidence-card{display:flex;flex-direction:column;gap:6px;padding:14px;background:var(--ds-hover);border-radius:8px;text-decoration:none;border:1px solid var(--ds-border);transition:border-color .15s}.pagina-clause-10 .evidence-card:hover{border-color:var(--portal-color)}.pagina-clause-10 .evidence-card svg{font-size:20px;color:var(--portal-color)}.pagina-clause-10 .evidence-card h4{margin:0;font-size:12px;font-weight:600;color:var(--ds-text)}.pagina-clause-10 .evidence-card p{margin:0;font-size:11px;color:var(--ds-text-secondary)}.pagina-clause-10 .audit-status{background:#22c55e0d;border-color:#22c55e33}.pagina-clause-10 .status-bar{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.pagina-clause-10 .status-item{display:flex;gap:8px;align-items:center;font-size:12px;padding:8px;border-radius:6px;background:var(--ds-card)}.pagina-clause-10 .status-item.completed{color:#16a34a}.pagina-clause-10 .status-item svg{font-size:16px}.pagina-clause-10 .completion p{margin:0;font-size:12px;color:var(--ds-text-secondary)}.pagina-clause-10 .status-dot{display:inline-flex;align-items:center;gap:5px;width:auto;height:auto;border-radius:0;background:none;flex-shrink:1;font-size:11px;font-weight:600}.pagina-clause-10 .link-btn{display:inline-flex;align-items:center;gap:6px;align-self:start;padding:8px 12px;border-radius:var(--ds-radius-sm);border:1px dashed var(--ds-border);background:var(--ds-hover);color:var(--portal-color);font-size:11px;font-weight:700;text-decoration:none;transition:border-color .15s;white-space:nowrap}.pagina-clause-10 .link-btn:hover{border-color:var(--portal-color)}.pagina-clause-10 .link-btn svg{font-size:15px}.pagina-clause-10 .stats-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}@media (max-width: 900px){.pagina-clause-10 .sh-table{display:block;overflow-x:auto}.pagina-clause-10 .sh-table th,.pagina-clause-10 .sh-table td{white-space:nowrap}.pagina-clause-10 .sh-table .eisen,.pagina-clause-10 .sh-table td.eisen{white-space:normal;min-width:240px;max-width:none}}.pagina-hub-norm .section h2{margin:0 0 12px;font-size:16px;font-weight:700;color:var(--ds-text)}.pagina-hub-norm .sub{margin:-6px 0 12px;font-size:12px;color:var(--ds-text-secondary)}.pagina-hub-norm .clause-banner{display:flex;gap:12px;align-items:flex-start;padding:14px;background:#6366f114;border-radius:10px;margin-bottom:12px}.pagina-hub-norm .clause-banner svg{font-size:26px;color:var(--portal-color);flex-shrink:0}.pagina-hub-norm .clause-banner h2{margin:0 0 4px;font-size:14px}.pagina-hub-norm .clause-link{font-size:12px;font-weight:600;color:var(--portal-color);text-decoration:none}.pagina-hub-norm .clause-link:hover{text-decoration:underline}.pagina-hub-norm .norm-text{padding:14px;background:var(--ds-hover);border-left:4px solid var(--portal-color);border-radius:6px;font-size:13px;line-height:1.6;color:var(--ds-text)}.pagina-hub-norm .eisen-list{display:flex;flex-direction:column;gap:8px}.pagina-hub-norm .eis{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;background:var(--ds-hover);border-radius:8px}.pagina-hub-norm .eis svg{font-size:18px;color:#16a34a;flex-shrink:0;margin-top:1px}.pagina-hub-norm .eis span{font-size:12px;color:var(--ds-text);line-height:1.4}.pagina-hub-norm .bewijs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:10px}.pagina-hub-norm .bewijs-card{padding:14px;background:var(--ds-hover);border:1px solid var(--ds-border);border-radius:10px;text-decoration:none;transition:border-color .15s,transform .15s}.pagina-hub-norm .bewijs-card:hover{border-color:var(--portal-color);transform:translateY(-2px)}.pagina-hub-norm .bc-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.pagina-hub-norm .bc-head h4{margin:0;font-size:13px;font-weight:700;color:var(--ds-text)}.pagina-hub-norm .bc-head svg{font-size:16px;color:var(--portal-color)}.pagina-hub-norm .bewijs-card p{margin:0;font-size:11px;color:var(--ds-text-secondary);line-height:1.4}.pagina-hub-norm .doc-list{display:flex;flex-direction:column;gap:8px}.pagina-hub-norm .doc-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--ds-hover);border-radius:8px;text-decoration:none;transition:background .15s}.pagina-hub-norm .doc-item:hover{background:#6366f114}.pagina-hub-norm .doc-item svg{font-size:17px;color:var(--portal-color);flex-shrink:0}.pagina-hub-norm .doc-item span{font-size:12px;color:var(--ds-text);flex:1;font-weight:500}.pagina-hub-norm .doc-item .ext{font-size:13px;color:var(--ds-text-secondary)}.pagina-beleid .hoofd{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:14px;text-decoration:none;background:var(--portal-color);color:#fff;box-shadow:0 4px 14px -4px var(--portal-color)}.pagina-beleid .hoofd-ic svg{font-size:30px}.pagina-beleid .hoofd-txt{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.pagina-beleid .hoofd-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.85}.pagina-beleid .hoofd-txt strong{font-size:16px}.pagina-beleid .hoofd-id{font-size:11.5px;opacity:.8;font-variant-numeric:tabular-nums}.pagina-beleid .hoofd .go{font-size:20px;opacity:.9}.pagina-beleid .bundel{display:flex;align-items:center;gap:11px;padding:12px 16px;border-radius:12px;text-decoration:none;border:1px dashed var(--portal-color);background:color-mix(in srgb,var(--portal-color) 7%,transparent);color:var(--portal-color);font-size:13.5px}.pagina-beleid .bundel>svg:first-child{font-size:20px}.pagina-beleid .bundel span{flex:1;min-width:0}.pagina-beleid .bundel strong{font-weight:700}.pagina-beleid .bundel .go{font-size:17px}.pagina-beleid .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(330px,100%),1fr));gap:12px}.pagina-beleid .kaart{display:flex;align-items:center;gap:13px;padding:14px 15px;border:1px solid var(--ds-border);border-radius:12px;background:var(--ds-card)}.pagina-beleid .nr{flex-shrink:0;width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:color-mix(in srgb,var(--portal-color) 12%,transparent);color:var(--portal-color);font-weight:800;font-size:15px}.pagina-beleid .body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pagina-beleid .punt{font-size:11.5px;color:var(--ds-text-muted);font-weight:600}.pagina-beleid .titel{font-size:13.5px;font-weight:700;color:var(--ds-text);line-height:1.35}.pagina-beleid .id{font-size:11px;color:var(--ds-text-muted);font-variant-numeric:tabular-nums}.pagina-beleid .acties{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.pagina-beleid .btn{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:999px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-secondary);font-size:12px;font-weight:700;text-decoration:none;cursor:pointer;white-space:nowrap}.pagina-beleid .btn svg{font-size:14px}.pagina-beleid .btn:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-beleid .btn.prim{background:var(--portal-color);color:#fff;border-color:var(--portal-color)}.pagina-beleid .btn.prim:hover{color:#fff}@media (max-width: 560px){.pagina-beleid .kaart{flex-wrap:wrap}.pagina-beleid .acties{flex-direction:row;width:100%}}.pagina-procedures .info-bar{display:flex;gap:12px;align-items:flex-start;padding:13px 16px}.pagina-procedures .info-bar>svg{font-size:22px;color:var(--portal-color);flex-shrink:0;margin-top:1px}.pagina-procedures .info-bar strong{color:var(--ds-text)}.pagina-procedures .info-bar div{font-size:12.5px;color:var(--ds-text-2);line-height:1.55}.pagina-procedures .scen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:14px}.pagina-procedures .scen-card{background:var(--ds-card);border:1px solid var(--ds-border);border-left:4px solid var(--accent, var(--portal-color));border-radius:12px;padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:12px;transition:transform .15s,box-shadow .15s;box-shadow:var(--ds-shadow)}.pagina-procedures .scen-card:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-lg)}.pagina-procedures .sc-icon{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 14%,var(--ds-card))}.pagina-procedures .sc-icon svg{font-size:22px;color:var(--accent)}.pagina-procedures .sc-body{display:flex;flex-direction:column;gap:4px}.pagina-procedures .sc-body strong{font-size:14px;color:var(--ds-text)}.pagina-procedures .sc-trigger{font-size:12px;color:var(--ds-text-secondary);line-height:1.45}.pagina-procedures .sc-norm{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted);margin-top:2px}.pagina-procedures .sc-actions{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--ds-border-subtle)}.pagina-procedures .sc-steps{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--ds-text-secondary)}.pagina-procedures .sc-pdf{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--accent);text-decoration:none;padding:4px 9px;border:1px solid var(--accent);border-radius:7px}.pagina-procedures .sc-pdf:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.pagina-procedures .norm-link{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px;background:#6366f10a;border:1px solid rgba(99,102,241,.2);border-radius:12px}.pagina-procedures .norm-link>svg{font-size:24px;color:var(--portal-color);flex-shrink:0}.pagina-procedures .norm-link strong{font-size:13px;color:var(--ds-text)}.pagina-procedures .norm-link p{margin:2px 0 0;font-size:12px;color:var(--ds-text-secondary)}.pagina-procedures .nl-btns{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.pagina-procedures .nl-btn{font-size:12px;font-weight:600;color:var(--portal-color);text-decoration:none;padding:6px 10px;border:1px solid var(--portal-color);border-radius:var(--ds-radius-sm);white-space:nowrap}@keyframes pagina-procedures-fadeIn{0%{opacity:0}to{opacity:1}}.pagina-procedures .modal-header h3 svg{color:var(--accent)}.pagina-procedures .m-trigger{font-size:13px;color:var(--ds-text);background:var(--ds-hover);border-radius:8px;padding:10px 12px;margin-bottom:8px;line-height:1.5}.pagina-procedures .m-norm{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted);margin-bottom:16px}.pagina-procedures .stap{margin-bottom:16px}.pagina-procedures .stap-head{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:700;color:var(--ds-text);margin-bottom:8px}.pagina-procedures .stap-num{width:24px;height:24px;border-radius:7px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800;flex-shrink:0}.pagina-procedures .stap-acties{margin:0;padding-left:34px;display:flex;flex-direction:column;gap:5px}.pagina-procedures .stap-acties li{font-size:12.5px;color:var(--ds-text-2);line-height:1.5}.pagina-procedures .m-contact{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#ef44440f;border:1px solid rgba(239,68,68,.2);border-radius:10px;margin-top:10px}.pagina-procedures .m-contact svg{font-size:20px;color:#dc2626;flex-shrink:0}.pagina-procedures .m-contact span{font-size:12.5px;color:var(--ds-text)}.pagina-procedures .scen-card,.pagina-procedures .stap-num{--accent: var(--portal-color)}.pagina-structuur .diagram-card .diagram-scroll{overflow-x:auto}.pagina-structuur .arch-svg{width:100%;min-width:980px;height:auto;display:block}.pagina-structuur .arch-svg .box{fill:var(--ds-card);stroke:var(--ds-text-muted);stroke-width:1.2}.pagina-structuur .arch-svg .box-accent{stroke:var(--portal-color);stroke-width:1.6}.pagina-structuur .arch-svg .box-ok{stroke:var(--ds-success);stroke-width:1.6}.pagina-structuur .arch-svg .box-warn{stroke:var(--ds-warning);stroke-width:1.6}.pagina-structuur .arch-svg .box-plan{stroke:var(--ds-text-muted);stroke-dasharray:5 4}.pagina-structuur .arch-svg .box-stil{stroke:var(--ds-text-muted);opacity:.8}.pagina-structuur .arch-svg .t{fill:var(--ds-text);text-anchor:middle;font-family:inherit}.pagina-structuur .arch-svg .t-titel{font-size:14px;font-weight:600}.pagina-structuur .arch-svg .t-sub{font-size:11.5px;opacity:.72}.pagina-structuur .arch-svg .lbl{fill:var(--ds-text-muted);font-size:10.5px;text-anchor:middle;font-family:inherit}.pagina-structuur .arch-svg .lijn path{fill:none;stroke:var(--ds-text-muted);stroke-width:1.4;opacity:.75}.pagina-structuur .arch-svg .lijn path.stippel{stroke-dasharray:5 4;opacity:.55}.pagina-structuur .arch-svg .pijlkop{fill:var(--ds-text-muted)}.pagina-structuur .legenda{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px;font-size:12.5px;color:var(--ds-text-muted)}.pagina-structuur .leg{display:inline-flex;align-items:center;gap:6px}.pagina-structuur .dot{width:10px;height:10px;border-radius:3px;border:2px solid var(--ds-text-muted);display:inline-block}.pagina-structuur .dot-accent{border-color:var(--portal-color)}.pagina-structuur .dot-ok{border-color:var(--ds-success)}.pagina-structuur .dot-warn{border-color:var(--ds-warning)}.pagina-structuur .dot-plan{border-style:dashed}.pagina-structuur .table-scroll{overflow-x:auto}.pagina-structuur .cel-naam{font-weight:600}.pagina-structuur .voetnoot{font-size:12.5px;color:var(--ds-text-muted);margin:10px 2px 0}.pagina-structuur .status-badge.st-live{color:var(--ds-success);border-color:currentColor}.pagina-structuur .status-badge.st-nieuw{color:var(--portal-color);border-color:currentColor}.pagina-structuur .status-badge.st-gepland{color:var(--ds-text-muted);border-color:currentColor}.pagina-structuur .diagram-scroll{max-width:100%}.pagina-checklist .cl-progress-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;padding:16px 18px;box-shadow:var(--ds-shadow)}.pagina-checklist .cl-progress-head{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--ds-text-muted);margin-bottom:10px}.pagina-checklist .cl-progress-head strong{font-size:20px;font-weight:800;color:var(--ds-text)}.pagina-checklist .cl-bar{height:8px;border-radius:999px;background:#94a3b82e;overflow:hidden}.pagina-checklist .cl-bar-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:inherit;transition:width .4s cubic-bezier(.4,0,.2,1)}.pagina-checklist .cl-progress-stats{display:flex;gap:16px;margin-top:12px;font-size:12px}.pagina-checklist .cl-stat{display:inline-flex;align-items:center;gap:5px;font-weight:600}.pagina-checklist .cl-stat.done{color:#16a34a}.pagina-checklist .cl-stat.busy{color:#d97706}.pagina-checklist .cl-stat.todo{color:var(--ds-text-muted)}.pagina-checklist .cl-tabs{display:flex;flex-wrap:wrap;gap:7px}.pagina-checklist .cl-tab{display:inline-flex;align-items:center;gap:6px;background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text-2);border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:700;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.pagina-checklist .cl-tab:hover{border-color:var(--dom-clr);color:var(--dom-clr)}.pagina-checklist .cl-tab svg{font-size:15px;color:var(--dom-clr)}.pagina-checklist .cl-tab.active{border-color:var(--dom-clr);color:var(--dom-clr);background:color-mix(in srgb,var(--dom-clr) 10%,transparent)}.pagina-checklist .cl-tab-count{font-size:10px;font-weight:800;opacity:.75}.pagina-checklist .cl-bar-row{display:flex;gap:10px;flex-wrap:wrap}.pagina-checklist .cl-search{display:flex;align-items:center;gap:7px;flex:1;min-width:200px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:9px;padding:0 11px;transition:border-color .15s}.pagina-checklist .cl-search:focus-within{border-color:var(--portal-color)}.pagina-checklist .cl-search svg{color:var(--ds-text-muted);font-size:16px}.pagina-checklist .cl-search input{flex:1;border:none;background:transparent;color:var(--ds-text);font:inherit;font-size:13px;padding:9px 0;outline:none}.pagina-checklist .cl-sel{background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text);border-radius:9px;padding:9px 10px;font:inherit;font-size:13px;transition:border-color .15s}.pagina-checklist .cl-sel:focus{outline:none;border-color:var(--portal-color)}.pagina-checklist .cl-view-toggle{display:inline-flex;gap:2px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:9px;padding:3px}.pagina-checklist .cl-vbtn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;background:transparent;color:var(--ds-text-muted);border-radius:var(--ds-radius-sm);cursor:pointer;transition:background .15s,color .15s}.pagina-checklist .cl-vbtn:hover{color:var(--ds-text)}.pagina-checklist .cl-vbtn svg{font-size:16px}.pagina-checklist .cl-vbtn.active{background:var(--portal-color);color:#fff}.pagina-checklist .cl-groups.compact .cl-item{padding:7px 10px;gap:9px}.pagina-checklist .cl-groups.compact .cl-item-detail{display:none}.pagina-checklist .cl-groups.compact .cl-item-body{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pagina-checklist .cl-groups.compact .cl-item-title{font-size:13px;margin:0;flex:1;min-width:160px}.pagina-checklist .cl-groups.compact .cl-item-meta{margin:0}.pagina-checklist .cl-board{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width:760px){.pagina-checklist .cl-board{grid-template-columns:1fr}}.pagina-checklist .cl-col{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:13px;padding:12px;display:flex;flex-direction:column;min-height:140px}.pagina-checklist .cl-col-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:4px 6px 10px;border-bottom:2px solid var(--ds-border);margin-bottom:10px}.pagina-checklist .cl-col-head.todo{color:var(--ds-text-muted);border-bottom-color:#94a3b859}.pagina-checklist .cl-col-head.busy{color:#d97706;border-bottom-color:#f59e0b73}.pagina-checklist .cl-col-head.done{color:#16a34a;border-bottom-color:#22c55e73}.pagina-checklist .cl-col-count{font-size:11px;background:var(--ds-card);border-radius:999px;padding:2px 8px;color:var(--ds-text-muted);border:1px solid var(--ds-border-subtle)}.pagina-checklist .cl-col-body{display:flex;flex-direction:column;gap:8px;flex:1}.pagina-checklist .cl-board-card{background:var(--ds-card-elevated, var(--ds-card));border:1px solid var(--ds-border);border-left:3px solid var(--ds-border);border-radius:10px;padding:10px 12px;cursor:grab;transition:box-shadow .18s,transform .1s}.pagina-checklist .cl-board-card:active{cursor:grabbing;transform:scale(.98)}.pagina-checklist .cl-board-card:hover{box-shadow:var(--ds-shadow);transform:translateY(-1px)}.pagina-checklist .cl-board-card.todo{border-left-color:var(--ds-border-strong)}.pagina-checklist .cl-board-card.busy{border-left-color:#f59e0b}.pagina-checklist .cl-board-card.done{border-left-color:#22c55e;opacity:.75}.pagina-checklist .cl-bc-title{font-size:13px;font-weight:600;color:var(--ds-text);margin-bottom:7px;line-height:1.35}.pagina-checklist .cl-bc-meta{display:flex;flex-wrap:wrap;gap:5px}.pagina-checklist .cl-col-empty{font-size:12px;color:var(--ds-text-subtle);text-align:center;padding:20px 8px;border:1px dashed var(--ds-border);border-radius:9px}.pagina-checklist .cl-groups{display:flex;flex-direction:column;gap:14px}.pagina-checklist .cl-group{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;padding:14px 16px;box-shadow:var(--ds-shadow)}.pagina-checklist .cl-group-head{font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted);margin-bottom:12px;display:flex;align-items:center;gap:8px}.pagina-checklist .cl-group-head span{background:var(--ds-card);border:1px solid var(--ds-border-subtle);border-radius:999px;padding:1px 8px;font-weight:700;font-size:10.5px}.pagina-checklist .cl-item{display:flex;gap:11px;padding:10px 0;border-top:1px solid var(--ds-border-subtle);transition:background .15s}.pagina-checklist .cl-item:first-of-type{border-top:none}.pagina-checklist .cl-check{width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--ds-border);background:var(--ds-card);border-radius:8px;cursor:pointer;color:var(--ds-text-subtle);font-size:18px;transition:border-color .15s,background .15s}.pagina-checklist .cl-check:hover{border-color:var(--portal-color)}.pagina-checklist .cl-item.done .cl-check{color:#16a34a;border-color:#22c55e66;background:#22c55e12}.pagina-checklist .cl-item.busy .cl-check{color:#d97706;border-color:#f59e0b66;background:#f59e0b12}.pagina-checklist .cl-item-body{flex:1;min-width:0}.pagina-checklist .cl-item-title{font-weight:700;font-size:13.5px;color:var(--ds-text);line-height:1.3}.pagina-checklist .cl-item.done .cl-item-title{text-decoration:line-through;color:var(--ds-text-muted)}.pagina-checklist .cl-item-detail{font-size:12px;color:var(--ds-text-muted);margin:4px 0 7px;line-height:1.5}.pagina-checklist .cl-item-meta{display:flex;flex-wrap:wrap;gap:6px}.pagina-checklist .cl-chip{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;padding:2px 7px;border-radius:999px;background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text-muted)}.pagina-checklist .cl-chip.prio1{background:#ef44441f;color:#dc2626;border-color:#ef444447}.pagina-checklist .cl-chip.prio2{background:#f59e0b1f;color:#d97706;border-color:#f59e0b47}.pagina-checklist .cl-chip.prio3{background:#3b82f61a;color:#2563eb;border-color:#3b82f638}.pagina-checklist .cl-empty,.pagina-checklist .cl-empty-all{font-size:12.5px;color:var(--ds-text-muted);padding:14px;text-align:center;font-style:italic}@media (max-width: 768px){.pagina-checklist .cl-progress-card{padding:14px}.pagina-checklist .cl-progress-head strong{font-size:18px}.pagina-checklist .cl-tabs{gap:5px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;-webkit-overflow-scrolling:touch}.pagina-checklist .cl-tabs::-webkit-scrollbar{display:none}.pagina-checklist .cl-tab{white-space:nowrap;flex-shrink:0;padding:6px 10px;font-size:12px}.pagina-checklist .cl-bar-row{gap:7px}.pagina-checklist .cl-bar-row>*{min-width:0}.pagina-checklist .cl-group{padding:12px 13px}}@media (max-width: 480px){.pagina-checklist .cl-progress-card{padding:12px 13px}.pagina-checklist .cl-progress-head{font-size:12px}.pagina-checklist .cl-progress-head strong{font-size:16px}.pagina-checklist .cl-progress-stats{gap:11px;font-size:11.5px;flex-wrap:wrap}.pagina-checklist .cl-bar{height:6px}.pagina-checklist .cl-tab{padding:5px 9px;font-size:11.5px}.pagina-checklist .cl-tab svg{font-size:13px}.pagina-checklist .cl-bar-row{flex-direction:column;align-items:stretch;gap:6px}.pagina-checklist .cl-search,.pagina-checklist .cl-sel{width:100%;box-sizing:border-box}.pagina-checklist .cl-view-toggle{align-self:flex-end}.pagina-checklist .cl-board{gap:10px}.pagina-checklist .cl-col{padding:10px}.pagina-checklist .cl-board-card{padding:9px 11px}.pagina-checklist .cl-bc-title{font-size:12.5px}.pagina-checklist .cl-group{padding:11px 12px}.pagina-checklist .cl-group-head{font-size:11.5px}.pagina-checklist .cl-item{gap:9px;padding:9px 0}.pagina-checklist .cl-check{width:26px;height:26px;font-size:15px}.pagina-checklist .cl-item-title{font-size:12.5px}.pagina-checklist .cl-item-detail{font-size:11px}.pagina-checklist .cl-chip{font-size:9.5px;padding:2px 6px}.pagina-checklist .cl-groups.compact .cl-item-title{min-width:120px}}.pagina-checklist .cl-tab{--dom-clr: var(--portal-color)}.pagina-externe-audit .section-header svg{font-size:17px;color:var(--portal-color)}.pagina-externe-audit .auditor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.pagina-externe-audit .field label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted);margin-bottom:5px}.pagina-externe-audit .field input,.pagina-externe-audit .field select{width:100%;padding:8px 11px;box-sizing:border-box;border:1px solid var(--ds-border);border-radius:8px;background:var(--ds-card);color:var(--ds-text);font-size:13.5px}.pagina-externe-audit .field input:focus,.pagina-externe-audit .field select:focus{outline:none;border-color:var(--portal-color);background:var(--ds-card)}.pagina-externe-audit .score-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.pagina-externe-audit .score-item{display:flex;flex-direction:column;align-items:center;padding:10px 14px;border-radius:10px;background:var(--ds-bg);border:1px solid var(--ds-border);min-width:70px}.pagina-externe-audit .score-item.conform{border-left:3px solid #22c55e}.pagina-externe-audit .score-item.minor{border-left:3px solid #f59e0b}.pagina-externe-audit .score-item.major{border-left:3px solid #ef4444}.pagina-externe-audit .score-item.ofi{border-left:3px solid #3b82f6}.pagina-externe-audit .score-item.nvt{border-left:3px solid var(--ds-border-strong)}.pagina-externe-audit .score-item.open{border-left:3px solid var(--ds-border)}.pagina-externe-audit .score-num{font-size:28px;font-weight:800;line-height:1;color:var(--ds-text)}.pagina-externe-audit .score-lbl{font-size:10px;font-weight:600;color:var(--ds-text-muted);margin-top:3px;text-transform:uppercase;letter-spacing:.03em}.pagina-externe-audit .progress-bar-wrap{display:flex;align-items:center;gap:12px;margin-bottom:12px}.pagina-externe-audit .progress-bar{flex:1;height:8px;border-radius:4px;background:var(--ds-border);display:flex;overflow:hidden}.pagina-externe-audit .pb-conform{background:#22c55e;transition:width .3s}.pagina-externe-audit .pb-minor{background:#f59e0b;transition:width .3s}.pagina-externe-audit .pb-major{background:#ef4444;transition:width .3s}.pagina-externe-audit .pb-ofi{background:#3b82f6;transition:width .3s}.pagina-externe-audit .pb-nvt{background:#94a3b8;transition:width .3s}.pagina-externe-audit .pct-label{font-size:12px;font-weight:600;color:var(--ds-text-muted);white-space:nowrap}.pagina-externe-audit .verdict{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;font-size:14px;font-weight:600;background:var(--ds-bg);border:1px solid var(--ds-border)}.pagina-externe-audit .verdict svg{font-size:18px}.pagina-externe-audit .verdict.pass{background:#f0fdf4;border-color:#86efac;color:#166534}.pagina-externe-audit .verdict.minor{background:#fffbeb;border-color:#fcd34d;color:#92400e}.pagina-externe-audit .verdict.fail{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.pagina-externe-audit .filter-bar svg{color:var(--portal-color);font-size:16px}.pagina-externe-audit .filter-bar label{font-weight:600;color:var(--ds-text-2)}.pagina-externe-audit .btn-reset{margin-left:auto;padding:6px 12px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-card);cursor:pointer;color:var(--ds-text-muted);font-size:12px;font-weight:500;white-space:nowrap}.pagina-externe-audit .btn-reset:hover{background:var(--ds-bg)}.pagina-externe-audit .btn-print{padding:6px 12px;border:1px solid var(--portal-color);border-radius:var(--ds-radius-sm);background:var(--portal-color);color:#fff;cursor:pointer;font-size:12px;font-weight:600;display:flex;align-items:center;gap:5px}.pagina-externe-audit .btn-print:hover{background:#4f46e5}.pagina-externe-audit .sectie-block{border:1px solid var(--ds-border);border-radius:12px;overflow:hidden;background:var(--ds-card)}.pagina-externe-audit .sectie-header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--ds-bg);cursor:pointer;font-size:13.5px;-webkit-user-select:none;user-select:none;transition:background .12s}.pagina-externe-audit .sectie-header:hover{background:var(--ds-hover)}.pagina-externe-audit .sectie-header svg{font-size:16px;color:var(--ds-text-subtle);flex-shrink:0}.pagina-externe-audit .sectie-clausule{font-weight:700;font-size:12px;color:var(--portal-color);min-width:90px;text-transform:uppercase;letter-spacing:.04em}.pagina-externe-audit .sectie-titel{flex:1;font-weight:600;color:var(--ds-text)}.pagina-externe-audit .sectie-score{font-size:12px;color:var(--ds-text-muted);white-space:nowrap}.pagina-externe-audit .nc-badge{background:#fef2f2;color:#ef4444;border-radius:6px;padding:2px 7px;margin-left:6px;font-weight:700;font-size:11px}.pagina-externe-audit .sectie-items{padding:8px;display:flex;flex-direction:column;gap:6px;background:var(--ds-bg)}.pagina-externe-audit .check-item{border:1px solid var(--ds-border);border-radius:10px;padding:12px 14px;background:var(--ds-card);transition:border-color .15s,background .15s}.pagina-externe-audit .check-item.conform{border-color:#86efac;background:#f0fdf4}.pagina-externe-audit .check-item.minor-nc{border-color:#fcd34d;background:#fffbeb}.pagina-externe-audit .check-item.major-nc{border-color:#fca5a5;background:#fef2f2}.pagina-externe-audit .check-item.ofi{border-color:#93c5fd;background:#eff6ff}.pagina-externe-audit .check-item.nvt{opacity:.55}.pagina-externe-audit .item-header{display:flex;gap:10px;align-items:flex-start;margin-bottom:6px}.pagina-externe-audit .item-id{font-weight:800;color:var(--portal-color);font-size:12px;white-space:nowrap;min-width:65px;padding-top:1px}.pagina-externe-audit .item-eis{font-size:13.5px;font-weight:500;line-height:1.45;color:var(--ds-text)}.pagina-externe-audit .item-bewijs{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:12px;color:var(--ds-text-muted);margin-bottom:8px}.pagina-externe-audit .item-bewijs svg{font-size:13px;color:var(--ds-text-subtle);flex-shrink:0}.pagina-externe-audit .bewijs-text{font-style:italic;color:var(--ds-text-muted)}.pagina-externe-audit .bewijs-link{display:inline-flex;align-items:center;gap:3px;color:var(--portal-color);font-weight:600;text-decoration:none;padding:2px 8px;border:1px solid #c7d2fe;border-radius:6px;font-size:11.5px;transition:background .12s}.pagina-externe-audit .bewijs-link:hover{background:#eef2ff}.pagina-externe-audit .bewijs-link svg{font-size:11px}.pagina-externe-audit .bewijs-sep{color:#cbd5e1;margin:0 1px}.pagina-externe-audit .item-controls{display:flex;flex-direction:column;gap:8px}.pagina-externe-audit .status-btns{display:flex;flex-wrap:wrap;gap:5px}.pagina-externe-audit .status-btns button{padding:4px 10px;border-radius:999px;border:1px solid var(--btn-color, var(--ds-border-strong));background:transparent;color:var(--btn-color, var(--ds-text-subtle));font-size:11.5px;font-weight:600;cursor:pointer;transition:all .12s}.pagina-externe-audit .status-btns button:hover{opacity:.8}.pagina-externe-audit .status-btns button{white-space:nowrap}.pagina-externe-audit .status-btns button.active{background:var(--btn-color, #94a3b8);color:#fff}.pagina-externe-audit .item-controls textarea{width:100%;padding:7px 10px;box-sizing:border-box;border:1px solid var(--ds-border);border-radius:8px;background:var(--ds-bg);font-size:12.5px;resize:vertical;color:var(--ds-text);font-family:inherit}.pagina-externe-audit .item-controls textarea:focus{outline:none;border-color:var(--portal-color);background:var(--ds-card)}.pagina-externe-audit .empty-filter{text-align:center;padding:16px;color:var(--ds-text-subtle);font-size:13px}@media (max-width: 600px){.pagina-externe-audit .score-row{gap:6px}.pagina-externe-audit .score-item{min-width:calc(33% - 4px);padding:8px 10px}.pagina-externe-audit .score-num{font-size:22px}.pagina-externe-audit .sectie-header{padding:10px 12px}.pagina-externe-audit .sectie-titel{font-size:13px}}@media print{.pagina-externe-audit .filter-bar,.pagina-externe-audit .btn-print,.pagina-externe-audit .btn-reset,.pagina-externe-audit .status-btns,.pagina-externe-audit textarea{display:none}.pagina-externe-audit .check-item{break-inside:avoid}}.pagina-externe-audit .section-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;margin:0 0 14px;color:var(--portal-color)}.pagina-externe-audit .section-header svg{color:var(--portal-color)}.pagina-externe-audit .filter-bar{align-items:center;gap:10px;margin-bottom:0;padding:10px 14px;background:var(--ds-card);border-radius:10px;border:1px solid var(--ds-border);font-size:13px;color:var(--ds-text-2)}@media (max-width: 640px){.pagina-externe-audit .sectie-header{flex-wrap:wrap;row-gap:4px}.pagina-externe-audit .sectie-titel{flex:1 1 100%;min-width:0}}.pagina-kiwa-agenda .dossiers .bev-header{border-bottom:none}.pagina-kiwa-agenda .ag-index{display:flex;align-items:center;gap:10px;margin:0 18px 10px;padding:11px 14px;border:1px solid var(--portal-color);border-radius:10px;background:var(--ds-hover);color:var(--ds-text);text-decoration:none;font-size:12.5px}.pagina-kiwa-agenda .ag-index:hover{background:var(--ds-card)}.pagina-kiwa-agenda .ag-index>svg:first-child{font-size:20px;color:var(--portal-color);flex-shrink:0}.pagina-kiwa-agenda .ag-index span{flex:1;min-width:0}.pagina-kiwa-agenda .ag-index .ag-index-go{font-size:16px;color:var(--portal-color);flex-shrink:0}.pagina-kiwa-agenda .ag-day{font-size:12px;font-weight:800;color:var(--portal-color);padding:8px 18px 4px;text-transform:uppercase;letter-spacing:.04em}.pagina-kiwa-agenda .ag-list{display:flex;flex-direction:column;gap:6px;padding:0 18px 8px}.pagina-kiwa-agenda .agblok{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--ds-border);border-radius:10px;background:var(--ds-card)}.pagina-kiwa-agenda .agblok:hover{border-color:var(--portal-color)}.pagina-kiwa-agenda .ag-time{font-size:12px;font-weight:800;color:var(--ds-text-muted);font-variant-numeric:tabular-nums;width:44px;flex-shrink:0}.pagina-kiwa-agenda .ag-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ds-text)}.pagina-kiwa-agenda .ag-scope{font-size:11px;color:var(--ds-text-muted);margin-top:3px}.pagina-kiwa-agenda .ag-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.pagina-kiwa-agenda .ag-go{padding:7px 12px;border-radius:8px;background:var(--portal-color);color:#fff;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.pagina-kiwa-agenda .ag-go:hover{opacity:.9}.pagina-kiwa-agenda .ag-pdf{display:flex;align-items:center;justify-content:center;width:36px;height:32px;border:1px solid var(--ds-border);border-radius:8px;background:var(--ds-hover);color:var(--portal-color);text-decoration:none}.pagina-kiwa-agenda .ag-pdf:hover{background:var(--portal-color);color:#fff}.pagina-kiwa-agenda .ag-pdf svg{font-size:16px}.pagina-kiwa-agenda .ses-verk{display:flex;align-items:center;gap:9px;margin:8px 0;padding:11px 13px;border:none;border-radius:var(--ds-radius-sm);background:var(--portal-color);color:#fff;text-decoration:none;font-size:12.5px;font-weight:600}.pagina-kiwa-agenda .ses-verk:hover{opacity:.92}.pagina-kiwa-agenda .ses-verk>svg:first-child{font-size:18px;flex-shrink:0}.pagina-kiwa-agenda .ses-verk span{flex:1;min-width:0}.pagina-kiwa-agenda .ses-verk strong{font-weight:800}.pagina-kiwa-agenda .ses-verk .sd-go{font-size:15px;flex-shrink:0}.pagina-kiwa-agenda .ses-dossier{display:flex;align-items:center;gap:8px;margin:8px 0;padding:9px 12px;border:1px solid var(--portal-color);border-radius:8px;background:var(--ds-hover);color:var(--ds-text);text-decoration:none;font-size:12.5px;font-weight:600}.pagina-kiwa-agenda .ses-dossier:hover{background:var(--portal-color);color:#fff}.pagina-kiwa-agenda .ses-dossier>svg:first-child{font-size:17px;color:var(--portal-color);flex-shrink:0}.pagina-kiwa-agenda .ses-dossier:hover>svg{color:#fff}.pagina-kiwa-agenda .ses-dossier span{flex:1;min-width:0}.pagina-kiwa-agenda .ses-dossier .sd-go{font-size:14px;flex-shrink:0}.pagina-kiwa-agenda .d-nr{font-size:11px;font-weight:800;color:#fff;background:var(--portal-color);padding:2px 7px;border-radius:6px;flex-shrink:0}.pagina-kiwa-agenda .roadmap .bev-header svg{color:#ea580c}.pagina-kiwa-agenda .rm-body{padding:4px 18px 18px;font-size:12.5px;line-height:1.6;color:var(--ds-text-muted)}.pagina-kiwa-agenda .rm-body p{margin:8px 0}.pagina-kiwa-agenda .rm-body strong{color:var(--ds-text)}@media (max-width: 620px){.pagina-kiwa-agenda .agblok{flex-wrap:wrap}.pagina-kiwa-agenda .ag-go{font-size:11px}}.pagina-kiwa-agenda .bevindingen{overflow:hidden}.pagina-kiwa-agenda .bev-header{display:flex;align-items:flex-start;gap:12px;padding:16px 18px 10px;border-bottom:1px solid var(--ds-border)}.pagina-kiwa-agenda .bev-header svg{font-size:22px;color:var(--portal-color);flex-shrink:0;margin-top:2px}.pagina-kiwa-agenda .bev-header h3{margin:0 0 3px;font-size:15px;font-weight:700;color:var(--ds-text)}.pagina-kiwa-agenda .bev-header p{margin:0;font-size:12.5px;color:var(--ds-text-muted)}.pagina-kiwa-agenda .bev-item{display:flex;gap:0;border-bottom:1px solid var(--ds-border-subtle)}.pagina-kiwa-agenda .bev-item:last-child{border-bottom:none}.pagina-kiwa-agenda .bev-badge{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:14px 8px;flex-shrink:0;white-space:nowrap;border-right:1px solid var(--ds-border-subtle)}.pagina-kiwa-agenda .bev-badge-ka{background:#fef2f2;color:#dc2626;border-color:#fecaca}.pagina-kiwa-agenda .bev-badge-nka{background:#fff7ed;color:#d97706;border-color:#fed7aa}.pagina-kiwa-agenda .bev-badge-ofi{background:color-mix(in srgb,var(--portal-color) 8%,transparent);color:var(--portal-color);border-color:color-mix(in srgb,var(--portal-color) 20%,transparent)}.pagina-kiwa-agenda .bev-body{padding:14px 16px;flex:1;display:flex;flex-direction:column;gap:5px}.pagina-kiwa-agenda .bev-titel{font-size:14px;font-weight:700;color:var(--ds-text);margin-bottom:2px}.pagina-kiwa-agenda .bev-eis,.pagina-kiwa-agenda .bev-bevinding,.pagina-kiwa-agenda .bev-verwacht{font-size:12.5px;color:var(--ds-text-muted);line-height:1.55}.pagina-kiwa-agenda .bev-eis strong,.pagina-kiwa-agenda .bev-bevinding strong,.pagina-kiwa-agenda .bev-verwacht strong{color:var(--ds-text);font-weight:600}.pagina-kiwa-agenda .bev-status{display:inline-block;font-size:10.5px;font-weight:700;padding:2px 10px;border-radius:20px;width:fit-content}.pagina-kiwa-agenda .bev-status-ok{background:#dcfce7;color:#166534}.pagina-kiwa-agenda .bev-docs{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.pagina-kiwa-agenda .bev-dl{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--portal-color);text-decoration:none;padding:5px 12px;border:1px solid color-mix(in srgb,var(--portal-color) 30%,transparent);border-radius:6px;background:color-mix(in srgb,var(--portal-color) 6%,transparent);transition:background .15s}.pagina-kiwa-agenda .bev-dl:hover{background:color-mix(in srgb,var(--portal-color) 14%,transparent)}.pagina-kiwa-agenda .bev-dl-route{color:#059669;border-color:#a7f3d0;background:#f0fdf4}.pagina-kiwa-agenda .bev-dl-route:hover{background:#dcfce7}.pagina-kiwa-agenda .bev-dl svg{font-size:14px}.pagina-kiwa-agenda .alle-docs{overflow:hidden}.pagina-kiwa-agenda .ad-header{display:flex;align-items:flex-start;gap:12px;padding:16px 18px 12px;border-bottom:1px solid var(--ds-border)}.pagina-kiwa-agenda .ad-header svg{font-size:22px;color:var(--portal-color);flex-shrink:0;margin-top:2px}.pagina-kiwa-agenda .ad-header h3{margin:0 0 3px;font-size:15px;font-weight:700;color:var(--ds-text)}.pagina-kiwa-agenda .ad-header p{margin:0;font-size:12.5px;color:var(--ds-text-muted)}.pagina-kiwa-agenda .all-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:0}.pagina-kiwa-agenda .ad-item{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--ds-border-subtle);border-right:1px solid var(--ds-border-subtle);text-decoration:none;color:var(--ds-text);font-size:12.5px;transition:background .12s}.pagina-kiwa-agenda .ad-item:hover{background:color-mix(in srgb,var(--portal-color) 5%,transparent);color:var(--portal-color)}.pagina-kiwa-agenda .ad-nr{font-size:10px;font-weight:800;color:var(--portal-color);background:color-mix(in srgb,var(--portal-color) 10%,transparent);border-radius:4px;padding:1px 5px;flex-shrink:0;min-width:28px;text-align:center}.pagina-kiwa-agenda .ad-titel{flex:1;line-height:1.4}.pagina-kiwa-agenda .ad-tag{font-size:9.5px;font-weight:700;color:#166534;background:#dcfce7;border-radius:4px;padding:1px 6px;flex-shrink:0;white-space:nowrap}.pagina-kiwa-agenda .info-head{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px 18px}.pagina-kiwa-agenda .ih-block{display:flex;flex-direction:column;gap:3px}.pagina-kiwa-agenda .ih-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--portal-color)}.pagina-kiwa-agenda .ih-val{font-size:13px;color:var(--ds-text);line-height:1.5}.pagina-kiwa-agenda .timeline-markers{display:flex;gap:0;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;box-shadow:var(--ds-shadow);overflow:hidden}.pagina-kiwa-agenda .marker{flex:1;display:flex;flex-direction:column;align-items:center;padding:14px 8px;border-right:1px solid var(--ds-border);gap:5px}.pagina-kiwa-agenda .marker:last-child{border-right:none}.pagina-kiwa-agenda .m-dot{width:10px;height:10px;border-radius:50%;background:var(--ds-border);border:2px solid var(--ds-border)}.pagina-kiwa-agenda .marker.done .m-dot{background:#22c55e;border-color:#22c55e}.pagina-kiwa-agenda .marker.active .m-dot{background:var(--portal-color);border-color:var(--portal-color)}.pagina-kiwa-agenda .m-date{font-size:11px;font-weight:700;color:var(--ds-text-muted)}.pagina-kiwa-agenda .m-name{font-size:11.5px;font-weight:600;color:var(--ds-text);text-align:center}.pagina-kiwa-agenda .marker.done .m-name{color:#166534}.pagina-kiwa-agenda .marker.active .m-name{color:var(--portal-color)}.pagina-kiwa-agenda .downloads{padding:16px 18px}.pagina-kiwa-agenda .downloads h3{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--ds-text);display:flex;align-items:center;gap:8px}.pagina-kiwa-agenda .downloads h3 svg{color:var(--portal-color)}.pagina-kiwa-agenda .dl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:8px}.pagina-kiwa-agenda .dl-card{display:flex;align-items:center;gap:9px;padding:10px 12px;background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:8px;text-decoration:none;color:var(--ds-text);font-size:12.5px;font-weight:500;transition:border-color .15s,background .15s}.pagina-kiwa-agenda .dl-card:hover{border-color:var(--portal-color);background:color-mix(in srgb,var(--portal-color) 5%,var(--ds-card));color:var(--portal-color)}.pagina-kiwa-agenda .dl-card svg{font-size:16px;color:var(--portal-color);flex-shrink:0}.pagina-kiwa-agenda .dl-card span{flex:1}.pagina-kiwa-agenda .dag{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;box-shadow:var(--ds-shadow);overflow:hidden}.pagina-kiwa-agenda .dag-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:linear-gradient(135deg,var(--portal-color),color-mix(in srgb,var(--portal-color) 70%,#000));color:#fff;flex-wrap:wrap;gap:8px}.pagina-kiwa-agenda .dag-head.remote{background:linear-gradient(135deg,#64748b,#475569)}.pagina-kiwa-agenda .dh-date{font-size:15px;font-weight:800;display:flex;align-items:center;gap:8px}.pagina-kiwa-agenda .dh-fase{font-size:12px;opacity:.9;margin-top:2px}.pagina-kiwa-agenda .dh-loc{font-size:12px;display:flex;align-items:center;gap:5px;opacity:.95}.pagina-kiwa-agenda .sessie{display:flex;gap:14px;padding:14px 18px;border-bottom:1px solid var(--ds-border-subtle)}.pagina-kiwa-agenda .sessie:last-child{border-bottom:none}.pagina-kiwa-agenda .ses-time{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:52px}.pagina-kiwa-agenda .t-van,.pagina-kiwa-agenda .t-tot{font-size:11.5px;font-weight:700;color:var(--ds-text)}.pagina-kiwa-agenda .t-bar{flex:1;width:2px;background:var(--ds-border);margin:3px 0;min-height:12px}.pagina-kiwa-agenda .ses-body{flex:1}.pagina-kiwa-agenda .ses-body h4{margin:0 0 5px;font-size:14px;font-weight:700;color:var(--ds-text)}.pagina-kiwa-agenda .ses-rol{font-size:12px;color:var(--ds-text-muted);display:flex;align-items:center;gap:5px;margin-bottom:7px}.pagina-kiwa-agenda .ses-norm{margin:0 0 8px;padding-left:16px}.pagina-kiwa-agenda .ses-norm li{font-size:12.5px;color:var(--ds-text-muted);margin-bottom:3px;line-height:1.5}.pagina-kiwa-agenda .ses-links{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.pagina-kiwa-agenda .sl-label{font-size:11px;font-weight:700;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-right:4px}.pagina-kiwa-agenda .sl-pill{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:500;color:var(--portal-color);text-decoration:none;padding:3px 10px;border:1px solid color-mix(in srgb,var(--portal-color) 30%,transparent);border-radius:20px;background:color-mix(in srgb,var(--portal-color) 6%,transparent);transition:background .13s}.pagina-kiwa-agenda .sl-pill:hover{background:color-mix(in srgb,var(--portal-color) 14%,transparent)}.pagina-kiwa-agenda .sl-pill svg{font-size:12px}.pagina-kiwa-agenda .norm-link{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;box-shadow:var(--ds-shadow);padding:16px 18px;display:flex;gap:14px;align-items:flex-start}.pagina-kiwa-agenda .norm-link svg{font-size:22px;color:var(--portal-color);flex-shrink:0;margin-top:2px}.pagina-kiwa-agenda .norm-link strong{font-size:14px;color:var(--ds-text)}.pagina-kiwa-agenda .norm-link p{margin:4px 0 0;font-size:12.5px;color:var(--ds-text-muted);line-height:1.55}.pagina-kiwa-agenda .nl-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.pagina-kiwa-agenda .nl-btn{font-size:12px;font-weight:600;color:var(--portal-color);text-decoration:none;padding:5px 12px;border:1px solid color-mix(in srgb,var(--portal-color) 30%,transparent);border-radius:var(--ds-radius-sm);background:color-mix(in srgb,var(--portal-color) 6%,transparent);transition:background .13s;white-space:nowrap}.pagina-kiwa-agenda .nl-btn:hover{background:color-mix(in srgb,var(--portal-color) 14%,transparent)}@media (max-width: 640px){.pagina-kiwa-agenda .info-head{grid-template-columns:1fr}.pagina-kiwa-agenda .timeline-markers{flex-direction:column}.pagina-kiwa-agenda .marker{border-right:none;border-bottom:1px solid var(--ds-border)}.pagina-kiwa-agenda .bev-badge{writing-mode:horizontal-tb;transform:none;padding:8px 12px;border-right:none;border-bottom:1px solid var(--ds-border-subtle)}.pagina-kiwa-agenda .bev-item,.pagina-kiwa-agenda .norm-link{flex-direction:column}}.pagina-kiwa-agenda .bev-badge-ka{background:var(--ds-danger-bg);color:var(--ds-danger);border-color:color-mix(in srgb,var(--ds-danger) 30%,transparent)}.pagina-kiwa-agenda .bev-badge-nka{background:var(--ds-warning-bg);color:var(--ds-warning);border-color:color-mix(in srgb,var(--ds-warning) 30%,transparent)}.pagina-kiwa-agenda .bev-status-ok{background:var(--ds-success-bg);color:var(--ds-success)}.pagina-kiwa-agenda .bev-dl-route{color:var(--ds-success);background:var(--ds-success-bg);border-color:color-mix(in srgb,var(--ds-success) 30%,transparent)}.pagina-kiwa-agenda .bev-dl-route:hover{background:color-mix(in srgb,var(--ds-success) 18%,transparent)}.pagina-kiwa-agenda .ad-tag{background:var(--ds-success-bg);color:var(--ds-success)}.pagina-kiwa-agenda .marker.done .m-dot{background:var(--ds-success);border-color:var(--ds-success)}.pagina-kiwa-agenda .marker.done .m-name{color:var(--ds-success)}.pagina-kiwa-agenda .roadmap .bev-header svg{color:var(--ds-warning)}.pagina-kiwa-agenda .bev-header>div,.pagina-kiwa-agenda .ad-header>div{flex:1;min-width:0}.pagina-kiwa-agenda .ag-body{flex:1;min-width:0}.pagina-kiwa-agenda .dh-left{min-width:0}.pagina-kiwa-agenda .norm-link>div:not(.nl-btns){flex:1;min-width:0}.pagina-kiwa-agenda .card{padding:0}@media (max-width: 620px){.pagina-kiwa-agenda .ag-body{flex:1 1 100%;min-width:0}}.pagina-kiwa-agenda .ses-dossier>span{flex:1;min-width:0}@media (max-width: 640px){.pagina-kiwa-agenda .sessie{flex-wrap:wrap;row-gap:6px}.pagina-kiwa-agenda .ses-body{flex:1 1 100%;min-width:0}}@media (max-width: 640px){.pagina-kiwa-agenda .ses-links{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}.pagina-kiwa-agenda .ses-links::-webkit-scrollbar{display:none}.pagina-kiwa-agenda .ses-links>*{flex:0 0 auto;white-space:nowrap}}.pagina-systeemkaart .seclayers{--surface:var(--cdt-bg-card,#fff);--panel:var(--cdt-bg-card,#fff);--ink:var(--cdt-text-primary,#141e2b);--ink-soft:var(--cdt-text-secondary,#556579);--ink-dim:var(--cdt-text-muted,#8493a6);--line:var(--cdt-border,#dbe2ec);--line-2:var(--cdt-border-strong,#c8d1dd);--accent:var(--cdt-blue-primary,#0e8ea3);--perim:var(--accent);--net:#5b6bd6;--acc:var(--cdt-success,#1a9b57);--data:var(--cdt-warning,#b3760f);--red:var(--cdt-error,#d0403a);--beam:linear-gradient(180deg,var(--perim),var(--net) 42%,var(--acc) 74%,var(--data));--shadow:var(--cdt-shadow-md,0 1px 2px rgba(0,0,0,.12),0 10px 30px -18px rgba(0,0,0,.35));--mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;display:block;color:var(--ink)}.pagina-systeemkaart .seclayers *{box-sizing:border-box}.pagina-systeemkaart .sl-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 20px}.pagina-systeemkaart .sl-brand{flex:1 1 auto;min-width:250px}.pagina-systeemkaart .sl-eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.pagina-systeemkaart .seclayers h1{margin:6px 0 3px;font-size:clamp(22px,3.6vw,32px);font-weight:820;letter-spacing:-.02em}.pagina-systeemkaart .sl-lede{margin:0;color:var(--ink-soft);font-size:13.5px;max-width:64ch;line-height:1.5}.pagina-systeemkaart .seclayers .keys{display:flex;flex-wrap:wrap;gap:16px;margin:16px 0 6px;font-size:12px;color:var(--ink-soft)}.pagina-systeemkaart .seclayers .keys b{display:inline-flex;align-items:center;gap:6px;font-weight:600}.pagina-systeemkaart .seclayers .keys i{width:10px;height:10px;border-radius:50%}.pagina-systeemkaart .seclayers .chain{position:relative;margin-top:8px;max-width:920px}.pagina-systeemkaart .seclayers .cap{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:13px;border:1px dashed var(--line-2);background:var(--panel);color:var(--ink-soft);font-size:12.5px;margin-left:44px;box-shadow:var(--shadow)}.pagina-systeemkaart .seclayers .cap b{color:var(--ink);font-weight:700}.pagina-systeemkaart .seclayers .cap .ic{font-size:15px}.pagina-systeemkaart .seclayers .cap.top{margin-bottom:10px}.pagina-systeemkaart .seclayers .cap.bot{margin-top:10px;border-style:solid;border-color:color-mix(in srgb,var(--data) 45%,var(--line-2));color:var(--ink)}.pagina-systeemkaart .seclayers .rows{position:relative}.pagina-systeemkaart .seclayers .beam{position:absolute;left:19px;top:8px;bottom:8px;width:4px;border-radius:3px;background:var(--beam);opacity:.35}.pagina-systeemkaart .seclayers .runner{position:absolute;left:12px;width:18px;height:18px;border-radius:50%;z-index:5;pointer-events:none;background:radial-gradient(circle at 38% 34%,var(--ds-card),var(--acc));box-shadow:0 0 16px 3px color-mix(in srgb,var(--acc) 55%,transparent)}.pagina-systeemkaart .seclayers .runner.att{background:radial-gradient(circle at 38% 34%,var(--ds-card),var(--red));box-shadow:0 0 16px 3px color-mix(in srgb,var(--red) 55%,transparent)}.pagina-systeemkaart .seclayers .lyr{position:relative;display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:center;padding:13px 16px 13px 4px;margin:8px 0;border-radius:13px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s,border-color .25s}.pagina-systeemkaart .seclayers .lyr .node{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-family:var(--mono);font-weight:800;font-size:14px;color:var(--cat);border:1.5px solid color-mix(in srgb,var(--cat) 45%,transparent);background:color-mix(in srgb,var(--cat) 12%,var(--panel));z-index:2;transition:.25s}.pagina-systeemkaart .seclayers .lyr .body .t{font-weight:750;font-size:14.5px}.pagina-systeemkaart .seclayers .lyr .body .d{color:var(--ink-soft);font-size:12.5px;margin-top:1px}.pagina-systeemkaart .seclayers .lyr .meta{text-align:right;font-family:var(--mono);font-size:10.5px;color:var(--ink-dim);white-space:nowrap}.pagina-systeemkaart .seclayers .lyr.on{transform:translate(4px);border-color:color-mix(in srgb,var(--cat) 60%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--cat) 45%,transparent),var(--shadow)}.pagina-systeemkaart .seclayers .lyr.on .node{background:var(--cat);color:#fff;box-shadow:0 0 18px -2px var(--cat)}.pagina-systeemkaart .seclayers .lyr .blocked{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:none;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--red);background:color-mix(in srgb,var(--red) 12%,var(--panel));border:1px solid color-mix(in srgb,var(--red) 40%,transparent);padding:4px 9px;border-radius:20px}.pagina-systeemkaart .seclayers .lyr.hit{border-color:color-mix(in srgb,var(--red) 55%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--red) 45%,transparent),var(--shadow)}.pagina-systeemkaart .seclayers .lyr.hit .blocked{display:inline-flex}.pagina-systeemkaart .seclayers .lyr.hit .meta{opacity:0}.pagina-systeemkaart .seclayers h2{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);font-family:var(--mono);margin:30px 0 12px;font-weight:700}.pagina-systeemkaart .seclayers .extra{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(215px,100%),1fr));gap:12px}.pagina-systeemkaart .seclayers .ec{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:13px 15px;box-shadow:var(--shadow)}.pagina-systeemkaart .seclayers .ec .h{display:flex;align-items:center;gap:9px;font-weight:700;font-size:13.5px}.pagina-systeemkaart .seclayers .ec .h .g{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:13px;border:1px solid color-mix(in srgb,var(--c) 40%,transparent);color:var(--c);background:color-mix(in srgb,var(--c) 10%,transparent)}.pagina-systeemkaart .seclayers .ec p{margin:8px 0 0;color:var(--ink-soft);font-size:12.5px;line-height:1.45}.pagina-systeemkaart .seclayers .comp{display:flex;flex-wrap:wrap;gap:8px}.pagina-systeemkaart .seclayers .chip{font-family:var(--mono);font-size:11.5px;background:var(--panel);border:1px solid var(--line);border-radius:var(--ds-radius-sm);padding:6px 10px;color:var(--ink-soft)}.pagina-systeemkaart .seclayers .chip b{color:var(--ink)}.pagina-systeemkaart .sl-foot{margin-top:22px;font-size:12px;color:var(--ink-dim)}.pagina-systeemkaart .seclayers .rows{padding:2px 0}.pagina-systeemkaart .seclayers .cap .ic svg{display:block;font-size:15px}.pagina-systeemkaart .seclayers .ec .h .g svg{display:block;font-size:13px}.pagina-systeemkaart .seclayers .lyr .blocked svg{font-size:12px}.pagina-systeemkaart .seclayers{padding-top:4px}@media (max-width: 640px){.pagina-systeemkaart .seclayers .lyr{grid-template-columns:40px 1fr;row-gap:6px;align-items:start}.pagina-systeemkaart .seclayers .lyr>:nth-child(3){grid-column:1 / -1}}@media (max-width: 640px){.pagina-systeemkaart .seclayers .comp{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}.pagina-systeemkaart .seclayers .comp::-webkit-scrollbar{display:none}.pagina-systeemkaart .seclayers .comp>*{flex:0 0 auto;white-space:nowrap}}.pagina-infra-beveiliging .card-title svg{font-size:17px;color:var(--portal-color);flex-shrink:0}.pagina-infra-beveiliging .hero-bar{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:22px 24px;border-radius:18px;background:linear-gradient(135deg,#0f172a,#1e1b4b 45%,#052e16);border:1px solid rgba(99,102,241,.35);box-shadow:0 4px 32px -8px #6366f166;position:relative;overflow:hidden;animation:pagina-infra-beveiliging-fadeUp .4s ease both}.pagina-infra-beveiliging .hero-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(99,102,241,.15) 0%,transparent 60%),radial-gradient(ellipse at 80% 50%,rgba(34,197,94,.1) 0%,transparent 60%);pointer-events:none}.pagina-infra-beveiliging .hero-ring-wrap{position:relative;width:120px;height:120px;flex-shrink:0}.pagina-infra-beveiliging .hero-ring{width:120px;height:120px}.pagina-infra-beveiliging .ring-arc{animation:pagina-infra-beveiliging-ringDraw 1.6s cubic-bezier(.4,0,.2,1) forwards;stroke-dashoffset:314}@keyframes pagina-infra-beveiliging-ringDraw{0%{stroke-dashoffset:314}to{stroke-dashoffset:31}}.pagina-infra-beveiliging .hero-pct{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:1px}.pagina-infra-beveiliging .hero-num{font-size:28px;font-weight:900;color:#fff}.pagina-infra-beveiliging .hero-sym{font-size:14px;font-weight:700;color:#fff9;align-self:flex-end;padding-bottom:4px}.pagina-infra-beveiliging .hero-info{flex:1;min-width:200px}.pagina-infra-beveiliging .hero-title{font-size:20px;font-weight:900;color:#fff;margin-bottom:5px;letter-spacing:-.02em}.pagina-infra-beveiliging .hero-sub{font-size:11.5px;color:#ffffff8c;line-height:1.5;margin-bottom:12px}.pagina-infra-beveiliging .hero-chips{display:flex;flex-wrap:wrap;gap:6px}.pagina-infra-beveiliging .hchip{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;padding:4px 10px;border-radius:999px}.pagina-infra-beveiliging .hchip svg{font-size:12px}.pagina-infra-beveiliging .hchip.green{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.pagina-infra-beveiliging .hchip.amber{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.pagina-infra-beveiliging .hero-stats{display:flex;gap:20px}.pagina-infra-beveiliging .hstat-val{font-size:26px;font-weight:900;color:#fff;line-height:1}.pagina-infra-beveiliging .hstat-val.green{color:#4ade80}.pagina-infra-beveiliging .hstat-val.amber{color:#fbbf24}.pagina-infra-beveiliging .hstat-lbl{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ffffff73;margin-top:3px}.pagina-infra-beveiliging .begrip-intro{font-size:12.5px;color:var(--ds-text-muted);line-height:1.6;margin-bottom:14px}.pagina-infra-beveiliging .bc-count{font-size:11px;font-weight:600;color:var(--ds-text-muted);margin-left:8px}.pagina-infra-beveiliging .begrip-toolbar{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.pagina-infra-beveiliging .begrip-search-wrap{display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:10px;border:1px solid var(--ds-border);background:var(--ds-card);transition:border-color .2s,box-shadow .2s}.pagina-infra-beveiliging .begrip-search-wrap:focus-within{border-color:var(--portal-color);box-shadow:0 0 0 3px #6366f11f}.pagina-infra-beveiliging .begrip-search-wrap svg{font-size:16px;color:var(--ds-text-muted);flex-shrink:0}.pagina-infra-beveiliging .begrip-search{flex:1;padding:10px 0;border:none;outline:none;background:transparent;font-size:13px;color:var(--ds-text);font-family:inherit}.pagina-infra-beveiliging .begrip-search::placeholder{color:var(--ds-text-muted)}.pagina-infra-beveiliging .begrip-clear{background:none;border:none;cursor:pointer;padding:4px 6px;color:var(--ds-text-muted);font-size:13px;border-radius:4px;transition:color .15s}.pagina-infra-beveiliging .begrip-clear:hover{color:var(--ds-text)}.pagina-infra-beveiliging .begrip-cats{display:flex;flex-wrap:wrap;gap:6px}.pagina-infra-beveiliging .bc-cat{padding:5px 13px;border-radius:999px;border:1px solid var(--ds-border);background:var(--ds-bg);color:var(--ds-text-muted);font-size:11px;font-weight:700;cursor:pointer;transition:all .15s ease}.pagina-infra-beveiliging .bc-cat:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-infra-beveiliging .bc-cat.active{background:var(--portal-color);color:#fff;border-color:var(--portal-color)}.pagina-infra-beveiliging .begrip-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;color:var(--ds-text-muted);font-size:13px}.pagina-infra-beveiliging .begrip-empty svg{font-size:32px}.pagina-infra-beveiliging .begrip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:10px}.pagina-infra-beveiliging .begrip-card{padding:14px 16px;border-radius:13px;border:1px solid var(--ds-border);background:var(--ds-bg);animation:pagina-infra-beveiliging-fadeUp .3s ease both;position:relative;transition:border-color .2s,transform .18s,box-shadow .2s}.pagina-infra-beveiliging .begrip-card:hover{border-color:var(--portal-color);transform:translateY(-2px);box-shadow:0 6px 20px -10px #6366f140}.pagina-infra-beveiliging .bc-cat-badge{position:absolute;top:10px;right:10px;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:#6366f11a;color:#4f46e5;border:1px solid rgba(99,102,241,.15)}.pagina-infra-beveiliging .bc-term{font-size:13px;font-weight:900;color:var(--portal-color);margin-bottom:2px;padding-right:64px}.pagina-infra-beveiliging .bc-short{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);margin-bottom:8px}.pagina-infra-beveiliging .bc-body{font-size:11.5px;color:var(--ds-text-2);line-height:1.65;margin-bottom:8px}.pagina-infra-beveiliging .bc-voorbeeld{font-size:11px;color:var(--ds-text-muted);line-height:1.5;padding:6px 10px;border-radius:7px;background:#6366f10f;border:1px solid rgba(99,102,241,.15)}.pagina-infra-beveiliging .bc-vb-lbl{font-weight:800;color:var(--portal-color)}.pagina-infra-beveiliging .ssh-path-intro{font-size:12.5px;color:var(--ds-text-muted);line-height:1.65;margin-bottom:16px}.pagina-infra-beveiliging .ssh-path-intro strong{color:var(--ds-text)}.pagina-infra-beveiliging .ssh-flow{display:flex;flex-direction:column;gap:6px}.pagina-infra-beveiliging .ssh-step{display:grid;grid-template-columns:28px 38px 1fr 22px;align-items:start;gap:12px;padding:14px 15px;border-radius:12px;border:1px solid var(--ds-border);background:var(--ds-bg);position:relative;overflow:hidden;animation:pagina-infra-beveiliging-slideIn .4s ease both;transition:border-color .2s,box-shadow .2s}.pagina-infra-beveiliging .ssh-step:hover{border-color:var(--portal-color);box-shadow:0 4px 20px -8px #6366f133}.pagina-infra-beveiliging .ssh-step:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--portal-color);opacity:.35;transition:opacity .2s}.pagina-infra-beveiliging .ssh-step:hover:before{opacity:1}@keyframes pagina-infra-beveiliging-slideIn{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}.pagina-infra-beveiliging .ss-num{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;background:var(--portal-color);color:#fff;flex-shrink:0;margin-top:2px}.pagina-infra-beveiliging .ss-icon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;font-size:18px;flex-shrink:0}.pagina-infra-beveiliging .ss-icon.laptop{background:#8b5cf624;color:#8b5cf6}.pagina-infra-beveiliging .ss-icon.net{background:#3b82f624;color:#3b82f6}.pagina-infra-beveiliging .ss-icon.key{background:#f59e0b24;color:#f59e0b}.pagina-infra-beveiliging .ss-icon.eye{background:#6366f124;color:#6366f1}.pagina-infra-beveiliging .ss-icon.alert{background:#22c55e24;color:#16a34a}.pagina-infra-beveiliging .ss-icon.dash{background:#3b82f624;color:#3b82f6}.pagina-infra-beveiliging .ss-title{font-size:12.5px;font-weight:800;color:var(--ds-text);margin-bottom:4px}.pagina-infra-beveiliging .ss-text{font-size:11px;color:var(--ds-text-muted);line-height:1.65;margin-bottom:4px}.pagina-infra-beveiliging .ss-code{margin-top:6px;padding:5px 10px;border-radius:7px;font-family:ui-monospace,Menlo,monospace;font-size:10.5px;background:#00000012;color:var(--ds-text-2);border:1px solid var(--ds-border)}.pagina-infra-beveiliging .ss-why{font-size:10.5px;color:#16a34a;line-height:1.55}.pagina-infra-beveiliging .ss-why-lbl{font-weight:800}.pagina-infra-beveiliging .ss-ok{font-size:20px;color:#22c55e;flex-shrink:0;margin-top:2px}.pagina-infra-beveiliging .ssh-block-note{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;border-radius:11px;border:1px solid rgba(239,68,68,.25);background:#ef44440d;font-size:11.5px;line-height:1.65;color:var(--ds-text-2)}.pagina-infra-beveiliging .ssh-block-note svg{font-size:18px;color:#ef4444;flex-shrink:0;margin-top:2px}.pagina-infra-beveiliging .ssh-block-note strong{color:var(--ds-text)}.pagina-infra-beveiliging .ssh-block-note code{font-family:ui-monospace,Menlo,monospace;background:#00000012;padding:1px 5px;border-radius:4px;font-size:10.5px}.pagina-infra-beveiliging .watch-intro{font-size:12.5px;color:var(--ds-text-muted);line-height:1.65;margin-bottom:16px}.pagina-infra-beveiliging .watch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:10px;margin-bottom:18px}.pagina-infra-beveiliging .watch-item{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;border-radius:12px;border:1px solid var(--ds-border);background:var(--ds-bg);transition:border-color .2s,transform .18s}.pagina-infra-beveiliging .watch-item:hover{border-color:var(--portal-color);transform:translateY(-2px)}.pagina-infra-beveiliging .wi-icon{width:34px;height:34px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;font-size:17px}.pagina-infra-beveiliging .wi-icon.blue{background:#3b82f624;color:#3b82f6}.pagina-infra-beveiliging .wi-icon.green{background:#22c55e24;color:#16a34a}.pagina-infra-beveiliging .wi-icon.amber{background:#f59e0b24;color:#f59e0b}.pagina-infra-beveiliging .wi-icon.purple{background:#8b5cf624;color:#8b5cf6}.pagina-infra-beveiliging .wi-icon.red{background:#ef44441f;color:#dc2626}.pagina-infra-beveiliging .wi-title{font-size:12.5px;font-weight:800;color:var(--ds-text);margin-bottom:5px}.pagina-infra-beveiliging .wi-text{font-size:11px;color:var(--ds-text-muted);line-height:1.65}.pagina-infra-beveiliging .watch-keys{padding:14px 16px;border-radius:12px;border:1px solid rgba(59,130,246,.25);background:#3b82f60a}.pagina-infra-beveiliging .wk-header{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ds-text-muted);margin-bottom:8px}.pagina-infra-beveiliging .wk-note{font-size:11px;color:var(--ds-text-muted);line-height:1.6;margin-bottom:12px;padding:8px 10px;border-radius:8px;background:#f59e0b12;border:1px solid rgba(245,158,11,.2)}.pagina-infra-beveiliging .wk-note em{color:#d97706;font-style:normal;font-weight:700}.pagina-infra-beveiliging .wk-rows{display:flex;flex-direction:column;gap:5px}.pagina-infra-beveiliging .wk-row{display:grid;grid-template-columns:12px 1fr 1fr auto;align-items:center;gap:10px;padding:8px 12px;border-radius:9px;background:var(--ds-card);border:1px solid var(--ds-border);font-size:11.5px}.pagina-infra-beveiliging .wk-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.pagina-infra-beveiliging .wk-dot.laptop{background:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}.pagina-infra-beveiliging .wk-dot.monitor{background:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.pagina-infra-beveiliging .wk-dot.server{background:#22c55e;box-shadow:0 0 0 3px #22c55e33}.pagina-infra-beveiliging .wk-role{font-weight:800;color:var(--ds-text)}.pagina-infra-beveiliging .wk-desc{font-size:10.5px;color:var(--ds-text-muted)}.pagina-infra-beveiliging .wk-badge{font-size:9px;font-weight:800;padding:2px 7px;border-radius:6px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.pagina-infra-beveiliging .wk-badge.laptop{background:#8b5cf61f;color:#7c3aed;border:1px solid rgba(139,92,246,.2)}.pagina-infra-beveiliging .wk-badge.monitor{background:#3b82f61f;color:#1d4ed8;border:1px solid rgba(59,130,246,.2)}.pagina-infra-beveiliging .wk-badge.server{background:#22c55e1f;color:#15803d;border:1px solid rgba(34,197,94,.2)}.pagina-infra-beveiliging .alerts-intro{font-size:12.5px;color:var(--ds-text-muted);line-height:1.65;margin-bottom:18px}.pagina-infra-beveiliging .alerts-intro strong{color:var(--ds-text)}.pagina-infra-beveiliging .alert-scenarios{display:flex;flex-direction:column;gap:24px}.pagina-infra-beveiliging .scenario{display:flex;flex-direction:column;gap:10px}.pagina-infra-beveiliging .sc-trigger{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:10px;font-size:12px}.pagina-infra-beveiliging .sc-trigger svg{font-size:20px;flex-shrink:0;margin-top:1px}.pagina-infra-beveiliging .sc-trigger.trusted{background:#22c55e14;border:1px solid rgba(34,197,94,.25);color:var(--ds-text-2)}.pagina-infra-beveiliging .sc-trigger.trusted svg{color:#16a34a}.pagina-infra-beveiliging .sc-trigger.unknown{background:#f59e0b14;border:1px solid rgba(245,158,11,.25);color:var(--ds-text-2)}.pagina-infra-beveiliging .sc-trigger.unknown svg{color:#d97706}.pagina-infra-beveiliging .sc-trigger.alarm{background:#dc262614;border:1px solid rgba(220,38,38,.35);color:var(--ds-text-2);animation:pagina-infra-beveiliging-alarmPulse 1.8s ease infinite}.pagina-infra-beveiliging .sc-trigger.alarm svg{color:#dc2626}@keyframes pagina-infra-beveiliging-alarmPulse{0%,to{box-shadow:none}50%{box-shadow:0 0 14px #dc26264d}}.pagina-infra-beveiliging .sc-trig-title{font-size:12.5px;font-weight:800;color:var(--ds-text);margin-bottom:3px}.pagina-infra-beveiliging .sc-trig-sub{font-size:11px;color:var(--ds-text-muted);line-height:1.5}.pagina-infra-beveiliging .sc-mocks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pagina-infra-beveiliging .mock-email{border-radius:12px;overflow:hidden;border:1px solid var(--ds-border);box-shadow:0 4px 16px -8px #00000026;font-size:11px}.pagina-infra-beveiliging .mock-bar{display:flex;align-items:center;gap:5px;padding:7px 10px;background:var(--ds-hover);border-bottom:1px solid var(--ds-border)}.pagina-infra-beveiliging .md{width:9px;height:9px;border-radius:50%}.pagina-infra-beveiliging .md.red{background:#ef4444}.pagina-infra-beveiliging .md.amber{background:#f59e0b}.pagina-infra-beveiliging .md.green{background:#22c55e}.pagina-infra-beveiliging .mock-bar-lbl{font-size:10px;color:var(--ds-text-muted);font-weight:600;margin-left:4px}.pagina-infra-beveiliging .mock-header{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:11.5px;font-weight:800;background:#4f46e5;color:#fff}.pagina-infra-beveiliging .mock-header svg{font-size:14px}.pagina-infra-beveiliging .mock-body{padding:10px 12px;background:var(--ds-bg)}.pagina-infra-beveiliging .mock-meta{font-size:9.5px;color:var(--ds-text-muted);line-height:1.8}.pagina-infra-beveiliging .mock-subj{font-size:11.5px;font-weight:800;color:var(--ds-text);margin:8px 0 6px}.pagina-infra-beveiliging .mock-content{font-size:10.5px;color:var(--ds-text-2);line-height:1.7}.pagina-infra-beveiliging .mock-tg{border-radius:12px;overflow:hidden;border:1px solid var(--ds-border);background:var(--ds-bg);box-shadow:0 4px 16px -8px #00000026}.pagina-infra-beveiliging .mock-tg-head{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--ds-border);background:var(--ds-card)}.pagina-infra-beveiliging .tg-av{width:34px;height:34px;border-radius:50%;background:#2563eb;display:grid;place-items:center;font-size:16px;flex-shrink:0}.pagina-infra-beveiliging .tg-name{font-size:12px;font-weight:800;color:var(--ds-text)}.pagina-infra-beveiliging .tg-bot{font-size:10px;color:#2563eb}.pagina-infra-beveiliging .mock-tg-bubble{margin:10px;padding:10px 12px;border-radius:12px 12px 12px 3px;background:var(--ds-card);border:1px solid var(--ds-border)}.pagina-infra-beveiliging .mock-tg-txt{font-size:10.5px;color:var(--ds-text-2);line-height:1.7}.pagina-infra-beveiliging .mock-tg-time{text-align:right;font-size:9px;color:var(--ds-text-muted);margin-top:5px}.pagina-infra-beveiliging .sc-action{display:flex;align-items:flex-start;gap:8px;font-size:11.5px;color:var(--ds-text-2);padding:9px 12px;border-radius:9px;background:var(--ds-bg);border:1px solid var(--ds-border);line-height:1.55}.pagina-infra-beveiliging .sc-action svg{font-size:15px;color:var(--portal-color);flex-shrink:0;margin-top:1px}.pagina-infra-beveiliging .sc-action strong{color:var(--ds-text)}.pagina-infra-beveiliging .wg-hero{margin-bottom:16px}.pagina-infra-beveiliging .wg-hero-text p{font-size:12.5px;color:var(--ds-text-muted);line-height:1.7;margin:0 0 10px}.pagina-infra-beveiliging .wg-hero-text strong{color:var(--ds-text)}.pagina-infra-beveiliging .wg-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:10px;margin-bottom:18px}.pagina-infra-beveiliging .wg-item{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;border-radius:12px;border:1px solid var(--ds-border);background:var(--ds-bg);transition:border-color .2s,transform .18s;animation:pagina-infra-beveiliging-fadeUp .35s ease both}.pagina-infra-beveiliging .wg-item:hover{border-color:var(--portal-color);transform:translateY(-2px)}.pagina-infra-beveiliging .wg-peers-table{border-radius:12px;border:1px solid var(--ds-border);overflow:hidden}.pagina-infra-beveiliging .wpt-title{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ds-text-muted);padding:10px 14px;border-bottom:1px solid var(--ds-border);background:var(--ds-bg)}.pagina-infra-beveiliging .wpt-title svg{font-size:14px;color:var(--portal-color)}.pagina-infra-beveiliging .wpt-head{display:grid;grid-template-columns:110px 110px 1fr 90px;gap:8px;padding:7px 14px;background:var(--ds-hover);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-muted)}.pagina-infra-beveiliging .wpt-row{display:grid;grid-template-columns:110px 110px 1fr 90px;gap:8px;padding:10px 14px;border-top:1px solid var(--ds-border);align-items:center;transition:background .12s}.pagina-infra-beveiliging .wpt-row:hover{background:var(--ds-hover)}.pagina-infra-beveiliging .wptr-name{font-family:ui-monospace,Menlo,monospace;font-size:12px;font-weight:800;color:var(--ds-text)}.pagina-infra-beveiliging .wptr-ip{font-family:ui-monospace,Menlo,monospace;font-size:11.5px;font-weight:700;color:#16a34a}.pagina-infra-beveiliging .wptr-role{font-size:11px;color:var(--ds-text-muted)}.pagina-infra-beveiliging .wptr-layer{font-size:9.5px;font-weight:800;padding:2px 8px;border-radius:6px;text-align:center;text-transform:uppercase;letter-spacing:.04em}.pagina-infra-beveiliging .db-intro{font-size:12.5px;color:var(--ds-text-muted);line-height:1.65;margin-bottom:16px}.pagina-infra-beveiliging .db-isol{margin-bottom:18px}.pagina-infra-beveiliging .db-isol-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);margin-bottom:10px}.pagina-infra-beveiliging .db-diagram{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;padding:16px;border-radius:12px;background:var(--ds-bg);border:1px solid var(--ds-border);margin-bottom:10px}.pagina-infra-beveiliging .dbd-node{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 14px;border-radius:11px;min-width:105px;text-align:center;border:1px solid var(--ds-border);font-size:11px;font-weight:700;color:var(--ds-text);transition:transform .18s}.pagina-infra-beveiliging .dbd-node:hover{transform:translateY(-2px)}.pagina-infra-beveiliging .dbd-node svg{font-size:20px}.pagina-infra-beveiliging .dbd-node.ext{border-color:#64748b4d}.pagina-infra-beveiliging .dbd-node.ext svg{color:#64748b}.pagina-infra-beveiliging .dbd-node.proxy{border-color:#8b5cf64d}.pagina-infra-beveiliging .dbd-node.proxy svg{color:#8b5cf6}.pagina-infra-beveiliging .dbd-node.backend{border-color:#6366f14d}.pagina-infra-beveiliging .dbd-node.backend svg{color:#6366f1}.pagina-infra-beveiliging .dbd-node.dbn{border-color:#22c55e66;background:#22c55e0d}.pagina-infra-beveiliging .dbd-node.dbn svg{color:#16a34a}.pagina-infra-beveiliging .dbd-status{display:flex;align-items:center;gap:4px;font-size:9.5px;font-weight:800;padding:3px 7px;border-radius:6px;text-transform:uppercase}.pagina-infra-beveiliging .dbd-status.block{background:#ef44441a;color:#dc2626}.pagina-infra-beveiliging .dbd-status.ok{background:#22c55e1a;color:#16a34a}.pagina-infra-beveiliging .dbd-arr{font-size:18px;color:var(--ds-text-muted);padding:0 4px;flex-shrink:0;align-self:center}.pagina-infra-beveiliging .db-isol-note{font-size:11.5px;color:var(--ds-text-muted);line-height:1.65;padding:10px 14px;border-radius:9px;background:var(--ds-bg);border:1px solid var(--ds-border)}.pagina-infra-beveiliging .db-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:10px;margin-bottom:18px}.pagina-infra-beveiliging .db-det-item{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;border-radius:12px;border:1px solid var(--ds-border);background:var(--ds-bg);animation:pagina-infra-beveiliging-fadeUp .35s ease both;transition:border-color .2s,transform .18s}.pagina-infra-beveiliging .db-det-item:hover{border-color:#22c55e;transform:translateY(-2px)}.pagina-infra-beveiliging .ddi-icon{width:34px;height:34px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;font-size:17px}.pagina-infra-beveiliging .ddi-icon.green{background:#22c55e24;color:#16a34a}.pagina-infra-beveiliging .ddi-icon.blue{background:#3b82f624;color:#3b82f6}.pagina-infra-beveiliging .ddi-icon.amber{background:#f59e0b24;color:#f59e0b}.pagina-infra-beveiliging .ddi-icon.purple{background:#8b5cf624;color:#8b5cf6}.pagina-infra-beveiliging .ddi-icon.red{background:#ef44441f;color:#dc2626}.pagina-infra-beveiliging .ddi-title{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted);margin-bottom:3px}.pagina-infra-beveiliging .ddi-val{font-size:13px;font-weight:800;color:var(--ds-text);margin-bottom:4px}.pagina-infra-beveiliging .ddi-text{font-size:11px;color:var(--ds-text-muted);line-height:1.6}.pagina-infra-beveiliging .pg-block{padding:14px 16px;border-radius:12px;border:1px solid rgba(34,197,94,.25);background:#22c55e0a;margin-bottom:14px}.pagina-infra-beveiliging .pg-title{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ds-text-muted);margin-bottom:8px}.pagina-infra-beveiliging .pg-title svg{font-size:14px;color:#16a34a}.pagina-infra-beveiliging .pg-explain{font-size:11.5px;color:var(--ds-text-muted);line-height:1.65;margin-bottom:12px}.pagina-infra-beveiliging .pg-explain code{font-family:ui-monospace,Menlo,monospace;background:#00000012;padding:1px 5px;border-radius:4px;font-size:10.5px;color:var(--ds-text-2)}.pagina-infra-beveiliging .pg-explain em{color:var(--ds-text);font-style:normal;font-weight:700}.pagina-infra-beveiliging .pg-rules{display:flex;flex-direction:column;gap:4px}.pagina-infra-beveiliging .pg-rule-head{display:grid;grid-template-columns:80px 100px 130px 130px 1fr;gap:8px;padding:6px 10px;border-radius:7px;background:var(--ds-hover);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-muted)}.pagina-infra-beveiliging .pg-rule{display:grid;grid-template-columns:80px 100px 130px 130px 1fr;gap:8px;padding:8px 10px;border-radius:9px;background:var(--ds-card);border:1px solid var(--ds-border);font-size:10.5px;align-items:center;transition:background .12s}.pagina-infra-beveiliging .pg-rule:hover{background:var(--ds-bg)}.pagina-infra-beveiliging .pgr-type{font-family:ui-monospace,Menlo,monospace;font-weight:800;padding:2px 7px;border-radius:5px;text-align:center}.pagina-infra-beveiliging .pgr-type.allow{background:#22c55e1f;color:#15803d}.pagina-infra-beveiliging .pgr-type.reject{background:#ef44441f;color:#b91c1c}.pagina-infra-beveiliging .pgr-db{font-family:ui-monospace,Menlo,monospace;color:var(--ds-text-2)}.pagina-infra-beveiliging .pgr-addr{font-family:ui-monospace,Menlo,monospace;color:#2563eb}.pagina-infra-beveiliging .pgr-method{font-family:ui-monospace,Menlo,monospace;color:#8b5cf6;font-weight:700}.pagina-infra-beveiliging .pgr-expl{font-size:10.5px;color:var(--ds-text-muted)}.pagina-infra-beveiliging .repl-block{padding:14px 16px;border-radius:12px;border:1px solid rgba(59,130,246,.25);background:#3b82f60a}.pagina-infra-beveiliging .repl-title{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ds-text-muted);margin-bottom:12px}.pagina-infra-beveiliging .repl-title svg{font-size:14px;color:#3b82f6}.pagina-infra-beveiliging .repl-steps{display:flex;flex-direction:column;gap:8px}.pagina-infra-beveiliging .repl-step{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:10px;background:var(--ds-card);border:1px solid var(--ds-border)}.pagina-infra-beveiliging .rs-icon{width:30px;height:30px;border-radius:8px;flex-shrink:0;display:grid;place-items:center;font-size:15px}.pagina-infra-beveiliging .rs-icon.blue{background:#3b82f624;color:#3b82f6}.pagina-infra-beveiliging .rs-icon.green{background:#22c55e24;color:#16a34a}.pagina-infra-beveiliging .rs-icon.amber{background:#f59e0b24;color:#f59e0b}.pagina-infra-beveiliging .rs-title{font-size:12px;font-weight:800;color:var(--ds-text);margin-bottom:3px}.pagina-infra-beveiliging .rs-text{font-size:11px;color:var(--ds-text-muted);line-height:1.6}.pagina-infra-beveiliging .did-intro{font-size:12.5px;color:var(--ds-text-muted);line-height:1.65;margin-bottom:14px}.pagina-infra-beveiliging .did-intro strong{color:var(--ds-text)}.pagina-infra-beveiliging .layers-v2{display:flex;flex-direction:column;gap:6px}.pagina-infra-beveiliging .lv2{display:grid;grid-template-columns:56px 1fr auto;align-items:start;gap:12px;padding:13px 16px;border-radius:12px;border:1px solid var(--ds-border);background:var(--ds-bg);position:relative;overflow:hidden;animation:pagina-infra-beveiliging-fadeUp .35s ease both;transition:border-color .2s,box-shadow .2s}.pagina-infra-beveiliging .lv2:hover{box-shadow:0 4px 20px -8px #0003}.pagina-infra-beveiliging .lv2:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}.pagina-infra-beveiliging .lv2-left{display:flex;align-items:center;gap:8px}.pagina-infra-beveiliging .lv2-num{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;background:var(--ds-border);color:var(--ds-text-muted);flex-shrink:0}.pagina-infra-beveiliging .lv2-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:16px;flex-shrink:0}.pagina-infra-beveiliging .lv2-internet .lv2-icon{background:#64748b24;color:#64748b}.pagina-infra-beveiliging .lv2-proxy .lv2-icon{background:#8b5cf624;color:#8b5cf6}.pagina-infra-beveiliging .lv2-firewall .lv2-icon{background:#f59e0b24;color:#f59e0b}.pagina-infra-beveiliging .lv2-wg .lv2-icon{background:#6366f124;color:#6366f1}.pagina-infra-beveiliging .lv2-ssh .lv2-icon{background:#3b82f624;color:#3b82f6}.pagina-infra-beveiliging .lv2-mtls .lv2-icon{background:#f43f5e1f;color:#f43f5e}.pagina-infra-beveiliging .lv2-db .lv2-icon{background:#22c55e24;color:#16a34a}.pagina-infra-beveiliging .lv2-title{font-size:12.5px;font-weight:800;color:var(--ds-text);margin-bottom:2px}.pagina-infra-beveiliging .lv2-sub{font-size:11px;color:var(--ds-text-muted);margin-bottom:4px}.pagina-infra-beveiliging .lv2-detail{font-size:11px;color:var(--ds-text-2);line-height:1.6}.pagina-infra-beveiliging .lv2-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px;padding-top:2px}.pagina-infra-beveiliging .iso-chip{font-size:9px;font-weight:800;padding:2px 7px;border-radius:999px;white-space:nowrap;background:#6366f11a;color:#4f46e5;border:1px solid rgba(99,102,241,.2)}.pagina-infra-beveiliging .lv2-ok{font-size:20px;color:#22c55e}.pagina-infra-beveiliging .iso-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:8px}.pagina-infra-beveiliging .iso-item{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border-radius:11px;border:1px solid rgba(99,102,241,.15);background:#6366f10a;animation:pagina-infra-beveiliging-fadeUp .35s ease both;transition:border-color .2s}.pagina-infra-beveiliging .iso-item:hover{border-color:#6366f166}.pagina-infra-beveiliging .iso-chk{font-size:18px;color:#22c55e;flex-shrink:0;margin-top:1px}.pagina-infra-beveiliging .iso-ctrl{font-size:10px;font-weight:900;letter-spacing:.06em;color:#4f46e5;margin-bottom:2px}.pagina-infra-beveiliging .iso-title{font-size:11.5px;font-weight:800;color:var(--ds-text);margin-bottom:3px}.pagina-infra-beveiliging .iso-impl{font-size:10.5px;color:var(--ds-text-muted);line-height:1.55}.pagina-infra-beveiliging .limit-card{border-color:#f59e0b4d;background:color-mix(in srgb,#f59e0b 4%,var(--ds-card))}.pagina-infra-beveiliging .limit-item{display:flex;align-items:flex-start;gap:14px}.pagina-infra-beveiliging .limit-badge{font-size:9px;font-weight:900;padding:3px 8px;border-radius:6px;flex-shrink:0;background:#f59e0b26;color:#d97706;border:1px solid rgba(245,158,11,.3);letter-spacing:.06em;text-transform:uppercase;margin-top:2px}.pagina-infra-beveiliging .limit-title{font-size:13px;font-weight:800;color:var(--ds-text);margin-bottom:8px}.pagina-infra-beveiliging .limit-reason{font-size:12px;color:var(--ds-text-muted);line-height:1.7;margin-bottom:8px}.pagina-infra-beveiliging .limit-reason strong{color:var(--ds-text)}.pagina-infra-beveiliging .limit-meta{font-size:11px;color:var(--ds-text-muted)}@keyframes pagina-infra-beveiliging-fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.pagina-infra-beveiliging .sc-mocks{grid-template-columns:1fr}.pagina-infra-beveiliging .pg-rule-head,.pagina-infra-beveiliging .pg-rule{grid-template-columns:70px 90px 110px 110px}.pagina-infra-beveiliging .pg-rule .pgr-expl,.pagina-infra-beveiliging .pg-rule-head span:last-child{display:none}}@media (max-width: 680px){.pagina-infra-beveiliging .hero-bar{flex-direction:column;align-items:flex-start;gap:14px}.pagina-infra-beveiliging .hero-stats{flex-wrap:wrap;gap:14px}.pagina-infra-beveiliging .ssh-step{grid-template-columns:24px 32px 1fr}.pagina-infra-beveiliging .ssh-step .ss-ok{display:none}.pagina-infra-beveiliging .lv2{grid-template-columns:50px 1fr}.pagina-infra-beveiliging .lv2-right{display:none}.pagina-infra-beveiliging .wpt-head,.pagina-infra-beveiliging .wpt-row{grid-template-columns:100px 90px 1fr}.pagina-infra-beveiliging .wpt-row .wptr-layer,.pagina-infra-beveiliging .wpt-head span:last-child{display:none}.pagina-infra-beveiliging .db-diagram{flex-direction:column}.pagina-infra-beveiliging .dbd-arr{transform:rotate(90deg)}.pagina-infra-beveiliging .pg-rule-head,.pagina-infra-beveiliging .pg-rule{grid-template-columns:70px 1fr 100px}.pagina-infra-beveiliging .pg-rule .pgr-addr,.pagina-infra-beveiliging .pg-rule-head span:nth-child(3){display:none}}@media (max-width: 480px){.pagina-infra-beveiliging .begrip-grid,.pagina-infra-beveiliging .wg-items,.pagina-infra-beveiliging .db-details,.pagina-infra-beveiliging .watch-grid{grid-template-columns:1fr}.pagina-infra-beveiliging .wk-row{grid-template-columns:12px 1fr auto}.pagina-infra-beveiliging .wk-desc{display:none}}@media (max-width: 640px){.pagina-infra-beveiliging .begrip-cats{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;max-width:100%}.pagina-infra-beveiliging .begrip-cats::-webkit-scrollbar{display:none}.pagina-infra-beveiliging .bc-cat{flex:0 0 auto;white-space:nowrap}.pagina-infra-beveiliging .wpt-row{grid-template-columns:1fr;row-gap:2px}}.pagina-kantoor .info-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;background:color-mix(in srgb,var(--portal-color) 7%,transparent);border:1px solid color-mix(in srgb,var(--portal-color) 28%,transparent);color:var(--ds-text-2);font-size:13px;transition:background .2s,border-color .2s}.pagina-kantoor .info-banner svg{font-size:20px;color:var(--portal-color);flex-shrink:0}.pagina-kantoor .info-link{margin-left:auto;display:inline-flex;align-items:center;gap:5px;color:var(--portal-color);font-weight:700;text-decoration:none;white-space:nowrap;padding:6px 10px;border-radius:7px;border:1px solid color-mix(in srgb,var(--portal-color) 30%,transparent);font-size:12px;transition:background .18s,border-color .18s}.pagina-kantoor .info-link:hover{background:color-mix(in srgb,var(--portal-color) 10%,transparent);border-color:var(--portal-color)}.pagina-kantoor .info-link svg{font-size:14px}@media (max-width:600px){.pagina-kantoor .stats-row{grid-template-columns:repeat(2,1fr)}}.pagina-kantoor .stat-card:hover{box-shadow:var(--ds-shadow-lg);border-color:var(--ds-border)}.pagina-kantoor .stat-ic{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:20px;flex-shrink:0}.pagina-kantoor .stat-ic.blue{background:color-mix(in srgb,#3b82f6 12%,transparent);color:#3b82f6}.pagina-kantoor .stat-ic.green{background:color-mix(in srgb,#22c55e 12%,transparent);color:#22c55e}.pagina-kantoor .stat-ic.purple{background:color-mix(in srgb,#8b5cf6 12%,transparent);color:#8b5cf6}.pagina-kantoor .stat-v{font-size:24px;font-weight:800;color:var(--ds-text);line-height:1}.pagina-kantoor .stat-l{font-size:11.5px;color:var(--ds-text-muted);margin-top:3px;text-transform:uppercase;letter-spacing:.04em}.pagina-kantoor .floorplan{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width:900px){.pagina-kantoor .floorplan{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.pagina-kantoor .floorplan{grid-template-columns:1fr}}.pagina-kantoor .room{background:var(--ds-card);border:1px solid var(--ds-border);border-top:3px solid var(--room-clr);border-radius:13px;padding:14px;min-height:110px;box-shadow:var(--ds-shadow);transition:box-shadow .2s,border-color .2s,transform .18s}.pagina-kantoor .room:hover{box-shadow:var(--ds-shadow-lg);transform:translateY(-2px)}.pagina-kantoor .room-head{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--ds-text);margin-bottom:2px}.pagina-kantoor .room-head svg{color:var(--room-clr);font-size:17px;flex-shrink:0}.pagina-kantoor .room-name{font-size:13.5px}.pagina-kantoor .room-meta{font-size:11px;color:var(--ds-text-muted);margin:5px 0 10px;line-height:1.4}.pagina-kantoor .room-seats{display:flex;flex-wrap:wrap;gap:4px}.pagina-kantoor .seat{width:12px;height:9px;border-radius:3px;background:var(--room-clr);opacity:.3}@media (max-width: 768px){.pagina-kantoor .info-banner{flex-wrap:wrap;padding:11px 13px;font-size:12.5px}.pagina-kantoor .info-link{margin-left:0}}@media (max-width: 480px){.pagina-kantoor .info-banner{gap:8px;font-size:12px;padding:10px 12px}.pagina-kantoor .info-link{font-size:11px;padding:5px 9px}.pagina-kantoor .stat-card{padding:11px;gap:11px}.pagina-kantoor .stat-ic{width:36px;height:36px;font-size:17px}.pagina-kantoor .stat-v{font-size:20px}.pagina-kantoor .stat-l{font-size:10.5px}.pagina-kantoor .room{padding:11px;min-height:90px}.pagina-kantoor .room-name{font-size:12.5px;word-break:keep-all;overflow-wrap:break-word}.pagina-kantoor .room-meta{font-size:10.5px}}.pagina-kantoor .stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pagina-kantoor .stat-card{display:flex;align-items:center;gap:14px;padding:16px}@media (max-width: 600px){.pagina-kantoor .stats-row{grid-template-columns:1fr;gap:8px}.pagina-kantoor .stat-card{padding:12px}}.pagina-kantoor .room.span-1{grid-column:span 1}.pagina-kantoor .room.span-2{grid-column:span 2}@media (max-width: 480px){.pagina-kantoor .room.span-1,.pagina-kantoor .room.span-2{grid-column:1 / -1}}.pagina-kantoor .stat-ic svg,.pagina-kantoor .room-head svg,.pagina-kantoor .info-banner>svg,.pagina-kantoor .info-link svg{display:block}.pagina-freeform .ff-launch{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:56px 24px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:16px;box-shadow:var(--ds-shadow)}.pagina-freeform .ff-icon{width:72px;height:72px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--portal-color),var(--portal-color-dark));color:#fff;box-shadow:0 8px 24px -8px var(--portal-color)}.pagina-freeform .ff-icon svg{font-size:36px}.pagina-freeform .ff-launch h2{font-size:20px;font-weight:800;color:var(--ds-text);margin:4px 0 0}.pagina-freeform .ff-launch p{font-size:13.5px;line-height:1.6;color:var(--ds-text-muted);max-width:460px;margin:0}.pagina-freeform .ff-btn{margin-top:8px;display:inline-flex;align-items:center;gap:8px;background:var(--portal-color);color:#fff;text-decoration:none;font-size:14px;font-weight:700;padding:12px 22px;border-radius:var(--ds-radius-sm);transition:background .15s,transform .1s,box-shadow .15s}.pagina-freeform .ff-btn:hover{background:var(--portal-color-dark);transform:translateY(-1px);box-shadow:0 6px 18px -6px var(--portal-color)}@media (max-width: 768px){.pagina-freeform .ff-launch{padding:38px 18px;gap:12px}.pagina-freeform .ff-icon{width:60px;height:60px;border-radius:14px}.pagina-freeform .ff-icon svg{font-size:30px}.pagina-freeform .ff-launch h2{font-size:17px}.pagina-freeform .ff-launch p{font-size:12.5px;word-break:keep-all;overflow-wrap:break-word}.pagina-freeform .ff-btn{padding:10px 18px;font-size:13px}}@media (max-width: 480px){.pagina-freeform .ff-launch{padding:28px 14px}.pagina-freeform .ff-icon{width:52px;height:52px}.pagina-freeform .ff-icon svg{font-size:26px}.pagina-freeform .ff-launch h2{font-size:16px}.pagina-freeform .ff-launch p{font-size:12px;line-height:1.5}.pagina-freeform .ff-btn{width:100%;justify-content:center;padding:11px 16px}}.pagina-freeform .ff-icon svg{display:block;font-size:36px}.pagina-freeform .ff-btn svg{font-size:18px}@media (max-width: 768px){.pagina-freeform .ff-icon svg{font-size:30px}}@media (max-width: 480px){.pagina-freeform .ff-icon svg{font-size:26px}}.pagina-levenscyclus .lifecycle-scope{--acc: var(--portal-color);--acc2: var(--portal-color);--acc-dim: color-mix(in srgb, var(--portal-color) 15%, transparent);--ext: #d97706;--ext-dim: rgba(245,158,11,.15);--cyan: #0891b2;--purple: #7c3aed;--green: #16a34a;--dim: var(--ds-text-muted);--text: var(--ds-text);--card2: var(--ds-hover);--border: var(--ds-border);--border2: var(--ds-border-strong);display:flex;flex-direction:column;gap:0}.pagina-levenscyclus .lc-sec-head{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.pagina-levenscyclus .lc-sec-head h2{font-size:.95rem;font-weight:700;color:var(--text);margin:0;flex:1}.pagina-levenscyclus .lc-sec-head svg{font-size:1.1rem;color:var(--acc)}.pagina-levenscyclus .lc-badge{font-size:.7rem;padding:.15rem .6rem;border-radius:10px;font-weight:700}.pagina-levenscyclus .lc-badge.intern{background:var(--acc-dim);color:var(--acc)}.pagina-levenscyclus .lc-badge.extern{background:var(--ext-dim);color:var(--ext)}.pagina-levenscyclus .lc-dataflow{display:flex;align-items:stretch;gap:0;flex-wrap:wrap;margin:1rem 0}.pagina-levenscyclus .lc-df-node{background:var(--ds-card);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;min-width:140px;flex:1}.pagina-levenscyclus .lc-df-node.intern{border-top:3px solid var(--acc)}.pagina-levenscyclus .lc-df-node.extern{border-top:3px solid var(--ext)}.pagina-levenscyclus .lc-df-node.storage{border-top:3px solid var(--cyan)}.pagina-levenscyclus .lc-df-node h5{margin:0 0 .35rem;font-size:.78rem;font-weight:700;color:var(--ds-text)}.pagina-levenscyclus .lc-df-node p{margin:0;font-size:.7rem;color:var(--ds-text-2);line-height:1.4}.pagina-levenscyclus .lc-df-arrow{display:flex;align-items:center;padding:0 .35rem;color:var(--ds-text-muted);font-size:1.1rem;flex-shrink:0}.pagina-levenscyclus .policy-tag{display:inline-flex;align-items:center;gap:.25rem;font-size:.68rem;padding:.12rem .45rem;border-radius:4px;font-weight:700}.pagina-levenscyclus .policy-tag.encrypt{background:#06b6d41f;color:var(--cyan)}.pagina-levenscyclus .policy-tag.gdpr{background:#a855f71f;color:var(--purple)}.pagina-levenscyclus .policy-tag.local{background:#22c55e1f;color:var(--green)}.pagina-levenscyclus .policy-tag.extern-api{background:var(--ext-dim);color:var(--ext)}.pagina-levenscyclus .policy-tag.webhook{background:color-mix(in srgb,var(--portal-color) 12%,transparent);color:var(--acc2)}@media (max-width: 900px){.pagina-levenscyclus .lc-dataflow{flex-direction:column}.pagina-levenscyclus .lc-df-arrow{transform:rotate(90deg);align-self:center}}.pagina-groei-academy .aca-card{display:flex;gap:14px;align-items:flex-start;cursor:pointer;transition:transform .15s,box-shadow .15s}.pagina-groei-academy .aca-card:hover{transform:translateY(-2px);box-shadow:var(--g-shadow-lg)}.pagina-groei-academy .aca-num{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--g-grad-soft);flex-shrink:0}.pagina-groei-academy .aca-num svg{font-size:20px;color:var(--portal-color)}.pagina-groei-academy .aca-num.done{background:color-mix(in srgb,var(--g-green) 16%,transparent)}.pagina-groei-academy .aca-num.done svg{color:var(--g-green)}.pagina-groei-academy .aca-titel{font-weight:700;color:var(--ds-text);font-size:14px;margin-bottom:3px}.pagina-groei-academy .aca-vraag{font-size:16px;font-weight:650;color:var(--ds-text);margin:6px 0 14px;line-height:1.4}.pagina-groei-academy .aca-opties{display:flex;flex-direction:column;gap:9px}.pagina-groei-academy .aca-optie{display:flex;align-items:center;gap:9px;text-align:left;padding:13px 15px;border:1px solid var(--ds-border);border-radius:11px;background:var(--ds-card);cursor:pointer;font-size:14px;color:var(--ds-text-2);transition:.15s}.pagina-groei-academy .aca-optie:hover:not(:disabled){border-color:var(--portal-color)}.pagina-groei-academy .aca-optie.goed{border-color:var(--g-green);background:color-mix(in srgb,var(--g-green) 10%,transparent);color:var(--g-green);font-weight:600}.pagina-groei-academy .aca-optie.fout{border-color:var(--g-red);background:color-mix(in srgb,var(--g-red) 8%,transparent);color:var(--g-red)}.pagina-groei-academy .aca-optie svg{font-size:19px}.pagina-groei-academy .aca-badge{width:80px;height:80px;border-radius:50%;margin:0 auto;display:grid;place-items:center;background:var(--g-grad)}.pagina-groei-academy .aca-badge svg{font-size:38px;color:#fff}.pagina-groei-academy .aca-badge.fail{background:var(--ds-hover)}.pagina-groei-academy .aca-badge.fail svg{color:var(--ds-text-muted)}.pagina-groei-academy .aca-waarom{margin-top:14px;background:var(--g-grad-soft);border-color:var(--g-ring)}.pagina-groei-academy .aca-waarom p{font-size:13.5px;line-height:1.6;color:var(--ds-text-2);margin:0}.pagina-groei-academy .aca-kern{margin-top:14px}.pagina-groei-academy .aca-kern ul{margin:0;padding-left:18px}.pagina-groei-academy .aca-kern li{margin-bottom:8px;font-size:13.5px;line-height:1.5;color:var(--ds-text-2)}.pagina-groei-academy .aca-lijst{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}.pagina-groei-academy .aca-terug{margin-bottom:14px}.pagina-groei-academy .aca-uitslag{text-align:center;padding:36px 24px}.pagina-groei-academy .aca-uitslag h2{margin:14px 0 6px;color:var(--ds-text)}.pagina-groei-academy .aca-uitslag-knoppen{display:flex;gap:8px;justify-content:center;margin-top:16px;flex-wrap:wrap}.pagina-groei-academy .aca-verder svg{transform:rotate(180deg)}.pagina-kluis .vault-lock{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 16px 24px;gap:8px}.pagina-kluis .vault-lock-icon{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#3b82f626,#2563eb1a);color:#3b82f6;font-size:30px;margin-bottom:4px;box-shadow:0 0 0 1px #3b82f626,0 4px 16px #3b82f61f;transition:transform .2s}.pagina-kluis .vault-lock-icon:hover{transform:scale(1.04)}.pagina-kluis .vault-lock h2{font-size:19px;font-weight:800;color:var(--ds-text);margin:0;letter-spacing:-.3px}.pagina-kluis .vault-desc{font-size:13px;color:var(--ds-text-muted);margin:0 0 10px}.pagina-kluis .vault-form{display:flex;flex-direction:column;gap:10px;width:100%;max-width:420px}.pagina-kluis .v-hint{font-size:12.5px;color:var(--ds-text-muted);line-height:1.5;margin:0}.pagina-kluis .v-input{width:100%;min-height:42px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:9px;padding:9px 13px;font:inherit;font-size:13px;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.pagina-kluis .v-input:focus{outline:none;border-color:var(--portal-color);box-shadow:0 0 0 3px #6366f11f}.pagina-kluis .v-row-btns{display:flex;gap:8px;justify-content:center}.pagina-kluis .step-indicator{display:flex;gap:10px;justify-content:center;margin-bottom:10px;align-items:center}.pagina-kluis .step-dot{width:10px;height:10px;border-radius:50%;background:#94a3b833;border:1px solid rgba(148,163,184,.25);transition:background .25s,box-shadow .25s,transform .2s}.pagina-kluis .step-dot.active{background:#3b82f6;border-color:transparent;box-shadow:0 0 10px #3b82f680;transform:scale(1.25)}.pagina-kluis .recovery-box{background:#ef44440f;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:16px;text-align:left}.pagina-kluis .rb-warn{font-size:13px;margin:0 0 8px;color:#dc2626}.pagina-kluis .rb-text{font-size:12px;color:var(--ds-text-muted);margin:0 0 12px;line-height:1.55}.pagina-kluis .rb-text strong{color:var(--ds-text)}.pagina-kluis .recovery-key{font-family:ui-monospace,Menlo,monospace;font-size:17px;letter-spacing:2px;color:#d97706;font-weight:700;text-align:center;-webkit-user-select:all;user-select:all;padding:10px 0;background:#d977060f;border-radius:8px}.pagina-kluis .vault-btn{min-height:40px;padding:0 16px;border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);font:inherit;font-size:13px;font-weight:700;cursor:pointer;background:var(--ds-card);color:var(--ds-text-2);transition:opacity .15s,transform .15s,box-shadow .15s}.pagina-kluis .vault-btn:hover{opacity:.88}.pagina-kluis .vault-btn.primary{background:linear-gradient(135deg,#2563eb,#3b82f6);border-color:transparent;color:#fff}.pagina-kluis .vault-btn.primary:hover{opacity:1;box-shadow:0 4px 14px #2563eb59;transform:translateY(-1px)}.pagina-kluis .vault-btn.ghost{background:transparent}.pagina-kluis .vault-btn.danger{border-color:#ef44444d;color:#dc2626;background:transparent}.pagina-kluis .vault-btn.danger:hover{background:#ef44440f;opacity:1}.pagina-kluis .vault-btn.sm{min-height:34px;padding:0 12px;font-size:12px}.pagina-kluis .vault-btn:disabled{opacity:.65;cursor:wait;transform:none;box-shadow:none}.pagina-kluis .vault-link{font-size:12px;color:var(--portal-color);cursor:pointer;text-decoration:underline;transition:opacity .15s}.pagina-kluis .vault-link:hover{opacity:.75}.pagina-kluis .vault-error{font-size:12.5px;color:#dc2626}.pagina-kluis .vault-success{font-size:12.5px;color:#16a34a}.pagina-kluis .vault-note{font-size:11px;color:var(--ds-text-muted);display:flex;align-items:center;gap:5px;margin-top:10px}.pagina-kluis .vault-note svg{color:#3b82f6;font-size:13px}.pagina-kluis .vault-toolbar{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.pagina-kluis .vault-search{flex:1;min-width:160px;min-height:36px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:9px;padding:8px 12px;font:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.pagina-kluis .vault-search:focus{outline:none;border-color:var(--portal-color);box-shadow:0 0 0 3px #6366f11f}.pagina-kluis .vault-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.pagina-kluis .vault-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;border:1px solid var(--ds-border);background:var(--ds-card);transition:border-color .15s,transform .15s,box-shadow .15s}.pagina-kluis .vault-item:hover{border-color:#6366f14d;transform:translate(2px);box-shadow:var(--ds-shadow)}.pagina-kluis .vault-item-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:16px;font-weight:800;color:#fff;text-transform:uppercase;flex-shrink:0}.pagina-kluis .vault-item-info{flex:1;min-width:0}.pagina-kluis .vault-item-title{font-size:13px;font-weight:700;color:var(--ds-text)}.pagina-kluis .vault-item-user{font-size:11px;color:var(--ds-text-muted)}.pagina-kluis .vault-item-actions{display:flex;gap:6px}.pagina-kluis .vault-item-btn{width:32px;height:32px;border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);background:var(--ds-card);cursor:pointer;font-size:14px;transition:border-color .15s,background .15s}.pagina-kluis .vault-item-btn:hover{border-color:#6366f14d;background:#6366f10f}.pagina-kluis .vault-item-btn.copied{color:#16a34a;border-color:#22c55e66}.pagina-kluis .vault-empty{padding:28px;text-align:center;font-size:13px;color:var(--ds-text-muted)}.pagina-kluis .vault-modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:1000;padding:16px}.pagina-kluis .vault-modal{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:16px;padding:22px;width:100%;max-width:480px;max-height:88vh;overflow-y:auto;box-shadow:0 24px 64px #00000073}.pagina-kluis .vault-modal.sm-modal{max-width:460px}.pagina-kluis .modal-h{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;color:var(--ds-text);margin:0 0 14px}.pagina-kluis .modal-badge{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#2563eb,#3b82f6);display:inline-flex;align-items:center;justify-content:center;color:#fff}.pagina-kluis .vault-field{margin-bottom:12px}.pagina-kluis .vault-field label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ds-text-muted);margin-bottom:5px}.pagina-kluis .vault-field input,.pagina-kluis .vault-field textarea{width:100%;min-height:38px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:9px;padding:9px 12px;font:inherit;font-size:13px;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.pagina-kluis .vault-field input:focus,.pagina-kluis .vault-field textarea:focus{outline:none;border-color:var(--portal-color);box-shadow:0 0 0 3px #6366f11f}.pagina-kluis .vault-field textarea{min-height:60px;resize:vertical}.pagina-kluis .vault-pw-row{display:flex;gap:6px}.pagina-kluis .vault-pw-row input{flex:1}.pagina-kluis .vault-gen-btn{padding:0 10px;border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);font-size:11px;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s}.pagina-kluis .vault-gen-btn:hover{border-color:var(--portal-color);background:#6366f10f}.pagina-kluis .vault-custom-fields{display:flex;flex-direction:column;gap:8px}.pagina-kluis .vault-cf-row{display:flex;gap:6px}.pagina-kluis .vault-cf-row input:first-child{width:35%;flex-shrink:0}.pagina-kluis .vault-cf-row input{flex:1;min-height:36px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:8px;padding:8px 10px;font:inherit;font-size:12px;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.pagina-kluis .vault-cf-row input:focus{outline:none;border-color:var(--portal-color);box-shadow:0 0 0 3px #6366f11a}.pagina-kluis .vault-cf-del{width:34px;border-radius:8px;border:1px solid rgba(239,68,68,.2);background:transparent;color:#dc2626;cursor:pointer;flex-shrink:0;transition:background .15s}.pagina-kluis .vault-cf-del:hover{background:#ef444414}.pagina-kluis .vault-add-field{margin-top:8px;padding:6px 14px;border-radius:8px;border:1px dashed rgba(59,130,246,.3);background:transparent;color:var(--portal-color);cursor:pointer;font-size:11px;font-weight:700;transition:border-color .15s,background .15s}.pagina-kluis .vault-add-field:hover{background:#6366f10f;border-color:#6366f166}.pagina-kluis .vault-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px;border-top:1px solid var(--ds-border-subtle);padding-top:14px}.pagina-kluis .vault-modal-actions.center{justify-content:center}.pagina-kluis .totp-tabs{display:flex;border:1px solid var(--ds-border);border-radius:10px;overflow:hidden;margin-bottom:16px}.pagina-kluis .totp-tab{flex:1;padding:9px;border:none;background:transparent;color:var(--ds-text-muted);font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s,color .2s}.pagina-kluis .totp-tab:hover{color:var(--ds-text)}.pagina-kluis .totp-tab.active{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff}.pagina-kluis .qr-wrap{display:flex;justify-content:center;margin:12px 0}.pagina-kluis .qr-wrap img{border-radius:12px;background:var(--ds-card);padding:14px;width:200px;height:200px;box-shadow:0 4px 16px #00000026}.pagina-kluis .totp-manual{padding:16px;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px}.pagina-kluis .tm-label{font-size:11px;color:var(--ds-text-muted);text-transform:uppercase;font-weight:700;letter-spacing:.5px;margin-bottom:5px}.pagina-kluis .tm-label:not(:first-child){margin-top:14px}.pagina-kluis .totp-secret{font-family:ui-monospace,Menlo,monospace;font-size:15px;letter-spacing:3px;color:#3b82f6;font-weight:700;word-break:break-all;cursor:pointer;-webkit-user-select:all;user-select:all;transition:opacity .15s}.pagina-kluis .totp-secret:hover{opacity:.8}.pagina-kluis .tm-acc{font-size:13px;color:var(--ds-text-2)}.pagina-kluis .totp-live{text-align:center;margin-top:14px;padding:14px;background:#3b82f60f;border:1px solid rgba(59,130,246,.15);border-radius:10px}.pagina-kluis .tl-label{font-size:11px;color:var(--ds-text-muted);font-weight:700;margin-bottom:5px}@keyframes pagina-kluis-vault-totp-pulse{0%,to{opacity:1}50%{opacity:.65}}.pagina-kluis .tl-code{font-family:ui-monospace,Menlo,monospace;font-size:24px;letter-spacing:5px;color:#3b82f6;font-weight:700;animation:pagina-kluis-vault-totp-pulse 2s ease-in-out infinite}.pagina-kluis .tl-sub{font-size:10px;color:var(--ds-text-muted);margin-top:5px}.pagina-groei-conversie .cv-refresh{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:9px;padding:8px 13px;font-size:13px;font-weight:600;cursor:pointer}.pagina-groei-conversie .cv-refresh:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-groei-conversie .cv-refresh:disabled{opacity:.6;cursor:default}.pagina-groei-conversie .cv-loading,.pagina-groei-conversie .cv-empty{display:flex;align-items:center;gap:9px;justify-content:center;padding:40px;color:var(--ds-text-muted);font-size:14px}.pagina-groei-conversie .cv-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:14px 0}.pagina-groei-conversie .cv-kpi{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;padding:16px 18px}.pagina-groei-conversie .cv-kpi.accent{border-color:color-mix(in srgb,var(--portal-color) 45%,var(--ds-border));background:color-mix(in srgb,var(--portal-color) 6%,var(--ds-card))}.pagina-groei-conversie .cv-k{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted)}.pagina-groei-conversie .cv-v{font-size:30px;font-weight:800;letter-spacing:-.02em;margin-top:4px;font-variant-numeric:tabular-nums}.pagina-groei-conversie .cv-kpi.accent .cv-v{color:var(--portal-color)}.pagina-groei-conversie .cv-s{font-size:12px;color:var(--ds-text-muted);margin-top:2px}.pagina-groei-conversie .cv-ai{border:1px solid color-mix(in srgb,var(--portal-color) 40%,var(--ds-border));background:linear-gradient(180deg,color-mix(in srgb,var(--portal-color) 7%,var(--ds-card)),var(--ds-card))}.pagina-groei-conversie .cv-prov{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);background:var(--ds-bg);padding:3px 9px;border-radius:999px}.pagina-groei-conversie .cv-concl{display:flex;gap:9px;align-items:flex-start;font-size:15px;font-weight:700;color:var(--ds-text);margin:4px 0 14px}.pagina-groei-conversie .cv-concl svg{color:var(--portal-color);font-size:19px;flex-shrink:0;margin-top:1px}.pagina-groei-conversie .cv-adv{list-style:none;display:flex;flex-direction:column;gap:10px}.pagina-groei-conversie .cv-adv li{display:flex;gap:11px;font-size:14px;color:var(--ds-text);align-items:flex-start;line-height:1.5}.pagina-groei-conversie .cv-dot{width:7px;height:7px;border-radius:50%;background:var(--portal-color);flex-shrink:0;margin-top:7px}.pagina-groei-conversie .cv-funnel{display:flex;flex-direction:column;gap:16px;padding:4px 0}.pagina-groei-conversie .cv-fbar-wrap{background:var(--ds-bg);border-radius:8px;height:34px;overflow:hidden}.pagina-groei-conversie .cv-fbar{height:100%;background:linear-gradient(90deg,var(--portal-color),color-mix(in srgb,var(--portal-color) 70%,#22c55e));border-radius:8px;transition:width .5s cubic-bezier(.16,1,.3,1);min-width:6px}.pagina-groei-conversie .cv-fbar.last{background:linear-gradient(90deg,#16a34a,#22c55e)}.pagina-groei-conversie .cv-finfo{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.pagina-groei-conversie .cv-flabel{font-size:13.5px;font-weight:700}.pagina-groei-conversie .cv-fnum{font-size:13.5px;font-weight:800;font-variant-numeric:tabular-nums}.pagina-groei-conversie .cv-fnum small{color:var(--ds-text-muted);font-weight:600}.pagina-groei-conversie .cv-fdrop{font-size:12px;color:#e0955a;font-weight:600;margin-top:6px;display:flex;align-items:center;gap:5px}.pagina-groei-conversie .cv-grid3{display:grid;grid-template-columns:1fr;gap:14px}.pagina-groei-conversie .cv-list{display:flex;flex-direction:column;gap:8px}.pagina-groei-conversie .cv-row{display:flex;align-items:center;justify-content:space-between;font-size:13.5px;padding:7px 10px;border-radius:8px;background:var(--ds-bg)}.pagina-groei-conversie .cv-row b{font-variant-numeric:tabular-nums}.pagina-groei-conversie .cv-path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px;color:var(--ds-text-muted);font-family:ui-monospace,monospace;font-size:12.5px}@media (min-width:760px){.pagina-groei-conversie .cv-kpis{grid-template-columns:repeat(4,1fr)}.pagina-groei-conversie .cv-grid3{grid-template-columns:repeat(3,1fr)}}.pagina-groei-conversie .cv-fbar{background:linear-gradient(90deg,var(--portal-color),color-mix(in srgb,var(--portal-color) 70%,var(--g-green)))}.pagina-groei-conversie .cv-fbar.last{background:linear-gradient(90deg,color-mix(in srgb,var(--g-green) 80%,#000),var(--g-green))}.pagina-groei-conversie .cv-fdrop{color:var(--g-orange)}.pagina-groei-marketing .cv-refresh{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:9px;padding:8px 13px;font-size:13px;font-weight:600;cursor:pointer}.pagina-groei-marketing .cv-refresh:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-groei-marketing .cv-refresh:disabled{opacity:.6;cursor:default}.pagina-groei-marketing .cv-loading,.pagina-groei-marketing .cv-empty{display:flex;align-items:center;gap:9px;justify-content:center;padding:40px;color:var(--ds-text-muted);font-size:14px}.pagina-groei-marketing .cv-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:14px 0}.pagina-groei-marketing .cv-kpi{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;padding:16px 18px}.pagina-groei-marketing .cv-kpi.accent{border-color:color-mix(in srgb,var(--portal-color) 45%,var(--ds-border));background:color-mix(in srgb,var(--portal-color) 6%,var(--ds-card))}.pagina-groei-marketing .cv-kpi.warn{border-color:color-mix(in srgb,#e0955a 55%,var(--ds-border))}.pagina-groei-marketing .cv-k{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted)}.pagina-groei-marketing .cv-v{font-size:30px;font-weight:800;letter-spacing:-.02em;margin-top:4px;font-variant-numeric:tabular-nums}.pagina-groei-marketing .cv-kpi.accent .cv-v{color:var(--portal-color)}.pagina-groei-marketing .cv-s{font-size:12px;color:var(--ds-text-muted);margin-top:2px}.pagina-groei-marketing .cv-ai{border:1px solid color-mix(in srgb,var(--portal-color) 40%,var(--ds-border));background:linear-gradient(180deg,color-mix(in srgb,var(--portal-color) 7%,var(--ds-card)),var(--ds-card))}.pagina-groei-marketing .cv-prov{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);background:var(--ds-bg);padding:3px 9px;border-radius:999px}.pagina-groei-marketing .cv-concl{display:flex;gap:9px;align-items:flex-start;font-size:15px;font-weight:700;color:var(--ds-text);margin:4px 0 14px}.pagina-groei-marketing .cv-concl svg{color:var(--portal-color);font-size:19px;flex-shrink:0;margin-top:1px}.pagina-groei-marketing .cv-adv{list-style:none;display:flex;flex-direction:column;gap:10px}.pagina-groei-marketing .cv-adv li{display:flex;gap:11px;font-size:14px;color:var(--ds-text);align-items:flex-start;line-height:1.5}.pagina-groei-marketing .cv-dot{width:7px;height:7px;border-radius:50%;background:var(--portal-color);flex-shrink:0;margin-top:7px}.pagina-groei-marketing .md-sub{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted);margin:18px 0 10px}.pagina-groei-marketing .md-nba{display:grid;grid-template-columns:1fr;gap:10px;margin:6px 0 4px}.pagina-groei-marketing .md-nba-card{background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:11px;padding:11px 13px}.pagina-groei-marketing .md-nba-k{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--portal-color)}.pagina-groei-marketing .md-nba-v{font-size:13.5px;color:var(--ds-text);margin-top:3px;line-height:1.45}.pagina-groei-marketing .md-taken{list-style:none;display:flex;flex-direction:column;gap:9px}.pagina-groei-marketing .md-taken li,.pagina-groei-marketing .md-mis{display:flex;gap:10px;font-size:13.5px;color:var(--ds-text);align-items:flex-start;line-height:1.45}.pagina-groei-marketing .md-check{width:15px;height:15px;border-radius:5px;border:2px solid color-mix(in srgb,var(--portal-color) 55%,var(--ds-border));flex-shrink:0;margin-top:2px}.pagina-groei-marketing .md-missies{display:flex;flex-direction:column;gap:11px}.pagina-groei-marketing .md-mis-t{font-weight:600}.pagina-groei-marketing .md-mis-s{font-size:12px;color:var(--ds-text-muted);margin-top:1px}.pagina-groei-marketing .md-plan{display:grid;grid-template-columns:1fr;gap:12px}.pagina-groei-marketing .md-plan-card{background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:12px;padding:13px 15px}.pagina-groei-marketing .md-plan-p{font-weight:800;font-size:13.5px;color:var(--portal-color)}.pagina-groei-marketing .md-plan-f{font-size:13px;color:var(--ds-text);margin-top:4px;line-height:1.45}.pagina-groei-marketing .md-plan-m{font-size:11.5px;color:var(--ds-text-muted);margin-top:6px;display:flex;align-items:center;gap:5px}.pagina-groei-marketing .md-kpitable{display:flex;flex-direction:column;gap:6px}.pagina-groei-marketing .md-kpirow{display:grid;grid-template-columns:1.6fr 1fr 1.2fr 1fr;gap:8px;font-size:12.5px;padding:8px 10px;border-radius:8px;background:var(--ds-bg);align-items:center}.pagina-groei-marketing .md-kpirow.head{background:transparent;font-weight:800;text-transform:uppercase;font-size:10.5px;letter-spacing:.04em;color:var(--ds-text-muted)}.pagina-groei-marketing .md-kpi-l{font-weight:600}.pagina-groei-marketing .md-src{font-style:normal;font-size:10px;font-weight:700;color:var(--ds-text-muted);background:var(--ds-card);border:1px solid var(--ds-border);border-radius:6px;padding:1px 6px;margin-left:4px}.pagina-groei-marketing .md-warn{color:#e0955a}.pagina-groei-marketing .md-crit{color:#dc6a6a}.pagina-groei-marketing .md-cards{display:grid;grid-template-columns:1fr;gap:12px}.pagina-groei-marketing .md-bc{background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:12px;padding:14px 16px}.pagina-groei-marketing .md-bc-n{font-weight:800;font-size:15px}.pagina-groei-marketing .md-bc-s{font-size:12px;color:var(--ds-text-muted);margin:3px 0 9px}.pagina-groei-marketing .md-bc-say,.pagina-groei-marketing .md-bc-avoid{font-size:13px;line-height:1.5;margin-top:5px}.pagina-groei-marketing .md-bc-say b{color:#16a34a}.pagina-groei-marketing .md-bc-avoid b{color:#dc6a6a}@media (min-width:760px){.pagina-groei-marketing .cv-kpis{grid-template-columns:repeat(4,1fr)}.pagina-groei-marketing .md-nba,.pagina-groei-marketing .md-plan,.pagina-groei-marketing .md-cards{grid-template-columns:repeat(2,1fr)}}.pagina-groei-marketing .cv-kpi.warn{border-color:color-mix(in srgb,var(--g-orange) 55%,var(--ds-border))}.pagina-groei-marketing .md-warn{color:var(--g-orange)}.pagina-groei-marketing .md-crit{color:var(--g-red)}.pagina-groei-marketing .md-bc-say b{color:var(--g-green)}.pagina-groei-marketing .md-bc-avoid b{color:var(--g-red)}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.pagina-groei-kaart .map-legend{position:absolute;bottom:14px;left:14px;z-index:500;background:var(--g-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--ds-border);border-radius:12px;padding:9px 13px;display:flex;gap:13px;flex-wrap:wrap;font-size:11.5px;color:var(--ds-text-2);box-shadow:var(--g-shadow)}.pagina-groei-kaart .map-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.pagina-groei-kaart #groei-map{border-radius:18px}.pagina-groei-ontwerp .ds{max-width:1120px;margin:0 auto;padding:8px 4px 70px}.pagina-groei-ontwerp .ds-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.pagina-groei-ontwerp .ds-badge{width:46px;height:46px;border-radius:13px;background:linear-gradient(150deg,#2563eb,#0ea5e9);color:#fff;display:grid;place-items:center;flex-shrink:0;box-shadow:0 8px 20px -8px #2563eb99}.pagina-groei-ontwerp .ds-badge svg{font-size:23px}.pagina-groei-ontwerp .ds-head h1{font-size:23px;font-weight:800;margin:0;letter-spacing:-.02em}.pagina-groei-ontwerp .ds-head p{color:var(--txt-dim,var(--ds-text-muted));font-size:13px;margin:3px 0 0;max-width:660px}.pagina-groei-ontwerp .tabs{display:flex;gap:8px;margin-bottom:16px}.pagina-groei-ontwerp .tabs button{border:1px solid var(--bd,var(--ds-border));background:var(--card,var(--ds-card));color:inherit;border-radius:var(--ds-radius-sm);padding:10px 18px;font-weight:700;font-size:13.5px;cursor:pointer;display:inline-flex;align-items:center;gap:7px}.pagina-groei-ontwerp .tabs button.on{background:var(--portal-color);color:#fff;border-color:var(--portal-color)}.pagina-groei-ontwerp .work{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}@media (max-width: 820px){.pagina-groei-ontwerp .work,.pagina-groei-ontwerp .row2{grid-template-columns:1fr}}.pagina-groei-ontwerp .panel{background:var(--card,var(--ds-card));border:1px solid var(--ds-border);border-radius:16px;padding:20px}.pagina-groei-ontwerp .panel h3{font-size:14px;font-weight:800;margin:0 0 12px;display:flex;align-items:center;gap:7px}.pagina-groei-ontwerp .fl{display:block;font-size:12px;font-weight:700;color:var(--txt-dim,var(--ds-text-muted));margin:12px 0 5px}.pagina-groei-ontwerp .sub-fl{font-weight:500;color:var(--txt-dim,var(--ds-text-subtle))}.pagina-groei-ontwerp .in{width:100%;box-sizing:border-box;border:1px solid var(--ds-border);border-radius:10px;padding:9px 12px;font-size:14px;background:var(--in,var(--ds-card));color:inherit}.pagina-groei-ontwerp .in.ta{resize:vertical;font-family:inherit}.pagina-groei-ontwerp .row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pagina-groei-ontwerp .tpls{display:flex;gap:8px;flex-wrap:wrap}.pagina-groei-ontwerp .tpl{border:1px solid var(--bd,var(--ds-border));background:transparent;color:inherit;border-radius:10px;padding:8px 15px;font-size:13px;font-weight:700;cursor:pointer}.pagina-groei-ontwerp .tpl.on{background:color-mix(in srgb,var(--portal-color) 10%,transparent);border-color:var(--portal-color);color:var(--portal-color)}.pagina-groei-ontwerp .pals{display:flex;gap:8px;align-items:center}.pagina-groei-ontwerp .pal{width:30px;height:30px;border-radius:50%;border:2px solid var(--ds-card);box-shadow:0 0 0 1px var(--ds-border);cursor:pointer}.pagina-groei-ontwerp .pal.on{box-shadow:0 0 0 2px var(--portal-color)}.pagina-groei-ontwerp .cpick{width:34px;height:34px;border:none;background:none;padding:0;cursor:pointer}.pagina-groei-ontwerp .aibar,.pagina-groei-ontwerp .btns{display:flex;gap:8px}.pagina-groei-ontwerp .aibar .in{flex:1}.pagina-groei-ontwerp .b{background:var(--portal-color);color:#fff;border:none;border-radius:11px;padding:11px 18px;font-weight:700;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.pagina-groei-ontwerp .b.ghost{background:transparent;color:var(--portal-color);border:1px solid color-mix(in srgb,var(--portal-color) 30%,transparent)}.pagina-groei-ontwerp .b.sm{padding:8px 12px;font-size:12.5px}.pagina-groei-ontwerp .b:disabled{opacity:.55;cursor:not-allowed}.pagina-groei-ontwerp .btns{margin-top:14px;flex-wrap:wrap}.pagina-groei-ontwerp .msg{font-size:12.5px;color:var(--portal-color);font-weight:600;margin:10px 0 0}.pagina-groei-ontwerp .hint{font-size:11.5px;color:var(--txt-dim,var(--ds-text-subtle));margin:8px 0 0}.pagina-groei-ontwerp .preview{width:100%;background:var(--alt,var(--ds-hover));border:1px solid var(--ds-border);border-radius:12px;padding:16px;display:flex;justify-content:center}.pagina-groei-ontwerp .preview :global(svg),.pagina-groei-ontwerp .preview svg{width:100%;height:auto;max-width:420px;border-radius:10px;box-shadow:0 12px 34px -14px #0f172a66}.pagina-groei-ontwerp .preview.card svg{max-width:360px}.pagina-groei-ontwerp .preview img{width:100%;height:auto;max-width:420px;border-radius:var(--ds-radius-sm);box-shadow:0 12px 34px -14px #0f172a66}.pagina-groei-ontwerp .preview.card img{max-width:360px}.pagina-login-flow .print-btn{display:inline-flex;align-items:center;gap:6px;background:var(--portal-color);color:#fff;border:none;padding:10px 28px;border-radius:var(--ds-radius-sm);font-weight:600;cursor:pointer;font-size:14px;transition:opacity .15s,transform .15s,box-shadow .2s}.pagina-login-flow .print-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px #6366f14d}.pagina-login-flow .doc-container{max-width:900px;width:100%;min-width:0;margin:0 auto;box-sizing:border-box}@media print{.pagina-login-flow .no-print{display:none}}@media print{.pagina-login-flow .topbar-actions{display:none}}.pagina-ai-agent .ag-venster{display:flex;flex-direction:column;height:calc(100vh - 190px);min-height:420px;padding:0;overflow:hidden}.pagina-ai-agent .ag-stroom{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:14px}.pagina-ai-agent .ag-laden{color:var(--ds-text-muted);font-size:13px}.pagina-ai-agent .ag-start{max-width:720px;margin:auto;text-align:center;padding:24px 8px}.pagina-ai-agent .ag-start-icoon{width:52px;height:52px;border-radius:16px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--portal-color) 14%,transparent);color:var(--portal-color)}.pagina-ai-agent .ag-start-icoon svg{width:26px;height:26px}.pagina-ai-agent .ag-start h2{font-size:20px;font-weight:700;margin:0 0 8px;color:var(--ds-text-1);text-wrap:balance}.pagina-ai-agent .ag-start p{font-size:13.5px;line-height:1.55;color:var(--ds-text-muted);margin:0 auto 20px;max-width:560px}.pagina-ai-agent .ag-voorbeelden{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;text-align:left}.pagina-ai-agent .ag-voorbeeld{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;cursor:pointer;font-size:13px;line-height:1.4;background:var(--ds-veld, var(--ds-bg));color:var(--ds-text-1);border:1px solid var(--ds-border);text-align:left}.pagina-ai-agent .ag-voorbeeld:hover{border-color:var(--portal-color);background:var(--ds-hover)}.pagina-ai-agent .ag-voorbeeld svg{flex:0 0 18px;width:18px;height:18px;color:var(--portal-color);margin-top:1px}.pagina-ai-agent .ag-bericht{display:flex;gap:10px;max-width:78%}.pagina-ai-agent .ag-bericht.van-mij{align-self:flex-end;flex-direction:row-reverse}.pagina-ai-agent .ag-bericht.van-ai{align-self:flex-start}.pagina-ai-agent .ag-avatar{flex:0 0 30px;width:30px;height:30px;border-radius:50%;margin-top:2px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--portal-color) 14%,transparent);color:var(--portal-color)}.pagina-ai-agent .ag-avatar svg{width:16px;height:16px}.pagina-ai-agent .ag-inhoud{display:flex;flex-direction:column;gap:4px;min-width:0}.pagina-ai-agent .van-mij .ag-inhoud{align-items:flex-end}.pagina-ai-agent .ag-bel{padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.55;overflow-wrap:anywhere}.pagina-ai-agent .van-ai .ag-bel{background:var(--ds-veld, var(--ds-bg));color:var(--ds-text-1);border:1px solid var(--ds-border);border-top-left-radius:4px}.pagina-ai-agent .van-mij .ag-bel{background:var(--portal-color);color:#fff;border-top-right-radius:4px}.pagina-ai-agent .ag-bel .bobc-li{padding-left:14px;position:relative}.pagina-ai-agent .ag-bel .bobc-li:before{content:"•";position:absolute;left:2px}.pagina-ai-agent .ag-bel .bobc-leegregel{height:8px}.pagina-ai-agent .ag-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--ds-text-muted);padding:0 4px;flex-wrap:wrap}.pagina-ai-agent .ag-tools{display:inline-flex;gap:4px;flex-wrap:wrap}.pagina-ai-agent .ag-tool{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:999px;border:1px solid var(--ds-border);background:var(--ds-card);font-size:10.5px}.pagina-ai-agent .ag-tool svg{width:11px;height:11px}.pagina-ai-agent .ag-typt{display:inline-flex;align-items:center;gap:4px;color:var(--ds-text-muted)}.pagina-ai-agent .ag-typt em{font-style:normal;font-size:12.5px;margin-left:6px}.pagina-ai-agent .ag-typt span{width:6px;height:6px;border-radius:50%;background:var(--portal-color);opacity:.35;animation:ag-puls 1.2s infinite ease-in-out}.pagina-ai-agent .ag-typt span:nth-child(2){animation-delay:.2s}.pagina-ai-agent .ag-typt span:nth-child(3){animation-delay:.4s}@keyframes ag-puls{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@media (prefers-reduced-motion: reduce){.pagina-ai-agent .ag-typt span{animation:none;opacity:.8}}.pagina-ai-agent .ag-invoer{display:flex;align-items:flex-end;gap:10px;padding:12px 16px;border-top:1px solid var(--ds-border);background:var(--ds-card)}.pagina-ai-agent .ag-invoer textarea{flex:1;resize:none;box-sizing:border-box;height:44px;min-height:44px;max-height:180px;padding:11px 14px;border-radius:12px;font:inherit;font-size:14px;line-height:1.45;background-color:var(--ds-veld, var(--ds-bg));color:var(--ds-text-1);border:1.5px solid var(--ds-border)}.pagina-ai-agent .ag-invoer textarea:focus{outline:none;border-color:var(--portal-color)}.pagina-ai-agent .ag-verstuur{flex:0 0 44px;width:44px;height:44px;border-radius:12px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--portal-color);color:#fff}.pagina-ai-agent .ag-verstuur svg{width:18px;height:18px}.pagina-ai-agent .ag-verstuur:disabled{opacity:.45;cursor:not-allowed}.pagina-ai-agent .ag-voet{padding:6px 16px 10px;font-size:11px;color:var(--ds-text-muted)}@media (max-width: 640px){.pagina-ai-agent .ag-venster{height:calc(100vh - 150px)}.pagina-ai-agent .ag-stroom{padding:14px}.pagina-ai-agent .ag-bericht{max-width:92%}}body.ag-open .bobc-fab,body.ag-open .bobc-paneel{display:none}.pagina-vergaderassistent .ma-page{display:flex;flex-direction:column;gap:0;padding-bottom:32px}.pagina-vergaderassistent .consent-banner,.pagina-vergaderassistent .error-banner{display:flex;align-items:flex-start;gap:14px;border-radius:12px;padding:14px 18px;margin:12px 0;animation:dsFadeUp .3s ease forwards}.pagina-vergaderassistent .refresh-banner{display:flex;align-items:flex-start;gap:14px;border-radius:12px;padding:14px 18px;margin:12px 0;background:#6366f112;border:1px solid rgba(99,102,241,.25);animation:dsFadeUp .3s ease forwards}.pagina-vergaderassistent .refresh-banner svg{color:var(--portal-color);font-size:20px;flex-shrink:0;margin-top:2px}.pagina-vergaderassistent .refresh-banner div{flex:1;font-size:14px;line-height:1.5;color:var(--ds-text)}.pagina-vergaderassistent .consent-banner{background:#f59e0b14;border:1px solid rgba(245,158,11,.3)}.pagina-vergaderassistent .consent-banner svg{color:#f59e0b;font-size:20px;flex-shrink:0;margin-top:2px}.pagina-vergaderassistent .error-banner{background:#ef444412;border:1px solid rgba(239,68,68,.25)}.pagina-vergaderassistent .error-banner svg{color:#ef4444;font-size:20px;flex-shrink:0;margin-top:2px}.pagina-vergaderassistent .consent-text,.pagina-vergaderassistent .error-banner div{flex:1;font-size:14px;line-height:1.5;color:var(--ds-text)}.pagina-vergaderassistent .consent-text strong{color:#f59e0b}.pagina-vergaderassistent .error-banner strong{color:#ef4444}.pagina-vergaderassistent .requesting-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 20px;text-align:center}.pagina-vergaderassistent .req-spinner{width:40px;height:40px;border-radius:50%;border:3px solid var(--ds-border);border-top-color:var(--portal-color);animation:pagina-vergaderassistent-spin .8s linear infinite}@keyframes pagina-vergaderassistent-spin{to{transform:rotate(360deg)}}.pagina-vergaderassistent .requesting-state p{font-size:15px;color:var(--ds-text-muted);line-height:1.6;margin:0}.pagina-vergaderassistent .requesting-state small{color:var(--ds-text-subtle)}.pagina-vergaderassistent .idle-state{display:flex;justify-content:center;padding:40px 20px}.pagina-vergaderassistent .idle-layout{display:flex;gap:28px;align-items:flex-start;max-width:1000px;width:100%;justify-content:center}.pagina-vergaderassistent .idle-inner{flex:0 0 420px;max-width:420px}.pagina-vergaderassistent .history-panel{flex:1;min-width:0}@media (max-width: 820px){.pagina-vergaderassistent .idle-layout{flex-direction:column;align-items:stretch}.pagina-vergaderassistent .idle-inner{flex:none;max-width:100%}}.pagina-vergaderassistent .idle-inner{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;animation:dsFadeUp .4s ease forwards}.pagina-vergaderassistent .idle-icon-wrap{width:80px;height:80px;border-radius:50%;background:color-mix(in srgb,var(--portal-color) 12%,transparent);display:flex;align-items:center;justify-content:center}.pagina-vergaderassistent .idle-icon-wrap svg{font-size:36px;color:var(--portal-color)}.pagina-vergaderassistent .idle-inner h2{font-size:24px;font-weight:800;color:var(--ds-text);margin:0}.pagina-vergaderassistent .idle-inner>p{font-size:14px;color:var(--ds-text-muted);line-height:1.6;margin:0}.pagina-vergaderassistent .idle-form{width:100%;display:flex;flex-direction:column;gap:10px}.pagina-vergaderassistent .title-input,.pagina-vergaderassistent .lang-row select{width:100%;padding:12px 14px;border-radius:10px;font-size:14px;border:1.5px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);outline:none;box-sizing:border-box;transition:border-color .15s}.pagina-vergaderassistent .title-input:focus,.pagina-vergaderassistent .lang-row select:focus{border-color:var(--portal-color)}.pagina-vergaderassistent .lang-row{display:flex;align-items:center;gap:10px}.pagina-vergaderassistent .lang-row label{font-size:13px;color:var(--ds-text-muted);white-space:nowrap}.pagina-vergaderassistent .lang-row select{flex:1;padding:10px 14px}.pagina-vergaderassistent .btn-start{padding:13px 24px;background:var(--portal-color);color:#fff;border:none;border-radius:var(--ds-radius-sm);font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;justify-content:center;transition:background .15s,transform .1s}.pagina-vergaderassistent .btn-start:hover:not(:disabled){background:var(--portal-color-dark);transform:translateY(-1px)}.pagina-vergaderassistent .btn-start:disabled{opacity:.45;cursor:not-allowed}.pagina-vergaderassistent .idle-note{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ds-text-muted);background:var(--ds-card-elevated);padding:10px 14px;border-radius:8px;border:1px solid var(--ds-border)}.pagina-vergaderassistent .idle-note svg{color:#f59e0b;flex-shrink:0}.pagina-vergaderassistent .history-panel{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;overflow:hidden}.pagina-vergaderassistent .history-header{display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ds-text-muted);border-bottom:1px solid var(--ds-border)}.pagina-vergaderassistent .history-header svg{font-size:14px;color:var(--portal-color)}.pagina-vergaderassistent .history-count{margin-left:auto;background:var(--ds-card-elevated);border:1px solid var(--ds-border);border-radius:10px;padding:1px 7px;font-size:11px;color:var(--ds-text)}.pagina-vergaderassistent .history-list{max-height:420px;overflow-y:auto}.pagina-vergaderassistent .history-item{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--ds-border);transition:background .12s}.pagina-vergaderassistent .history-item:last-child{border-bottom:none}.pagina-vergaderassistent .history-item:hover{background:var(--ds-hover)}.pagina-vergaderassistent .hi-main{flex:1;cursor:pointer;min-width:0}.pagina-vergaderassistent .hi-title{font-size:13px;font-weight:600;color:var(--ds-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pagina-vergaderassistent .hi-meta{font-size:11px;color:var(--ds-text-muted);margin-top:2px}.pagina-vergaderassistent .hi-sep{margin:0 4px;opacity:.4}.pagina-vergaderassistent .hi-actions{display:flex;gap:4px;flex-shrink:0}.pagina-vergaderassistent .controls-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;padding:10px 16px;margin-bottom:12px;position:sticky;top:0;z-index:10;box-shadow:var(--ds-shadow)}.pagina-vergaderassistent .controls-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pagina-vergaderassistent .controls-center{flex:1;min-width:120px}.pagina-vergaderassistent .controls-right{display:flex;align-items:center;gap:8px;position:relative;flex-wrap:wrap}.pagina-vergaderassistent .mic-indicator{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;border:1.5px solid var(--ds-border);background:var(--ds-card-elevated);color:var(--ds-text-muted);transition:all .2s}.pagina-vergaderassistent .mic-indicator.active{border-color:#10b98166;background:#10b98112;color:#10b981}.pagina-vergaderassistent .mic-indicator.paused{border-color:#f59e0b59;background:#f59e0b12;color:#f59e0b}.pagina-vergaderassistent .mic-indicator svg{font-size:16px}.pagina-vergaderassistent .mic-label{font-size:11px}.pagina-vergaderassistent .vol-bars{display:flex;align-items:flex-end;gap:2px;height:16px}.pagina-vergaderassistent .vol-bar{width:3px;border-radius:2px;background:var(--ds-border);transition:background .1s}.pagina-vergaderassistent .vol-bar:nth-child(1){height:6px}.pagina-vergaderassistent .vol-bar:nth-child(2){height:9px}.pagina-vergaderassistent .vol-bar:nth-child(3){height:12px}.pagina-vergaderassistent .vol-bar:nth-child(4){height:10px}.pagina-vergaderassistent .vol-bar:nth-child(5){height:7px}.pagina-vergaderassistent .vol-bar:nth-child(6){height:14px}.pagina-vergaderassistent .vol-bar:nth-child(7){height:8px}.pagina-vergaderassistent .vol-bar.lit{background:#10b981}.pagina-vergaderassistent .rec-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:5px 10px;border-radius:20px;background:var(--ds-card-elevated);border:1px solid var(--ds-border);color:var(--ds-text-muted)}.pagina-vergaderassistent .rec-pill.active{color:#ef4444;border-color:#ef44444d;background:#ef44440f}.pagina-vergaderassistent .rec-pill.paused{color:#f59e0b;border-color:#f59e0b4d;background:#f59e0b0f}.pagina-vergaderassistent .rec-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.pagina-vergaderassistent .rec-pill.active .rec-dot{animation:pagina-vergaderassistent-pulse-rec 1.2s ease infinite}@keyframes pagina-vergaderassistent-pulse-rec{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.pagina-vergaderassistent .timer{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:700;color:var(--ds-text);font-variant-numeric:tabular-nums;letter-spacing:.5px}.pagina-vergaderassistent .timer svg{color:var(--ds-text-muted);font-size:14px}.pagina-vergaderassistent .autosave-badge{display:flex;align-items:center;gap:5px;font-size:11px;color:#10b981;animation:dsFadeIn .3s ease}.pagina-vergaderassistent .meeting-title-inline{width:100%;padding:6px 10px;border-radius:7px;font-size:14px;font-weight:600;border:1.5px solid transparent;background:transparent;color:var(--ds-text);outline:none;text-align:center;transition:border-color .15s,background .15s}.pagina-vergaderassistent .meeting-title-inline:hover,.pagina-vergaderassistent .meeting-title-inline:focus{border-color:var(--ds-border);background:var(--ds-card-elevated)}.pagina-vergaderassistent .ctrl-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--ds-radius-sm);font-size:13px;font-weight:600;border:1.5px solid var(--ds-border);cursor:pointer;background:var(--ds-card);color:var(--ds-text);transition:all .15s}.pagina-vergaderassistent .ctrl-btn svg{font-size:15px}.pagina-vergaderassistent .ctrl-btn:hover{transform:translateY(-1px)}.pagina-vergaderassistent .pause-btn:hover{border-color:#f59e0b;color:#f59e0b;background:#f59e0b0f}.pagina-vergaderassistent .resume-btn:hover{border-color:#10b981;color:#10b981;background:#10b9810f}.pagina-vergaderassistent .stop-btn:hover{border-color:#ef4444;color:#ef4444;background:#ef44440f}.pagina-vergaderassistent .export-btn{border-color:var(--portal-color);color:var(--portal-color)}.pagina-vergaderassistent .export-btn:hover{background:color-mix(in srgb,var(--portal-color) 8%,transparent)}.pagina-vergaderassistent .new-btn{border-color:#10b981;color:#10b981}.pagina-vergaderassistent .new-btn:hover{background:#10b9810f}.pagina-vergaderassistent .export-menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;box-shadow:var(--ds-shadow-lg);min-width:220px;overflow:hidden;z-index:200;animation:dsScaleIn .15s ease forwards}.pagina-vergaderassistent .export-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 16px;background:none;border:none;font-size:13px;color:var(--ds-text);cursor:pointer;transition:background .12s;text-align:left}.pagina-vergaderassistent .export-menu button:hover{background:var(--ds-hover)}.pagina-vergaderassistent .export-menu button svg{color:var(--portal-color)}.pagina-vergaderassistent .ma-grid{display:grid;grid-template-columns:210px 1fr 300px;gap:12px;min-height:440px}.pagina-vergaderassistent .ma-grid>*{min-height:0}.pagina-vergaderassistent .panel{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.pagina-vergaderassistent .panel-header{display:flex;align-items:center;gap:8px;padding:11px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ds-text-muted);border-bottom:1px solid var(--ds-border);flex-shrink:0}.pagina-vergaderassistent .panel-header svg{font-size:14px;color:var(--portal-color)}.pagina-vergaderassistent .panel-count{margin-left:auto;background:var(--ds-card-elevated);border:1px solid var(--ds-border);border-radius:10px;padding:1px 7px;font-size:11px;color:var(--ds-text)}.pagina-vergaderassistent .panel-controls{margin-left:auto}.pagina-vergaderassistent .panel-speakers{overflow-y:auto}.pagina-vergaderassistent .speakers-list{padding:8px;display:flex;flex-direction:column;gap:6px;flex:1}.pagina-vergaderassistent .speaker-row{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;background:var(--ds-card-elevated);border:1px solid var(--ds-border)}.pagina-vergaderassistent .spk-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.pagina-vergaderassistent .spk-info{flex:1;min-width:0}.pagina-vergaderassistent .spk-label{font-size:10px;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.4px}.pagina-vergaderassistent .spk-name-input{width:100%;padding:3px 6px;border-radius:5px;font-size:12px;font-weight:600;border:1px solid transparent;background:transparent;color:var(--ds-text);outline:none;transition:border-color .15s,background .15s;box-sizing:border-box}.pagina-vergaderassistent .spk-name-input:hover,.pagina-vergaderassistent .spk-name-input:focus{border-color:var(--ds-border);background:var(--ds-card)}.pagina-vergaderassistent .spk-remove{background:none;border:none;cursor:pointer;padding:4px;color:var(--ds-text-muted);border-radius:5px;display:flex;align-items:center}.pagina-vergaderassistent .spk-remove:hover{background:#ef44441a;color:#ef4444}.pagina-vergaderassistent .btn-add-speaker{margin:6px 8px;padding:8px 10px;border-radius:var(--ds-radius-sm);font-size:12px;font-weight:600;border:1.5px dashed var(--ds-border);background:transparent;color:var(--ds-text-muted);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s}.pagina-vergaderassistent .btn-add-speaker:hover:not(:disabled){border-color:var(--portal-color);color:var(--portal-color)}.pagina-vergaderassistent .btn-add-speaker:disabled{opacity:.4;cursor:not-allowed}.pagina-vergaderassistent .pause-setting{margin:0 8px 6px;padding:8px;border-radius:7px;background:var(--ds-card-elevated);border:1px solid var(--ds-border);display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ds-text-muted)}.pagina-vergaderassistent .pause-setting select{flex:1;padding:3px 6px;border-radius:5px;font-size:11px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text)}.pagina-vergaderassistent .status-log{border-top:1px solid var(--ds-border);padding:8px 12px;display:flex;flex-direction:column;gap:5px;flex-shrink:0}.pagina-vergaderassistent .status-item{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--ds-text-muted)}.pagina-vergaderassistent .s-dot{width:6px;height:6px;border-radius:50%;background:var(--ds-border);flex-shrink:0}.pagina-vergaderassistent .s-dot.green{background:#10b981}.pagina-vergaderassistent .panel-transcript{position:relative}.pagina-vergaderassistent .transcript-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:var(--ds-text-muted);text-align:center}.pagina-vergaderassistent .transcript-empty svg{font-size:40px;color:var(--ds-border)}.pagina-vergaderassistent .transcript-empty p{font-size:14px;line-height:1.6;margin:0}.pagina-vergaderassistent .transcript-empty small{color:var(--ds-text-subtle);font-size:12px}.pagina-vergaderassistent .transcript-body{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:4px}.pagina-vergaderassistent .transcript-line{display:flex;gap:8px;font-size:13px;line-height:1.5;padding:5px 7px;border-radius:6px;transition:background .1s}.pagina-vergaderassistent .transcript-line:hover{background:var(--ds-hover)}.pagina-vergaderassistent .transcript-line.interim{opacity:.6;font-style:italic}.pagina-vergaderassistent .ts-time{color:var(--ds-text-subtle);font-size:10px;white-space:nowrap;padding-top:2px;flex-shrink:0;font-variant-numeric:tabular-nums}.pagina-vergaderassistent .ts-speaker-wrap{position:relative;flex-shrink:0}.pagina-vergaderassistent .ts-speaker{font-weight:700;white-space:nowrap;font-size:12px;background:none;border:none;cursor:pointer;padding:1px 4px;border-radius:4px;transition:background .12s}.pagina-vergaderassistent .ts-speaker:hover,.pagina-vergaderassistent .ts-speaker-wrap.open .ts-speaker{background:var(--ds-hover)}.pagina-vergaderassistent .ts-speaker-dropdown{position:absolute;left:0;top:calc(100% + 2px);z-index:100;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:8px;box-shadow:var(--ds-shadow);min-width:130px;overflow:hidden;animation:dsScaleIn .12s ease}.pagina-vergaderassistent .ts-speaker-dropdown button{display:block;width:100%;padding:7px 12px;background:none;border:none;font-size:12px;font-weight:600;cursor:pointer;text-align:left;transition:background .1s}.pagina-vergaderassistent .ts-speaker-dropdown button:hover{background:var(--ds-hover)}.pagina-vergaderassistent .ts-speaker-dropdown button.active-spk{background:var(--ds-card-elevated)}.pagina-vergaderassistent .ts-text{color:var(--ds-text);flex:1}.pagina-vergaderassistent .autoscroll-badge{position:absolute;bottom:8px;right:8px;display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:5px 10px;border-radius:20px;cursor:pointer;background:var(--ds-card);border:1.5px solid var(--ds-border);color:var(--ds-text-muted);transition:all .15s;box-shadow:0 1px 4px #00000014}.pagina-vergaderassistent .autoscroll-badge:hover{background:var(--ds-hover);color:var(--ds-text)}.pagina-vergaderassistent .autoscroll-badge.on{color:var(--portal-color);border-color:color-mix(in srgb,var(--portal-color) 40%,transparent);background:color-mix(in srgb,var(--portal-color) 6%,transparent)}.pagina-vergaderassistent .autoscroll-badge svg{font-size:12px}.pagina-vergaderassistent .panel-notes{overflow:hidden;display:flex;flex-direction:column}.pagina-vergaderassistent .notes-tabs{display:flex;border-bottom:1px solid var(--ds-border);flex-shrink:0}.pagina-vergaderassistent .notes-tabs button{flex:1;padding:10px 6px;background:none;border:none;cursor:pointer;font-size:12px;font-weight:600;color:var(--ds-text-muted);display:flex;align-items:center;justify-content:center;gap:5px;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s}.pagina-vergaderassistent .notes-tabs button.active{color:var(--portal-color);border-bottom-color:var(--portal-color)}.pagina-vergaderassistent .notes-tabs button svg{font-size:13px}.pagina-vergaderassistent .notes-content{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:10px}.pagina-vergaderassistent .notes-section{background:var(--ds-card-elevated);border:1px solid var(--ds-border);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:7px}.pagina-vergaderassistent .ns-header{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--ds-text-muted)}.pagina-vergaderassistent .ns-header svg{font-size:13px;color:var(--portal-color)}.pagina-vergaderassistent .ns-textarea{width:100%;padding:8px;border-radius:7px;font-size:13px;line-height:1.5;border:1.5px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);outline:none;resize:vertical;min-height:68px;box-sizing:border-box}.pagina-vergaderassistent .ns-textarea:focus{border-color:var(--portal-color)}.pagina-vergaderassistent .decisions-list,.pagina-vergaderassistent .ov-list{display:flex;flex-direction:column;gap:4px}.pagina-vergaderassistent .decision-item{display:flex;align-items:flex-start;gap:6px;font-size:13px;color:var(--ds-text);padding:5px;border-radius:6px;background:var(--ds-card)}.pagina-vergaderassistent .decision-item svg{color:#10b981;font-size:14px;flex-shrink:0;margin-top:2px}.pagina-vergaderassistent .dec-time{margin-left:auto;font-size:10px;color:var(--ds-text-subtle);white-space:nowrap}.pagina-vergaderassistent .ov-item{display:flex;align-items:center;gap:6px;font-size:13px;padding:4px 6px;border-radius:6px;background:var(--ds-card)}.pagina-vergaderassistent .ov-item span{flex:1}.pagina-vergaderassistent .add-row{display:flex;gap:6px;align-items:center}.pagina-vergaderassistent .add-row input{flex:1;padding:7px 10px;border-radius:7px;font-size:13px;border:1.5px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);outline:none;transition:border-color .15s}.pagina-vergaderassistent .add-row input:focus{border-color:var(--portal-color)}.pagina-vergaderassistent .icon-btn svg{font-size:14px}.pagina-vergaderassistent .icon-btn.accent{border-color:var(--portal-color);color:var(--portal-color);background:color-mix(in srgb,var(--portal-color) 8%,transparent)}.pagina-vergaderassistent .icon-btn.accent:hover{background:color-mix(in srgb,var(--portal-color) 16%,transparent)}.pagina-vergaderassistent .icon-btn.danger:hover{border-color:#ef4444;color:#ef4444;background:#ef44440f}.pagina-vergaderassistent .icon-btn:disabled{opacity:.4;cursor:not-allowed}.pagina-vergaderassistent .chunk-list{display:flex;flex-direction:column;gap:6px}.pagina-vergaderassistent .chunk-item{padding:8px 10px;border-radius:7px;background:var(--ds-card);border-left:3px solid var(--portal-color)}.pagina-vergaderassistent .chunk-time{font-size:10px;color:var(--ds-text-subtle);font-weight:600;margin-bottom:3px}.pagina-vergaderassistent .chunk-summary{font-size:12px;color:var(--ds-text);line-height:1.5}.pagina-vergaderassistent .actions-panel{display:flex;flex-direction:column;flex:1;overflow:hidden}.pagina-vergaderassistent .actions-stats{display:flex;gap:0;border-bottom:1px solid var(--ds-border);flex-shrink:0}.pagina-vergaderassistent .astat{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 6px;border-right:1px solid var(--ds-border)}.pagina-vergaderassistent .astat:last-child{border-right:none}.pagina-vergaderassistent .astat-num{font-size:20px;font-weight:800;color:var(--ds-text);line-height:1}.pagina-vergaderassistent .astat-lbl{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:var(--ds-text-muted);margin-top:2px}.pagina-vergaderassistent .astat.accent .astat-num{color:#f59e0b}.pagina-vergaderassistent .astat.green .astat-num{color:#10b981}.pagina-vergaderassistent .action-scroll{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:6px}.pagina-vergaderassistent .action-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;text-align:center;gap:8px}.pagina-vergaderassistent .action-empty svg{font-size:32px;color:var(--ds-border)}.pagina-vergaderassistent .action-empty p{font-size:13px;font-weight:600;color:var(--ds-text-muted);margin:0}.pagina-vergaderassistent .action-empty small{font-size:11px;color:var(--ds-text-subtle)}.pagina-vergaderassistent .action-card{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:var(--ds-card-elevated);border:1.5px solid var(--ds-border);transition:opacity .2s,border-color .15s}.pagina-vergaderassistent .action-card:hover{border-color:color-mix(in srgb,var(--portal-color) 30%,transparent)}.pagina-vergaderassistent .action-card.done{opacity:.5}.pagina-vergaderassistent .action-card.done .action-text{text-decoration:line-through;color:var(--ds-text-muted)}.pagina-vergaderassistent .action-check{width:28px;height:28px;border-radius:7px;border:2px solid var(--ds-border);background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ds-text-muted);flex-shrink:0;margin-top:1px;transition:all .15s}.pagina-vergaderassistent .action-check svg{font-size:15px}.pagina-vergaderassistent .action-check:hover{border-color:#10b981;color:#10b981;background:#10b98112}.pagina-vergaderassistent .action-card.done .action-check{border-color:#10b981;color:#10b981;background:#10b9811f}.pagina-vergaderassistent .action-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.pagina-vergaderassistent .action-text{font-size:13px;font-weight:600;color:var(--ds-text);line-height:1.4}.pagina-vergaderassistent .action-pills{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.pagina-vergaderassistent .pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:600;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-muted)}.pagina-vergaderassistent .pill svg{font-size:11px}.pagina-vergaderassistent .pill.assignee{border-color:#6366f14d;color:var(--portal-color);background:color-mix(in srgb,var(--portal-color) 7%,transparent)}.pagina-vergaderassistent .pill.deadline,.pagina-vergaderassistent .pill.status-pill.open{border-color:#f59e0b4d;color:#f59e0b;background:#f59e0b12}.pagina-vergaderassistent .pill.status-pill.done-pill{border-color:#10b9814d;color:#10b981;background:#10b98112}.pagina-vergaderassistent .add-action-form{border-top:1px solid var(--ds-border);padding:10px;flex-shrink:0;display:flex;flex-direction:column;gap:7px;background:var(--ds-card-elevated)}.pagina-vergaderassistent .add-action-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--ds-text-muted)}.pagina-vergaderassistent .add-action-title svg{font-size:13px;color:var(--portal-color)}.pagina-vergaderassistent .add-action-form input{width:100%;padding:8px 10px;border-radius:8px;font-size:13px;border:1.5px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);outline:none;transition:border-color .15s;box-sizing:border-box}.pagina-vergaderassistent .add-action-form input:focus{border-color:var(--portal-color)}.pagina-vergaderassistent .add-action-form input::placeholder{color:var(--ds-text-subtle)}.pagina-vergaderassistent .add-action-row2{display:flex;gap:6px}.pagina-vergaderassistent .add-action-row2 input{flex:1}.pagina-vergaderassistent .btn-add-action{width:100%;padding:9px;background:var(--portal-color);color:#fff;border:none;border-radius:var(--ds-radius-sm);font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .15s}.pagina-vergaderassistent .btn-add-action:hover:not(:disabled){background:var(--portal-color-dark)}.pagina-vergaderassistent .btn-add-action:disabled{opacity:.4;cursor:not-allowed}.pagina-vergaderassistent .btn-primary.sm{padding:7px 12px;font-size:12px}.pagina-vergaderassistent .btn-primary:hover{background:var(--portal-color-dark)}.pagina-vergaderassistent .btn-ghost{padding:8px 14px;background:none;color:var(--ds-text-muted);border:1.5px solid var(--ds-border);border-radius:var(--ds-radius-sm);font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s}.pagina-vergaderassistent .btn-ghost.sm{padding:6px 12px;font-size:12px}.pagina-vergaderassistent .btn-ghost:hover{background:var(--ds-hover);color:var(--ds-text)}.pagina-vergaderassistent .empty-inline{font-size:12px;color:var(--ds-text-subtle);font-style:italic;padding:2px 0}@media (max-width: 1100px){.pagina-vergaderassistent .ma-grid{grid-template-columns:190px 1fr 260px}}@media (max-width: 900px){.pagina-vergaderassistent .ma-grid{grid-template-columns:1fr;height:auto;min-height:unset}.pagina-vergaderassistent .panel{max-height:400px}.pagina-vergaderassistent .panel-transcript{max-height:50vh}}@media (max-width: 600px){.pagina-vergaderassistent .controls-bar{flex-direction:column;align-items:flex-start}.pagina-vergaderassistent .controls-center,.pagina-vergaderassistent .controls-right{width:100%}}.pagina-vergaderassistent .send-btn{width:28px;height:28px;border-radius:var(--ds-radius-sm);border:1.5px solid var(--ds-border);background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ds-text-muted);flex-shrink:0;margin-top:1px;transition:all .15s}.pagina-vergaderassistent .send-btn svg{font-size:14px}.pagina-vergaderassistent .send-btn:hover{border-color:var(--portal-color);color:var(--portal-color);background:color-mix(in srgb,var(--portal-color) 8%,transparent)}.pagina-vergaderassistent .send-btn.sent{border-color:#10b981;color:#10b981;background:#10b98114}.pagina-vergaderassistent .pill.sent{border-color:#10b9814d;color:#10b981;background:#10b98112}.pagina-vergaderassistent .modal-header svg{font-size:18px;color:var(--portal-color)}.pagina-vergaderassistent .modal-close:hover{background:var(--ds-hover);color:var(--ds-text)}.pagina-vergaderassistent .mfield{display:flex;flex-direction:column;gap:5px}.pagina-vergaderassistent .mfield label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--ds-text-muted)}.pagina-vergaderassistent .mfield-text{padding:10px 12px;background:var(--ds-card-elevated);border:1px solid var(--ds-border);border-radius:8px;font-size:13px;color:var(--ds-text);line-height:1.4}.pagina-vergaderassistent .mfield select,.pagina-vergaderassistent .mfield input[type=date]{padding:9px 12px;border-radius:8px;font-size:13px;border:1.5px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);outline:none;transition:border-color .15s}.pagina-vergaderassistent .mfield select:focus,.pagina-vergaderassistent .mfield input[type=date]:focus{border-color:var(--portal-color)}.pagina-vergaderassistent .mfield-row{display:flex;gap:12px}.pagina-vergaderassistent .mfield-row .mfield{flex:1}.pagina-vergaderassistent .ma-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#10b981;color:#fff;padding:11px 20px;border-radius:10px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:0 4px 16px #10b98159;z-index:2000;animation:dsFadeUp .25s ease forwards;cursor:pointer}.pagina-vergaderassistent .ma-toast svg{font-size:16px}.pagina-vergaderassistent.ma-page{display:flex;flex-direction:column;gap:0;padding-bottom:32px}.pagina-vergaderassistent>.history-panel{max-width:none;margin-top:16px}.pagina-app-release .rel{max-width:900px;margin:0 auto;padding:8px 4px 40px}.pagina-app-release .rel-hero{display:flex;align-items:center;gap:16px;margin:8px 0 20px}.pagina-app-release .rel-ic{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:var(--portal-color);color:#fff;font-size:26px;flex:0 0 auto}.pagina-app-release .rel-hero h1{margin:0 0 4px;font-size:22px;color:var(--ds-text)}.pagina-app-release .rel-hero p{margin:0;color:var(--ds-text-secondary);font-size:14px}.pagina-app-release .rel-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;padding:18px 20px;margin:0 0 16px}.pagina-app-release .rel-card h2{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:16px;color:var(--ds-text)}.pagina-app-release .rel-card h2 svg{color:var(--portal-color);font-size:20px}.pagina-app-release .rel-card ul{margin:8px 0 0;padding-left:20px}.pagina-app-release .rel-card li{margin:6px 0;color:var(--ds-text);font-size:14px;line-height:1.55}.pagina-app-release .rel-card p{color:var(--ds-text);font-size:14px;line-height:1.55;margin:6px 0}.pagina-app-release .rel-card code{background:var(--ds-hover);padding:1px 6px;border-radius:5px;font-size:13px;color:var(--portal-color)}.pagina-app-release .rel-card pre{background:#0f172a;color:#e2e8f0;padding:12px 14px;border-radius:10px;overflow-x:auto;font-size:13px;line-height:1.5;margin:8px 0}.pagina-app-release .rel-card p.rel-note{color:var(--ds-text-secondary);font-size:13px}.pagina-app-release .rel-warn{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);border-radius:10px;color:#b45309;font-size:13px}.pagina-app-release .rel-warn svg{font-size:18px;flex:0 0 auto}.pagina-app-release .rel-info{border-left:3px solid var(--portal-color)}.pagina-app-release .rel-android{border-left:3px solid #16a34a}.pagina-app-release .rel-ios{border-left:3px solid #0ea5e9}@media (prefers-color-scheme: dark){.pagina-app-release .rel-warn{color:#fbbf24}}.pagina-app-release .rel-card pre,.pagina-app-release .rel-card code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}html.dark .pagina-app-release .rel-warn,html.dark-mode .pagina-app-release .rel-warn,body.dark .pagina-app-release .rel-warn,body.dark-mode .pagina-app-release .rel-warn{color:#fbbf24}@media (max-width: 640px){.pagina-app-release .rel{max-width:100%;box-sizing:border-box;min-width:0}.pagina-app-release .rel-hero{flex-wrap:wrap}.pagina-app-release .rel-hero>div{min-width:0;flex:1 1 200px}.pagina-app-release .rel-hero h1{font-size:19px;overflow-wrap:anywhere}}.pagina-klant-groei .kg-leeg{padding:28px;text-align:center;color:var(--ds-text-muted)}.pagina-klant-groei .kg-fout{color:#dc2626}.pagina-klant-groei .kg-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.pagina-klant-groei .kg-kpi{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;padding:14px 16px}.pagina-klant-groei .kg-kpi-nr{font-size:30px;font-weight:800;color:var(--ds-text-1);line-height:1.1;font-variant-numeric:tabular-nums}.pagina-klant-groei .kg-kpi-lbl{font-size:12.5px;color:var(--ds-text-1);margin-top:2px;font-weight:600}.pagina-klant-groei .kg-kpi-sub{font-size:11.5px;color:var(--ds-text-muted);margin-top:3px}.pagina-klant-groei .kg-kpi.op .kg-kpi-nr{color:#16a34a}.pagina-klant-groei .kg-kpi.af .kg-kpi-nr{color:#d97706}.pagina-klant-groei .kg-kpi.doel .kg-kpi-nr{color:var(--portal-color)}.pagina-klant-groei .kg-blok{padding:16px}.pagina-klant-groei .kg-h2{font-size:14px;font-weight:700;margin:0 0 12px;color:var(--ds-text-1);display:flex;align-items:center;gap:7px}.pagina-klant-groei .kg-ververs{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-1);cursor:pointer}.pagina-klant-groei .kg-grafiek{display:flex;align-items:flex-end;gap:10px;overflow-x:auto;padding-bottom:4px}.pagina-klant-groei .kg-kolom{flex:1 0 46px;display:flex;flex-direction:column;align-items:center;gap:5px}.pagina-klant-groei .kg-staven{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:132px;width:100%}.pagina-klant-groei .kg-staaf{width:13px;border-radius:4px 4px 0 0;min-height:2px;transition:height .4s ease}.pagina-klant-groei .kg-staaf.bij{background:#16a34a}.pagina-klant-groei .kg-staaf.af{background:#d97706}.pagina-klant-groei .kg-stand{font-size:12px;font-weight:700;color:var(--ds-text-1);font-variant-numeric:tabular-nums}.pagina-klant-groei .kg-maand{font-size:11px;color:var(--ds-text-muted);white-space:nowrap}.pagina-klant-groei .kg-legenda{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px;font-size:12px;color:var(--ds-text-muted)}.pagina-klant-groei .kg-leg{display:inline-flex;align-items:center;gap:6px}.pagina-klant-groei .kg-leg .p{width:9px;height:9px;border-radius:50%;display:inline-block}.pagina-klant-groei .kg-leg .p.bij{background:#16a34a}.pagina-klant-groei .kg-leg .p.af{background:#d97706}.pagina-klant-groei .kg-tabelwrap{overflow-x:auto;margin-top:14px}.pagina-klant-groei .kg-tabel{width:100%;border-collapse:collapse;font-size:13px}.pagina-klant-groei .kg-tabel th{text-align:right;font-size:11.5px;font-weight:600;color:var(--ds-text-muted);padding:7px 10px;border-bottom:1px solid var(--ds-border);white-space:nowrap}.pagina-klant-groei .kg-tabel th:first-child{text-align:left}.pagina-klant-groei .kg-tabel td{padding:8px 10px;border-bottom:1px solid var(--ds-border);color:var(--ds-text-1)}.pagina-klant-groei .kg-tabel td.nr{text-align:right;font-variant-numeric:tabular-nums}.pagina-klant-groei .kg-tabel td.op{color:#16a34a}.pagina-klant-groei .kg-tabel td.afk{color:#d97706}.pagina-klant-groei .kg-tabel td.sterk{font-weight:700}.pagina-klant-groei .kg-tabel tr.loopt td{background:color-mix(in srgb,var(--portal-color) 6%,transparent)}.pagina-klant-groei .kg-loopt{font-size:10.5px;color:var(--ds-text-muted);margin-left:8px;border:1px solid var(--ds-border);border-radius:999px;padding:1px 7px}.pagina-klant-groei .kg-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:16px}.pagina-klant-groei .kg-scenario{border:1px solid var(--ds-border);border-radius:12px;padding:12px 14px;margin-bottom:10px}.pagina-klant-groei .kg-scenario.zacht{opacity:.82}.pagina-klant-groei .kg-scen-nr{font-size:30px;font-weight:800;color:var(--ds-text-1);line-height:1.1;font-variant-numeric:tabular-nums}.pagina-klant-groei .kg-scen-lbl{font-size:12.5px;font-weight:600;color:var(--ds-text-1)}.pagina-klant-groei .kg-scen-uit{font-size:12px;color:var(--ds-text-muted);margin-top:6px;line-height:1.5}.pagina-klant-groei .kg-omzet{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pagina-klant-groei .kg-omzet-nr{font-size:24px;font-weight:800;color:var(--ds-text-1);font-variant-numeric:tabular-nums}.pagina-klant-groei .kg-omzet-lbl{font-size:11.5px;color:var(--ds-text-muted);margin-top:2px}.pagina-klant-groei .kg-note{font-size:11.5px;color:var(--ds-text-muted);line-height:1.55;margin:10px 0 0}.pagina-klant-groei .kg-pakketten{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.pagina-klant-groei .kg-pak{display:inline-flex;align-items:baseline;gap:6px;padding:5px 11px;border:1px solid var(--ds-border);border-radius:999px;font-size:12px}.pagina-klant-groei .kg-pak-n{font-weight:700;color:var(--ds-text-1);font-variant-numeric:tabular-nums}.pagina-klant-groei .kg-pak-naam{color:var(--ds-text-1);text-transform:capitalize}.pagina-klant-groei .kg-pak-prijs{color:var(--ds-text-muted)}.pagina-klant-groei .kg-betaal{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.pagina-klant-groei .kg-betaal-vak{border:1px solid var(--ds-border);border-radius:12px;padding:12px 14px}.pagina-klant-groei .kg-betaal-nr{font-size:26px;font-weight:800;line-height:1.1;color:var(--ds-text-1);font-variant-numeric:tabular-nums}.pagina-klant-groei .kg-betaal-vak.ok .kg-betaal-nr{color:#16a34a}.pagina-klant-groei .kg-betaal-vak.fout .kg-betaal-nr{color:#dc2626}.pagina-klant-groei .kg-betaal-lbl{font-size:11.5px;color:var(--ds-text-muted);margin-top:3px}.pagina-klant-groei .kg-balk{height:8px;border-radius:999px;background:var(--ds-bg);overflow:hidden;margin-top:12px}.pagina-klant-groei .kg-balk-vul{height:100%;background:#16a34a;transition:width .4s ease}.pagina-klant-groei .kg-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:12px;margin-top:14px}.pagina-klant-groei .kg-split-vak{border:1px solid var(--ds-border);border-radius:12px;padding:12px 14px}.pagina-klant-groei .kg-split-vak.dood{opacity:.72}.pagina-klant-groei .kg-split-nr{font-size:26px;font-weight:800;color:var(--ds-text-1);line-height:1.1;font-variant-numeric:tabular-nums}.pagina-klant-groei .kg-split-lbl{font-size:12.5px;font-weight:600;color:var(--ds-text-1)}.pagina-klant-groei .kg-split-sub{font-size:11.5px;color:var(--ds-text-muted);margin-top:4px;line-height:1.5}.pagina-klant-groei .kg-auto{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding:10px 12px;border:1px solid var(--ds-border);border-radius:10px;font-size:12px;color:var(--ds-text-muted)}.pagina-klant-groei .kg-auto-nr{margin-left:auto;font-weight:700;color:var(--ds-text-1)}.pagina-klant-groei .kg-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.pagina-klant-groei .kg-filter{font-size:12.5px;padding:6px 13px;border-radius:999px;cursor:pointer;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-1)}.pagina-klant-groei .kg-filter.aan{border-color:var(--portal-color);box-shadow:inset 0 0 0 1px var(--portal-color)}.pagina-klant-groei .kg-naam{font-weight:600}.pagina-klant-groei .kg-mail{font-size:11.5px;color:var(--ds-text-muted)}.pagina-klant-groei .kg-cent{margin-left:6px;font-size:10.5px;border:1px solid var(--ds-border);border-radius:999px;padding:1px 7px;color:var(--ds-text-muted)}.pagina-klant-groei .kg-vink{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,#dc2626 12%,transparent);color:#dc2626}.pagina-klant-groei .kg-vink.ok{background:color-mix(in srgb,#16a34a 12%,transparent);color:#16a34a}.pagina-klant-groei .kg-kant{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:var(--ds-text-muted);line-height:1.5;margin:0}.pagina-klantgroei .kg-herinner{font:inherit;font-size:12.5px;padding:5px 13px;border-radius:999px;cursor:pointer;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);margin-left:auto}.pagina-klantgroei .kg-herinner:hover:not(:disabled){border-color:var(--portal-color)}.pagina-klantgroei .kg-herinner:disabled{opacity:.45;cursor:not-allowed}.kg-vraag-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0f172a80;display:flex;align-items:center;justify-content:center;padding:20px}.kg-vraag{width:min(460px,94vw);background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;padding:22px;box-shadow:0 24px 70px #0000004d}.kg-vraag h3{margin:0 0 10px;font-size:15.5px}.kg-vraag p{margin:0 0 18px;font-size:13px;line-height:1.6;color:var(--ds-text)}.kg-vraag-knoppen{display:flex;gap:8px;justify-content:flex-end}.kg-vraag-knoppen button{font:inherit;font-size:13px;padding:7px 15px;border-radius:999px;cursor:pointer;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text)}.kg-vraag-knoppen .door{background:var(--portal-color);border-color:var(--portal-color);color:#fff}.pagina-klantgroei .kg-uitleg,.kg-blok .kg-uitleg{font-size:13px;color:var(--ds-text-muted);margin:-4px 0 12px;line-height:1.5}.tto-intro{margin:0 0 18px;max-width:68ch;font-size:.9rem;line-height:1.6;color:var(--ds-text-muted)}.tto-fout{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;border-radius:10px;background:var(--ds-danger-bg);color:var(--ds-danger);font-size:.86rem}.tto-stand{margin-bottom:20px}.tto-balk{height:8px;border-radius:999px;background:var(--ds-border-subtle);overflow:hidden}.tto-balk span{display:block;height:100%;border-radius:999px;background:var(--portal-color);transition:width .3s ease}.tto-stand-tekst{margin:8px 0 0;font-size:.84rem;color:var(--ds-text-muted);font-variant-numeric:tabular-nums}.tto-meting{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:14px;margin-bottom:24px}.tm-kaart{padding:16px 18px;border:1px solid var(--ds-border);border-radius:14px;background:var(--ds-card)}.tm-kaart.let-op{border-color:var(--ds-warning)}.tm-kop{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ds-text-muted)}.tm-groot{margin-top:4px;font-size:2rem;font-weight:700;line-height:1.1;color:var(--ds-text);font-variant-numeric:tabular-nums}.tm-doel{font-size:1rem;font-weight:500;color:var(--ds-text-muted)}.tm-uit{margin:6px 0 0;font-size:.84rem;line-height:1.5;color:var(--ds-text)}.tm-klein{margin:8px 0 0;font-size:.78rem;line-height:1.45;color:var(--ds-text-muted)}.tto-fasen{display:flex;flex-direction:column;gap:10px}.tto-fase{border:1px solid var(--ds-border);border-radius:14px;background:var(--ds-card);overflow:hidden}.tto-fase.af{border-color:var(--ds-success)}.tf-kop{display:grid;grid-template-columns:34px 1fr auto auto;gap:12px;align-items:center;width:100%;padding:14px 16px;border:0;background:none;text-align:left;cursor:pointer;color:inherit}.tf-kop:hover{background:var(--ds-hover)}.tf-nr{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ds-border-subtle);color:var(--ds-text);font-size:.82rem;font-weight:700}.tto-fase.af .tf-nr{background:var(--ds-success);color:#fff}.tf-titel{font-weight:600;font-size:.95rem}.tf-doel{display:block;margin-top:2px;font-weight:400;font-size:.8rem;line-height:1.45;color:var(--ds-text-muted)}.tf-telling{font-size:.82rem;color:var(--ds-text-muted);font-variant-numeric:tabular-nums}.tf-wacht{display:flex;align-items:center;gap:6px;margin:0;padding:0 16px 12px 62px;font-size:.8rem;line-height:1.45;color:var(--ds-warning)}.tf-taken{margin:0;padding:0 16px 14px;list-style:none;display:flex;flex-direction:column;gap:14px}.tf-taken>li{padding-left:46px;position:relative}.tf-taken>li.af .tt-titel{color:var(--ds-text-muted);text-decoration:line-through}.tt-vink{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.tt-vink input{flex:none;width:17px;height:17px;margin:1px 0 0 -27px;accent-color:var(--portal-color);cursor:pointer}.tt-titel{font-size:.89rem;line-height:1.45}.tt-uitleg{margin:5px 0 0;font-size:.81rem;line-height:1.55;color:var(--ds-text-muted);max-width:72ch}.tt-bestaat{display:flex;gap:6px;align-items:flex-start;margin:6px 0 0;font-size:.79rem;line-height:1.5;color:var(--ds-success);max-width:72ch}.tt-bestaat ion-icon{flex:none;margin-top:2px}.tt-notitie{margin:6px 0 0;padding:7px 10px;border-left:2px solid var(--portal-color);background:var(--ds-hover);border-radius:0 6px 6px 0;font-size:.81rem;line-height:1.5;white-space:pre-wrap}.tt-acties{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;margin-top:8px}.tt-acties textarea{flex:1 1 260px;min-width:0;padding:7px 10px;border:1px solid var(--ds-border);border-radius:8px;background:var(--ds-card);color:var(--ds-text);font:inherit;font-size:.82rem;resize:vertical}.tto-bron{margin:24px 0 0;max-width:72ch;font-size:.78rem;line-height:1.6;color:var(--ds-text-muted)}@media (max-width: 640px){.tf-kop{grid-template-columns:28px 1fr auto;row-gap:4px}.tf-telling{grid-column:2}.tf-wacht{padding-left:16px}}.tt-concept{display:flex;gap:6px;align-items:flex-start;margin:6px 0 0;font-size:.79rem;line-height:1.5;color:var(--ds-text-muted);max-width:72ch}.tt-concept ion-icon{flex:none;margin-top:2px}.tt-concept code{padding:1px 5px;border-radius:4px;background:var(--ds-hover);font-size:.95em;word-break:break-all}.tt-docid{color:var(--ds-text-subtle)}.ttoreg-intro{margin:0 0 16px;max-width:74ch;font-size:.88rem;line-height:1.6;color:var(--ds-text-muted)}.ttoreg-intro code{padding:1px 5px;border-radius:4px;background:var(--ds-hover);font-size:.95em}.ttoreg-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.trt{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-muted);font-size:.84rem;cursor:pointer}.trt:hover{background:var(--ds-hover)}.trt.aan{border-color:var(--portal-color);background:var(--portal-color);color:#fff}.ttoreg-fout{display:flex;gap:10px;align-items:flex-start;margin-bottom:16px;padding:12px 14px;border:1px solid var(--ds-warning);border-radius:10px;background:var(--ds-card);font-size:.86rem;line-height:1.5}.ttoreg-fout ion-icon{flex:none;margin-top:2px;color:var(--ds-warning);font-size:1.1rem}.ttoreg-fout span{flex:1}.ttoreg-fout button{border:0;background:none;color:var(--ds-text-muted);font-size:.8rem;text-decoration:underline;cursor:pointer}.tr-doelen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px;margin-bottom:18px}.trd{padding:12px 14px;border:1px solid var(--ds-border);border-left-width:3px;border-radius:10px;background:var(--ds-card)}.trd.ok{border-left-color:var(--ds-success)}.trd.nok{border-left-color:var(--ds-warning)}.trd-kop{font-size:.84rem;margin-bottom:4px}.trd p{margin:0;font-size:.79rem;line-height:1.5;color:var(--ds-text-muted)}.tr-blokken{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:12px;margin-bottom:20px}.trb{padding:14px 16px;border:1px solid var(--ds-border);border-radius:12px;background:var(--ds-card)}.trb.let-op{border-color:var(--ds-warning)}.trb-kop{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);margin-bottom:8px}.trb dl{margin:0;display:flex;flex-direction:column;gap:3px}.trb dl>div{display:flex;justify-content:space-between;gap:12px;font-size:.84rem}.trb dt{color:var(--ds-text-muted)}.trb dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}.tr-kaartkop{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.tr-tabel{width:100%;border-collapse:collapse;font-size:.84rem}.tr-tabel th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--ds-border);font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted);font-weight:600}.tr-tabel td{padding:9px 10px;border-bottom:1px solid var(--ds-border-subtle);vertical-align:top}.tr-tabel tr:last-child td{border-bottom:0}.tr-tabel code{font-size:.95em}.tr-sub{display:block;margin-top:2px;font-size:.76rem;color:var(--ds-text-muted)}.tr-mis{color:var(--ds-warning);font-weight:600}.tr-acties{white-space:nowrap}.tr-acties .knop{margin-right:6px}.tr-status{display:inline-block;padding:2px 9px;border-radius:999px;font-size:.76rem;background:var(--ds-hover);color:var(--ds-text);white-space:nowrap}.tr-status.s-actief,.tr-status.s-in-orde,.tr-status.s-afgesloten,.tr-status.s-besloten{background:var(--ds-success);color:#fff}.tr-status.s-geschorst,.tr-status.s-overtreding,.tr-status.s-klein-gebrek{background:var(--ds-warning);color:#fff}.tr-status.s-beeindigd,.tr-status.s-ernstig-risico{background:var(--ds-danger);color:#fff}.tr-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px;margin:14px 0;padding:14px;border:1px solid var(--ds-border);border-radius:12px;background:var(--ds-hover)}.tr-form label{display:flex;flex-direction:column;gap:4px;font-size:.8rem}.tr-form label.breed{grid-column:1 / -1}.tr-form span{color:var(--ds-text-muted)}.tr-form input,.tr-form select,.tr-form textarea{padding:7px 10px;border:1px solid var(--ds-border);border-radius:8px;background:var(--ds-card);color:var(--ds-text);font:inherit;font-size:.84rem}.tr-form textarea{resize:vertical}.tr-form-acties{grid-column:1 / -1;display:flex;gap:8px}@media (max-width: 720px){.tr-tabel{display:block;overflow-x:auto;white-space:nowrap}}@media (max-width: 640px){.pagina-tto-register .ttoreg-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}.pagina-tto-register .ttoreg-tabs::-webkit-scrollbar{display:none}.pagina-tto-register .ttoreg-tabs>*{flex:0 0 auto;white-space:nowrap}}