.pagina-chat{--chat-eigen-bel:color-mix(in srgb, var(--portal-color) 14%, var(--ds-card));--chat-andere-bel:var(--ds-card);flex-direction:column;min-height:0;display:flex}.pagina-chat .chat-shell{grid-template-columns:340px minmax(0,1fr);align-items:stretch;gap:16px;height:calc(100vh - 120px);min-height:480px;display:grid}.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);flex-direction:column;min-height:0;display:flex;overflow:hidden}.pagina-chat .sidebar-header{border-bottom:1px solid var(--ds-border);padding:12px 14px}.pagina-chat .chat-kop{background:linear-gradient(135deg, var(--portal-color-dark) 0%, var(--portal-color) 100%);color:#fff;flex-shrink:0;align-items:center;gap:10px;padding:12px 14px;display:flex}.pagina-chat .chat-kop-icoon{background:#ffffff2e;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.pagina-chat .chat-kop-tekst{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.pagina-chat .chat-kop-tekst strong{font-size:15px;font-weight:700}.pagina-chat .chat-kop-tekst span{color:#ffffffd9;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.pagina-chat .chat-kop-acties{flex-shrink:0;gap:6px;display:flex}.pagina-chat .chat-kop-knop{cursor:pointer;color:#fff;background:#ffffff29;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s;display:flex}.pagina-chat .chat-kop-knop:hover:not(:disabled){background:#ffffff4d}.pagina-chat .chat-kop-knop:disabled{opacity:.5;cursor:default}.pagina-chat .chat-kop-knop.primair{color:var(--portal-color-dark);background:#fff}.pagina-chat .chip-btn{border:1px solid var(--ds-border);background:var(--ds-hover);height:30px;color:var(--ds-text-2);cursor:pointer;white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.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;min-height:0;overflow-y:auto}.pagina-chat .chat-row{text-align:left;width:100%;font:inherit;border:none;border-bottom:1px solid var(--ds-border);cursor:pointer;background:0 0;grid-template-columns:auto 1fr;gap:12px;padding:12px 14px;transition:background .12s;display:grid}.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{background:var(--portal-color);width:46px;height:46px;color:var(--cdt-on-primary);border-radius:50%;place-items:center;font-weight:700;display:grid}.pagina-chat .chat-meta{min-width:0}.pagina-chat .chat-meta .top{justify-content:space-between;align-items:center;gap:8px;display:flex}.pagina-chat .chat-meta .naam{color:var(--ds-text);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.pagina-chat .chat-meta .tijd{color:var(--ds-text-muted);flex-shrink:0;font-size:12px}.pagina-chat .chat-meta .bottom{color:var(--ds-text-muted);justify-content:space-between;align-items:center;gap:8px;margin-top:2px;font-size:13px;display:flex}.pagina-chat .voorbeeld{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pagina-chat .ongelezen-bol{background:var(--portal-color);min-width:20px;height:20px;color:var(--cdt-on-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.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);flex-direction:column;min-height:0;display:flex;overflow:hidden}.pagina-chat .chat-header{background:linear-gradient(135deg, var(--portal-color-dark) 0%, var(--portal-color) 100%);min-height:60px;color:var(--cdt-on-primary);flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;display:flex}.pagina-chat .chat-header .initials{background:#fff3;width:36px;height:36px}.pagina-chat .header-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pagina-chat .header-info h3{color:var(--cdt-on-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:700;overflow:hidden}.pagina-chat .header-info p{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.pagina-chat .header-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.pagina-chat .hdr-btn{height:32px;color:var(--cdt-on-primary);cursor:pointer;background:#ffffff29;border:none;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 12px;font-size:12px;font-weight:600;transition:background .15s;display:inline-flex}.pagina-chat .hdr-btn:hover:not(:disabled){background:#ffffff4d}.pagina-chat .hdr-btn:disabled{opacity:.5;cursor:default}.pagina-chat .messages{background:var(--ds-bg);flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px;display:flex;overflow-y:auto}.pagina-chat .message{display:flex}.pagina-chat .message.eigen{justify-content:flex-end}.pagina-chat .bubble{max-width:78%;box-shadow:var(--ds-shadow);color:var(--ds-text);background:var(--chat-andere-bel);border-radius:16px 16px 16px 6px;padding:10px 14px}.pagina-chat .message.eigen .bubble{background:var(--chat-eigen-bel);border-bottom-right-radius:6px;border-bottom-left-radius:16px}.pagina-chat .bubble .afzender{color:var(--ds-text-muted);margin:0 0 3px;font-size:11px;font-weight:700}.pagina-chat .bubble p{white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.45}.pagina-chat .bubble img{border-radius:12px;width:100%;max-width:240px;margin-bottom:8px;display:block}.pagina-chat .bubble .file-link{color:var(--portal-color);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:6px;padding:0;font-size:13px;font-weight:600;display:inline-flex}.pagina-chat .bubble .meta{color:var(--ds-text-muted);align-items:center;gap:4px;margin-top:6px;font-size:11px;display:inline-flex}.pagina-chat .bijlage-weg{border:1px dashed var(--ds-border);color:var(--ds-text-muted);border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:13px;display:flex}.pagina-chat .input-bar{border-top:1px solid var(--ds-border);flex-shrink:0;padding:8px 10px 10px}.pagina-chat .attachment-preview{background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:0 4px 10px;padding:8px 10px;display:grid}.pagina-chat .attachment-preview img{object-fit:cover;border-radius:8px;width:60px;height:60px}.pagina-chat .attachment-meta{color:var(--ds-text-muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.pagina-chat .attachment-meta .naam{color:var(--ds-text);word-break:break-all;font-weight:600}.pagina-chat .ai-input{align-items:flex-end;gap:6px;display:flex}.pagina-chat .input-row{background:var(--ds-card);border:1.5px solid var(--ds-border);border-radius:999px;flex:1;align-items:center;min-height:44px;padding:0 14px;display:flex}.pagina-chat .input-row:focus-within{border-color:var(--portal-color)}.pagina-chat .input-row textarea{width:100%;color:var(--ds-text);box-sizing:border-box;resize:none;background:0 0;border:none;outline:none;flex:1;min-height:20px;max-height:100px;padding:10px 8px;font-size:14px;line-height:20px}.pagina-chat .rond-btn{background:var(--portal-color);color:var(--cdt-on-primary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:filter .15s;display:inline-flex}.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{text-align:center;color:var(--ds-text-muted);flex:1;align-content:center;place-items:center;gap:10px;padding:24px;display:grid}.pagina-chat .select-placeholder>svg{color:var(--portal-color);opacity:.35}.pagina-chat .select-placeholder h3{color:var(--ds-text);margin:0}.pagina-chat .select-placeholder p{margin:0}.pagina-chat .leeg{text-align:center;color:var(--ds-text-muted);padding:32px 16px}@media (width<=560px){.pagina-chat .chat-kop-tekst span{display:none}.pagina-chat .chat-header{gap:8px;min-height:52px;padding:8px 10px}.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 (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}}.pagina-chat .sidebar-header{padding:10px 12px}.pagina-chat .sidebar-header .native-search-container{box-sizing:border-box;background:color-mix(in srgb, var(--ds-text) 12%, var(--ds-card));border-color:color-mix(in srgb, var(--ds-text) 18%, transparent);border-radius:12px;min-height:38px;padding:4px 12px}.pagina-chat .sidebar-header .native-search-container:focus-within{background:var(--ds-card)}.pagina-chat .sidebar-header .native-search-input{min-height:0;padding:0;font-size:13px}.pagina-chat .sidebar-header .search-icon{width:16px;height:16px}.pagina-ai{flex-direction:column;min-height:0;display:flex}.pagina-ai .ai-chat{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);height:calc(100vh - 120px);min-height:480px;box-shadow:var(--ds-shadow);flex-direction:column;display:flex;overflow:hidden}.pagina-ai .ai-kop{background:linear-gradient(135deg, var(--portal-color-dark) 0%, var(--portal-color) 100%);color:#fff;flex-shrink:0;align-items:center;gap:12px;padding:14px 16px;display:flex}.pagina-ai .ai-kop-icoon{background:#ffffff2e;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.pagina-ai .ai-kop-tekst{flex:1;min-width:0}.pagina-ai .ai-kop-tekst h2{color:#fff;margin:0;font-size:17px;font-weight:700}.pagina-ai .ai-kop-tekst p{color:#ffffffd9;margin:2px 0 0;font-size:12.5px}.pagina-ai .ai-kop-knop{cursor:pointer;color:#fff;background:#ffffff29;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:background .15s;display:flex}.pagina-ai .ai-kop-knop:hover{background:#ffffff4d}.pagina-ai .ai-berichten{background:var(--ds-bg);scrollbar-width:thin;flex-direction:column;flex:1;gap:8px;min-height:0;padding:16px 14px;display:flex;overflow-y:auto}.pagina-ai .ai-bericht{width:100%;animation:.25s ai-in;display:flex}.pagina-ai .ai-bericht.gebruiker{justify-content:flex-end}.pagina-ai .ai-bericht.assistent{justify-content:flex-start}.pagina-ai .ai-bel{overflow-wrap:anywhere;background:var(--ds-card);max-width:78%;color:var(--ds-text);border-radius:18px;flex-direction:column;gap:4px;padding:10px 14px;font-size:15px;line-height:1.5;display:flex;position:relative}.pagina-ai .ai-bel p{white-space:pre-line;color:inherit;margin:0}.pagina-ai .ai-bericht.gebruiker .ai-bel{background:var(--portal-color);color:#fff;box-shadow:0 2px 8px color-mix(in srgb, var(--portal-color) 30%, transparent);border-radius:18px 18px 6px}.pagina-ai .ai-bericht.assistent .ai-bel{border:1px solid var(--ds-border);border-radius:18px 18px 18px 6px;box-shadow:0 2px 6px #0000000f}.pagina-ai .ai-tijd{opacity:.55;align-self:flex-end;margin-top:2px;font-size:11px}.pagina-ai .ai-bel-typt{padding:14px 16px}.pagina-ai .ai-typt{align-items:center;gap:5px;display:flex}.pagina-ai .ai-typt span{background:var(--ds-text-muted);border-radius:50%;width:7px;height:7px;animation:1.3s ease-in-out infinite ai-typt}.pagina-ai .ai-typt span:nth-child(2){animation-delay:.15s}.pagina-ai .ai-typt span:nth-child(3){animation-delay:.3s}.pagina-ai .ai-fout{background:var(--ds-danger-bg);color:var(--ds-danger);border-radius:999px;align-self:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:inline-flex}.pagina-ai .ai-suggesties{flex-wrap:wrap;flex-shrink:0;gap:8px;padding:8px 14px 4px;display:flex}.pagina-ai .ai-suggesties button{border:1px solid color-mix(in srgb, var(--portal-color) 25%, transparent);background:color-mix(in srgb, var(--portal-color) 8%, transparent);color:var(--portal-color-dark);cursor:pointer;border-radius:20px;padding:9px 16px;font-size:13px;font-weight:500;transition:all .18s}.pagina-ai .ai-suggesties button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.pagina-ai .ai-suggesties button:disabled{opacity:.45;cursor:not-allowed}.pagina-ai .ai-invoer{flex-shrink:0;align-items:flex-end;gap:8px;padding:10px 12px;display:flex}.pagina-ai .ai-invoer-rij{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:999px;flex:1;align-items:center;min-height:46px;padding:0 12px;display:flex;box-shadow:0 1px 4px #00000014}.pagina-ai .ai-invoer textarea{resize:none;color:var(--ds-text);background:0 0;border:none;outline:none;flex:1;min-height:20px;max-height:120px;padding:10px 6px;font-family:inherit;font-size:15px;line-height:1.4;overflow:hidden}.pagina-ai .ai-invoer textarea::placeholder{color:var(--ds-text-muted)}.pagina-ai .ai-invoer textarea:disabled{opacity:.6;cursor:not-allowed}.pagina-ai .ai-verstuur{cursor:pointer;background:var(--portal-color);color:#fff;width:44px;height:44px;box-shadow:0 2px 8px color-mix(in srgb, var(--portal-color) 30%, transparent);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.pagina-ai .ai-verstuur:hover:not(:disabled){background:var(--portal-color-dark);transform:scale(1.05)}.pagina-ai .ai-verstuur:disabled{opacity:.5;cursor:not-allowed}.pagina-ai .ai-voetnoot{color:var(--ds-text-muted);text-align:center;padding:0 16px 10px;font-size:11.5px}@keyframes ai-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ai-typt{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.pagina-ai .ai-bericht,.pagina-ai .ai-typt span{animation:none}}@media (width<=640px){.pagina-ai .ai-chat{border-radius:12px;height:calc(100vh - 96px)}.pagina-ai .ai-bel{max-width:88%}.pagina-ai .ai-suggesties{flex-wrap:wrap}.pagina-ai .ai-suggesties button{white-space:nowrap;flex:0 auto;padding:7px 12px;font-size:12px}}.shell{--sidebar-bg:#fff;--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;background:var(--shell-bg);flex-direction:column;height:100dvh;display:flex;overflow:hidden}html.dark-mode .shell,html.dark .shell,body.dark-mode .shell,body.dark .shell{--sidebar-bg:#2d2d2d;--sidebar-border:#ffffff1a;--sidebar-text:#cbd5e1;--sidebar-icon:#9aa3ae;--sidebar-hover:#ffffff14;--sidebar-active-bg:color-mix(in srgb, var(--portal-color,#6366f1) 15%, transparent);--divider:#ffffff1a;--uitklap-bg:#f5f7fb;--uitklap-text:#1a1a1a}.header{color:#fff;z-index:100;background:linear-gradient(135deg, var(--portal-color,#6366f1) 0%, var(--portal-color-dark) 100%);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;height:52px;padding:0 16px 0 12px;display:flex}.header-left,.header-right{align-items:center;gap:10px;min-width:0;display:flex}.header-account{flex-direction:column;align-items:flex-end;min-width:0;max-width:240px;padding-right:4px;line-height:1.25;display:flex}.header-account .account-naam{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12.5px;font-weight:600;overflow:hidden}.header-account .account-email{color:#fff;opacity:.78;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10.5px;overflow:hidden}.header-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;line-height:1;transition:background .15s;display:flex}.header-btn:hover{background:#ffffff38}.header-btn-uit:hover{background:#ef444447}.bel,.bel-knop{position:relative}.bel-teller{color:#fff;text-align:center;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--portal-color,#6366f1);background:#ef4444;border-radius:999px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-3px;right:-3px}.bel-lijst{z-index:210;background:var(--ds-card);width:min(400px,92vw);max-height:70vh;color:var(--ds-text);border:1px solid var(--ds-border);border-radius:14px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 20px 60px #00000047}.bel-kop{border-bottom:1px solid var(--ds-border);background:var(--ds-card);justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;font-size:14px;display:flex;position:sticky;top:0}.bel-alles{color:var(--portal-color,#6366f1);font:inherit;cursor:pointer;background:0 0;border:0;font-size:12.5px;font-weight:600}.bel-leeg{color:var(--ds-text-muted);padding:18px 14px;font-size:13px}.bel-item{text-align:left;border:0;border-bottom:1px solid var(--ds-border);width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;align-items:flex-start;gap:10px;padding:10px 14px;display:flex}.bel-item:last-child{border-bottom:0}.bel-item:hover{background:var(--ds-veld,#0000000a)}.bel-item.bel-nieuw{background:color-mix(in srgb, var(--portal-color,#6366f1) 8%, transparent)}.bel-icoon{background:var(--ds-veld,#0000000d);width:28px;height:28px;color:var(--portal-color,#6366f1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.bel-tekst{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.bel-titel{font-size:13px;font-weight:600;line-height:1.3}.bel-sub{color:var(--ds-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.bel-tijd{color:var(--ds-text-muted);white-space:nowrap;flex-shrink:0;padding-top:2px;font-size:11px}.zoek-overlay{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;justify-content:center;align-items:flex-start;padding-top:14vh;display:flex;position:fixed;inset:0}.zoek-venster{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:16px;width:min(560px,92vw);overflow:hidden;box-shadow:0 20px 60px #00000047}.zoek-invoer{border-bottom:1px solid var(--ds-border);align-items:center;gap:10px;padding:14px 16px;display:flex}.zoek-invoer svg{color:var(--ds-text-muted);flex-shrink:0}.zoek-invoer input{min-width:0;color:var(--ds-text);background:0 0;border:none;outline:none;flex:1;font-size:15px}.zoek-invoer input::placeholder{color:var(--ds-text-muted)}.zoek-invoer kbd{color:var(--ds-text-muted);border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:5px;padding:2px 6px;font-size:10.5px}.zoek-treffers{max-height:46vh;padding:6px;overflow-y:auto}.zoek-treffer{text-align:left;width:100%;color:var(--ds-text);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:10px;padding:9px 11px;font-size:13.5px;display:flex}.zoek-treffer:hover{background:var(--ds-hover)}.zoek-treffer svg{color:var(--portal-color);flex-shrink:0}.zoek-treffer .treffer-naam{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.zoek-treffer .treffer-groep{color:var(--ds-text-muted);flex-shrink:0;font-size:11px}.zoek-leeg{text-align:center;color:var(--ds-text-muted);padding:18px;font-size:13px}.header-title{flex-direction:column;min-width:0;line-height:1.15;display:flex}.title-main{font-size:16px;font-weight:700}.title-sub{opacity:.75;font-size:10px;font-weight:500}.page-title-divider{background:#ffffff40;flex-shrink:0;width:1px;height:24px;margin:0 8px}.current-page-title{opacity:.9;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex;overflow:hidden}.rubriek{opacity:.72;font-weight:500}.scheiding{opacity:.5}.shell-body{flex:1;display:flex;position:relative;overflow:hidden}.overlay{display:none}@media (width<=768px){.overlay{z-index:98;cursor:pointer;background:#0006;display:block;position:absolute;inset:0}}.sidebar{box-sizing:border-box;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:99;flex-direction:column;flex-shrink:0;gap:1px;padding:10px 6px;transition:width .2s,padding .2s,border-color .2s;display:flex;overflow:hidden}.menu-lijst{scrollbar-width:thin;scrollbar-color:var(--sidebar-border) transparent;flex-direction:column;flex:auto;gap:1px;min-height:0;display:flex;overflow:hidden auto}.menu-lijst::-webkit-scrollbar{width:6px}.menu-lijst::-webkit-scrollbar-track{background:0 0}.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{border:none;width:0;padding:0}.sidebar.collapsed>*{display:none}.menu-group-label{letter-spacing:.05em;text-transform:uppercase;color:var(--sidebar-icon);white-space:nowrap;padding:14px 10px 5px;font-size:11px;font-weight:700;display:block;overflow:hidden}.menu-item,.menu-group-label,.menu-divider{flex-shrink:0}.menu-item{box-sizing:border-box;width:100%;height:42px;color:var(--sidebar-text);text-align:left;cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:0 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.menu-item:hover{background:var(--sidebar-hover)}.menu-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);border-left-color:var(--portal-color,#6366f1);font-weight:700}.menu-icon{text-align:center;width:20px;color:var(--sidebar-icon);flex-shrink:0;font-size:18px;line-height:1;transition:color .12s}.menu-item:hover .menu-icon{color:var(--sidebar-text)}.menu-item.active .menu-icon{color:var(--sidebar-active-text)}.menu-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.menu-teller{background:var(--ds-danger,#dc2626);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;flex:none;justify-content:center;align-items:center;min-width:22px;height:20px;padding:0 7px;font-size:11.5px;font-weight:700;line-height:1;display:inline-flex}.sidebar.rail .menu-teller{min-width:16px;height:16px;padding:0 4px;font-size:9.5px;position:absolute;top:4px;right:4px}.sidebar.rail .menu-group-label{text-indent:-9999px;background:var(--divider);border-radius:1px;height:1px;margin:9px 12px;padding:0;overflow:hidden}.sidebar.rail .menu-group-label:first-child{display:none}.sidebar.rail .menu-label,.sidebar.rail .menu-item{border-radius:8px;justify-content:center;padding:0}@media (width<=600px){.sidebar.rail .menu-item{height:38px}.sidebar.rail .menu-icon{width:17px;font-size: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{left:var(--rail-uitklap-x,58px);top:var(--rail-uitklap-y,0);z-index:300;background:var(--uitklap-bg,#27272a);max-width:240px;color:var(--uitklap-text,#fafafa);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;border:0;border-radius:7px;padding:5px 10px;font-size:12px;font-weight:600;display:block;position:fixed;transform:translateY(-50%);box-shadow:0 6px 20px #00000038}.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}}@media (hover:none){.sidebar.rail .menu-item .menu-label{display:none}}.content{padding:14px 16px calc(24px + env(safe-area-inset-bottom,0px));background:var(--shell-bg);flex:1;overflow:clip auto}@media (width<=768px){.sidebar.rail{width:60px}.sidebar.expanded{z-index:200;width:220px;padding:12px 8px;position:absolute;top:0;bottom:0;left:0;box-shadow:4px 0 24px #0000004d}.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{opacity:1;font-size:15px;font-weight:700}.content{max-width:100%;padding:8px;overflow-x:hidden}}@media (width<=480px){.header{gap:4px;padding:0 8px}.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{flex:1;min-width:0;max-width:none;font-size:15px;font-weight:700}.current-page-title>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.header-left{flex:1;min-width:0}.content{padding:6px}}@media (width<=360px){.title-main{display:none}.current-page-title{max-width:none;font-size:14px;font-weight:700}}.hub-balk{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;margin-bottom:14px;padding:6px;position:relative;box-shadow:inset 0 1px 2px #0f172a0d}.hub-pijl{z-index:2;border:1px solid color-mix(in srgb, var(--portal-color) 22%, var(--ds-border));background:var(--ds-card);width:30px;height:30px;color:var(--ds-text-2);cursor:pointer;border-radius:50%;place-items:center;transition:opacity .15s,color .15s,border-color .15s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 1px 3px #0f172a1a}.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;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 30px calc(100% - 30px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 30px calc(100% - 30px),#0000 100%)}.hub-tabs{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;gap:6px;min-width:0;display:flex;overflow:auto hidden}.hub-tabs::-webkit-scrollbar{display:none}.hub-tab{box-sizing:border-box;min-width:max-content;color:var(--ds-text-2);background:var(--ds-card);border:1px solid var(--ds-border-subtle,var(--ds-border));cursor:pointer;white-space:nowrap;border-radius:999px;flex:1 0 0;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 1px 1px #0f172a0a}.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 (width<=900px){.hub-tabs{border-radius:12px}}@media (width<=640px){.hub-tabs{gap:4px;padding:4px}.hub-tab{padding:6px 10px;font-size:12px}}@media (width<=560px){.hub-tabs{gap:3px;padding:3px}.hub-tab{gap:5px;padding:5px 9px;font-size:11.5px}.hub-tab svg{width:13px;height:13px}}.menu-divider{background:var(--sidebar-border);flex:0 0 1px;height:1px;margin:8px 8px 6px}.menu-divider-uit{margin-top:auto}.menu-uitloggen:hover,.menu-uitloggen:hover .menu-icon{color:var(--ds-fout,#dc2626)}.instellingen-tabs .hub-tabs{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.instellingen-tabs .hub-tab{font:inherit;cursor:pointer;white-space:nowrap;flex:1 0 auto}.tweestaps-kaart{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg,14px);flex-direction:column;gap:10px;padding:16px 18px;display:flex}.tweestaps-kop{align-items:center;gap:12px;display:flex}.tweestaps-kop>svg{color:var(--portal-color);flex-shrink:0}.tweestaps-titel{color:var(--ds-text);font-size:15px;font-weight:700}.tweestaps-stand{color:var(--ds-text-muted);font-size:13px}.tweestaps-stand.aan{color:#15803d;font-weight:600}.tweestaps-stand.uit{color:#b45309;font-weight:600}.tweestaps-uitleg{color:var(--ds-text-muted);margin:0;font-size:13.5px;line-height:1.5}.tweestaps-kop-tekst{flex:auto;min-width:0}.tweestaps-knop{white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.tweestaps-wizard{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.tweestaps-blok{background:var(--ds-veld);border-radius:12px;flex-direction:column;gap:10px;min-width:0;padding:16px 18px;display:flex}.tweestaps-blok-kop{color:var(--ds-text);align-items:center;gap:10px;font-size:14.5px;font-weight:700;display:flex}.tweestaps-nr{box-sizing:border-box;aspect-ratio:1;background:var(--portal-color);color:#fff;border-radius:999px;flex:0 0 26px;justify-content:center;align-items:center;width:26px;min-width:26px;height:26px;min-height:26px;padding:0;font-size:13px;font-weight:700;line-height:1;display:inline-flex}.tweestaps-qr{border:1px solid var(--ds-border);background:#fff;border-radius:12px;align-self:flex-start;width:168px;height:168px;padding:8px}.tweestaps-sleutel{flex-direction:column;gap:6px;display:flex}.tweestaps-secret-rij{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tweestaps-secret{letter-spacing:.06em;background:var(--ds-card);border:1px solid var(--ds-border);-webkit-user-select:all;user-select:all;color:var(--ds-text);white-space:nowrap;border-radius:999px;padding:6px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.tweestaps-kopie{font:inherit;background:var(--ds-card);border:1px solid var(--ds-border);cursor:pointer;color:var(--portal-color);border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:600}.tweestaps-kopie:hover{border-color:var(--portal-color)}.tweestaps-mail{border-radius:999px;align-self:flex-start;align-items:center;gap:8px;display:inline-flex}.tweestaps-invoer{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tweestaps-code{letter-spacing:.25em;text-align:center;flex:0 0 160px;width:160px;max-width:160px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px}.tweestaps-link{font:inherit;color:var(--portal-color);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.tweestaps-link:disabled{opacity:.6;cursor:default}.tweestaps-melding{background:var(--ds-veld);color:var(--ds-text);border-radius:10px;padding:10px 12px;font-size:13.5px}.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{justify-content:flex-start;margin-top:auto;display:flex}.tweestaps-klaar{background:var(--ds-success-bg,#dcfce7);border-radius:12px;flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px;display:flex}.tweestaps-klaar-titel{color:#15803d;align-items:center;gap:8px;font-weight:700;display:flex}.tweestaps-codes{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;width:100%;display:grid}.tweestaps-codes code{background:var(--ds-card);border:1px solid var(--ds-border);text-align:center;color:var(--ds-text);border-radius:8px;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media (width<=640px){.tweestaps-kop{flex-wrap:wrap}.tweestaps-knop{justify-content:center;width:100%}.tweestaps-wizard{grid-template-columns:minmax(0,1fr)}}.pin-veld{position:relative}.pin-veld .form-input{letter-spacing:.2em;padding-right:44px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.pin-oog{width:34px;height:34px;color:var(--ds-text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pin-oog:hover{background:var(--ds-veld);color:var(--portal-color)}.pin-knoppen{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.menu-vergrendel:hover{color:var(--portal-color)}.menu-whatsapp:hover,.menu-whatsapp:hover .menu-icon{color:#25d366}.vergrendel-laag{z-index:20000;background:color-mix(in srgb, var(--ds-bg) 55%, transparent);-webkit-backdrop-filter:blur(14px);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.vergrendel-kaart{background:var(--ds-card);border:1px solid var(--ds-border);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:10px;width:min(380px,100%);padding:28px 26px 22px;display:flex;box-shadow:0 24px 60px #0000002e}.vergrendel-kaart .form-group{width:100%;margin:6px 0 0}.vergrendel-kaart .form-input{text-align:center;letter-spacing:.5em;font-size:22px}.vergrendel-icoon{background:var(--portal-color);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}.vergrendel-titel{color:var(--ds-text);font-size:18px;font-weight:700}.vergrendel-tekst{color:var(--ds-text-muted);font-size:13.5px}.vergrendel-fout{color:var(--ds-danger,#b91c1c);font-size:13px;font-weight:600}.vergrendel-knop{width:100%}.vergrendel-kaart.fout{animation:.35s vergrendel-schud}@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{vertical-align:middle;align-items:center;margin-left:6px;display:inline-flex;position:relative}.hulp-knop{width:26px;height:26px;color:var(--ds-text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.hulp-knop:hover,.hulp-knop[aria-expanded=true]{color:var(--portal-color);background:color-mix(in srgb, var(--portal-color) 10%, transparent)}.hulp-ballon{z-index:10003;background:var(--ds-card);width:min(360px,80vw);color:var(--ds-text);border:1px solid var(--ds-border);text-transform:none;letter-spacing:0;text-align:left;white-space:normal;border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;font-size:13.5px;font-weight:400;line-height:1.5;display:flex;position:fixed;box-shadow:0 12px 32px #00000024}.hulp-ballon.boven:before{border:0;border-right:1px solid var(--ds-border);border-bottom:1px solid var(--ds-border);top:auto;bottom:-6px}.hulp-ballon:before{content:"";background:var(--ds-card);border-left:1px solid var(--ds-border);border-top:1px solid var(--ds-border);width:10px;height:10px;position:absolute;top:-6px;left:14px;transform:rotate(45deg)}.hulp-titel{color:var(--ds-text);font-weight:700}.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{vertical-align:middle;display:inline-flex}.card-title .hulp,.section-header .hulp{margin-left:6px}.machtiging-laag{z-index:19000}.machtiging-kaart{gap:12px;width:min(460px,100%)}.machtiging-kaart .vergrendel-tekst{text-align:left}.machtiging-sub{background:var(--ds-veld);border-radius:10px;width:100%;padding:10px 12px}.machtiging-link{font-size:12.5px}.machtiging-link b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.teller-balk{box-sizing:border-box;background:var(--sidebar-bg);border-left:1px solid var(--ds-border,#e5e7eb);flex-direction:column;flex:0 0 76px;gap:6px;width:76px;padding:10px 6px;display:flex;overflow-y:auto}.teller-tegel{color:var(--sidebar-icon);border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:9px 4px;text-decoration:none;transition:background .12s,color .12s;display:flex}.teller-tegel:hover{background:var(--sidebar-hover);color:var(--sidebar-text)}.teller-tegel.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text)}.teller-getal{font-variant-numeric:tabular-nums;color:var(--sidebar-text);font-size:17px;font-weight:800;line-height:1.1}.teller-tegel.heeft .teller-getal{text-align:center;background:var(--ds-danger,#dc2626);color:#fff;border-radius:999px;min-width:26px;padding:2px 7px;font-size:14px}.teller-naam{text-align:center;font-size:10.5px;font-weight:600;line-height:1.15}@media (width<=900px){.teller-balk{display:none}}.inlog-scherm{justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex;position:relative;overflow:hidden}.inlog-vlekken{pointer-events:none;position:absolute;inset:0;overflow:hidden}.inlog-vlek{background:var(--portal-color,#2563eb);opacity:.05;filter:blur(80px);border-radius:50%;position:absolute}.inlog-vlek:first-child{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 (width<=420px){.inlog-vlek:nth-child(3),.inlog-vlek:nth-child(4){display:none}}.inlog-houder{z-index:1;width:100%;max-width:420px;position:relative}.inlog-kaart{border-top:3px solid var(--portal-color,#2563eb);background:#1e2533;border-radius:20px;padding:32px;box-shadow:0 25px 80px #00000073,0 10px 40px #0000004d}@media (width<=420px){.inlog-kaart{border-radius:16px;padding:24px 20px}}.inlog-kop{align-items:center;gap:10px;margin-bottom:8px;display:flex}.inlog-tegel{background:var(--portal-color,#2563eb);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.inlog-merk{align-items:baseline;gap:6px;display:flex}.inlog-merk-taxi{color:#f1f5f9;letter-spacing:1px;font-size:22px;font-weight:800}.inlog-merk-cdt{color:#64748b;letter-spacing:1px;font-size:22px;font-weight:400}.inlog-portaalnaam{color:#94a3b8;margin:0 0 24px;font-size:13px;font-weight:500}.inlog-titel{color:var(--portal-color,#2563eb);margin:0 0 4px;font-size:20px;font-weight:700}.inlog-uitleg{color:#94a3b8;margin:0 0 20px;font-size:13px;line-height:1.6}.inlog-veld{margin-bottom:16px}.inlog-label{letter-spacing:.05em;text-transform:uppercase;color:var(--portal-color,#2563eb);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.inlog-invoer{color:#f1f5f9;box-sizing:border-box;background:#151c2a;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:16px;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{background:var(--portal-color,#2563eb);color:#fff;cursor:pointer;width:100%;min-height:48px;box-shadow:0 4px 14px color-mix(in srgb, var(--portal-color,#2563eb) 40%, transparent);border:none;border-radius:12px;padding:14px 20px;font-family:inherit;font-size:15px;font-weight:600;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{color:#e2e8f0;box-shadow:none;background:0 0;border:1px solid #ffffff2e}.inlog-knop-tweede:hover:not(:disabled){border-color:var(--portal-color,#2563eb)}.inlog-melding{border-radius:10px;margin:16px 0 0;padding:12px 16px;font-size:13px;line-height:1.5}.inlog-melding.fout{color:#fca5a5;background:#ef44441f;border:1px solid #ef444459}.inlog-melding.info{color:#cbd5e1;background:#94a3b81a;border:1px solid #94a3b840}.inlog-voet{border-top:1px solid #ffffff14;margin-top:20px;padding-top:18px}.inlog-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.inlog-link{font:inherit;color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:500;text-decoration:none}.inlog-link-blok{text-align:center;width:100%;margin-top:10px;display:block}.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{cursor:pointer;color:#64748b;background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.inlog-oog:hover{color:#94a3b8}.inlog-fijndruk{color:#64748b;margin:0;font-size:12px;line-height:1.6}.inlog-fijndruk a{color:#94a3b8}.inlog-qr{box-sizing:border-box;background:#fff;border-radius:12px;width:188px;height:188px;margin:4px auto 14px;padding:8px;display:block}.inlog-sleutel{color:#e2e8f0;word-break:break-all;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px}.start-spel .spel-kop{background:var(--ds-card);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow);border-radius:16px;margin-bottom:16px;padding:18px 20px}.start-spel .spel-kop.af{border-color:var(--ds-success,#16a34a)}.start-spel .spel-score{align-items:center;gap:18px;display:flex}.start-spel .spel-score strong{color:var(--ds-text);font-size:17px}.start-spel .spel-score p{margin:2px 0 0;font-size:13px}.start-spel .spel-procent{color:var(--portal-color);letter-spacing:-1px;min-width:96px;font-size:40px;font-weight:800;line-height:1}.start-spel .spel-procent span{margin-left:2px;font-size:18px;font-weight:700}.start-spel .spel-balk{background:var(--ds-veld);border-radius:999px;height:10px;margin:14px 0 16px;overflow:hidden}.start-spel .spel-balk>div{background:linear-gradient(90deg, var(--portal-color-dark), var(--portal-color));border-radius:999px;height:100%;transition:width .4s}.start-spel .spel-levels{grid-template-columns:repeat(var(--levels,8), minmax(0, 1fr));gap:8px;display:grid}.start-spel .spel-level{text-align:left;border:1.5px solid var(--ds-border);background:var(--ds-veld);color:var(--ds-text-2);font:inherit;cursor:pointer;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;min-height:88px;padding:10px 12px;display:flex}.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{background:var(--ds-card);border:1.5px solid var(--ds-border-strong);width:26px;height:26px;color:var(--ds-text);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.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{color:var(--ds-text);font-size:12.5px;font-weight:600;line-height:1.25}.start-spel .spel-level-telling{color:var(--ds-text-muted);margin-top:auto;font-size:11.5px}.start-spel .spel-level-kaart .card-header h3{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.start-spel .spel-portaal{font-size:11px}.start-spel .spel-intro{color:var(--ds-text-2);margin:0 0 14px;font-size:14px;line-height:1.5}.start-spel .spel-stappen{flex-direction:column;gap:8px;display:flex}.start-spel .spel-stap{border:1.5px solid var(--ds-border);background:var(--ds-card);border-radius:12px;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%;font:inherit;color:var(--ds-text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:12px 14px;display:flex}.start-spel .spel-stap-status{color:var(--ds-text-muted);flex-shrink:0;display:inline-flex}.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{color:var(--ds-text-muted);min-width:16px;font-size:12px;font-weight:700}.start-spel .spel-stap-titel{flex:1;min-width:0;font-size:14.5px;font-weight:600}.start-spel .spel-stap.gedaan .spel-stap-titel{text-decoration:line-through;-webkit-text-decoration-color:var(--ds-text-muted);text-decoration-color:var(--ds-text-muted);color:var(--ds-text-2)}.start-spel .spel-stap-label{text-transform:uppercase;letter-spacing:.4px;color:var(--ds-text-muted);white-space:nowrap;font-size:11.5px;font-weight:700}.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{background:var(--ds-veld);border-top:1px solid var(--ds-border);padding:14px 14px 14px 56px}.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{color:var(--ds-text-2);margin:0 0 10px;font-size:14px;line-height:1.5}.start-spel .spel-hoe{color:var(--ds-text);margin:0 0 12px;padding-left:20px;font-size:14px;line-height:1.6}.start-spel .spel-hoe li::marker{color:var(--portal-color);font-weight:700}.start-spel .spel-stap-acties{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.start-spel .spel-stap-acties .btn-primary,.start-spel .spel-stap-acties .btn-secondary{align-items:center;gap:6px;text-decoration:none;display:inline-flex}.start-spel .spel-voet{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;display:flex}.start-spel .spel-voet .btn-primary,.start-spel .spel-voet .btn-secondary{align-items:center;gap:6px;display:inline-flex}.start-spel .spel-hulp p{margin:0;font-size:14px;line-height:1.5}.start-spel .spel-intro{background:var(--ds-veld);margin-left:var(--ds-space-5);margin-right:var(--ds-space-5);border-radius:12px;padding-top:12px;padding-bottom:12px}.start-spel .spel-hulp a{color:var(--portal-color);font-weight:600}@media (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 (width<=900px){.start-spel .spel-levels{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (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{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);border-radius:14px;align-items:flex-start;gap:12px;margin:0 0 14px;padding:12px 14px;display:flex}.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{font-size:14.5px;display:block}.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{color:var(--portal-color);font-weight:700}.start-hint-tekst p{color:var(--ds-text-2);margin:4px 0 0;font-size:13.5px}.start-hint-acties{flex-shrink:0;align-items:center;gap:8px;display:flex}.start-hint-acties .btn-secondary,.start-hint-acties .btn-primary{white-space:nowrap;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.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 (width<=640px){.start-hint{flex-wrap:wrap}.start-hint-acties{justify-content:flex-end;width:100%}}@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{z-index:10000;pointer-events:none;box-shadow:0 0 0 3px var(--portal-color);border-radius:10px;transition:left .12s,top .12s,width .12s,height .12s;animation:1.1s ease-in-out 3 start-ring-puls;position:fixed}@media (prefers-reduced-motion:reduce){.start-ring{transition:none;animation:none}}.start-assistent{z-index:10001;touch-action:none;position:fixed;bottom:18px;right:18px}.start-assistent-knop,.start-assistent-kop{cursor:grab;-webkit-user-select:none;user-select:none}.start-assistent-knop:active,.start-assistent-kop:active{cursor:grabbing}.start-assistent.verplaatst .start-assistent-knop{animation:none}.start-assistent.open,.start-assistent.open .start-assistent-paneel{max-width:calc(100vw - 18px)}@keyframes begeleider-knop-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes begeleider-paneel-in{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:none}}@keyframes begeleider-bericht-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes begeleider-puls{0%,to{box-shadow:0 10px 30px #0000002e, 0 0 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{background:linear-gradient(135deg, var(--portal-color-dark) 0%, var(--portal-color) 100%);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:13px 18px;font-size:14px;font-weight:700;transition:transform .15s,filter .15s;animation:.25s ease-out begeleider-knop-in,2.4s ease-out 1s 2 begeleider-puls;display:inline-flex;box-shadow:0 10px 30px #0000002e}.start-assistent-knop:hover{filter:brightness(1.06);transform:translateY(-1px)}.start-assistent-paneel{background:var(--ds-card);width:min(400px,100vw - 36px);max-height:min(660px,100vh - 36px);color:var(--ds-text);border:1px solid var(--ds-border);border-radius:20px;flex-direction:column;animation:.28s cubic-bezier(.2,.8,.2,1) begeleider-paneel-in;display:flex;overflow:hidden;box-shadow:0 24px 60px #00000038,0 2px 8px #00000014}.start-assistent-kop{background:linear-gradient(135deg, var(--portal-color-dark) 0%, var(--portal-color) 100%);color:#fff;align-items:center;gap:10px;padding:14px 16px;display:flex}.start-assistent-kop>svg{opacity:.95}.start-assistent-kop strong{letter-spacing:.1px;flex:1;font-size:14.5px}.start-assistent-teller{background:#ffffff38;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}.start-assistent-kop .header-btn{color:#fff;background:#ffffff2e;border:0;width:30px;height:30px}.start-assistent-kop .header-btn:hover{background:#ffffff4d}.start-assistent-stap{color:var(--ds-text-2);background:color-mix(in srgb, var(--portal-color) 7%, var(--ds-card));border-bottom:1px solid var(--ds-border);align-items:center;gap:8px;padding:9px 16px;font-size:12.5px;font-weight:600;display:flex}.start-assistent-stap>span{flex:1;min-width:0}.start-assistent-los{color:var(--ds-text-muted);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:16px;line-height:1}.start-assistent-lijst{background:var(--ds-bg);flex-direction:column;flex:auto;gap:10px;min-height:180px;padding:14px 16px;display:flex;overflow-y:auto}.start-assistent-bericht{white-space:pre-line;border-radius:16px;max-width:90%;padding:10px 13px;font-size:13.5px;line-height:1.5;animation:.2s ease-out begeleider-bericht-in}.start-assistent-bericht.hulp{background:var(--ds-card);border:1px solid var(--ds-border);border-bottom-left-radius:6px;align-self:flex-start;box-shadow:0 1px 2px #0000000a}.start-assistent-bericht.ik{background:linear-gradient(135deg, var(--portal-color-dark) 0%, var(--portal-color) 100%);color:#fff;border-bottom-right-radius:6px;align-self:flex-end}.start-assistent-bestemming{margin-top:8px}.start-assistent-bestemming .btn-secondary{border-radius:999px;align-items:center;gap:5px;padding:6px 10px;font-size:12.5px;text-decoration:none;display:inline-flex}.start-assistent-snel{border-top:1px solid var(--ds-border);background:var(--ds-card);flex-wrap:wrap;gap:6px;padding:12px 16px 4px;display:flex}.start-assistent-snel .btn-primary,.start-assistent-snel .btn-secondary{border:1.5px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:7px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.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{background:var(--ds-card);gap:8px;padding:8px 16px 0;display:flex}.start-assistent-navigatie .btn-primary,.start-assistent-navigatie .btn-secondary{border-radius:999px;flex:auto;justify-content:center;align-items:center;gap:5px;padding:8px 10px;font-size:12.5px;text-decoration:none;display:inline-flex}.start-assistent-invoer{background:var(--ds-card);align-items:center;gap:8px;padding:10px 16px 16px;display:flex}.start-assistent-invoer .form-input{background:var(--ds-veld);border:1.5px solid #0000;border-radius:999px;flex:1;min-width:0;min-height:44px;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{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}@media (width<=640px){.start-assistent{bottom:10px;right:10px}.start-assistent-knop{justify-content:center;gap:0;width:48px;height:48px;padding:0;font-size:0}.start-assistent-knop svg{width:22px;height:22px}}body:has(.modal-overlay) .start-assistent:not(:has(.start-assistent-paneel)){display:none}body:has(.pagina-chat,.pagina-ai) .start-assistent{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:1px solid var(--ds-border);background:var(--ds-card);border-radius:18px;flex-direction:column;min-height:calc(100vh - 140px);display:flex;overflow:hidden;box-shadow:0 16px 40px #0000000f}.setup-voortgang{background:color-mix(in srgb, var(--portal-color) 15%, transparent);height:6px}.setup-voortgang-balk{background:var(--portal-color);height:100%;transition:width .5s cubic-bezier(.2,.8,.2,1)}.setup-raster{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;display:grid}.setup-links{background:linear-gradient(160deg, var(--portal-color), var(--portal-color-dark,var(--portal-color)));color:#fff;flex-direction:column;justify-content:center;gap:16px;padding:44px 48px 56px;animation:.45s both setup-in;display:flex;position:relative}.setup-links.pop .setup-nr{animation:.5s setup-pop}.setup-nr{opacity:.95;align-items:center;gap:12px;font-size:42px;font-weight:900;line-height:1;animation:.5s both setup-in;display:inline-flex}.setup-titel{margin:0;font-size:34px;font-weight:900;line-height:1.1;animation:.5s 80ms both setup-in}.setup-uitleg{opacity:.92;max-width:520px;margin:0;font-size:15.5px;line-height:1.55;animation:.5s .16s both setup-in}.setup-stappenlijst{flex-direction:column;gap:6px;margin:14px 0 0;padding:0;list-style:none;animation:.5s .24s both setup-in;display:flex}.setup-stappenlijst li{opacity:.7;cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:6px 10px;font-size:14px;transition:opacity .2s,background .2s;display:flex}.setup-stappenlijst li.nu{opacity:1;background:#ffffff24;font-weight:700}.setup-stappenlijst li.af{opacity:.95}.setup-bol{background:#ffffff38;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:inline-flex}.setup-stappenlijst li.af .setup-bol{color:var(--portal-color);background:#fff}.setup-later{font:inherit;color:#ffffffbf;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline;position:absolute;bottom:18px;left:48px}.setup-rechts{background:var(--ds-bg);flex-direction:column;justify-content:center;gap:14px;min-width:0;padding:44px 48px;display:flex}.setup-rechts.richting-vooruit{animation:.4s both setup-slide-in}.setup-rechts.richting-terug{animation:.4s both setup-slide-back}.setup-kaart{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:18px;flex-direction:column;gap:14px;padding:24px 26px;display:flex;box-shadow:0 12px 30px #0000000f}.setup-kaart-kop{color:var(--ds-text);font-size:17px;font-weight:800}.setup-checklist{color:var(--ds-text-2);flex-direction:column;gap:10px;margin:0;padding:0;font-size:14.5px;list-style:none;display:flex}.setup-checklist li{align-items:center;gap:10px;display:flex}.setup-checklist li svg{color:var(--portal-color);flex-shrink:0}.setup-checklist li.af{color:#15803d;font-weight:600}.setup-groot{border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:50px;font-size:16px;display:inline-flex}.setup-kaart .form-label{color:var(--ds-text-2);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.setup-kaart .form-input,.setup-kaart .form-select{min-height:46px;font-size:15px}.setup-vink{color:var(--ds-text-2);align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.45;display:flex}.setup-vink input{margin-top:3px}.setup-klaarblok{text-align:center;color:#15803d;flex-direction:column;align-items:center;gap:6px;padding:18px;display:flex}.setup-klaarblok b{color:var(--ds-text);font-size:18px}.setup-klaarblok span{color:var(--ds-text-muted);font-size:13.5px}.setup-keuzes{gap:12px;display:grid}.setup-keuze{text-align:left;background:var(--ds-veld);cursor:pointer;font:inherit;border:2px solid #0000;border-radius:14px;flex-direction:column;gap:4px;padding:16px 18px;transition:transform .15s,border-color .15s,background .15s;display:flex}.setup-keuze b{color:var(--ds-text);font-size:16px}.setup-keuze span{color:var(--ds-text-muted);font-size:13.5px}.setup-keuze:hover{border-color:var(--portal-color);background:var(--ds-card);transform:translateY(-2px)}.setup-tab{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.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{background:var(--ds-veld);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.setup-rij{grid-template-columns:1fr 1fr;gap:10px;display:grid}.setup-rij>.btn-secondary{white-space:nowrap}.setup-veldlabel{color:var(--ds-text-muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.setup-kenteken{letter-spacing:.12em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:20px}.setup-code{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;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:40px;font-weight:800;animation:.5s setup-pop}.setup-knoppen{flex-wrap:wrap;gap:8px;display:flex}.setup-knoppen .btn-primary,.setup-knoppen .btn-secondary{border-radius:999px;align-items:center;text-decoration:none;display:inline-flex}.setup-klein{color:var(--ds-text-muted);margin:0;font-size:13px}.setup-lijstje{color:var(--ds-text-2);flex-direction:column;gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.setup-lijstje li{align-items:center;gap:8px;display:flex}.setup-tariefregel{color:var(--ds-text-2);justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.setup-euro{color:var(--ds-text-muted);align-items:center;gap:6px;display:inline-flex}.setup-euro .form-input{text-align:right;width:120px}.setup-melding{background:var(--ds-veld);color:var(--ds-text);border-radius:10px;padding:10px 12px;font-size:13.5px}.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{justify-content:space-between;gap:10px;display:flex}.setup-nav .btn-primary,.setup-nav .btn-secondary{border-radius:999px;align-items:center;gap:8px;display:inline-flex}.setup-score{color:var(--portal-color);text-align:center;font-size:56px;font-weight:900;animation:.6s setup-pop}.setup-kaart.klaar{position:relative;overflow:hidden}.setup-confetti{pointer-events:none;position:absolute;inset:0}.setup-confetti i{top:-12px;left:calc(var(--i) * 5.5%);background:var(--portal-color);opacity:.8;width:8px;height:14px;animation:setup-confetti 2.6s calc(var(--i) * .12s) ease-in infinite;transform:rotate(calc(var(--i) * 37deg));border-radius:2px;position:absolute}.setup-confetti i:nth-child(3n){background:#16a34a}.setup-confetti i:nth-child(3n+1){background:#f59e0b}.setup-linkknop{border-radius:999px;align-items:center;gap:8px;text-decoration:none;display:inline-flex}@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%{opacity:.9;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(420px)rotate(540deg)}}@media (width<=900px){.setup{min-height:0}.setup-raster{grid-template-columns:minmax(0,1fr)}.setup-links{gap:10px;padding:24px 20px 44px}.setup-titel{font-size:24px}.setup-nr{font-size:30px}.setup-stappenlijst{display:none}.setup-later{bottom:14px;left:20px}.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{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.setup-figuur{flex-direction:column;gap:6px;margin:0;display:flex}.setup-figuur img{border:1px solid var(--ds-border);border-radius:12px;width:100%;height:auto;display:block;box-shadow:0 8px 24px #00000014}.setup-figuur.app{align-items:center}.setup-figuur.app .setup-figuur-knop{width:min(260px,60%)}.setup-figuur.app img{border-radius:22px;width:100%}.setup-figuur-knop{cursor:zoom-in;background:0 0;border:0;border-radius:12px;width:100%;padding:0;display:block;position:relative}.setup-figuur-knop:focus-visible{outline:3px solid color-mix(in srgb, var(--portal-color) 45%, transparent);outline-offset:3px}.setup-figuur-vergroot{color:#fff;background:#111827b8;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .15s,background .15s;display:inline-flex;position:absolute;bottom:10px;right:10px;box-shadow:0 2px 8px #00000040}.setup-figuur-knop:hover .setup-figuur-vergroot{background:var(--portal-color);transform:scale(1.08)}.setup-lichtbak{z-index:10002;cursor:zoom-out;background:#0a0c10e0;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;animation:.18s both setup-lichtbak-in;display:flex;position:fixed;inset:0}.setup-lichtbak img{cursor:default;border-radius:12px;width:auto;max-width:min(96vw,1400px);height:auto;max-height:calc(100vh - 96px);box-shadow:0 24px 64px #00000080}.setup-lichtbak p{color:#ffffffd9;cursor:default;margin:0;font-size:13.5px}.setup-lichtbak-sluit{color:#fff;cursor:pointer;background:#ffffff24;border:0;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:absolute;top:16px;right:16px}.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{color:var(--ds-text-muted);text-align:center;font-size:12.5px}.setup-uitlegtekst{flex-direction:column;gap:10px;display:flex}.setup-uitlegtekst p{color:var(--ds-text-2);margin:0;font-size:14.5px;line-height:1.55}.setup-level{flex-direction:column;gap:12px;max-height:calc(100vh - 320px);padding-right:4px;display:flex;overflow:auto}.setup-levelstappen{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.setup-levelstappen li{background:var(--ds-veld);border-radius:12px;flex-direction:column;gap:6px;display:flex}.setup-levelkop{color:var(--ds-text);align-items:center;gap:10px;display:flex}.setup-bol.donker{background:var(--portal-color);color:#fff}.setup-hoe{color:var(--ds-text-2);flex-direction:column;gap:3px;margin:0;padding-left:18px;font-size:13px;display:flex}.setup-lijstkop{text-transform:uppercase;letter-spacing:.06em;opacity:.75;cursor:default;margin-top:8px;font-size:11px;list-style:none}.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{color:var(--ds-text-2);margin:0;font-size:14.5px;line-height:1.55}.setup-levelkopje{text-transform:uppercase;letter-spacing:.06em;color:var(--ds-text-muted);margin-top:4px;font-size:11px}.setup-stappenlijst li.eerste-level{border-top:1px solid #ffffff38;margin-top:10px;padding-top:12px}.setup-stappenlijst li.eerste-level:before{content:"Daarna: de rest van het portaal";text-transform:uppercase;letter-spacing:.06em;opacity:.75;flex-basis:100%;width:100%;margin-bottom:6px;font-size:11px;display:block}.setup-stappenlijst li.eerste-level{flex-wrap:wrap}.setup-lijsttitel{flex:1;min-width:0}.setup-lijsttelling{opacity:.8;font-variant-numeric:tabular-nums;font-size:12px}.setup-links-voet{color:#fffc;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex;position:absolute;bottom:18px;left:48px;right:48px}.setup-links-voet .setup-later{position:static}.setup-levelbalk{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.setup-linkknop.klein{min-height:32px;padding:4px 12px;font-size:12.5px}.setup-levelstap{overflow:hidden}.setup-levelstap .setup-levelkop{width:100%;font:inherit;text-align:left;cursor:pointer;color:var(--ds-text);background:0 0;border:0;align-items:center;gap:10px;padding:12px 14px;display:flex}.setup-levelstap .setup-levelkop b{flex:1;min-width:0;font-size:14px}.setup-levelstap.gedaan .setup-levelkop b{color:var(--ds-text-muted);-webkit-text-decoration:line-through #00000040;text-decoration:line-through #00000040}.setup-stapstatus{color:var(--ds-text-muted);flex-shrink:0;display:inline-flex}.setup-stapstatus.gedaan{color:#15803d}.setup-stapstatus.open{color:var(--portal-color)}.setup-staplabel{text-transform:uppercase;letter-spacing:.04em;background:var(--ds-card);color:var(--ds-text-muted);border:1px solid var(--ds-border);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.setup-staplabel.gedaan{color:#15803d;background:#f0fdf4;border-color:#86efac}.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{flex-direction:column;gap:8px;padding:0 14px 14px 58px;display:flex}.setup-stapacties{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.setup-stapacties .setup-linkknop{min-height:36px;padding:6px 14px;font-size:13px}@media (width<=900px){.setup-links-voet{left:20px;right:20px}.setup-levelbody{padding-left:14px}}.setup-autoregel{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.setup-autoregel .form-select{flex:200px;min-height:38px;font-size:13.5px}.setup-tellers{flex-wrap:wrap;gap:8px;margin-top:2px;animation:.5s .2s both setup-in;display:flex}.setup-teller{color:#ffffffeb;background:#ffffff29;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:6px;padding:5px 12px 5px 9px;font-size:12.5px;display:inline-flex}.setup-teller b{color:#fff;font-size:14px;font-weight:800}.setup-teller.let{background:#ffffff47}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body.dark,body.dark-mode,html.dark,html.dark-mode{--lightningcss-light: ;--lightningcss-dark:initial;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{background:var(--ds-bg);color:var(--ds-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5}: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:#fff;--ds-card-elevated:var(--portaal-kaart-op,#fff);--ds-input:var(--portaal-invoer,#fff);--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 #101a180a, 0 10px 26px -16px #101a1824);--ds-shadow-lg:var(--portaal-schaduw-groot,0 1px 2px #101a180d, 0 18px 40px -20px #101a1833);--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 #0000001a;--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:#fff;--bg:#f4f7f6;--surface:#fff;--surface-2:#f8f9fa;--surface-3:#f1f3f5;--surface-hover:#e9ecef;--card-bg:#fff;--card-hover:#f3f4f6;--border:#00000014;--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:#0006;--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:#16a34a1a;--ds-danger:#e11d48;--ds-danger-bg:#e11d481a;--ds-warning:#d97706;--ds-warning-bg:#d977061f;--ds-info:#3b82f6;--ds-info-bg:#3b82f61a;--ds-purple:#8b5cf6;--ds-purple-bg:#8b5cf61a}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:#ffffff1a;--ds-border-strong:#ffffff2e;--ds-border-subtle:#333;--ds-shadow:0 2px 4px #0006;--ds-shadow-lg:0 8px 24px #0009;--ds-table-header:#252525;--ds-table-border:#ffffff1a;--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:#34d3992e;--ds-danger:#fb7185;--ds-danger-bg:#fb71852e;--ds-warning:#fbbf24;--ds-warning-bg:#fbbf242e;--ds-info:#60a5fa;--ds-info-bg:#60a5fa2e;--ds-purple:#a78bfa;--ds-purple-bg:#a78bfa2e;--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:0 0}*,: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{height:100%;display:block;overflow:hidden}:host{display:block}.page-container{background:0 0;flex-direction:column;gap:16px;padding:0;display:flex;container:pagina/inline-size}.page-topbar{align-items:center;gap:var(--ds-space-4);padding:var(--ds-space-5) var(--ds-space-6);background:linear-gradient(135deg, color-mix(in srgb, var(--portal-color-dark) 50%, var(--ds-card)) 0%, color-mix(in srgb, var(--portal-color) 50%, var(--ds-card)) 100%);border:1px solid color-mix(in srgb, var(--portal-color) 35%, var(--ds-border));border-radius:var(--ds-radius-lg);margin-bottom:var(--ds-space-4);box-shadow:var(--ds-shadow);flex-wrap:wrap;display:flex}.page-title{color:var(--ds-text);flex:1;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:700;display:flex}.page-meta{color:var(--ds-text-2);flex:1 1 0;min-width:220px;margin:0;font-size:13px}.topbar-actions{gap:10px;margin-left:auto;display:flex}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{background:var(--portal-color);color:#fff;border-radius:var(--ds-radius-sm);box-sizing:border-box;cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;min-height:36px;padding:9px 18px;font-size:13px;font-weight:700;line-height:1.2;transition:background .15s;display:inline-flex}.btn-primary:hover{background:var(--portal-color-dark)}.btn-secondary{background:var(--ds-card);color:var(--ds-text);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);box-sizing:border-box;cursor:pointer;white-space:nowrap;align-items:center;gap:6px;min-height:36px;padding:9px 18px;font-size:13px;font-weight:700;line-height:1.2;transition:all .15s;display:inline-flex}.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{color:var(--ds-text);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);box-sizing:border-box;cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:6px;min-height:36px;padding:9px 18px;font-size:13px;font-weight:700;line-height:1.2;transition:all .15s;display:inline-flex}.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{background:var(--ds-deep);color:var(--ds-text-muted);border:1.5px solid var(--ds-border);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;height:34px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.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{opacity:.75;font-size:11px}.f-chip .chip-count{font-size:11px}.row-actions{justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.btn-icon{border:1px solid var(--ds-border);width:32px;min-width:32px;height:32px;color:var(--ds-text-2);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:inline-flex}.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{margin-bottom:var(--ds-space-4);background:var(--ds-card);border:1px solid var(--ds-border);border-radius:999px;gap:4px;padding:4px;display:flex}@media (width<=640px){.page-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.page-tabs::-webkit-scrollbar{display:none}.page-tab{flex:none}}.page-tab{white-space:nowrap;cursor:pointer;color:var(--ds-text-muted);background:0 0;border:none;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.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{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;width:100%;max-width:100%;margin-bottom:16px;display:grid}@media (width<=600px){.stats-row{grid-template-columns:repeat(2,1fr);gap:8px}.stats-row>:last-child:nth-child(odd){grid-column:1/-1}}@container pagina (width<=760px){.stats-row:has(>:nth-child(4):last-child){grid-template-columns:repeat(2,1fr)}}.stats-row>*,.stat-card,.stat-content{min-width:0}.stat-card{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);box-sizing:border-box;align-items:center;gap:14px;min-width:0;transition:box-shadow .15s;display:flex;overflow:hidden}.stat-card:hover{box-shadow:var(--ds-shadow-lg)}.stat-icon{border-radius:var(--ds-radius-sm);background:color-mix(in srgb, var(--portal-color) 12%, transparent);width:42px;min-width:42px;height:42px;color:var(--portal-color-dark);flex-shrink:0;justify-content:center;align-items:center;display:flex}.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{flex-direction:column;min-width:0;display:flex}.stat-card:not(:has(.stat-info)){flex-direction:column;align-items:flex-start;gap:4px}.stat-card:not(:has(.stat-info))>.stat-label{order:1;margin-top:0}.stat-card:not(:has(.stat-info))>.stat-value{white-space:normal;overflow-wrap:anywhere;max-width:100%;line-height:1.1}.stat-value{color:var(--ds-text-2);white-space:nowrap;text-overflow:ellipsis;font-size:22px;font-weight:800;line-height:1;overflow:hidden}.stat-label{text-transform:uppercase;letter-spacing:.4px;color:var(--ds-text-subtle);overflow-wrap:anywhere;margin-top:3px;font-size:11px;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);margin-bottom:16px;overflow:clip}.card-header{padding:var(--ds-space-4) var(--ds-space-5);background:linear-gradient(135deg, var(--portal-color-dark) 0%, var(--portal-color) 100%);color:#fff;border-bottom:none;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;display:flex}.card>.card-header{border-radius:13px 13px 0 0;margin:-16px -18px 14px}.card-header h2,.card-header h3{color:#fff;letter-spacing:0;flex:1;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;display:flex}.card-meta{color:var(--ds-text-muted);font-size:12px;font-weight:600}.card-header .card-meta{color:#ffffffe0}.card-header .hulp-knop{color:#ffffffe6;border-color:#ffffff80}.card-header .hulp-knop:hover{color:#fff;background:#ffffff2e}.card-header .btn-primary,.card-header .btn-secondary,.card-header .btn-outline,.card-header .btn-ghost,.card-header .action-btn,.card-header .action-btn.secondary{color:var(--portal-color-dark);background:#fff;border:1px solid #ffffffb3}.card-header .btn-primary:hover,.card-header .btn-secondary:hover,.card-header .btn-outline:hover,.card-header .action-btn:hover{color:var(--portal-color-dark);background:#ffffffe0}.card-header .btn-danger{color:var(--ds-danger);background:#fff;border:none}.card-header .status-badge,.card-header .chip,.card-header .f-chip,.card-header .tab-btn{color:#fff;background:#ffffff2e;border-color:#0000}.card-header .tab-btn.active{color:var(--portal-color-dark);background:#fff}.card-header a:not([class]){color:#fff}.card-header .muted,.card-header .card-sub,.card-header p{color:#ffffffd9}.card-header input,.card-header select{color:var(--ds-text);background:#fff}.card-header .card-badge{color:#fff;background:#fff3;border-radius:999px;padding:3px 10px;font-size:10px;font-weight:600}.card-body,.card-content{padding:var(--ds-space-5)}.page-container>.stats-row+.filter-bar{margin-top:-8px}.filter-bar{background:0 0;flex-wrap:wrap;align-items:flex-start;gap:10px;margin-bottom:14px;padding:0;display:flex}.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: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{-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity;flex-wrap:nowrap;align-items:center;gap:6px;padding:2px 0;display:flex;position:relative;overflow-x:auto}.filter-chips::-webkit-scrollbar{display:none}.chip-row::-webkit-scrollbar{display:none}.filter-chips{flex-wrap:wrap;flex:0 0 100%;gap:8px;padding:4px 0 14px}.seg-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;flex-wrap:nowrap;align-items:center;gap:4px;margin-bottom:14px;padding:4px;display:flex;overflow-x:auto}.seg-bar::-webkit-scrollbar{display:none}.search-wrapper{box-sizing:border-box;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:24px;flex:1;align-items:center;min-width:0;min-height:44px;padding:4px 6px 4px 0;transition:border-color .15s;display:flex;position:relative}.search-wrapper:focus-within{border-color:var(--portal-color)}.search-wrapper>.native-search-container{background:0 0;border:none;border-radius:0;flex:auto;min-width:0;min-height:auto;padding:6px 14px}.search-wrapper>.status-badge-container{flex-shrink:0;padding-right:0;position:static;transform:none}@media (width<=640px){.search-wrapper{flex-wrap:wrap;row-gap:6px;padding:6px}.search-wrapper>.native-search-container,.search-wrapper>.status-badge-container{flex:100%}.search-wrapper>.status-badge-container>.status-badge{justify-content:center;width:100%}}.native-search-container{background:var(--ds-veld);border:1.5px solid #0000;border-radius:24px;flex:320px;align-items:center;gap:10px;min-width:240px;min-height:44px;padding:10px 14px;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}@media (width<=900px){.native-search-container,.search-wrapper{flex:100%;width:100%;min-width:0}}.native-search-container:not(.card *):not(.card-body *):not(.modal-body *):not(.paneel *):not(.pagina-chat .sidebar-header *):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 #0000;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);flex-shrink:0;font-size:18px}.native-search-container *,.native-search-container input{box-shadow:none;background:0 0;border:none;outline:none}.native-search-container .native-search-input{color:var(--ds-text-2);-webkit-appearance:none;flex:1;font-size:13px}.native-search-container .native-search-input::placeholder{color:var(--ds-text-muted)}.native-search-container input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 1000px #0000}.clear-icon{color:var(--ds-text-subtle);cursor:pointer;flex-shrink:0;font-size:18px}.native-search-container{flex-wrap:wrap;row-gap:8px}.native-search-container .native-search-input{flex: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:none}@media (width<=900px){.native-search-container{min-width:0}.native-search-container .native-search-input{flex:calc(100% - 34px)}.native-search-container>.status-pills{flex:auto}.native-search-container>.view-toggle{flex:none;margin-left:auto}}.status-pills{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.status-badge-container{padding-right:6px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.status-dropdown{background:var(--ds-card);border:1px solid var(--ds-border);width:100%;box-shadow:var(--ds-shadow-lg);z-index:1000;border-radius:12px;padding:8px;animation:.15s dropdownIn;position:absolute;top:calc(100% + 4px);left:0}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.status-option-group{border-bottom:1px solid var(--ds-border-subtle);padding:4px 0}.status-option-group:last-child{border-bottom:none}.status-group-label{letter-spacing:.5px;color:var(--ds-text-muted);text-transform:uppercase;padding:6px 14px 4px;font-size:10px;font-weight:700;display:block}.status-option{cursor:pointer;color:var(--ds-text-2);border-radius:8px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:13px;transition:background .1s;display:flex}.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{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.period-selector{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:50px;align-items:center;height:46px;display:inline-flex;position:relative;overflow:visible}.period-nav{width:46px;height:46px;color:var(--ds-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50px;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;transition:all .15s;display:flex}.period-nav:hover{color:var(--portal-color-dark);background:color-mix(in srgb, var(--portal-color) 8%, transparent)}.period-display{border-left:1px solid var(--ds-border);border-right:1px solid var(--ds-border);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;min-width:172px;height:46px;padding:0 14px;transition:background .15s;display:flex}.period-display:hover{background:color-mix(in srgb, var(--portal-color) 6%, transparent)}.period-cal-icon{color:var(--portal-color);flex-shrink:0;font-size:17px}.period-label{color:var(--ds-text-2);white-space:nowrap;text-transform:capitalize;flex:1;font-size:14px;font-weight:700}.period-label .period-yr{color:var(--ds-text-muted);margin-left:5px;font-size:13px;font-weight:400}.period-chevron{color:var(--ds-text-muted);flex-shrink:0;font-size:13px;transition:transform .2s}.period-chevron.open{transform:rotate(180deg)}.period-jaar-panel{z-index:9999;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;min-width:140px;max-height:280px;position:absolute;top:calc(100% + 8px);left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 10px 32px #0006}.jaar-option{color:var(--ds-text-2);cursor:pointer;text-align:center;padding:11px 20px;font-size:14px;font-weight:600;transition:background .1s}.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{background:var(--ds-card);border:1px solid var(--ds-border);height:38px;color:var(--ds-text-muted);cursor:pointer;white-space:nowrap;border-radius:50px;flex-shrink:0;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.period-clear:hover{color:#f87171;background:#f871710f;border-color:#f87171}.page-topbar select,.topbar-actions select{border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);cursor:pointer;outline:none;padding:8px 14px;font-size:13px;font-weight:500}.page-topbar select:hover,.topbar-actions select:hover{border-color:var(--portal-color)}.topbar-gekleurd select{color:#fff;background:#ffffff2e;border:1px solid #ffffff59}.tabs-header{border-bottom:1px solid var(--ds-border);flex-wrap:wrap;gap:6px;margin-bottom:16px;padding:0 0 14px;display:flex}.main-tabs{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:999px;flex-wrap:wrap;gap:4px;margin-bottom:20px;padding:4px;display:flex}.main-tab{min-width:120px;color:var(--ds-text-2);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.main-tabs:has(>:nth-child(2):last-child){justify-content:flex-start}.main-tabs:has(>:nth-child(2):last-child) .main-tab{flex:0 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 (width<=640px){.main-tabs{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;gap:4px;padding:4px;overflow-x:auto}.main-tabs::-webkit-scrollbar{display:none}.main-tab{white-space:nowrap;flex:1 0 auto;min-width:64px;min-height:36px;padding:0 16px;font-size:12.5px}.main-tabs:has(>:nth-child(2):last-child) .main-tab{min-width:0;max-width:none}}@media (width<=500px){.main-tabs{border-radius:22px;grid-template-columns:repeat(auto-fit,minmax(45%,1fr));gap:4px;padding:4px;display:grid;overflow:visible}.main-tab{white-space:normal;text-align:center;min-width:0;min-height:36px;padding:8px 6px;font-size:12px;line-height:1.15}}.tab-bar,.tabs-header{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}@media (width<=640px){.tab-bar,.tabs-header{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;margin-bottom:12px;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tabs-header::-webkit-scrollbar{display:none}.tab-bar>*,.tabs-header>*{flex:none}}.tab-btn{border:2px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-muted);cursor:pointer;white-space:nowrap;border-radius:999px;padding:7px 18px;font-size:13px;font-weight:600;transition:all .15s}.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{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.table-container{scrollbar-width:thin;scrollbar-color:var(--ds-border) transparent;overflow-x:auto}.table-container::-webkit-scrollbar{height:4px}.table-container::-webkit-scrollbar-track{background:0 0}.table-container::-webkit-scrollbar-thumb{background:var(--ds-border);border-radius:2px}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;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);padding:10px 14px;font-size:11px;font-weight:700}.data-table td{color:var(--ds-text-2);border-bottom:1px solid var(--ds-table-border);white-space:nowrap;padding:11px 14px}.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])){border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-card);color:var(--ds-text);outline:none;padding:8px 11px;font-family:inherit;font-size:13px;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.tabel-wrap td{white-space:normal}.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;font-variant-numeric:tabular-nums;width:120px}.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{border-top:1px solid var(--ds-table-border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.page-info{color:var(--ds-text-muted);flex-wrap:wrap;align-items:baseline;gap:8px;font-size:13px;display:flex}.page-sub{color:var(--ds-text-subtle);font-size:12px}.page-controls{align-items:center;gap:6px;display:flex}.page-btn{border:1px solid var(--ds-border);min-width:30px;height:30px;color:var(--ds-text-2);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:flex}.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{color:var(--ds-text-muted);padding:0 2px;font-size:13px;line-height:30px}.page-number{color:var(--ds-text-muted);font-size:13px}.status-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.status-badge:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.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{justify-content:flex-end;align-items:center;gap:4px;display:flex}.data-table td.actions{white-space:normal;text-align:right;display:table-cell}.data-table td.actions>*{vertical-align:middle;margin:2px 0 2px 4px;display:inline-flex}.data-table th:last-child,.data-table td:last-child{text-align:right}.action-btn{background:var(--portal-color);color:#fff;cursor:pointer;box-sizing:border-box;white-space:nowrap;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;min-width:36px;height:36px;padding:0 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.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{color:#dc2626;background:#ef44441f}.action-btn.danger:hover{color:#fff;background:#ef4444;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{color:#dc2626;background:#ef44441f}.action-btn.reject:hover{color:#fff;background:#ef4444;transform:translateY(-1px)}.action-btn.warning{color:#d97706;background:#f59e0b1f}.action-btn.warning:hover{color:#fff;background:#f59e0b;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{background:var(--ds-deep);width:30px;height:30px;color:var(--ds-text-muted);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.icon-btn:hover{background:var(--portal-color);color:#fff}.empty-state{text-align:center;vertical-align:middle;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 24px;display:flex}.empty-state-inner{color:var(--ds-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.empty-state-inner .btn-primary,.empty-state-inner .btn-secondary{background:color-mix(in srgb, var(--portal-color) 12%, transparent);width:auto;color:var(--portal-color-dark);box-shadow:none;border:none;flex:none;margin-top:8px;padding:6px 14px;font-size:12px;font-weight:600}.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{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.form-row>label{min-width:0;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px;flex-direction:column;flex:170px;gap:5px;font-size:11px;font-weight:700;display:flex}.form-row>label>span{color:inherit}.form-row input,.form-row select,.form-row textarea{border-radius:var(--ds-radius-sm);border:1.5px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);box-sizing:border-box;text-transform:none;letter-spacing:normal;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:400;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]{flex:none;width:auto}.form-row>button{flex:none}.text-center{text-align:center}.form-label{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.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{color:var(--ds-text-muted);margin:0;font-size:12px;line-height:1.45;display:block}label.form-label:has(>input,>select,>textarea){flex-direction:column;gap:6px;display:flex}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{color:var(--ds-text);font-size:13px;line-height:1.45}.form-group{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.form-group label{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}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{border-radius:var(--ds-radius-sm);border:1.5px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);box-sizing:border-box;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;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);box-sizing:border-box;border-radius:12px;min-height:44px}.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{appearance:none;cursor:pointer;background-color:var(--ds-bg);color:var(--ds-text);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-position:right 12px center;background-repeat:no-repeat;background-size:12px;width:100%;min-height:44px;padding-right:36px;font-weight:600;line-height:1.5;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{background:var(--ds-card);border:1px solid var(--ds-border);box-sizing:border-box;cursor:default;border-radius:24px;align-items:center;gap:10px;width:100%;min-height:36px;padding:7px 12px;transition:border-color .15s;display:flex}.field-wrapper:focus-within{border-color:var(--portal-color)}.field-icon{color:var(--portal-color);flex-shrink:0;font-size:18px}.field-arrow{color:var(--ds-text-muted);flex-shrink:0;font-size:16px;transition:transform .2s;transform:rotate(90deg)}.field-arrow.open{transform:rotate(270deg)}.field-input{color:var(--ds-text-2);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.field-input::placeholder{color:var(--ds-text-muted)}.field-value{color:var(--ds-text-2);white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;flex:1;font-size:14px;overflow:hidden}.field-value.placeholder{color:var(--ds-text-muted)}.custom-dropdown{width:100%;position:relative}.custom-dropdown .field-wrapper{cursor:pointer}.dropdown-panel{z-index:9999;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:16px;max-height:240px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden auto;box-shadow:0 8px 24px #0000004d}.dropdown-group-label{text-transform:uppercase;letter-spacing:.5px;color:var(--ds-text-muted);background:var(--ds-card);padding:8px 14px 4px;font-size:10px;font-weight:700}.dropdown-option{color:var(--ds-text-2);cursor:pointer;padding:10px 16px;font-size:14px;transition:background .1s}.dropdown-option:hover{background:var(--ds-hover)}.dropdown-option.selected{color:var(--portal-color-dark);background:color-mix(in srgb, var(--portal-color) 8%, transparent);font-weight:600}*,:before,:after{--highlight-height:0;--highlight-color:transparent;--highlight-color-focused:transparent}.item-highlight,.item-inner-highlight,.input-highlight{display:none}.modal-overlay{z-index:9999;box-sizing:border-box;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background:var(--ds-card);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow-lg);border-radius:16px;flex-direction:column;width:100%;max-width:720px;max-height:90vh;display:flex;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{background:linear-gradient(135deg, var(--portal-color-dark) 0%, var(--portal-color) 100%);border-bottom:none;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.modal-header h2,.modal-header h3{color:#fff;align-items:center;gap:8px;min-width:0;margin:0;font-size:16px;font-weight:700;line-height:1.3;display:flex}.modal-header h2 svg,.modal-header h3 svg{color:#fff;flex-shrink:0}.modal-close{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;font-size:20px;line-height:1;display:flex}.modal-close:hover{color:#fff;background:#ffffff59}.modal-body{background:var(--ds-modal-bg);flex:1;padding:16px;overflow-y:auto}.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{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;flex-direction:column;gap:0;padding:2px 14px;display:flex;box-shadow:0 1px 4px #0000000f}.modal-body .detail-grid .detail-row,.modal-body .detail-rows .detail-row,.modal-body .detail-rijen .detail-row{border-bottom:1px solid var(--ds-border);justify-content:space-between;align-items:center;gap:12px;padding:11px 0;font-size:13px;display:flex}.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{color:var(--ds-text-muted);text-transform:none;letter-spacing:0;flex:none;max-width:45%;font-size:13px;font-weight:500}.modal-body .detail-row>:not(.detail-label){color:var(--ds-text);text-align:right;overflow-wrap:anywhere;font-weight:500}.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;margin-bottom:14px;padding:16px 18px;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{border-bottom:1px solid var(--ds-border);color:var(--ds-text);align-items:center;gap:10px;margin:-2px -18px 14px;padding:0 18px 12px;font-size:15px;font-weight:700;display:flex}.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{color:var(--ds-text);margin:0;font-size:15px;font-weight:700}.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{border-bottom:1px solid var(--ds-border);color:var(--ds-text);text-transform:none;letter-spacing:0;align-items:center;gap:10px;margin:-2px -18px 14px;padding:0 18px 12px;font-size:15px;font-weight:700;display:flex}.modal-body .form-group,.modal-body .nf-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.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{color:var(--ds-text-muted);letter-spacing:.5px;text-transform:uppercase;margin-bottom:0;font-size:11px;font-weight:700}.modal-footer{border-top:1px solid var(--ds-border);background:var(--ds-modal-bg);flex-shrink:0;gap:12px;padding:14px 20px;display:flex}.modal-footer .btn-secondary,.modal-footer .btn-primary{flex:1;justify-content:center}.modal-footer .btn-danger{flex:none;justify-content:center;min-width:110px}.modal-footer>.btn-row{flex-wrap:wrap;flex:1;gap:12px;margin:0;display:flex}.modal-footer>.btn-row>button,.modal-footer>.btn-row>a{flex:calc(50% - 6px);justify-content:center;min-width:max-content;max-width:100%}.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{border-radius:12px;min-height:48px;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{z-index:10000;background:#00000073;justify-content:center;align-items:center;padding:16px;animation:.15s alertFadeIn;display:flex;position:fixed;inset:0}@keyframes alertFadeIn{0%{opacity:0}to{opacity:1}}.app-alert{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:18px;flex-direction:column;width:100%;max-width:400px;animation:.18s cubic-bezier(.34,1.56,.64,1) alertSlideIn;display:flex;overflow:hidden;box-shadow:0 8px 40px #0000002e}@keyframes alertSlideIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.app-alert-icon{justify-content:center;align-items:center;padding:28px 20px 12px;display:flex}.app-alert-body{text-align:center;padding:0 24px 8px}.app-alert-title{color:var(--ds-text-2);margin-bottom:6px;font-size:16px;font-weight:700;display:block}.app-alert-msg{color:var(--ds-text-muted);font-size:13px;line-height:1.5;display:block}.app-alert-detail{background:var(--ds-hover);border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);color:var(--ds-text-2);justify-content:center;align-items:center;gap:6px;margin-top:12px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.app-alert-footer{gap:8px;padding:16px 20px;display:flex}.app-alert-footer .btn-secondary,.app-alert-footer .btn-primary,.app-alert-footer .btn-danger{text-align:center;flex:1;justify-content:center}.btn-danger{border-radius:var(--ds-radius-sm);cursor:pointer;color:#fff;background:#ef4444;border:none;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:700;transition:background .15s,transform .1s;display:inline-flex}.btn-danger:hover{background:#dc2626}.btn-danger:active{transform:scale(.97)}.bottom-sheet-overlay{z-index:9999;background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.bottom-sheet{background:var(--ds-card);border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-height:93vh;animation:.28s cubic-bezier(.32,.72,0,1) sheetIn;display:flex;box-shadow:0 -8px 40px #0000004d}@keyframes sheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-sheet .modal-header{border-radius:20px 20px 0 0}@media (width<=768px){.page-container{box-sizing:border-box;width:100%;max-width:100%;padding:12px 12px 32px}.page-topbar{border-radius:12px;flex-wrap:wrap;gap:8px;padding:12px 14px}.page-title{flex:100%;margin:0;font-size:15px;line-height:1.2}.page-title svg{font-size:18px}.page-meta{opacity:.9;flex:100%;margin:0;font-size:11px}.stat-card{gap:8px;min-height:56px;padding:10px}.stat-icon{border-radius:8px;width:32px;min-width:32px;height:32px}.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{box-sizing:border-box;width:auto}.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{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{min-width:500px;font-size:12px}table:not(.table-container table):not(.tabelhouder table):not(.table-card table){-webkit-overflow-scrolling:touch;max-width:100%;display:block;overflow-x:auto}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{width:100%;display:table}.data-table th,.data-table td{padding:8px 10px}.two-col-grid{grid-template-columns:1fr}.topbar-actions{flex-wrap:wrap;flex:100%;justify-content:flex-start;gap:6px;width:100%;margin-left:0}.topbar-actions .btn-primary,.topbar-actions .btn-secondary{flex:0 auto}.topbar-actions app-page-info{flex:none}.card-body,.card-content{padding:14px}.card-header{flex-wrap:wrap;row-gap:4px}.card-header h2,.card-header h3{flex:100%}.card-header .card-meta{flex:0 auto}.pagination{flex-wrap:wrap;justify-content:center;row-gap:8px}.page-info{text-align:center;flex:100%;justify-content: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;width:100%;max-width:100%;height:auto;max-height:95vh;margin:0}.modal-body,.modal-header{padding:14px 16px}.modal-footer{gap:8px;padding:12px 16px 16px}.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{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.tab-bar .tab-btn,.tabs-header .tab-btn{white-space:nowrap;flex:none}.empty-state{padding:32px 16px}.empty-state-inner svg{font-size:40px}.empty-state-inner p{font-size:13px}}@media (width<=480px){.page-container{padding:10px 10px 28px}.page-topbar{gap:6px;padding:10px 12px}.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 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{max-width:100vw;overflow-x:hidden}.page-container{max-width:100%;overflow-x:hidden}@media (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 (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{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (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{background:var(--cdt-gradient);border-radius:16px;align-items:center;gap:14px;margin-bottom:8px;padding:18px 20px;display:flex;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:#fff;margin:0;font-size:17px;font-weight:700}.cdt-page-header .cdt-page-header-text p{color:#fffc;-webkit-text-fill-color:#fffc;margin:0;font-size:13px}.cdt-page-header .cdt-page-header-icon{background:#ffffff2e;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.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:#fff}:root,body{--ds-text-1:var(--ds-text);--ds-text-3:var(--ds-text-muted)}.cdt-period-toggle,.segment-toggle{background:var(--ds-card,#fff);border:1px solid var(--ds-border,#e5e7eb);scrollbar-width:none;-ms-overflow-style:none;border-radius:50px;gap:2px;margin-bottom:12px;padding:3px;display:flex;overflow-x:auto;box-shadow:0 1px 4px #0000000f}.cdt-period-toggle::-webkit-scrollbar{display:none}.segment-toggle::-webkit-scrollbar{display:none}.cdt-period-btn,.segment-btn{white-space:nowrap;min-width:52px;color:var(--ds-text-muted,#6b7280);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:50px;flex:1;justify-content:center;align-items:center;gap:5px;height:auto;padding:7px 10px;font-family:inherit;font-size:13px;font-weight:600;line-height:1;transition:all .15s;display:flex}.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{background:var(--ds-card,#fff);border:1px solid var(--ds-border,#e5e7eb);border-radius:50px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:3px 6px;display:flex;box-shadow:0 1px 4px #0000000f}.cdt-period-nav-btn{width:27px;height:27px;color:var(--ds-text-muted,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.cdt-period-nav-btn:hover:not(:disabled){background:var(--ds-hover);color:var(--ds-text,#18181b)}.cdt-period-nav-mid{align-items:center;gap:10px;display:flex}.cdt-period-nav-label{color:var(--ds-text,#18181b);font-size:13px;font-weight:700}.cdt-vandaag-btn{border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border,#e5e7eb);color:var(--ds-text-muted,#6b7280);cursor:pointer;background:0 0;align-items:center;gap:4px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:flex}.cdt-vandaag-btn:hover:not(:disabled){background:var(--ds-hover);color:var(--portal-color,#ef4444);border-color:var(--portal-color,#ef4444)}.cdt-view-bar{background:var(--ds-card,#fff);border:1px solid var(--ds-border,#e5e7eb);border-radius:14px;align-items:center;gap:6px;margin-bottom:14px;padding:6px 10px;display:flex;box-shadow:0 1px 4px #0000000f}.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);box-shadow:var(--ds-shadow);box-sizing:border-box;border-radius:14px;margin-bottom:16px;padding:16px 18px;overflow:clip}.footer-note{color:var(--ds-text-subtle);margin:8px 0 0;font-size:13px;line-height:1.5}.footer-note.err{color:var(--ds-danger)}.card-title{border-bottom:1px solid var(--ds-border-subtle);color:var(--ds-text);align-items:center;gap:8px;margin:0 0 14px;padding-bottom:10px;font-size:15px;font-weight:700;display:flex}.section{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;padding:16px}.status-dot{background:var(--portal-color);border-radius:50%;flex-shrink:0;width:8px;height:8px}.chip{background:var(--ds-hover);color:var(--ds-text-2);white-space:nowrap;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:600}.badge{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.detail-row{color:var(--ds-text-2);align-items:center;gap:10px;padding:8px 0;font-size:13px;display:flex}.completion-bar{background:var(--ds-border);border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.completion-fill{background:var(--portal-color);border-radius:4px;height:100%;transition:width .25s}.drop-zone{border:2px dashed var(--ds-border);cursor:pointer;color:var(--ds-text-3);border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:28px;font-size:13px;transition:all .15s;display:flex}.drop-zone:hover,.drop-zone.actief{border-color:var(--portal-color);color:var(--ds-text-2)}.form-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (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:.36s cubic-bezier(.4,0,.2,1) both dsFadeUp}.page-container>:nth-child(2){animation-delay:50ms}.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:.36s cubic-bezier(.4,0,.2,1) both dsFadeUp}.ds-scale-in{animation:.28s cubic-bezier(.4,0,.2,1) both dsScaleIn}.ds-stagger>*{animation:.32s cubic-bezier(.4,0,.2,1) both dsFadeUp}.ds-stagger>:nth-child(2){animation-delay:40ms}.ds-stagger>:nth-child(3){animation-delay:80ms}.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 (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{box-sizing:border-box;min-height:44px}.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,.shell .hub-tabs{display:none}.shell .shell-body,.shell .content{width:auto;max-width:none;margin:0;padding:0;overflow:visible}html,body{height:auto;overflow:visible}.shell{height:auto;display:block;overflow:visible}.shell .shell-body{display:block}.shell .page-container{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],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{color:#000;box-shadow:none;background:#fff}.card-header,.card>.card-header{color:#000;background:0 0;border-bottom:1px solid #999}.card-header h2,.card-header h3,.card-header .card-meta,.card-header svg{color:#000}.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}.view-toggle,.weergave-toggle{background:var(--ds-bg);gap:4px;padding:3px;display:inline-flex}.view-toggle .view-btn,.weergave-toggle .view-btn{cursor:pointer;width:32px;height:30px;color:var(--ds-text-muted);background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.view-toggle .view-btn.active,.weergave-toggle .view-btn.active{background:var(--ds-card);color:var(--portal-color);box-shadow:var(--ds-shadow)}.page-container>.filter-bar{z-index:5;position:relative}.settings-shell{display:block}.settings-content{padding:0}.status-badge-container>.status-badge{color:#fff;background:var(--portal-color);border:1px solid var(--portal-color);cursor:pointer;border-radius:999px;padding:7px 12px;font-size:12.5px;font-weight:600;transition:filter .15s}.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{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);box-sizing:border-box;border-radius:999px;outline:none;min-height:36px;padding:8px 16px;font-family:inherit;font-size:13px}.filter-bar>select:focus,.filter-bar>input:focus,.filter-bar>.filter-datum>input:focus{border-color:var(--portal-color)}.filter-bar>.filter-datum{color:var(--ds-text-muted);align-items:center;gap:7px;font-size:12px;display:flex}.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;align-self:center;padding-block:0}.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 (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);flex:none;width:auto;max-width:260px;padding-block:0}.filter-bar>.tab-bar{scrollbar-width:none;align-items:center;min-width:0;max-width:100%;margin-bottom:0;padding-bottom:0}.filter-bar>.tab-bar::-webkit-scrollbar{display:none}.filter-bar>.tab-bar>.tab-btn,.filter-bar>button{height:var(--filter-hoogte);box-sizing:border-box;padding-block:0}.cdt-period-nav-bar.leeg .cdt-period-nav-label{color:var(--ds-text-muted)}.cdt-period-nav-btn:disabled{opacity:.3;cursor:default}@media (width<=640px){.filter-bar>*{min-width:0;max-width:100%}.filter-bar>.filter-chips,.filter-bar>.chip-row{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;flex:100%;overflow-x:auto}}@media (width<=560px){.hub-balk .hub-tab,.hub-balk button{min-height:36px}.hub-balk{padding:4px}.stat-card .stat-label{text-transform:none;letter-spacing:0;white-space:normal;text-overflow:clip;font-size:11px;line-height:1.25;overflow:visible}.stat-card{flex-direction:column;align-items:flex-start;gap:8px;padding:10px}.stat-card .stat-icon{width:30px;min-width:30px;height:30px}.stat-card .stat-icon svg{width:16px;height:16px}.stat-card .stat-info{width:100%}.stat-card .stat-value{white-space:normal;overflow-wrap:anywhere;font-size:20px;line-height:1.1}}@media (width<=640px){.modal-overlay{align-items:flex-end;padding:0}.modal-content,.modal-content.modal-sm{border-bottom:none;border-left:none;border-right:none;border-radius:18px 18px 0 0;width:100%;max-width:none;max-height:94dvh}.modal-body{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow-y:auto}.modal-header,.modal-footer{flex-shrink:0}.modal-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}}@media (width<=500px){.cdt-period-toggle,.segment-toggle{border-radius:26px;grid-template-columns:repeat(auto-fit,minmax(31%,1fr));gap:5px;display:grid;overflow:visible}.cdt-period-btn,.segment-btn{white-space:normal;text-align:center;min-width:0;padding:10px 4px;font-size:12px;line-height:1.1}}@media (width<=640px){.page-topbar .topbar-actions{flex-wrap:wrap;gap:8px;padding-bottom:0;display:flex;overflow:visible}.page-topbar .topbar-actions>*{box-sizing:border-box;text-align:center;white-space:nowrap;flex:calc(50% - 4px);justify-content:center;min-width:max-content;max-width:100%;min-height:44px;padding-inline:12px}.page-topbar .topbar-actions>.btn-primary{flex:100%;order:-1}.page-topbar .topbar-actions>app-page-info,.page-topbar .topbar-actions>.page-info-btn,.page-topbar .topbar-actions>select{flex:none}.page-topbar .topbar-actions>.live-pill,.page-topbar .topbar-actions>[class*=pill],.page-topbar .topbar-actions>[class*=badge]{justify-content:center;align-items:center;gap:6px;display:inline-flex}.shell .content input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color]),.shell .content select,.shell .content textarea{box-sizing:border-box;min-height:44px;font-size:16px}.shell .content input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color],.form-input),.shell .content select:not(.form-select){border-radius:10px;padding-left:12px;padding-right:12px}.shell .content .native-search-container .native-search-input{border-radius:0;min-height:0;padding:0}.modal-footer .btn-primary,.modal-footer .btn-secondary,.modal-footer .btn-danger,.btn-primary.block,.btn-block{justify-content:center;width:100%;min-height:48px;font-size:15px}.modal-footer{flex-wrap:wrap;gap:10px;display:flex}.modal-footer .btn-primary,.modal-footer .btn-secondary,.modal-footer .btn-danger{flex:calc(50% - 5px);width:auto;min-width:0}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}.native-search-container>.status-pills,.native-search-container>.view-toggle,.native-search-container>.filter-chips,.native-search-container>.chip-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;flex:100%;max-width:100%;display:flex;overflow-x:auto}.native-search-container>.status-pills::-webkit-scrollbar{display:none}.native-search-container>.view-toggle::-webkit-scrollbar{display:none}.native-search-container>.status-pills>*,.native-search-container>.view-toggle>*{white-space:nowrap;flex:none}}.kern-tijdlijn{flex-direction:column;gap:8px;margin-bottom:4px;display:flex}.kt-kruimel{justify-content:space-between;align-items:center;min-height:34px;padding-top:2px;display:flex}.kt-kruimel-links{align-items:center;gap:5px;display:flex}.kt-jaar{color:var(--ds-text-muted);font-size:13px;font-weight:600}.kt-sep{color:var(--ds-text-muted);opacity:.5;font-size:12px}.kt-maand{color:var(--portal-color);text-transform:capitalize;font-size:17px;font-weight:800;line-height:1}.kt-week{color:var(--ds-text-2);font-size:13px;font-weight:600}.kt-dagbadge{color:var(--portal-color);background:color-mix(in srgb, var(--portal-color) 10%, transparent);border:1px solid color-mix(in srgb, var(--portal-color) 25%, transparent);border-radius:6px;padding:2px 8px;font-size:13px;font-weight:700}.kt-schuif{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;gap:6px;padding:4px 2px 8px;display:flex;overflow:auto hidden}.kt-schuif::-webkit-scrollbar{display:none}.kt-dag{background:var(--ds-card);border:1px solid var(--ds-border);cursor:pointer;scroll-snap-align:start;text-align:left;width:72px;min-height:110px;font:inherit;color:inherit;border-radius:12px;flex-direction:column;flex-shrink:0;gap:4px;padding:8px 6px;transition:transform .1s,box-shadow .1s;display:flex}.kt-dag:active{transform:scale(.97)}.kt-dag.weekend:not(.vandaag){background:var(--ds-bg)}.kt-dag.met-items:not(.vandaag){border-color:color-mix(in srgb, var(--portal-color) 35%, transparent)}.kt-dag.vandaag{border-color:var(--portal-color);box-shadow:0 0 0 1px var(--portal-color);background:var(--portal-color)}.kt-dag.vandaag .kt-dow,.kt-dag.vandaag .kt-num,.kt-dag.vandaag .kt-vrij,.kt-dag.vandaag .kt-tijd,.kt-dag.vandaag .kt-label,.kt-dag.vandaag .kt-meer{color:#fff}.kt-dag.vandaag .kt-item{background:#ffffff26;border-left-color:#ffffffb3}.kt-dag.vandaag .kt-stip{background:#fff}.kt-dag-kop{flex-direction:column;align-items:center;gap:1px;display:flex;position:relative}.kt-dow{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:700}.kt-num{color:var(--ds-text);font-size:18px;font-weight:800;line-height:1.1}.kt-stip{background:var(--portal-color);border-radius:50%;width:5px;height:5px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.kt-dag-body{flex-direction:column;flex:1;gap:3px;min-width:0;padding-top:4px;display:flex}.kt-vrij{color:var(--ds-text-muted);text-align:center;opacity:.5;padding-top:6px;font-size:9px}.kt-item{border-left:2px solid var(--portal-color);flex-direction:column;min-width:0;padding-left:4px;display:flex}.kt-tijd{color:var(--ds-text-muted);font-size:9px;font-weight:600}.kt-label{color:var(--ds-text);white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:700;overflow:hidden}.kt-meer{color:var(--portal-color);text-align:center;font-size:9px;font-weight:700}.kt-hint{color:var(--ds-text-muted);text-align:center;opacity:.7;padding:2px 0 6px;font-size:11px}.page-container{padding-bottom:84px}.data-table th.kolom-sleep{cursor:grab;-webkit-user-select:none;user-select:none;position:relative}.data-table th.kolom-sleep:active{cursor:grabbing}.data-table th.kolom-sleep .kolom-grip{opacity:0;vertical-align:-2px;align-items:center;margin-right:6px;transition:opacity .12s;display:inline-flex}.data-table th.kolom-sleep .kolom-grip svg{width:13px;height:13px}.data-table th.kolom-sleep:hover .kolom-grip,.data-table th.kolom-sleep:focus-visible .kolom-grip{opacity:.55}.data-table th.kolom-sleep:focus-visible{outline:2px solid var(--portal-color);outline-offset:-2px}.data-table th.kolom-doel:before{content:"";background:var(--portal-color);border-radius:2px;width:3px;position:absolute;inset-block:4px;inset-inline-start:-1px}.alleen-telefoon{display:none}@media (width<=560px){.data-table .weg-op-telefoon{display:none}.alleen-telefoon{display:block}}.personenkiezer{flex-direction:column;gap:8px;display:flex}.personenkiezer-rij{text-align:left;border:1.5px solid var(--ds-border);background:var(--ds-card);cursor:pointer;border-radius:12px;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.personenkiezer-rij:hover:not(:disabled){border-color:var(--portal-color);background:var(--ds-hover)}.personenkiezer-rij:disabled{opacity:.45;cursor:not-allowed}.personenkiezer-avatar{background:var(--portal-color);color:#fff;border-radius:999px;flex:none;place-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:grid;overflow:hidden}.personenkiezer-avatar img{object-fit:cover;width:100%;height:100%}.personenkiezer-tekst{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.personenkiezer-naam{color:var(--ds-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.personenkiezer-onderschrift{color:var(--ds-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.personenkiezer-pijl{width:18px;height:18px;color:var(--ds-text-muted);flex:none}@media (width<=640px){.personenkiezer-rij{min-height:60px;padding:12px}.personenkiezer-avatar{width:44px;height:44px}}.mail-opgemaakt{min-width:0}.mail-html{color:var(--ds-text);word-break:break-word;font-size:13.5px;line-height:1.6;overflow-x:auto}.mail-html img{max-width:100%;height:auto}.mail-html table{border-collapse:collapse;max-width:100%}.mail-html td,.mail-html th{padding:4px 6px}.mail-html a{color:var(--portal-color)}.mail-html blockquote{border-left:3px solid var(--ds-border);color:var(--ds-text-muted);margin:8px 0;padding-left:12px}.mail-html pre{white-space:pre-wrap;word-break:break-word}.mail-html img[data-geblokkeerd]{border:1px dashed var(--ds-border);background:var(--ds-bg-soft,transparent);border-radius:6px;min-width:90px;min-height:22px;display:inline-block}.mail-blokkade{border:1px solid var(--ds-border);color:var(--ds-text-muted);border-radius:9px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:9px 12px;font-size:12.5px;display:flex}.mail-blokkade button{border:1px solid var(--ds-border);color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:5px 13px;font-size:12.5px;font-weight:600}.mail-blokkade button:hover{border-color:var(--portal-color);color:var(--portal-color)}.mail-tekst{color:var(--ds-text);white-space:pre-wrap;word-break:break-word;font-size:13.5px;line-height:1.65}.opz .opz-kop-knoppen{flex-shrink:0;gap:8px;display:flex}.opz .btn-secondary.aan{border-color:var(--portal-color);color:var(--portal-color)}.opz .opz-mailweg{color:var(--ds-text-2);cursor:pointer;align-items:center;gap:9px;margin:0 0 14px;font-size:13.5px;display:flex}.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{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.opz .opz-wie{flex-direction:column;gap:2px;min-width:0;display:flex}.opz .opz-wie strong{font-size:15px}.opz .opz-wie .muted{font-size:12.5px}.opz .opz-stand{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;font-size:12.5px;display:flex}.opz .opz-pil{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.opz .opz-pil.open{background:color-mix(in srgb, var(--portal-color) 16%, transparent);color:var(--portal-color)}.opz .opz-pil.klaar{color:#15803d;background:#16a34a29}.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{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.opz .opz-acties button{align-items:center;gap:7px;display:inline-flex}@media (width<=640px){.opz .opz-stand{width:100%}.opz .opz-acties button{flex:auto;justify-content:center}}.opz-mailkop{margin:0 0 12px;font-size:12.5px}.opz-recht{border:1px solid var(--ds-border);border-left:3px solid var(--ds-border);border-radius:9px;margin:10px 0 14px;padding:10px 13px;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{color:var(--ds-text);align-items:center;gap:7px;margin-bottom:4px;font-weight:700;display:flex}.opz-recht p{color:var(--ds-text-2);margin:0}.opz-recht ul{color:var(--ds-text-muted);margin:7px 0 0;padding-left:18px}.opz-recht li{margin:2px 0}@media (width<=640px){.opz .opz-kop-knoppen{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;max-width:100%;display:flex;overflow-x:auto}.opz .opz-kop-knoppen::-webkit-scrollbar{display:none}.opz .opz-kop-knoppen>*{white-space:nowrap;flex:none}}.pagina-gebruikers .card:last-child{margin-bottom:0}.pagina-gebruikers .card-title svg{color:var(--portal-color);font-size:18px}.pagina-gebruikers .input{box-sizing:border-box;border:1px solid var(--ds-border);background:var(--ds-card);width:100%;min-height:38px;color:var(--ds-text);font:inherit;border-radius:9px;padding:8px 11px;font-size:13px;transition:border-color .15s,box-shadow .15s}.pagina-gebruikers .input:focus{border-color:var(--portal-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--portal-color) 12%, transparent);outline:none}.pagina-gebruikers .tabs-bar{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.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{border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.pagina-gebruikers .users-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.pagina-gebruikers .user-stat{border:1px solid var(--ds-border);background:var(--ds-card);text-align:center;cursor:pointer;border-radius:13px;flex-direction:column;gap:6px;padding:14px 12px;transition:border-color .15s,transform .2s,box-shadow .2s;display:flex}.pagina-gebruikers .user-stat:hover{border-color:color-mix(in srgb, var(--portal-color) 30%, transparent);box-shadow:var(--ds-shadow);transform:translateY(-2px)}.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{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin:0 auto;font-size:18px;display:flex}.pagina-gebruikers .us-icon.blue{color:#3b82f6;background:#3b82f61a}.pagina-gebruikers .us-icon.green{color:#22c55e;background:#22c55e1a}.pagina-gebruikers .us-icon.red{color:#ef4444;background:#ef44441a}.pagina-gebruikers .us-icon.amber{color:#f59e0b;background:#f59e0b1f}.pagina-gebruikers .us-icon.purple{color:#8b5cf6;background:#8b5cf61a}.pagina-gebruikers .us-icon.cyan{color:#06b6d4;background:#06b6d41a}.pagina-gebruikers .us-icon.yellow{color:#f59e0b;background:#f59e0b1a}.pagina-gebruikers .us-value{color:var(--ds-text);font-size:22px;font-weight:700}.pagina-gebruikers .us-label{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:500}.pagina-gebruikers .users-search-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.pagina-gebruikers .users-search-input{max-width:360px}.pagina-gebruikers .pakket-filter{cursor:pointer;max-width:200px}.pagina-gebruikers .users-count{color:var(--ds-text-muted);font-size:12px;font-weight:500}.pagina-gebruikers .data-table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-muted);border-bottom:1px solid var(--ds-border);white-space:nowrap;background:color-mix(in srgb, var(--portal-color) 3%, transparent);padding:9px 10px;font-size:10px;font-weight:800}.pagina-gebruikers .data-table td{border-bottom:1px solid var(--ds-border-subtle);color:var(--ds-text-2);vertical-align:middle;padding:9px 10px}.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{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.pagina-gebruikers .data-table td:last-child{text-align:right}.pagina-gebruikers .user-type{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);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.pagina-gebruikers .user-status{text-transform:uppercase;letter-spacing:.3px;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.pagina-gebruikers .user-status.active{color:#fff;background:#16a34a;border:none}.pagina-gebruikers .user-status.inactive,.pagina-gebruikers .user-status.pending{color:#fff;background:#d97706;border:none}.pagina-gebruikers .user-status.rejected{color:#fff;background:#dc2626;border:none}.pagina-gebruikers .user-status.paused{color:#fff;background:#ea580c;border:none}.pagina-gebruikers .aanvraag-btn{border-radius:var(--ds-radius-sm);cursor:pointer;white-space:nowrap;color:#fff;border:none;align-items:center;gap:5px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:opacity .15s,transform .15s;display:inline-flex}.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{color:#fff;background:#dc2626;padding:6px 10px}.pagina-gebruikers .aanvraag-btn.btn-verwijder svg{font-size:15px}.pagina-gebruikers .aanvraag-btn.neutral{color:#fff;background:#374151}.pagina-gebruikers .aanvraag-btn.warn{color:#1f2937;background:#f59e0b}.pagina-gebruikers .aanvraag-btn.ghost{color:var(--ds-text);border:1px solid var(--ds-border);background:0 0}.pagina-gebruikers .incompl-badge{color:#fff;vertical-align:middle;cursor:help;background:#f59e0b;border-radius:50%;place-items:center;width:16px;height:16px;margin-left:7px;font-size:11px;font-weight:800;display:inline-grid}.pagina-gebruikers .aanvraag-btn.icon-only{justify-content:center;gap:0;width:34px;padding:7px}.pagina-gebruikers .btn-golive{border-radius:var(--ds-radius-sm);color:#fff;cursor:pointer;background:linear-gradient(135deg,#16a34a,#15803d);border:none;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:opacity .15s,box-shadow .2s,transform .15s;display:inline-flex}.pagina-gebruikers .btn-golive:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 6px 20px #16a34a59}.pagina-gebruikers .btn-golive:disabled{opacity:.6;cursor:wait;box-shadow:none;transform:none}.pagina-gebruikers .empty-state svg{color:var(--ds-text-subtle);font-size:40px}.pagina-gebruikers .clickable-row{cursor:pointer}.pagina-gebruikers .dv{color:var(--ds-text);word-break:break-word;flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.pagina-gebruikers .dv-tag{background:color-mix(in srgb, var(--portal-color) 12%, transparent);color:var(--portal-color);text-transform:uppercase;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700}.pagina-gebruikers .dv-tag-warn{color:#fbbf24;background:#f59e0b26}.pagina-gebruikers .dv-verify-btn{color:#22c55e;cursor:pointer;background:#22c55e1f;border:1px solid #22c55e66;border-radius:999px;align-items:center;gap:4px;margin-left:8px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.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{vertical-align:middle;background:#9ca3af;border-radius:50%;width:9px;height:9px;margin-left:8px;display:inline-block}.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{color:var(--ds-text-muted);margin-left:6px;font-size:12px;font-weight:500}.pagina-gebruikers .live-foot{color:var(--ds-text-muted);margin-top:10px;font-size:12px}.pagina-gebruikers .dv-missing{color:#ef4444;font-style:italic}.pagina-gebruikers .copy-btn{border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-input);width:22px;height:22px;color:var(--ds-text);cursor:pointer;opacity:.7;justify-content:center;align-items:center;padding:0;display:inline-flex}.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{color:var(--portal-color);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:7px;margin-bottom:12px;font-size:12px;font-weight:700;display:flex}.pagina-gebruikers .tools-panel-title svg{font-size:15px}.pagina-gebruikers .tools-section-label{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:10px 0 6px;font-size:10px;font-weight:700}.pagina-gebruikers .tools-section-label:first-of-type{margin-top:0}.pagina-gebruikers .tool-btn{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);width:100%;color:var(--portal-color);cursor:pointer;text-align:left;align-items:center;gap:7px;margin-bottom:6px;padding:8px 10px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.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{flex:none;font-size:14px}.pagina-gebruikers .tool-link{border:1px solid var(--ds-border);width:100%;color:var(--ds-text-2);background:0 0;border-radius:8px;align-items:center;gap:7px;margin-bottom:5px;padding:7px 10px;font-size:12px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:flex}.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{color:var(--ds-text-muted);flex:none;font-size:13px}.pagina-gebruikers .tool-result{border-radius:7px;align-items:flex-start;gap:7px;margin-bottom:6px;padding:7px 10px;font-size:12px;font-weight:600;line-height:1.4;display:flex}.pagina-gebruikers .tool-result svg{flex:none;margin-top:1px;font-size:14px}.pagina-gebruikers .tool-result--found{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e40}.pagina-gebruikers .tool-result--warn{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b40}.pagina-gebruikers .tool-result--error{color:#f87171;background:#ef44441a;border:1px solid #ef444440}.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-style:italic;font-weight:400}.pagina-gebruikers .tool-mismatch{color:#f87171;white-space:nowrap;background:#ef444433;border-radius:5px;margin-left:4px;padding:1px 6px;font-size:10px;font-weight:700}.pagina-gebruikers .actie-groep{flex-direction:column;align-items:stretch;gap:6px;display:flex}.pagina-gebruikers .actie-groep-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);margin:6px 0 2px;font-size:10px;font-weight:700}.pagina-gebruikers .actie-rij{align-items:center;gap:10px;display:flex}.pagina-gebruikers .actie-rij .aanvraag-btn{flex:0 0 168px;justify-content:flex-start}.pagina-gebruikers .actie-uitleg{min-width:0;color:var(--ds-text-muted);flex:1;font-size:12px;line-height:1.35}@media (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{color:var(--ds-text-muted);padding:4px 0;font-size:12px}.pagina-gebruikers .doc-item{border-bottom:1px solid var(--ds-border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.pagina-gebruikers .doc-item:last-child{border-bottom:none}.pagina-gebruikers .doc-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.pagina-gebruikers .doc-naam{color:var(--ds-text);word-break:break-word;font-size:13px;font-weight:600}.pagina-gebruikers .doc-sub{color:var(--ds-text-muted);font-size:11px}.pagina-gebruikers .doc-dl{flex:none}.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{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.pagina-gebruikers .edit-label{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.pagina-gebruikers .edit-select{font-size:13px}.pagina-gebruikers .edit-form-note{color:var(--ds-text-muted);border-left:3px solid var(--ds-border);margin-bottom:10px;padding-left:8px;font-size:11px;line-height:1.5}.pagina-gebruikers .edit-test-toggle{color:var(--ds-text-muted);cursor:pointer;align-items:center;gap:7px;margin:8px 0 10px;font-size:12px;display:flex}.pagina-gebruikers .edit-test-toggle input{cursor:pointer;accent-color:#10b981}.pagina-gebruikers .edit-form-actions{gap:8px;display:flex}.pagina-gebruikers .edit-stripe-badge{color:#10b981;background:#10b98126;border-radius:5px;margin-left:6px;padding:2px 6px;font-size:10px;font-weight:700}.pagina-gebruikers .edit-access-hint{color:var(--ds-text-muted);margin-top:4px;font-size:11px;line-height:1.4;display:block}@media (width<=700px){.pagina-gebruikers .tab-btn{flex:none}.pagina-gebruikers .users-stats{grid-template-columns:repeat(2,1fr)}}.pagina-gebruikers .tabs-bar .tab-btn{border-radius:var(--ds-radius-sm);color:var(--ds-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:600;transition:color .15s,background .15s,border-color .15s;display:flex}.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{color:var(--ds-text-muted);font-family:ui-monospace,monospace;font-size:11px}.pagina-gebruikers .card-kop-rij{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.pagina-gebruikers .card-kop-rij .card-title{margin:0}.pagina-gebruikers .bulk-rij{flex-wrap:wrap;gap:8px;margin:0 0 12px;display:flex}.pagina-gebruikers .golive-rij{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.pagina-gebruikers .card-uitleg{color:var(--ds-text-muted);margin:0 0 12px;font-size:12.5px;line-height:1.5}.pagina-gebruikers .naam-cel{color:var(--portal-color);font-weight:500}.pagina-gebruikers .id-cel{color:var(--ds-text-muted);font-family:ui-monospace,monospace;font-size:11px}.pagina-gebruikers .card-groen{border:1px solid color-mix(in srgb, var(--ds-success) 40%, transparent)}.pagina-gebruikers .tab-badge.geel{color:#1f2937;background:#eab308}.pagina-gebruikers .tab-badge.rood{color:#fff;background:#dc2626}.pagina-gebruikers .tab-badge.oranje{color:#1f2937;background:#f59e0b}.pagina-gebruikers .tab-badge.groen{color:#fff;background:#16a34a}.pagina-gebruikers .tab-badge.paars{color:#fff;background:#7c3aed}.pagina-gebruikers .nieuw-fout{color:var(--ds-danger);font-size:13px}.pagina-gebruikers .nieuw-modal .modal-footer>.nieuw-fout{flex-basis:100%}.pagina-gebruikers .nieuw-klaar-titel{color:var(--ds-success);align-items:center;gap:6px;margin-bottom:8px;font-weight:700;display:flex}.pagina-gebruikers .nieuw-mailregel{background:var(--ds-success-bg);color:var(--ds-success);border-radius:8px;margin:0 0 10px;padding:8px 10px;font-size:12px}.pagina-gebruikers .veld-rij{gap:8px;display:flex}.pagina-gebruikers .veld-rij>.input{flex:1}.pagina-gebruikers .veld-label{color:var(--ds-text-muted);margin:4px 0 -2px;font-size:11px}.pagina-gebruikers .pakket-rij{flex-wrap:wrap;gap:8px;display:flex}.pagina-gebruikers .pakket-kaart{background:var(--ds-card);min-width:96px;color:var(--ds-text);border:1px solid var(--ds-border);cursor:pointer;text-align:center;border-radius:10px;flex:1;padding:10px 8px;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-size:13px;font-weight:700}.pagina-gebruikers .pakket-kaart-prijs{color:var(--ds-text-muted);font-size:12px}.pagina-gebruikers .incasso-blok{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:10px;margin-top:12px;padding:10px 12px}.pagina-gebruikers .incasso-rij{align-items:center;gap:8px;display:flex}.pagina-gebruikers .incasso-rij .input{flex:1;font-family:ui-monospace,monospace;font-size:12px}.pagina-gebruikers .controle-lijst{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.pagina-gebruikers .controle-laden{color:var(--ds-text-muted);padding:6px 2px;font-size:12px}.pagina-gebruikers .controle-fout{color:var(--ds-danger);background:var(--ds-danger-bg);border-radius:8px;align-items:center;gap:6px;padding:7px 9px;font-size:12px;display:flex}.pagina-gebruikers .controle-samenvatting{flex-wrap:wrap;gap:5px;margin-bottom:2px;display:flex}.pagina-gebruikers .cs-deel{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:700}.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{background:var(--ds-card);border:1px solid var(--ds-border);border-left-width:3px;border-radius:9px;align-items:flex-start;gap:8px;padding:8px 9px;display:flex}.pagina-gebruikers .controle-rij>svg{flex:none;margin-top:1px;font-size:15px}.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{flex:1;min-width:0}.pagina-gebruikers .controle-kop{flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:flex}.pagina-gebruikers .controle-label{color:var(--ds-text);font-size:12px;font-weight:700}.pagina-gebruikers .controle-stand{letter-spacing:.05em;text-transform:uppercase;color:var(--ds-text-muted);font-size:9px;font-weight:800}.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{color:var(--ds-text-2);overflow-wrap:anywhere;margin-top:2px;font-family:ui-monospace,monospace;font-size:11px}.pagina-gebruikers .controle-uitleg{color:var(--ds-text-muted);margin-top:3px;font-size:11px;line-height:1.4}.pagina-gebruikers .controle-sinds{color:var(--ds-text-subtle);margin-top:3px;font-size:10px}.us-trechter{flex-direction:column;gap:6px;margin-top:14px;display:flex}.us-tr-rij{grid-template-columns:52px 1fr auto;align-items:center;gap:12px;display:grid}.us-tr-nr{text-align:right;color:var(--ds-text);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700}.us-tr-spoor{background:var(--ds-border-subtle);border-radius:999px;height:10px;overflow:hidden}.us-tr-vul{background:var(--portal-color);border-radius:999px;height:100%;display:block}.us-tr-lbl{color:var(--ds-text-muted);min-width:150px;font-size:.85rem}.us-tr-uit{margin:8px 0 0;font-size:.8rem;line-height:1.45}@media (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);background:var(--ds-card);border-left-width:4px;border-radius:10px;margin-bottom:14px;padding:12px 14px}.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{color:var(--ds-text);font-size:.95rem;font-weight:700}.detail-betaal.ok .db-kop{color:var(--ds-success)}.detail-betaal.fout .db-kop{color:var(--ds-danger)}.db-uitleg{color:var(--ds-text-muted);margin-top:4px;font-size:.82rem;line-height:1.45}.db-regels{color:var(--ds-text-muted);flex-wrap:wrap;gap:6px 16px;margin-top:8px;font-size:.8rem;display:flex}.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);color:var(--ds-text-muted);background:var(--ds-card);border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:.82rem;line-height:1.5}.us-tr-eur{color:var(--ds-text);font-variant-numeric:tabular-nums;margin-top:2px;font-size:.8rem;display:block}.db-afgemeld{border-top:1px solid var(--ds-border-subtle);color:var(--ds-text-muted);align-items:flex-start;gap:8px;margin-top:10px;padding-top:10px;font-size:.82rem;line-height:1.45;display:flex}.db-afgemeld ion-icon{flex:none;margin-top:2px;font-size:1rem}@media (width<=640px){.pagina-gebruikers .tabs-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;max-width:100%;display:flex;overflow-x:auto}.pagina-gebruikers .tabs-bar::-webkit-scrollbar{display:none}.pagina-gebruikers .tabs-bar>*{white-space:nowrap;flex:none}}.cent-badge{letter-spacing:.02em;color:var(--ds-danger,#b91c1c);background:var(--ds-danger-bg,#fee2e2);vertical-align:middle;white-space:nowrap;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:.68rem;font-weight:700;display:inline-block}.db-machtiging-stap{color:var(--ds-danger,#b91c1c)}.pagina-gebruikers .dossier-modal{max-width:1040px}.pagina-gebruikers .dossier-soort{opacity:.8;text-transform:capitalize;margin-left:4px;font-size:12px;font-weight:600}.pagina-gebruikers .dossier-kop-rechts{flex:none;align-items:center;gap:10px;display:flex}.pagina-gebruikers .dossier-kop-rechts .user-status{border:1px solid #ffffff59}.pagina-gebruikers .dossier-body{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:14px;display:grid}.pagina-gebruikers .dossier-links,.pagina-gebruikers .dossier-rechts{flex-direction:column;gap:14px;min-width:0;display:flex}.pagina-gebruikers .dossier-body .modal-section{margin-bottom:0}@media (width<=900px){.pagina-gebruikers .dossier-body{grid-template-columns:1fr}}.pagina-gebruikers .dossier-kaart .detail-rijen{box-shadow:none;border:none;border-radius:0;padding: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{text-align:right;justify-content:flex-end}.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{background:var(--ds-hover);border-radius:6px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:12px}.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{color:var(--ds-text-muted);font-size:13px}.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{border-top:1px solid var(--ds-border-subtle);margin-top:14px;padding-top:12px}.pagina-gebruikers .dossier-acties .actie-groep-label{margin:0 0 8px;display:block}.pagina-gebruikers .dossier-acties .actie-groep-label+.actie-rij,.pagina-gebruikers .dossier-acties .actie-rij{vertical-align:top;flex-direction:column;align-items:stretch;gap:4px;width:calc(33.3333% - 8px);margin:0 12px 10px 0;display:inline-flex}.pagina-gebruikers .dossier-acties .actie-rij:nth-of-type(3n){margin-right:0}@media (width<=900px){.pagina-gebruikers .dossier-acties .actie-rij{width:calc(50% - 6px)}.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 (width<=560px){.pagina-gebruikers .dossier-acties .actie-rij{width:100%;margin-right:0}}.pagina-gebruikers .dossier-acties .actie-rij .aanvraag-btn{flex:none;justify-content:flex-start;width:100%;min-height:40px}.pagina-gebruikers .dossier-acties .actie-uitleg{padding:0 2px;font-size:11.5px;line-height:1.35}@media (width>=641px){.pagina-gebruikers .dossier-voet>.btn-row{flex-wrap:nowrap;justify-content:flex-start}.pagina-gebruikers .dossier-voet>.btn-row>button{flex:none;min-height:42px;padding:0 18px;font-size:14px}.pagina-gebruikers .dossier-voet .dossier-sluit{min-width:120px;margin-left:auto}}.pagina-gebruikers .detail-edit-form.modal-section{margin:0}.pagina-gebruikers .detail-edit-form .edit-form-row{grid-template-columns:200px 1fr;align-items:center;gap:10px;margin-bottom:8px;display:grid}@media (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;color:var(--ds-text-2);font-size:12.5px;font-weight:600}.pagina-gebruikers .detail-edit-form .edit-form-actions{margin-top:12px}.pagina-gebruikers .dossier-modal>.app-alert-detail{flex-shrink:0;margin:10px 16px 0}.pagina-gebruikers .nieuw-body{flex-direction:column;gap:10px;display:flex}.pagina-gebruikers .tool-btn,.pagina-gebruikers .tool-link{box-sizing:border-box}.wa-blok{margin:10px 0 4px}.wa-paneel{flex-direction:column;gap:8px;margin-top:8px;display:flex}.wa-tekst{resize:vertical;width:100%;font-size:13px;line-height:1.45}.wa-knoppen{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wa-knoppen .btn-primary,.wa-knoppen .btn-secondary{align-items:center;gap:6px;display:inline-flex}.wa-geen-tel{color:var(--ds-text-muted);font-size:12.5px}.pagina-klantstatus .ks-dl{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex}.pagina-klantstatus .ks-dl-titel{align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex}.pagina-klantstatus .ks-dl-sub{color:var(--text-muted,#64748b);margin-top:2px;font-size:12px}.pagina-klantstatus .ks-dl-link{border:1px solid var(--border-color,#e2e8f0);-webkit-user-select:all;user-select:all;word-break:break-all;border-radius:7px;padding:6px 10px;font-size:12.5px}.pagina-klantstatus .ks-dl-acties{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.pagina-klantstatus .ks-open-blok{margin-bottom:14px}.pagina-klantstatus .ks-open-titel{align-items:center;gap:7px;margin:0 0 4px;font-size:15px;display:flex}.pagina-klantstatus .ks-open-uitleg{color:var(--text-muted,#64748b);margin:0 0 10px;font-size:12.5px}.pagina-klantstatus .ks-kpi-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px;display:grid}.pagina-klantstatus .ks-kpi{background:var(--card-bg,#fff);box-shadow:var(--ds-shadow);border-radius:10px;padding:10px 13px}.pagina-klantstatus .ks-kpi .kv{font-size:22px;font-weight:800}.pagina-klantstatus .ks-kpi .kl{color:var(--text-muted,#64748b);margin-top:2px;font-size:12px}.pagina-klantstatus .ks-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.pagina-klantstatus .ks-zoek{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:9px;flex:1;align-items:center;gap:7px;min-width:220px;padding:7px 11px;display:flex}.pagina-klantstatus .ks-zoek svg{color:var(--text-muted,#64748b);flex-shrink:0}.pagina-klantstatus .ks-zoek input{width:100%;color:inherit;font:inherit;background:0 0;border:0;outline:none}.pagina-klantstatus .ks-check{color:var(--text-muted,#64748b);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.pagina-klantstatus .ks-knop{border-radius:var(--ds-radius-sm);cursor:pointer;font:inherit;background:var(--portal-color);color:#fff;border:0;align-items:center;gap:5px;padding:7px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.pagina-klantstatus .ks-knop[disabled]{opacity:.5;cursor:default}.pagina-klantstatus .ks-knop.stil{border:1px solid var(--border-color,#e2e8f0);color:var(--text-muted,#475569);background:0 0}.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{vertical-align:middle;font-size:19px}.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{color:var(--text-muted,#64748b);font-size:12px}.pagina-klantstatus .ks-rij-pauze{opacity:.55}.pagina-klantstatus .ks-2fa{white-space:nowrap;font-size:12px}.pagina-klantstatus .ks-vast{color:var(--ds-danger);background:color-mix(in srgb, var(--ds-danger) 10%, transparent);border-radius:999px;padding:2px 8px;font-weight:700;display:inline-block}.pagina-klantstatus .ks-onth{color:var(--ds-text-muted);background:#7878781f;border-radius:999px;padding:2px 8px;display:inline-block}.pagina-klantstatus .ks-acties{flex-wrap:wrap;gap:6px;display:flex}.pagina-klantstatus .ks-leeg{text-align:center;color:var(--text-muted,#64748b);padding:18px}.pagina-klantstatus .status-badge.pauze{color:#b45309;background:#eab30826}.pagina-klantstatus .ks-modal-schim{z-index:4000;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.pagina-klantstatus .ks-modal{background:var(--card-bg,#fff);color:inherit;border-radius:14px;width:100%;max-width:420px;padding:18px;box-shadow:0 18px 50px #0000004d}.pagina-klantstatus .ks-modal-kop{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.pagina-klantstatus .ks-modal-kop h3{align-items:center;gap:7px;margin:0;font-size:16px;display:flex}.pagina-klantstatus .ks-x{cursor:pointer;color:inherit;background:0 0;border:0;font-size:20px;display:flex}.pagina-klantstatus .ks-modal-uitleg{color:var(--text-muted,#64748b);margin:4px 0 12px;font-size:12.5px}.pagina-klantstatus .ks-modal label{margin-bottom:10px;font-size:12.5px;font-weight:600;display:block}.pagina-klantstatus .ks-modal input{border:1px solid var(--border-color,#e2e8f0);width:100%;color:inherit;font:inherit;background:0 0;border-radius:8px;margin-top:4px;padding:8px 10px;display:block}.pagina-klantstatus .ks-modal-fout{color:#ef4444;margin-bottom:10px;font-size:12.5px}.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{white-space:nowrap;font-size:11px}.pagina-klantstatus .ks-td-bedenktijd{min-width:104px}.pagina-klantstatus .ks-bt{flex-direction:column;gap:3px;display:flex}.pagina-klantstatus .ks-bt-spoor{background:#94a3b847;border-radius:999px;height:5px;overflow:hidden}.pagina-klantstatus .ks-bt-vulling{background:currentColor;border-radius:999px;height:100%}.pagina-klantstatus .ks-bt-tekst{white-space:nowrap;font-size:11px;font-weight:600}.pagina-klantstatus .ks-bt--binnen{color:#16a34a}.pagina-klantstatus .ks-bt--verlopen,.pagina-klantstatus .ks-bt-leeg{color:#94a3b8}@media (width<=640px){.pagina-klantstatus .ks-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;max-width:100%;display:flex;overflow-x:auto}.pagina-klantstatus .ks-bar::-webkit-scrollbar{display:none}.pagina-klantstatus .ks-bar>*{white-space:nowrap;flex:none}}.pagina-ilt-compleet .cc-kpis{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px;display:grid}.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{color:var(--ds-text-1);font-size:28px;font-weight:800;line-height:1.1}.pagina-ilt-compleet .cc-kpi-lbl{color:var(--ds-text-muted);margin-top:2px;font-size:12px}.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;color:#16a34a;font-size:13px;font-weight:700}.pagina-ilt-compleet .cc-act-graad.laag{color:#d97706}.pagina-ilt-compleet .cc-act-balk{background:var(--ds-bg);border-radius:7px;height:14px;margin:10px 0;display:flex;overflow:hidden}.pagina-ilt-compleet .cc-seg{min-width:2px;transition:flex .4s}.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{flex-wrap:wrap;gap:8px;display:flex}.pagina-ilt-compleet .cc-seg-knop{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-1);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:12.5px;display:inline-flex}.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{border-radius:50%;width:9px;height:9px;display:inline-block}.pagina-ilt-compleet .cc-act-uitleg{color:var(--ds-text-muted);margin-top:10px;font-size:12px}.pagina-ilt-compleet .cc-seg-badge{white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:700}.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{color:var(--ds-text-1);margin:0 0 10px;font-size:14px;font-weight:700}.pagina-ilt-compleet .cc-gaten-rij{flex-wrap:wrap;gap:8px;display:flex}.pagina-ilt-compleet .cc-gat{color:var(--ds-text-muted);background:var(--ds-hover);border:1px solid var(--ds-border);border-radius:999px;padding:4px 12px;font-size:12.5px}.pagina-ilt-compleet .cc-gat b{color:var(--ds-text-1)}.pagina-ilt-compleet .cc-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.pagina-ilt-compleet .cc-chip-btn{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-muted);cursor:pointer;border-radius:999px;padding:6px 13px;font-size:13px}.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{background:var(--ds-input,var(--ds-bg));border:1px solid var(--ds-border);border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:4px 12px;display:flex}.pagina-ilt-compleet .cc-zoek input{color:var(--ds-text-1);background:0 0;border:none;outline:none;min-width:220px;font-size:13px}.pagina-ilt-compleet .cc-zoek svg{color:var(--ds-text-muted)}.pagina-ilt-compleet .cc-naam{color:var(--ds-text-1);font-weight:600}.pagina-ilt-compleet .cc-sub{color:var(--ds-text-muted);font-size:12px}.pagina-ilt-compleet .cc-mist-chip{color:#b45309;border-radius:var(--ds-radius-sm);background:#d977061f;border:1px solid #d977064d;margin:2px 4px 2px 0;padding:2px 8px;font-size:12px;display:inline-block}.pagina-ilt-compleet .cc-mist-adres{color:#6d28d9;background:#7c3aed1f;border-color:#7c3aed4d}.pagina-ilt-compleet .cc-ok{color:#16a34a;align-items:center;gap:5px;font-size:13px;display:inline-flex}.pagina-ilt-compleet .cc-leeg{text-align:center;color:var(--ds-text-muted);padding:24px}.pagina-ilt-compleet .cc-fout{color:#dc2626}.pagina-arbeidstijden .at-kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px;display:grid}.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{color:var(--ds-text-1);font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;line-height:1.1}.pagina-arbeidstijden .at-kpi-lbl{color:var(--ds-text-muted);margin-top:2px;font-size:12px}.pagina-arbeidstijden .at-kpi.err .at-kpi-nr{color:#dc2626}.pagina-arbeidstijden .at-kpi.warn .at-kpi-nr{color:#d97706}.pagina-arbeidstijden .at-uitleg{color:var(--ds-text-muted);margin-bottom:16px;font-size:12.5px;line-height:1.55}.pagina-arbeidstijden .at-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.pagina-arbeidstijden .at-chip-btn{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-muted);cursor:pointer;border-radius:999px;padding:6px 13px;font-size:13px}.pagina-arbeidstijden .at-chip-btn.actief{background:var(--portal-color);color:#fff;border-color:var(--portal-color)}.pagina-arbeidstijden .at-chip-tel{opacity:.7;font-variant-numeric:tabular-nums;margin-left:4px}.pagina-arbeidstijden .at-zoek{background:var(--ds-input,var(--ds-bg));border:1px solid var(--ds-border);border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:4px 12px;display:flex}.pagina-arbeidstijden .at-zoek input{color:var(--ds-text-1);background:0 0;border:none;outline:none;min-width:220px;font-size:13px}.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{color:var(--ds-text-1);flex-wrap:wrap;align-items:center;gap:8px;font-weight:600;display:flex}.pagina-arbeidstijden .at-sub{color:var(--ds-text-muted);font-size:12px}.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{color:#dc2626;font-size:11.5px}.pagina-arbeidstijden .at-open{color:#0ea5e9;white-space:nowrap;font-size:12.5px;font-weight:600}.pagina-arbeidstijden .at-badge{white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:700}.pagina-arbeidstijden .at-badge.s-rood{color:#b91c1c;background:#dc26261f}.pagina-arbeidstijden .at-badge.s-oranje{color:#b45309;background:#d9770624}.pagina-arbeidstijden .at-badge.s-groen{color:#15803d;background:#16a34a24}.pagina-arbeidstijden .at-leeg{text-align:center;color:var(--ds-text-muted);padding:24px}.pagina-arbeidstijden .at-detail-kop{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:14px;display:grid}.pagina-arbeidstijden .at-detail-kop>div{background:var(--ds-veld,var(--ds-bg));border:1px solid var(--ds-border);border-radius:10px;flex-direction:column;gap:2px;padding:9px 12px;display:flex}.pagina-arbeidstijden .at-detail-kop b{color:var(--ds-text-1);font-size:14px}.pagina-arbeidstijden .at-detail-kop b.rood{color:#dc2626}.pagina-arbeidstijden .at-detail-kop b.oranje{color:#d97706}.pagina-arbeidstijden .at-advies{color:#b45309;background:#d977061a;border:1px solid #d9770647;border-radius:10px;margin-bottom:14px;padding:10px 12px;font-size:12.5px;line-height:1.55}.pagina-arbeidstijden .at-tijdlijn{flex-direction:column;gap:6px;display:flex}.pagina-arbeidstijden .at-blok{border:1px solid var(--ds-border);border-left:4px solid var(--ds-border);border-radius:8px;grid-template-columns:62px 1fr auto 130px;align-items:center;gap:10px;padding:8px 12px;font-size:12.5px;display:grid}.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{color:var(--ds-text-1);font-weight:700}.pagina-arbeidstijden .at-blok-tijd{color:var(--ds-text-muted)}.pagina-arbeidstijden .at-blok-uren{font-variant-numeric:tabular-nums;color:var(--ds-text-1);font-weight:600}.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 (width<=640px){.pagina-arbeidstijden .at-zoek{width:100%;margin-left:0}.pagina-arbeidstijden .at-zoek input{width:100%;min-width:0}.pagina-arbeidstijden .at-blok{grid-template-columns:1fr auto;row-gap:2px}.pagina-arbeidstijden .at-blok-telt{text-align:left;grid-column:1/-1}}.pagina-agent-log .al-kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:14px;display:grid}.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{color:var(--ds-text-1);font-variant-numeric:tabular-nums;font-size:26px;font-weight:800;line-height:1.1}.pagina-agent-log .al-kpi-lbl{color:var(--ds-text-muted);margin-top:2px;font-size:12px}.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{vertical-align:middle;color:var(--portal-color);transform-origin:50% 60%;margin-right:8px;animation:4s ease-in-out infinite al-adem;display:inline-flex}.pagina-agent-log .al-gezicht.groot{flex:0 0 56px;margin-right:0}.pagina-agent-log .al-gezicht .al-kop{fill:color-mix(in srgb, var(--portal-color) 14%, transparent);stroke:currentColor;stroke-width:2.5px}.pagina-agent-log .al-gezicht .al-oog ellipse{fill:currentColor}.pagina-agent-log .al-gezicht .al-oog{transform-origin:50% 28px;animation:5.2s infinite al-knipper}.pagina-agent-log .al-gezicht .al-oog-r{animation-delay:60ms}.pagina-agent-log .al-gezicht .al-mond{fill:none;stroke:currentColor;stroke-width:2.5px;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:2px;fill:none;stroke-linecap:round}.pagina-agent-log .al-gezicht .al-pen{transform-origin:48px 48px;animation:.7s ease-in-out infinite al-schrijf}.pagina-agent-log .al-gezicht.bezig{animation:2.2s ease-in-out infinite al-adem}@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{vertical-align:middle;gap:3px;margin-left:8px;display:inline-flex}.pagina-agent-log .al-puntjes i{background:var(--portal-color);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite al-punt;display:inline-block}.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:.35s ease-out al-binnen}@keyframes al-binnen{0%{opacity:0;background:color-mix(in srgb, var(--portal-color) 12%, transparent);transform:translateY(6px)}to{opacity:1;background:0 0;transform:none}}.pagina-agent-log .al-cursor{color:var(--portal-color);animation:.9s step-end infinite al-cursor}@keyframes al-cursor{50%{opacity:0}}.pagina-agent-log .al-regel.al-schud.al-nieuw{animation:.35s ease-out al-binnen,.5s ease-in-out .35s al-schudden}@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{align-items:flex-start;gap:14px;margin-bottom:14px;padding:14px 16px;display:flex}.pagina-agent-log .al-puls{vertical-align:middle;background:var(--ds-text-muted);opacity:.5;border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.pagina-agent-log .al-puls.aan{opacity:1;background:#16a34a;animation:1.6s infinite al-puls;box-shadow:0 0 #16a34a80}@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{color:var(--ds-text-1);margin-bottom:3px;font-weight:700}.pagina-agent-log .al-status-body{color:var(--ds-text-1);font-size:13.5px;line-height:1.5}.pagina-agent-log .al-status-sub{color:var(--ds-text-muted);margin-top:6px;font-size:12px;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{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.pagina-agent-log .al-chip{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-muted);cursor:pointer;border-radius:999px;padding:6px 13px;font-size:13px}.pagina-agent-log .al-chip.actief{background:var(--portal-color);color:#fff;border-color:var(--portal-color)}.pagina-agent-log .al-volgen{color:var(--ds-text-muted);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.pagina-agent-log .al-fout{color:#dc2626;margin-bottom:10px;font-size:13px}.pagina-agent-log .al-terminal{background:var(--ds-veld,var(--ds-bg));height:calc(100vh - 470px);min-height:320px;color:var(--ds-text-1);padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.55;overflow-y:auto}.pagina-agent-log .al-leeg{color:var(--ds-text-muted)}.pagina-agent-log .al-regel{grid-template-columns:70px 112px 1fr;align-items:baseline;gap:10px;padding:2px 0;display:grid}.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{text-transform:uppercase;letter-spacing:.04em;text-align:center;white-space:nowrap;border-radius:999px;padding:1px 7px;font-size:10.5px;font-weight:700}.pagina-agent-log .al-actie.groen{color:#15803d;background:#16a34a24}.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:#0ea5e924}.pagina-agent-log .al-actie.oranje{color:#b45309;background:#d9770624}.pagina-agent-log .al-actie.rood{color:#b91c1c;background:#dc262624}.pagina-agent-log .al-actie.stil{color:var(--ds-text-muted);border:1px dashed var(--ds-border);background:0 0}.pagina-agent-log .al-tekst{overflow-wrap:anywhere}.pagina-agent-log .al-ticket{font-weight:600}@media (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{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:13px;display:flex}.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{color:var(--ds-text-muted);margin-top:4px;font-family:ui-monospace,Menlo,monospace;font-size:11.5px}.pagina-vaste-rit .vr-kpis{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:14px;display:grid}.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{color:var(--ds-text-1);font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;line-height:1.1}.pagina-vaste-rit .vr-kpi-lbl{color:var(--ds-text-muted);margin-top:2px;font-size:12px}.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{color:var(--ds-text-muted);background:var(--ds-bg);border:1px dashed var(--ds-border);border-radius:10px;align-items:flex-start;gap:8px;margin-bottom:18px;padding:10px 12px;font-size:12px;display:flex}.pagina-vaste-rit .vr-kop{color:var(--ds-text-1);margin:18px 0 10px;font-size:15px;font-weight:700}.pagina-vaste-rit .vr-kop-sub{color:var(--ds-text-muted);margin-left:8px;font-size:12px;font-weight:400}.pagina-vaste-rit .vr-leeg{color:var(--ds-text-muted);padding:10px 0;font-size:13px}.pagina-vaste-rit .vr-leeg.ok{color:#16a34a}.pagina-vaste-rit .vr-leeg.err{color:#dc2626}.pagina-vaste-rit .vr-badge{white-space:nowrap;border:1px solid var(--ds-border);border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:700}.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{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:12px;margin-top:18px;padding:14px}.pagina-vaste-rit .vr-keten-kop{align-items:center;gap:10px;margin-bottom:10px;display:flex}.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{color:var(--ds-text-muted);max-width:780px;margin:0 0 16px;font-size:13px;line-height:1.65}.pagina-systeemstatus .card-title svg{color:var(--portal-color);flex-shrink:0;font-size:17px}@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{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.pagina-systeemstatus .sum-stat{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:14px;align-items:center;gap:12px;padding:14px 16px;transition:border-color .2s,box-shadow .2s,transform .18s;animation:.4s both pagina-systeemstatus-fadeUp;display:flex;box-shadow:0 1px 2px #0000000a}.pagina-systeemstatus .sum-stat:hover{border-color:var(--portal-color);transform:translateY(-2px);box-shadow:0 6px 20px -8px #6366f12e}.pagina-systeemstatus .sum-icon{border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:19px;display:grid}.pagina-systeemstatus .sum-icon.servers{color:#6366f1;background:#6366f124}.pagina-systeemstatus .sum-icon.pm2{color:#10b981;background:#10b98124}.pagina-systeemstatus .sum-icon.node{color:#22c55e;background:#22c55e24}.pagina-systeemstatus .sum-icon.ubuntu{color:#f97316;background:#f9731624}.pagina-systeemstatus .sum-val{color:var(--ds-text);letter-spacing:-.02em;font-size:17px;font-weight:900;line-height:1.1}.pagina-systeemstatus .sum-label{color:var(--ds-text-muted);margin-top:1px;font-size:10.5px;font-weight:600}.pagina-systeemstatus .server-type-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px;display:grid}.pagina-systeemstatus .server-type-card{border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:14px;padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s;animation:.4s both pagina-systeemstatus-fadeUp}.pagina-systeemstatus .server-type-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px -10px #0000002e}.pagina-systeemstatus .stc-header{align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.pagina-systeemstatus .stc-icon{border-radius:11px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.pagina-systeemstatus .stc-proxy .stc-icon{color:#8b5cf6;background:#8b5cf624}.pagina-systeemstatus .stc-frontend .stc-icon{color:#3b82f6;background:#3b82f624}.pagina-systeemstatus .stc-backend .stc-icon{color:#6366f1;background:#6366f124}.pagina-systeemstatus .stc-db .stc-icon{color:#22c55e;background:#22c55e24}.pagina-systeemstatus .stc-relay .stc-icon{color:#f59e0b;background:#f59e0b24}.pagina-systeemstatus .stc-head-body{flex:1;min-width:0}.pagina-systeemstatus .stc-layer-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin-bottom:6px;padding:2px 8px;font-size:9px;font-weight:900;display:inline-block}.pagina-systeemstatus .stc-proxy .stc-layer-badge{color:#8b5cf6;background:#8b5cf624}.pagina-systeemstatus .stc-frontend .stc-layer-badge{color:#3b82f6;background:#3b82f624}.pagina-systeemstatus .stc-backend .stc-layer-badge{color:#6366f1;background:#6366f124}.pagina-systeemstatus .stc-db .stc-layer-badge{color:#22c55e;background:#22c55e24}.pagina-systeemstatus .stc-relay .stc-layer-badge{color:#f59e0b;background:#f59e0b24}.pagina-systeemstatus .stc-nodes{flex-wrap:wrap;gap:5px;display:flex}.pagina-systeemstatus .stc-node{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:6px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;font-weight:700}.pagina-systeemstatus .stc-role{color:var(--ds-text);margin-bottom:6px;font-size:12.5px;font-weight:800}.pagina-systeemstatus .stc-desc{color:var(--ds-text-muted);margin-bottom:10px;font-size:11.5px;line-height:1.6}.pagina-systeemstatus .stc-details{flex-direction:column;gap:5px;margin-bottom:10px;display:flex}.pagina-systeemstatus .stc-detail{color:var(--ds-text-muted);align-items:flex-start;gap:7px;font-size:11px;line-height:1.5;display:flex}.pagina-systeemstatus .stc-detail svg{flex-shrink:0;margin-top:1px;font-size:13px}.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{border-top:1px solid var(--ds-border);flex-wrap:wrap;align-items:center;gap:6px;padding-top:8px;display:flex}.pagina-systeemstatus .stc-wg-lbl{text-transform:uppercase;letter-spacing:.07em;color:var(--ds-text-muted);font-size:9px;font-weight:800}.pagina-systeemstatus .stc-wg-val{background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text);border-radius:5px;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700}.pagina-systeemstatus .pm2-intro-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px;margin-bottom:20px;display:grid}.pagina-systeemstatus .pm2-intro-card{border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:12px;align-items:flex-start;gap:14px;padding:14px 16px;transition:border-color .2s,box-shadow .2s;animation:.4s both pagina-systeemstatus-fadeUp;display:flex}.pagina-systeemstatus .pm2-intro-card:hover{border-color:var(--portal-color);box-shadow:0 4px 16px -8px #6366f133}.pagina-systeemstatus .pm2-intro-icon{border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.pagina-systeemstatus .pm2-ic-indigo{color:#6366f1;background:#6366f124}.pagina-systeemstatus .pm2-ic-green{color:#10b981;background:#10b98124}.pagina-systeemstatus .pm2-ic-amber{color:#f59e0b;background:#f59e0b24}.pagina-systeemstatus .pm2-intro-title{color:var(--ds-text);margin-bottom:5px;font-size:12.5px;font-weight:800}.pagina-systeemstatus .pm2-intro-text{color:var(--ds-text-muted);font-size:11.5px;line-height:1.65}.pagina-systeemstatus .pm2-intro-text code{color:var(--portal-color);background:#6366f117;border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px}.pagina-systeemstatus .pm2-processes{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:10px;margin-bottom:20px;display:grid}.pagina-systeemstatus .pm2-proc-card{border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:12px;padding:14px;transition:transform .18s,border-color .18s;animation:.4s both pagina-systeemstatus-fadeUp}.pagina-systeemstatus .pm2-proc-card:hover{border-color:var(--portal-color);transform:translateY(-2px)}.pagina-systeemstatus .pm2-proc-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.pagina-systeemstatus .pm2-proc-icon{border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:16px;display:grid}.pagina-systeemstatus .pm2pc-indigo .pm2-proc-icon{color:#6366f1;background:#6366f124}.pagina-systeemstatus .pm2pc-teal .pm2-proc-icon{color:#14b8a6;background:#14b8a624}.pagina-systeemstatus .pm2-proc-name{color:var(--ds-text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:800}.pagina-systeemstatus .pm2-proc-desc{color:var(--ds-text-muted);margin-bottom:10px;font-size:11.5px;line-height:1.6}.pagina-systeemstatus .pm2-proc-cmd{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pagina-systeemstatus .pm2-cmd-lbl{text-transform:uppercase;letter-spacing:.07em;color:var(--ds-text-muted);font-size:9.5px;font-weight:800}.pagina-systeemstatus .pm2-cmd-code{color:var(--portal-color);background:#6366f117;border:1px solid #6366f12e;border-radius:5px;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px}.pagina-systeemstatus .pm2-live-header{text-transform:uppercase;letter-spacing:.07em;color:var(--ds-text-muted);align-items:center;gap:8px;margin-bottom:10px;font-size:11px;font-weight:800;display:flex}.pagina-systeemstatus .pm2-live-header svg{color:var(--portal-color);font-size:14px}.pagina-systeemstatus .pm2-refresh{letter-spacing:0;text-transform:none;margin-left:auto;font-size:11px;font-weight:500}.pagina-systeemstatus .live-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite pagina-systeemstatus-livePulse}.pagina-systeemstatus .stack-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.pagina-systeemstatus .stack-item{border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:12px;align-items:center;gap:12px;padding:13px 14px;transition:transform .18s,border-color .18s,box-shadow .18s;animation:.4s both pagina-systeemstatus-fadeUp;display:flex}.pagina-systeemstatus .stack-item:hover{border-color:var(--portal-color);transform:translateY(-2px);box-shadow:0 6px 20px -8px #6366f12e}.pagina-systeemstatus .si-icon{border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.pagina-systeemstatus .si-node .si-icon{color:#22c55e;background:#22c55e24}.pagina-systeemstatus .si-pg .si-icon{color:#3b82f6;background:#3b82f624}.pagina-systeemstatus .si-redis .si-icon{color:#ef4444;background:#ef444424}.pagina-systeemstatus .si-nginx .si-icon{color:#10b981;background:#10b98124}.pagina-systeemstatus .si-docker .si-icon{color:#0ea5e9;background:#0ea5e924}.pagina-systeemstatus .si-ubuntu .si-icon{color:#f97316;background:#f9731624}.pagina-systeemstatus .si-name{color:var(--ds-text);font-size:12.5px;font-weight:800}.pagina-systeemstatus .si-version{color:var(--portal-color);margin-top:1px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700}.pagina-systeemstatus .si-role{color:var(--ds-text-muted);margin-top:2px;font-size:10.5px}.pagina-systeemstatus .si-body{flex:1;min-width:0}.pagina-systeemstatus .server-metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.pagina-systeemstatus .server-metric{border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:12px;flex-direction:column;gap:7px;padding:13px;transition:border-color .2s,box-shadow .2s,transform .18s;animation:.4s both pagina-systeemstatus-fadeUp;display:flex}.pagina-systeemstatus .server-metric:hover{border-color:var(--portal-color);transform:translateY(-1px);box-shadow:0 6px 20px -8px #6366f12e}.pagina-systeemstatus .sm-header{align-items:center;gap:9px;display:flex}.pagina-systeemstatus .sm-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex}.pagina-systeemstatus .sm-icon.blue{color:#3b82f6;background:#3b82f61a}.pagina-systeemstatus .sm-icon.green{color:#22c55e;background:#22c55e1a}.pagina-systeemstatus .sm-icon.purple{color:#8b5cf6;background:#8b5cf61a}.pagina-systeemstatus .sm-icon.cyan{color:#06b6d4;background:#06b6d41a}.pagina-systeemstatus .sm-icon.yellow{color:#f59e0b;background:#f59e0b1a}.pagina-systeemstatus .sm-icon.orange{color:#fb923c;background:#f973161a}.pagina-systeemstatus .sm-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-muted);font-size:9.5px;font-weight:800}.pagina-systeemstatus .sm-value{color:var(--ds-text);font-variant-numeric:tabular-nums;font-size:20px;font-weight:800;line-height:1.1}.pagina-systeemstatus .sm-sub{color:var(--ds-text-muted);margin-top:auto;font-size:11px;line-height:1.4}.pagina-systeemstatus .progress-bar{background:#94a3b82e;border-radius:999px;height:5px;overflow:hidden}.pagina-systeemstatus .progress-fill{border-radius:inherit;background:#60a5fa;height:100%;transition:width .4s}.pagina-systeemstatus .progress-fill.warn{background:#f59e0b}.pagina-systeemstatus .progress-fill.bad{background:#ef4444}.pagina-systeemstatus .disk-percent{align-items:center;gap:8px;min-width:130px;display:flex}.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;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-muted);border-bottom:1px solid var(--ds-border);padding:8px 11px;font-size:10px;font-weight:800}.pagina-systeemstatus .data-table td{border-bottom:1px solid var(--ds-border);color:var(--ds-text);padding:9px 11px}.pagina-systeemstatus .data-table tbody tr{transition:background .12s}.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;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.pagina-systeemstatus .td-empty svg{font-size:16px}.pagina-systeemstatus .pm2-status{letter-spacing:.04em;text-transform:uppercase;color:var(--ds-text-muted);background:#94a3b824;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:10px;font-weight:800;display:inline-flex}.pagina-systeemstatus .pm2-status.online{color:#16a34a;background:#34d3991f}.pagina-systeemstatus .pm2-status.online:before{content:"";background:#22c55e;border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite pagina-systeemstatus-livePulse}.pagina-systeemstatus .pm2-status.stopped,.pagina-systeemstatus .pm2-status.errored{color:#dc2626;background:#ef44441f}.pagina-systeemstatus .pm2-status.warn{color:#d97706;background:#f59e0b1f}.pagina-systeemstatus .maintenance-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:10px;margin-bottom:20px;display:grid}.pagina-systeemstatus .maintenance-item{border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:12px;align-items:flex-start;gap:12px;padding:13px 14px;transition:border-color .2s,transform .18s;animation:.4s both pagina-systeemstatus-fadeUp;display:flex}.pagina-systeemstatus .maintenance-item:hover{border-color:var(--portal-color);transform:translateY(-2px)}.pagina-systeemstatus .mnt-icon{border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.pagina-systeemstatus .mnt-body{flex:1;min-width:0}.pagina-systeemstatus .mnt-title{color:var(--ds-text);margin-bottom:4px;font-size:12px;font-weight:800}.pagina-systeemstatus .mnt-desc{color:var(--ds-text-muted);font-size:11.5px;line-height:1.6}.pagina-systeemstatus .mnt-freq{text-transform:uppercase;letter-spacing:.07em;color:var(--portal-color);flex-shrink:0;padding-top:2px;font-size:9px;font-weight:800}.pagina-systeemstatus .update-pipeline{border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:12px;padding:16px}.pagina-systeemstatus .upd-title{color:var(--ds-text);align-items:center;gap:8px;margin-bottom:16px;font-size:12px;font-weight:800;display:flex}.pagina-systeemstatus .upd-title svg{color:var(--portal-color);font-size:15px}.pagina-systeemstatus .upd-flow{flex-wrap:wrap;align-items:flex-start;gap:4px;display:flex;position:relative}.pagina-systeemstatus .upd-step{text-align:center;flex-direction:column;align-items:center;gap:6px;animation:.4s both pagina-systeemstatus-fadeUp;display:flex;position:relative}.pagina-systeemstatus .upd-step-icon{border-radius:10px;place-items:center;width:36px;height:36px;font-size:17px;display:grid}.pagina-systeemstatus .upd-step-icon.u-green{color:#22c55e;background:#22c55e24}.pagina-systeemstatus .upd-step-icon.u-blue{color:#3b82f6;background:#3b82f624}.pagina-systeemstatus .upd-step-icon.u-amber{color:#f59e0b;background:#f59e0b24}.pagina-systeemstatus .upd-step-icon.u-indigo{color:#6366f1;background:#6366f124}.pagina-systeemstatus .upd-step-icon.u-green2{color:#10b981;background:#10b98124}.pagina-systeemstatus .upd-step-name{color:var(--ds-text);max-width:90px;font-size:10.5px;font-weight:800}.pagina-systeemstatus .upd-step-sub{color:var(--ds-text-muted);max-width:90px;font-size:10px;line-height:1.4}.pagina-systeemstatus .upd-arrow{color:var(--ds-text-muted);flex-shrink:0;align-self:center;margin-bottom:36px;padding:0 4px;font-size:14px}@media (width<=900px){.pagina-systeemstatus .summary-bar{grid-template-columns:repeat(2,1fr)}}@media (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 (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{flex-direction:column;gap:16px;padding-bottom:30px;display:flex}.pagina-bezoekers .vz-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.pagina-bezoekers .vz-title{color:var(--ds-text);align-items:center;gap:8px;font-size:21px;font-weight:800;display:flex}.pagina-bezoekers .vz-title svg{color:var(--portal-color);font-size:22px}.pagina-bezoekers .vz-meta{color:var(--ds-text-muted);margin-top:3px;font-size:12.5px}.pagina-bezoekers .vz-meta strong{color:var(--ds-text)}.pagina-bezoekers .card h3{text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted);align-items:center;gap:7px;margin:0 0 14px;font-size:12.5px;font-weight:800;display:flex}.pagina-bezoekers .card h3 svg{color:var(--portal-color);font-size:16px}.pagina-bezoekers .error-note{color:#dc2626;background:#ef44441a;border:1px solid #ef444447;border-radius:12px;padding:12px 16px;font-size:13px}.pagina-bezoekers .empty-data{color:var(--ds-text-muted);text-align:center;padding:18px;font-size:14px}.pagina-bezoekers .empty-inline{color:var(--ds-text-muted);padding:8px 2px;font-size:13px}.pagina-bezoekers .vz-strip{flex-wrap:wrap;gap:10px;display:flex}.pagina-bezoekers .live-pill,.pagina-bezoekers .verd-pill{border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);cursor:pointer;box-shadow:var(--ds-shadow);align-items:center;gap:8px;padding:9px 14px;font-size:13px;display:flex}.pagina-bezoekers .live-pill .dot{background:#9ca3af;border-radius:50%;width:8px;height:8px}.pagina-bezoekers .live-pill.on .dot{background:#16a34a;animation:2s infinite pagina-bezoekers-pulse;box-shadow:0 0 0 4px #16a34a2e}.pagina-bezoekers .live-pill strong{font-size:16px;font-weight:800}.pagina-bezoekers .verd-pill svg{color:var(--portal-color);font-size:17px}.pagina-bezoekers .verd-pill.alert{border-color:#ef444466}.pagina-bezoekers .verd-pill.alert svg{color:#dc2626}.pagina-bezoekers .chev{color:var(--ds-text-muted);font-size:11px;transition:transform .2s}.pagina-bezoekers .chev.open{transform:rotate(180deg)}@keyframes pagina-bezoekers-pulse{0%,to{opacity:1}50%{opacity:.55}}.pagina-bezoekers .waiting{border-left:3px solid #16a34a;align-items:flex-start;gap:12px;display:flex}.pagina-bezoekers .waiting .dot{background:#16a34a;border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:4px;animation:2s infinite pagina-bezoekers-pulse;box-shadow:0 0 0 4px #16a34a29}.pagina-bezoekers .waiting .w-title{color:var(--ds-text);font-size:14px;font-weight:700}.pagina-bezoekers .waiting .w-sub{color:var(--ds-text-muted);max-width:640px;margin-top:3px;font-size:12.5px;line-height:1.5}.pagina-bezoekers .kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.pagina-bezoekers .kpi{background:var(--ds-card);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow);border-radius:14px;padding:15px 16px}.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{text-transform:uppercase;letter-spacing:.03em;color:var(--ds-text-muted);overflow-wrap:anywhere;font-size:11.5px;font-weight:700}.pagina-bezoekers .kpi-v{color:var(--ds-text);margin:5px 0 2px;font-size:27px;font-weight:800;line-height:1}.pagina-bezoekers .kpi-s{color:var(--ds-text-muted);font-size:11.5px}.pagina-bezoekers .fnl{flex-direction:column;gap:15px;display:flex}.pagina-bezoekers .fnl-bar-wrap{background:var(--ds-card);border-radius:8px;height:30px;overflow:hidden}.pagina-bezoekers .fnl-bar{background:linear-gradient(90deg, var(--portal-color), color-mix(in srgb, var(--portal-color) 65%, #22c55e));border-radius:8px;min-width:6px;height:100%;transition:width .5s cubic-bezier(.16,1,.3,1)}.pagina-bezoekers .fnl-bar.last{background:linear-gradient(90deg,#16a34a,#22c55e)}.pagina-bezoekers .fnl-info{justify-content:space-between;align-items:center;margin-top:5px;display:flex}.pagina-bezoekers .fnl-l{color:var(--ds-text);font-size:13px;font-weight:700}.pagina-bezoekers .fnl-c{font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.pagina-bezoekers .fnl-c small{color:var(--ds-text-muted);font-weight:600}.pagina-bezoekers .fnl-drop{color:#e0955a;align-items:center;gap:4px;margin-top:5px;font-size:11.5px;font-weight:600;display:flex}.pagina-bezoekers .dag-scroll{overflow-x:auto}.pagina-bezoekers .dag-tab{border-collapse:collapse;width:100%;font-size:13px}.pagina-bezoekers .dag-tab th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted);border-bottom:1px solid var(--ds-border);white-space:nowrap;padding:8px 10px;font-size:11px;font-weight:800}.pagina-bezoekers .dag-tab td{border-bottom:1px solid var(--ds-border);font-variant-numeric:tabular-nums;white-space:nowrap;padding:8px 10px}.pagina-bezoekers .dag-tab th.num,.pagina-bezoekers .dag-tab td.num{text-align:right}.pagina-bezoekers .dag-tab td.dag{color:var(--ds-text);font-weight:700}.pagina-bezoekers .dag-tab td.sterk{color:var(--portal-color);font-weight:800}.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{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pagina-bezoekers .goal-l{text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted);font-size:12px;font-weight:800}.pagina-bezoekers .goal-v{color:var(--portal-color);font-variant-numeric:tabular-nums;margin-top:4px;font-size:34px;font-weight:800;line-height:1}.pagina-bezoekers .goal-target{color:var(--ds-text-muted);font-size:18px;font-weight:700}.pagina-bezoekers .goal-side{text-align:right}.pagina-bezoekers .goal-rem{color:var(--ds-text);font-size:14px;font-weight:800}.pagina-bezoekers .goal-pace{color:var(--ds-text-muted);margin-top:2px;font-size:11.5px}.pagina-bezoekers .goal-bar-wrap{background:var(--ds-card);border-radius:999px;height:12px;margin-top:14px;overflow:hidden}.pagina-bezoekers .goal-bar{background:linear-gradient(90deg, var(--portal-color), #22c55e);border-radius:999px;min-width:6px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.pagina-bezoekers .dlt{font-size:11px;font-weight:800}.pagina-bezoekers .dlt.up{color:#16a34a}.pagina-bezoekers .dlt.down{color:#dc6a6a}.pagina-bezoekers .chart-h{height:300px;position:relative}.pagina-bezoekers .chart-h.sm{height:230px}.pagina-bezoekers .grid-2{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:14px;display:grid}.pagina-bezoekers .row{grid-template-columns:1fr auto;align-items:center;gap:3px 10px;margin-bottom:11px;display:grid}.pagina-bezoekers .r-name{color:var(--ds-text);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;font-size:13px;display:flex;overflow:hidden}.pagina-bezoekers .r-name svg{color:var(--ds-text-muted);font-size:13px}.pagina-bezoekers .r-count{color:var(--ds-text-muted);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700}.pagina-bezoekers .r-track{background:var(--ds-hover);border-radius:4px;grid-column:1/-1;height:6px;overflow:hidden}.pagina-bezoekers .r-fill{background:var(--portal-color);border-radius:4px;height:100%}.pagina-bezoekers .worldmap-wrap{aspect-ratio:2;background:var(--ds-hover);border:1px solid var(--ds-border);border-radius:12px;width:100%;max-width:560px;max-height:280px;margin:0 auto;position:relative;overflow:hidden}.pagina-bezoekers .worldmap-img{object-fit:contain;opacity:.8;width:100%;height:100%}.pagina-bezoekers .map-dot{background:var(--portal-color);border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #6366f138,0 0 8px #6366f199}.pagina-bezoekers .map-dot:after{content:"";border:1px solid var(--portal-color);border-radius:50%;animation:2s ease-out infinite pagina-bezoekers-mapPulse;position:absolute;inset:-3px}.pagina-bezoekers .map-dot-count{color:var(--ds-text);background:var(--ds-card);border:1px solid var(--ds-border);border-radius:6px;padding:0 4px;font-size:9px;font-weight:800;position:absolute;top:-15px;left:50%;transform:translate(-50%)}@keyframes pagina-bezoekers-mapPulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.pagina-bezoekers .map-empty{text-align:center;color:var(--ds-text-muted);place-items:center;padding:0 20px;font-size:13px;display:grid;position:absolute;inset:0}.pagina-bezoekers .rows{margin-top:14px}.pagina-bezoekers .live-card .ls{border-top:1px solid var(--ds-border);gap:12px;padding:11px 0;display:flex}.pagina-bezoekers .live-card .ls:first-of-type{border-top:0}.pagina-bezoekers .ls-dev{background:var(--ds-hover);border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.pagina-bezoekers .ls-dev svg{color:var(--ds-text-muted);font-size:17px}.pagina-bezoekers .ls.on .ls-dev{background:#16a34a1f}.pagina-bezoekers .ls.on .ls-dev svg{color:#16a34a}.pagina-bezoekers .ls-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pagina-bezoekers .ls-badge{text-transform:uppercase;letter-spacing:.05em;color:#16a34a;background:#16a34a21;border-radius:999px;padding:2px 7px;font-size:9.5px;font-weight:800}.pagina-bezoekers .ls-strong{color:var(--ds-text);font-size:13px;font-weight:700}.pagina-bezoekers .ls-muted{color:var(--ds-text-muted);font-size:12px}.pagina-bezoekers .ls-path{flex-wrap:wrap;align-items:center;gap:5px;margin:6px 0 3px;display:flex}.pagina-bezoekers .ls-step{background:var(--ds-hover);color:var(--ds-text);border-radius:6px;padding:2px 7px;font-size:11.5px}.pagina-bezoekers .ls-arrow,.pagina-bezoekers .ls-time{color:var(--ds-text-muted);font-size:11px}.pagina-bezoekers .vd-row{background:var(--ds-hover);border-left:3px solid var(--ds-border);border-radius:8px;margin-bottom:6px;padding:8px 11px}.pagina-bezoekers .vd-row.niv-kritiek{border-left-color:#dc2626}.pagina-bezoekers .vd-row.niv-hoog{border-left-color:#ea580c}.pagina-bezoekers .vd-top{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.pagina-bezoekers .vd-top .ip{color:var(--ds-text);font-family:ui-monospace,monospace;font-size:12.5px;font-weight:700}.pagina-bezoekers .vd-ernst{text-transform:uppercase;color:#4b5563;background:#6b728024;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:800}.pagina-bezoekers .vd-ernst.niv-kritiek{color:#dc2626;background:#ef444424}.pagina-bezoekers .vd-ernst.niv-hoog{color:#ea580c;background:#f9731624}.pagina-bezoekers .vd-hits,.pagina-bezoekers .vd-blok{color:var(--ds-text-muted);font-size:11px}.pagina-bezoekers .vd-redenen{flex-wrap:wrap;gap:5px;margin-top:5px;display:flex}.pagina-bezoekers .vd-redenen span{background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text-muted);border-radius:6px;padding:1px 6px;font-size:10.5px}.pagina-bezoekers .data-table th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--ds-text-muted);border-bottom:1px solid var(--ds-border);padding:7px 10px;font-size:11px}.pagina-bezoekers .data-table td{border-bottom:1px solid var(--ds-border);color:var(--ds-text);white-space:nowrap;padding:8px 10px}.pagina-bezoekers .dev-b{background:var(--ds-hover);color:var(--ds-text-muted);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.pagina-bezoekers .dev-b.mobile{color:var(--portal-color);background:#6366f11f}.pagina-bezoekers .vz-toasts{z-index:9999;flex-direction:column;gap:9px;display:flex;position:fixed;top:18px;right:18px}.pagina-bezoekers .vz-toast{background:var(--ds-card);border:1px solid var(--ds-border);border-left:3px solid var(--portal-color);border-radius:11px;align-items:flex-start;gap:10px;min-width:240px;max-width:320px;padding:11px 14px;animation:.25s pagina-bezoekers-slideIn;display:flex;box-shadow:0 8px 24px #00000029}.pagina-bezoekers .t-dot{background:#16a34a;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px;box-shadow:0 0 0 4px #16a34a29}.pagina-bezoekers .t-title{color:var(--ds-text);font-size:13px;font-weight:700}.pagina-bezoekers .t-sub{color:var(--ds-text-muted);margin-top:1px;font-size:12px}@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{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.pagina-platformen .pf-title{color:var(--ds-text);align-items:center;gap:8px;font-size:20px;font-weight:800;display:flex}.pagina-platformen .pf-meta{color:var(--ds-text-muted);margin-top:4px;font-size:12.5px}.pagina-platformen .pf-venster{gap:6px;display:flex}.pagina-platformen .pf-vk{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);cursor:pointer;border-radius:999px;padding:7px 12px;font-size:12.5px;font-weight:700}.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{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:14px;display:grid}.pagina-platformen .kpi{background:var(--ds-card);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow);border-radius:14px;padding:15px 16px}.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{text-transform:uppercase;letter-spacing:.03em;color:var(--ds-text-muted);overflow-wrap:anywhere;font-size:11.5px;font-weight:700}.pagina-platformen .kpi-v{color:var(--ds-text);margin:5px 0 2px;font-size:27px;font-weight:800;line-height:1}.pagina-platformen .kpi-s{color:var(--ds-text-muted);font-size:11.5px}.pagina-platformen .pf-grid{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:14px;margin-bottom:14px;display:grid}.pagina-platformen .card h3{align-items:center;gap:6px;margin:0 0 12px;font-size:14px;display:flex}.pagina-platformen .row{grid-template-columns:1fr auto;align-items:center;gap:3px 10px;margin-bottom:11px;display:grid}.pagina-platformen .r-name{color:var(--ds-text);align-items:center;gap:6px;font-size:13px;display:flex}.pagina-platformen .pf-eigen{text-transform:uppercase;letter-spacing:.04em;background:color-mix(in srgb, var(--portal-color) 12%, var(--ds-card));color:var(--portal-color);border-radius:6px;padding:2px 6px;font-size:10px;font-weight:800}.pagina-platformen .r-count{color:var(--ds-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12.5px;font-weight:700}.pagina-platformen .r-track{background:var(--ds-hover);border-radius:4px;grid-column:1/-1;height:6px;overflow:hidden}.pagina-platformen .r-fill{background:var(--portal-color);border-radius:4px;height:100%}.pagina-platformen .pf-uitleg{color:var(--ds-text-muted);margin:6px 0 0;font-size:11.5px;line-height:1.45}.pagina-platformen .table-wrap{overflow-x:auto}.pagina-platformen .pf-tabel{border-collapse:collapse;width:100%;font-size:13px}.pagina-platformen .pf-tabel th,.pagina-platformen .pf-tabel td{text-align:left;border-bottom:1px solid var(--ds-border);padding:8px 10px}.pagina-platformen .pf-tabel th{text-transform:uppercase;letter-spacing:.03em;color:var(--ds-text-muted);font-size:11.5px}.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;color:var(--ds-text);align-items:center;gap:8px;font-weight:700;list-style:none;display:flex}.pagina-tickets .api-info summary::marker{display:none}.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{color:var(--ds-text-2);flex-direction:column;gap:8px;margin-top:12px;line-height:1.6;display:flex}.pagina-tickets .api-info-body strong{color:var(--ds-text)}.pagina-tickets .api-info code{background:var(--ds-card);border:1px solid var(--ds-border-subtle);border-radius:6px;padding:4px 8px;font-family:ui-monospace,Menlo,monospace;font-size:11.5px;display:inline-block}.pagina-tickets .api-info pre{background:var(--ds-card);color:var(--ds-text-2);border:1px solid var(--ds-border-subtle);border-radius:10px;margin:0;padding:12px 14px;font-family:ui-monospace,Menlo,monospace;font-size:11px;line-height:1.6;overflow-x:auto}.pagina-tickets .api-info .dim{color:var(--ds-text-muted);font-size:11.5px}.pagina-tickets .stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.pagina-tickets .stat{background:var(--ds-card);border:1px solid var(--ds-border);cursor:pointer;box-shadow:var(--ds-shadow);border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex}.pagina-tickets .stat:hover{border-color:var(--portal-color);box-shadow:var(--ds-shadow-lg);transform:translateY(-2px)}.pagina-tickets .stat .num{color:var(--ds-text);font-size:26px;font-weight:800;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{text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);margin-top:2px;font-size:10.5px;font-weight:700}.pagina-tickets .layout{grid-template-columns:340px 1fr;align-items:stretch;gap:14px;min-height:0;display:grid}.pagina-tickets .layout>*{min-height:0}.pagina-tickets .list-col{flex-direction:column;min-height:0;display:flex;overflow:hidden}.pagina-tickets .top-bar{border-bottom:1px solid var(--ds-border);gap:8px;padding:12px;display:flex}.pagina-tickets .top-bar input{border:1px solid var(--ds-border);background:var(--ds-input,color-mix(in srgb, var(--ds-text) 5%, var(--ds-card)));min-width:0;color:var(--ds-text);font:inherit;border-radius:8px;flex:1;padding:8px 10px;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{border-color:var(--portal-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--portal-color) 15%, transparent);outline:none}.pagina-tickets .new-btn{background:var(--portal-color);color:#fff;border-radius:var(--ds-radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:5px;padding:0 13px;font-size:12.5px;font-weight:700;transition:opacity .15s,transform .15s;display:inline-flex}.pagina-tickets .new-btn:hover{opacity:.9;transform:translateY(-1px)}.pagina-tickets .chip-row:last-of-type{border-bottom:1px solid var(--ds-border);padding-bottom:8px}.pagina-tickets .chip:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-tickets .list{flex:1;overflow-y:auto}.pagina-tickets .item{border-bottom:1px solid var(--ds-border-subtle);cursor:pointer;padding:11px 14px;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{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.pagina-tickets .item-title{color:var(--ds-text);font-size:13px;font-weight:700;line-height:1.35}.pagina-tickets .item-meta{color:var(--ds-text-muted);flex-wrap:wrap;align-items:center;gap:5px;margin-top:6px;font-size:11px;display:flex}.pagina-tickets .badge.in_behandeling{color:#7c3aed;background:#8b5cf624}.pagina-tickets .badge.wacht_op_reactie{color:#d97706;background:#f59e0b24}.pagina-tickets .badge.opgelost{color:#16a34a;background:#22c55e24}.pagina-tickets .badge.gesloten{color:var(--ds-text-muted);background:#94a3b829}.pagina-tickets .badge.kritiek{color:#dc2626;background:#ef444424}.pagina-tickets .badge.hoog{color:#ea580c;background:#f9731624}.pagina-tickets .badge.medium{color:#d97706;background:#f59e0b24}.pagina-tickets .badge.laag{color:var(--ds-text-muted);background:#94a3b829}.pagina-tickets .cat-chip{color:var(--ds-text-2);font-size:11px}.pagina-tickets .src-badge{color:#2563eb;background:#3b82f61f;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:700}.pagina-tickets .detail-col{flex-direction:column;min-height:0;display:flex;overflow:hidden}.pagina-tickets .detail-placeholder{color:var(--ds-text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.pagina-tickets .detail-placeholder svg{color:var(--ds-text-subtle);opacity:.6;font-size:48px}.pagina-tickets .detail-inner{flex-direction:column;flex:1;display:flex;overflow:hidden}.pagina-tickets .detail-header{border-bottom:1px solid var(--ds-border);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.pagina-tickets .detail-title{color:var(--ds-text);margin-bottom:8px;font-size:15px;font-weight:800;line-height:1.3}.pagina-tickets .detail-badges{flex-wrap:wrap;gap:6px;display:flex}.pagina-tickets .detail-actions{flex-shrink:0;gap:6px;display:flex}.pagina-tickets .btn{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:var(--ds-radius-sm);cursor:pointer;align-items:center;gap:5px;padding:7px 10px;font-size:12px;font-weight:700;transition:border-color .15s,color .15s;display:inline-flex}.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{border-bottom:1px solid var(--ds-border);background:color-mix(in srgb, var(--ds-card) 60%, transparent);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;padding:14px 18px;display:grid}.pagina-tickets .meta-cell{flex-direction:column;gap:4px;display:flex}.pagina-tickets .meta-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);font-size:10px;font-weight:800}.pagina-tickets .meta-val{color:var(--ds-text);font-size:13px}.pagina-tickets .meta-cell select{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);font:inherit;border-radius:6px;padding:5px 8px;font-size:12px;transition:border-color .15s}.pagina-tickets .meta-cell select:focus{border-color:var(--portal-color);outline:none}.pagina-tickets .detail-body{flex-direction:column;flex:1;gap:18px;padding:16px 18px;display:flex;overflow-y:auto}.pagina-tickets .section h4{text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);margin:0 0 10px;font-size:10.5px;font-weight:800}.pagina-tickets .desc{color:var(--ds-text-2);white-space:pre-wrap;font-size:13px;line-height:1.6}.pagina-tickets .desc-empty,.pagina-tickets .tl-empty{color:var(--ds-text-muted);font-size:12.5px;font-style:italic}.pagina-tickets .comment{gap:10px;margin-bottom:10px;display:flex}.pagina-tickets .comment-avatar{background:color-mix(in srgb, var(--portal-color) 14%, var(--ds-card));border:1px solid var(--ds-border);width:32px;height:32px;color:var(--portal-color);border-radius:9px;flex-shrink:0;place-items:center;font-size:11px;font-weight:800;display:grid}.pagina-tickets .comment.status-change .comment-avatar{background:var(--ds-card);color:var(--ds-text-muted)}.pagina-tickets .comment-bubble{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;flex:1;padding:9px 12px}.pagina-tickets .comment.status-change .comment-bubble{opacity:.85;border-style:dashed}.pagina-tickets .comment-meta{color:var(--ds-text-muted);margin-bottom:4px;font-size:11px;font-weight:600}.pagina-tickets .comment-body{color:var(--ds-text);white-space:pre-wrap;font-size:13px;line-height:1.5}.pagina-tickets .reply-bar{border-top:1px solid var(--ds-border);background:color-mix(in srgb, var(--ds-card) 40%, transparent);flex-direction:column;gap:9px;padding:12px 16px;display:flex}.pagina-tickets .reply-tools{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pagina-tickets .internal-toggle{color:var(--ds-text-2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.pagina-tickets .internal-toggle input{accent-color:var(--portal-color);cursor:pointer;width:15px;height:15px}.pagina-tickets .internal-toggle.on{color:var(--ds-warning)}.pagina-tickets .reply-input{align-items:flex-end;gap:8px;display:flex}.pagina-tickets .reply-input textarea{resize:none;border:1px solid var(--ds-border);background:var(--ds-card);min-height:38px;max-height:120px;color:var(--ds-text);font:inherit;box-sizing:border-box;border-radius:9px;flex:1;padding:9px 11px;font-size:13px;transition:border-color .15s}.pagina-tickets .reply-input textarea:focus{border-color:var(--portal-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--portal-color) 12%, transparent);outline:none}.pagina-tickets .reply-send{background:var(--portal-color);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:9px;align-items:center;gap:5px;padding:9px 15px;font-size:12.5px;font-weight:700;transition:opacity .15s,transform .15s;display:inline-flex}.pagina-tickets .reply-send:hover{opacity:.9;transform:translateY(-1px)}.pagina-tickets .sla-badge{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:800;display:inline-flex}.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{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:5px;padding:0 12px;font-size:12px;font-weight:700;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.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{text-transform:uppercase;letter-spacing:.04em;background:var(--ds-warning-bg);color:var(--ds-warning);border-radius:5px;margin-left:6px;padding:1px 5px;font-size:9px;font-weight:800;display:inline-block}.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{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:5px;padding:0 12px;font-size:12px;font-weight:700;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.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{background:color-mix(in srgb, var(--portal-color) 12%, transparent);color:var(--portal-color);white-space:nowrap;border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-size:10.5px;font-weight:700;display:inline-flex}.pagina-tickets .assign-chip svg{font-size:11px}.pagina-tickets .row-claim{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:3px;padding:2px 8px;font-size:10.5px;font-weight:700;transition:border-color .15s,color .15s;display:inline-flex}.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{border-bottom:1px solid var(--ds-border);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 18px;display:flex}.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{color:var(--ds-text);align-items:center;gap:5px;font-size:12.5px;font-weight:700;display:inline-flex}.pagina-tickets .csat-score .stars{color:var(--ds-warning);letter-spacing:1px;font-size:14px}.pagina-tickets .stat .num.csat{color:var(--ds-text);font-size:18px}.pagina-tickets .empty{color:var(--ds-text-muted);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:44px 16px;font-size:13px;display:flex}.pagina-tickets .empty svg{color:var(--ds-text-subtle);opacity:.5;font-size:40px}@keyframes pagina-tickets-fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=860px){.pagina-tickets .layout{grid-template-columns:1fr}.pagina-tickets .list-col,.pagina-tickets .detail-col{max-height:none}}@media (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 (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{word-break:break-word;font-size:14px}.pagina-tickets .detail-badges{gap:4px}}.wacht-blok{border-color:#fcd34d;margin-bottom:18px}.wacht-kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.wacht-kop h2{color:#92400e;align-items:center;gap:8px;margin:0;font-size:15px;display:flex}.wacht-ververs{font:inherit;cursor:pointer;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:999px;padding:5px 12px;font-size:12.5px}.wacht-uitleg{color:var(--ds-text-muted);margin:8px 0 14px;font-size:12.5px;line-height:1.6}.wacht-lijst{flex-direction:column;gap:8px;display:flex}.wacht-rij{border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:11px;align-items:flex-start;gap:14px;padding:12px 14px;display:flex}.wacht-rij.oud{background:#fef2f2;border-color:#fca5a5}.wacht-tijd{flex-direction:column;flex-shrink:0;align-items:center;min-width:54px;display:flex}.wacht-getal{font-variant-numeric:tabular-nums;font-size:21px;font-weight:700;line-height:1}.wacht-eenheid{color:var(--ds-text-muted);font-size:11px}.wacht-inhoud{flex:1;min-width:0}.wacht-van{font-size:13.5px;font-weight:600}.wacht-mail{color:var(--portal-color);font-size:12px;text-decoration:none}.wacht-mail:hover{text-decoration:underline}.wacht-tekst{color:var(--ds-text);margin:5px 0 0;font-size:12.5px;line-height:1.55}.pagina-overzicht .isms-scope-banner{cursor:pointer;border-left:4px solid var(--portal-color);align-items:flex-start;gap:14px;transition:box-shadow .15s,transform .15s;display:flex}.pagina-overzicht .isms-scope-banner:hover{box-shadow:0 6px 20px color-mix(in srgb, var(--portal-color) 22%, transparent);transform:translateY(-1px)}.pagina-overzicht .isms-scope-banner-icon{color:var(--portal-color);flex-shrink:0;font-size:28px;line-height:1}.pagina-overzicht .isms-scope-banner-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;display:flex}.pagina-overzicht .isms-scope-banner-text{margin:4px 0 8px;font-size:14px;line-height:1.5}.pagina-overzicht .isms-scope-banner-link{color:var(--portal-color);align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.pagina-overzicht .card-title svg{color:var(--portal-color);flex-shrink:0;font-size:17px}.pagina-overzicht .section-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.pagina-overzicht .empty-state svg{color:var(--ds-text-subtle);font-size:38px}.pagina-overzicht .empty-state span{font-size:13px}.pagina-overzicht .btn{border-radius:var(--ds-radius-sm);background:var(--portal-color);color:#fff;white-space:nowrap;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;text-decoration:none;transition:opacity .15s,box-shadow .15s;display:inline-flex}.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{flex-wrap:wrap;gap:8px;display:flex}.pagina-overzicht .overview-kpi-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:16px;display:grid}.pagina-overzicht .kpi-pill{background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text);border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:600;transition:border-color .15s;display:flex}.pagina-overzicht .kpi-pill:hover{border-color:var(--ds-hover,var(--portal-color))}.pagina-overzicht .kpi-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.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{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:12px;display:grid}.pagina-overzicht .service-card{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:13px;flex-direction:column;gap:10px;padding:16px;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex;position:relative;overflow:hidden}.pagina-overzicht .service-card:hover{box-shadow:var(--ds-shadow-lg);transform:translateY(-1px)}.pagina-overzicht .service-card:before{content:"";background:linear-gradient(90deg,#64748b,#94a3b8);height:3px;position:absolute;top:0;left:0;right:0}.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{align-items:center;gap:10px;display:flex}.pagina-overzicht .service-icon{color:#3b82f6;background:#3b82f61a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:17px;display:flex}.pagina-overzicht .service-name{color:var(--ds-text);font-size:14px;font-weight:600}.pagina-overzicht .service-domain{color:#2563eb;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.pagina-overzicht .service-status{text-transform:uppercase;letter-spacing:.4px;width:fit-content;color:var(--ds-text-muted);border:1px solid var(--ds-border);background:#64748b26;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.pagina-overzicht .service-status .pulse{background:#64748b;border-radius:50%;width:7px;height:7px}.pagina-overzicht .service-card.is-ok .service-status{color:#16a34a;background:#22c55e1a;border-color:#22c55e40}.pagina-overzicht .service-card.is-ok .service-status .pulse{background:#22c55e;animation:2s ease-in-out infinite pagina-overzicht-livePulse}.pagina-overzicht .service-card.is-bad .service-status{color:#dc2626;background:#ef44441a;border-color:#ef444440}.pagina-overzicht .service-card.is-bad .service-status .pulse{background:#ef4444}.pagina-overzicht .service-card.is-warn .service-status{color:#d97706;background:#f59e0b1a;border-color:#f59e0b40}.pagina-overzicht .service-card.is-warn .service-status .pulse{background:#f59e0b}.pagina-overzicht .service-note{color:var(--ds-text-muted);font-size:11px;line-height:1.4}@keyframes pagina-overzicht-livePulse{0%,to{opacity:1}50%{opacity:.4}}.pagina-overzicht .offline-alert-card{background:#ef444405;border-color:#ef444459}.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{text-align:center;border-radius:999px;flex-shrink:0;min-width:20px;padding:3px 12px;font-size:11px;font-weight:800}.pagina-overzicht .offline-badge.red{color:#dc2626;background:#ef44441f;border:1px solid #ef44444d}.pagina-overzicht .offline-badge.green{color:#16a34a;background:#22c55e1f;border:1px solid #22c55e4d}.pagina-overzicht .offline-grid{flex-direction:column;gap:8px;display:flex}.pagina-overzicht .offline-item{background:var(--ds-card);border:1px solid #ef444433;border-radius:11px;align-items:center;gap:12px;padding:11px 14px;transition:background .15s;display:flex}.pagina-overzicht .offline-item:hover{background:var(--ds-hover)}.pagina-overzicht .offline-item-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;display:flex}.pagina-overzicht .offline-item-icon.red{color:#ef4444;background:#ef44441a}.pagina-overzicht .offline-item-icon.yellow{color:#f59e0b;background:#f59e0b1a}.pagina-overzicht .offline-item-body{flex:1;min-width:0}.pagina-overzicht .offline-item-name{color:var(--ds-text);font-size:13px;font-weight:600}.pagina-overzicht .offline-item-detail{color:var(--ds-text-muted);margin-top:1px;font-size:11px}.pagina-overzicht .offline-item-status{text-transform:uppercase;letter-spacing:.4px;border-radius:999px;flex-shrink:0;padding:3px 9px;font-size:10px;font-weight:700}.pagina-overzicht .offline-item-status.red{color:#dc2626;background:#ef44441a;border:1px solid #ef444438}.pagina-overzicht .offline-item-status.yellow{color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b38}.pagina-overzicht .uptime-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.pagina-overzicht .uptime-card{background:var(--ds-card);border:1px solid var(--ds-border);text-align:center;border-radius:13px;padding:16px;transition:border-color .2s,transform .15s}.pagina-overzicht .uptime-card:hover{border-color:var(--portal-color);transform:translateY(-1px)}.pagina-overzicht .uptime-pct{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:26px;font-weight:800}.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{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.4px;margin-top:3px;font-size:11px}.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{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.pagina-overzicht .rt-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:13px;flex-direction:column;gap:5px;padding:14px;transition:border-color .2s,transform .15s;display:flex;position:relative;overflow:hidden}.pagina-overzicht .rt-card:hover{transform:translateY(-1px)}.pagina-overzicht .rt-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.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{color:var(--ds-text-2);font-size:12px;font-weight:600}.pagina-overzicht .rt-ms{color:#3b82f6;font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:22px;font-weight:800}.pagina-overzicht .rt-status{color:var(--ds-text-muted);font-size:11px}.pagina-overzicht .rt-bad{color:#ef4444}.pagina-overzicht .ssl-grid{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:10px;display:grid}.pagina-overzicht .ssl-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;align-items:center;gap:10px;padding:12px 14px;transition:border-color .15s;display:flex}.pagina-overzicht .ssl-card:hover{border-color:var(--portal-color)}.pagina-overzicht .ssl-card svg{flex-shrink:0;font-size:19px}.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{color:var(--ds-text-muted);text-overflow:ellipsis;flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;overflow:hidden}.pagina-overzicht .ssl-days{flex-shrink:0;font-size:12px;font-weight:700}.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{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:10px;display:grid}.pagina-overzicht .docker-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:11px;align-items:center;gap:10px;padding:10px 14px;transition:border-color .15s;display:flex}.pagina-overzicht .docker-card.ok{border-left-color:#22c55e}.pagina-overzicht .docker-card.bad{border-left-color:#ef4444}.pagina-overzicht .docker-card svg{flex-shrink:0;font-size:17px}.pagina-overzicht .docker-card.ok svg{color:#22c55e}.pagina-overzicht .docker-card.bad svg{color:#ef4444}.pagina-overzicht .docker-name{color:var(--ds-text);text-overflow:ellipsis;flex:1;font-size:12px;font-weight:600;overflow:hidden}.pagina-overzicht .docker-status{color:var(--ds-text-muted);text-overflow:ellipsis;flex-shrink:0;max-width:120px;font-size:11px;overflow:hidden}.pagina-overzicht .backup-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.pagina-overzicht .backup-item{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;flex-direction:column;gap:5px;padding:13px 14px;transition:border-color .15s;display:flex}.pagina-overzicht .backup-item:hover{border-color:var(--portal-color)}.pagina-overzicht .backup-label{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:10px;font-weight:600}.pagina-overzicht .backup-value{color:var(--ds-text);font-size:14px;font-weight:700}.pagina-overzicht .inc-stats-row{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.pagina-overzicht .inc-stat{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:62px;padding:10px 16px;transition:border-color .15s;display:flex}.pagina-overzicht .inc-stat:hover{border-color:var(--portal-color)}.pagina-overzicht .inc-stat-num{color:var(--ds-text);font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.pagina-overzicht .inc-stat-num.red{color:#ef4444}.pagina-overzicht .inc-stat-num.green{color:#22c55e}.pagina-overzicht .inc-stat-label{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.pagina-overzicht .incident-count{border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.pagina-overzicht .incident-count.active{color:#dc2626;background:#ef44441a;border:1px solid #ef444440}.pagina-overzicht .incident-count.resolved{color:#16a34a;background:#22c55e1a;border:1px solid #22c55e40}.pagina-overzicht .incident-list{flex-direction:column;gap:6px;max-height:400px;display:flex;overflow-y:auto}.pagina-overzicht .incident-item{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:11px;align-items:center;gap:10px;padding:9px 13px;font-size:13px;transition:background .15s;display:flex}.pagina-overzicht .incident-item:hover{background:var(--ds-hover,color-mix(in srgb, var(--portal-color) 4%, transparent))}.pagina-overzicht .incident-item.active{background:#ef44440d;border-color:#ef44444d}.pagina-overzicht .incident-item.resolved{border-color:#22c55e2e}.pagina-overzicht .incident-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.pagina-overzicht .incident-dot.active{background:#ef4444;animation:1.5s ease-in-out infinite pagina-overzicht-livePulse}.pagina-overzicht .incident-dot.resolved{background:#22c55e}.pagina-overzicht .incident-time{color:var(--ds-text-muted);flex-shrink:0;min-width:110px;font-size:11px}.pagina-overzicht .incident-msg{color:var(--ds-text);flex:1;font-size:13px;font-weight:500}.pagina-overzicht .incident-duration{color:var(--ds-text-muted);text-align:right;flex-shrink:0;font-size:11px}.pagina-overzicht .platform-category{margin-bottom:22px}.pagina-overzicht .platform-category:last-child{margin-bottom:0}.pagina-overzicht .platform-category-label{text-transform:uppercase;letter-spacing:.8px;color:var(--ds-text-muted);margin-bottom:10px;padding-left:2px;font-size:10px;font-weight:700}.pagina-overzicht .platform-grid{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:10px;display:grid}.pagina-overzicht .platform-tile{background:var(--ds-card);border:1px solid var(--ds-border);color:inherit;border-radius:13px;align-items:center;gap:12px;padding:13px 15px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.pagina-overzicht .platform-tile:hover{border-color:var(--portal-color);box-shadow:var(--ds-shadow);transform:translateY(-1px)}.pagina-overzicht .platform-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:19px;display:flex}.pagina-overzicht .platform-info{flex:1;min-width:0}.pagina-overzicht .platform-name{color:var(--ds-text);font-size:13px;font-weight:600}.pagina-overzicht .platform-url{color:var(--ds-text-muted);margin-top:1px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.pagina-overzicht .platform-arrow{color:var(--ds-text-subtle);flex-shrink:0;font-size:15px;transition:color .15s,transform .15s}.pagina-overzicht .platform-tile:hover .platform-arrow{color:var(--portal-color);transform:translate(2px)}.pagina-overzicht .arch-diagram{flex-direction:column;align-items:center;padding:20px 0 8px;display:flex}.pagina-overzicht .arch-layer{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;width:100%;padding:16px}.pagina-overzicht .arch-layer-label{text-transform:uppercase;letter-spacing:.8px;color:var(--ds-text-muted);text-align:center;margin-bottom:12px;font-size:10px;font-weight:700}.pagina-overzicht .arch-nodes{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.pagina-overzicht .arch-nodes.single{justify-content:center}.pagina-overzicht .arch-node{border:1px solid var(--ds-border);background:var(--ds-card);text-align:center;border-radius:13px;flex-direction:column;align-items:center;gap:4px;min-width:120px;padding:14px 22px;transition:border-color .15s;display:flex}.pagina-overzicht .arch-node:hover{border-color:var(--portal-color)}.pagina-overzicht .arch-node svg{margin-bottom:2px;font-size:22px}.pagina-overzicht .arch-node span{color:var(--ds-text);font-size:12px;font-weight:600}.pagina-overzicht .arch-node .arch-sub{color:var(--ds-text-muted);font-size:10px;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{background:#22c55e08;border-color:#22c55e4d;min-width:280px}.pagina-overzicht .arch-node.infra svg{color:#22c55e}.pagina-overzicht .arch-node.backend{background:#a855f708;border-color:#a855f74d;min-width:280px}.pagina-overzicht .arch-node.backend svg{color:#a855f7}.pagina-overzicht .arch-node.db{background:#3b82f608;border-color:#3b82f64d;min-width:280px}.pagina-overzicht .arch-node.db svg{color:#3b82f6}.pagina-overzicht .arch-node.db-replica{background:#0ea5e908;border-color:#0ea5e94d;min-width:280px}.pagina-overzicht .arch-node.db-replica svg{color:#0ea5e9}.pagina-overzicht .arch-node.standby{background:#94a3b808;border-style:dashed;border-color:#94a3b84d;min-width:280px}.pagina-overzicht .arch-node.standby svg{color:#94a3b8}.pagina-overzicht .arch-node.standby span{color:var(--ds-text-2)}.pagina-overzicht .arch-node.relay{background:#f59e0b08;border-color:#f59e0b4d;min-width:280px}.pagina-overzicht .arch-node.relay svg{color:#f59e0b}.pagina-overzicht .arch-connector-row{justify-content:center;align-items:center;gap:32px;padding:6px 0;display:flex}.pagina-overzicht .arch-connector-row.triple{gap:48px}.pagina-overzicht .arch-branch{flex-direction:column;align-items:center;gap:2px;display:flex}.pagina-overzicht .arch-arrow-down{background:linear-gradient(#94a3b880,#94a3b81f);width:2px;height:18px;position:relative}.pagina-overzicht .arch-arrow-down:after{content:"";border-top:4px solid #94a3b880;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.pagina-overzicht .arch-connector-label{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.pagina-overzicht .arch-app-groups{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:14px;display:grid}.pagina-overzicht .arch-group{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:13px;overflow:hidden}.pagina-overzicht .arch-group-header{text-transform:uppercase;letter-spacing:.5px;text-align:center;padding:9px 16px;font-size:11px;font-weight:700}.pagina-overzicht .arch-group-header.blue{color:#2563eb;background:#3b82f614;border-bottom:1px solid #3b82f624}.pagina-overzicht .arch-group-header.red{color:#dc2626;background:#ef444414;border-bottom:1px solid #ef444424}.pagina-overzicht .arch-group-header.gray{color:var(--ds-text-muted);border-bottom:1px solid var(--ds-border);background:#94a3b814}.pagina-overzicht .arch-group-body{flex-direction:column;gap:6px;padding:10px;display:flex}.pagina-overzicht .arch-group-note{color:var(--ds-text-muted);border-top:1px solid var(--ds-border-subtle);text-align:center;padding:8px 14px;font-size:11px;line-height:1.5}.pagina-overzicht .arch-group-note strong{color:var(--ds-text-2)}.pagina-overzicht .arch-app-item{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:9px;flex-direction:column;gap:2px;padding:9px 13px;transition:border-color .15s;display:flex}.pagina-overzicht .arch-app-item:hover{border-color:var(--portal-color)}.pagina-overzicht .arch-app-item strong{color:var(--ds-text);font-size:13px}.pagina-overzicht .arch-app-item span{color:var(--ds-text-muted);font-size:11px}.pagina-overzicht .arch-app-item code{color:var(--ds-text-2);background:var(--ds-card);border-radius:5px;width:fit-content;margin-top:4px;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.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 (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 (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 (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: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{color:inherit;text-decoration:none}@media (width<=640px){.pagina-overzicht .isms-scope-banner{flex-direction:column;gap:8px}.pagina-overzicht .isms-scope-banner-text{font-size:13px}.pagina-overzicht .arch-node{box-sizing:border-box;width:100%;min-width:0}.pagina-overzicht .arch-nodes{align-items:stretch}.pagina-overzicht .quick-links-grid{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.pagina-overzicht .quick-links-grid::-webkit-scrollbar{display:none}.pagina-overzicht .quick-links-grid>*{flex:none}}html.hud{--portal-color:#5ee7ff;--portal-color-dark:#0b1a2e;--portal-color-light:#9ff3ff}html.hud .shell{--shell-bg:#05070d;--sidebar-bg:#080c16f5;--sidebar-border:#5ee7ff24;--sidebar-text:#b9c7e6;--sidebar-icon:#7f93b8;--sidebar-hover:#5ee7ff14;--sidebar-active-bg:#5ee7ff24;--sidebar-active-text:#fff;--divider:#5ee7ff1f;--uitklap-bg:#0b1220;--uitklap-text:#dbe7ff;--ds-bg:#05070d;--ds-card:#0c1220;--ds-card-elevated:#101a2c;--ds-input:#0b1220;--ds-hover:#5ee7ff14;--ds-deep:#080d17;--ds-veld:#5ee7ff0f;--ds-modal-bg:#0b1220;--ds-text:#dbe7ff;--ds-text-2:#b9c7e6;--ds-text-muted:#7f93b8;--ds-text-subtle:#5f7194;--ds-border:#5ee7ff29;--ds-border-strong:#5ee7ff59;--ds-border-subtle:#5ee7ff1a;--ds-table-header:#0b1220;--ds-table-border:#5ee7ff1f;--ds-table-hover:#5ee7ff0f;--ds-shadow:0 10px 30px -18px #5ee7ff40;--ds-shadow-lg:0 20px 50px -24px #5ee7ff59}html.hud .shell .header{background:linear-gradient(90deg,#0b1a2e,#05070d 70%);border-bottom:1px solid #5ee7ff29;box-shadow:0 10px 30px -20px #5ee7ff66}html.hud .shell .header-title,html.hud .shell .header-title *{color:#dbe7ff}html.hud .shell .header-btn{color:#dbe7ff;background:#5ee7ff14;border:1px solid #5ee7ff29}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{color:#dbe7ff;background:#0b1220;border:1px solid #5ee7ff33}html.hud .modal-content .form-input,html.hud .modal-content .form-select,html.hud .venster .form-input,html.hud .venster .form-select{color:#dbe7ff;background-color:#0f1a2c;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:#0c1220b8;--hud-rand:#5ee7ff29;--hud-rand-fel:#5ee7ff73;--hud-tekst:#dbe7ff;--hud-muted:#7f93b8;--hud-veld:#5ee7ff0f;color:var(--hud-tekst);background:radial-gradient(90% 60% at 20% 0%, #5ee7ff12, transparent 60%), radial-gradient(70% 50% at 100% 100%, #8b7bff14, transparent 60%), var(--hud-bg);font-variant-numeric:tabular-nums;border-radius:20px;min-height:calc(100vh - 120px);padding:18px}.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);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-size:13px}.cc.hud .btn-link.gevaar{color:var(--hud-rood)}.cc-rij{align-items:center;gap:8px;display:flex}.cc-hero{border:1px solid var(--hud-rand);background:linear-gradient(135deg,#0c1220e6,#060a14f2);border-radius:18px;padding:22px 26px;animation:.6s ease-out both cc-in;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #5ee7ff0d,0 30px 60px -40px #5ee7ff59}.cc-hero-raster{pointer-events:none;background-image:linear-gradient(#5ee7ff0f 1px,#0000 1px),linear-gradient(90deg,#5ee7ff0f 1px,#0000 1px);background-size:34px 34px;animation:30s linear infinite cc-raster;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 90% at 30%,#000,#0000 80%);mask-image:radial-gradient(70% 90% at 30%,#000,#0000 80%)}@keyframes cc-raster{0%{background-position:0 0,0 0}to{background-position:0 34px,34px 0}}.cc-hero-kop{align-items:center;gap:22px;display:flex;position:relative}.cc-kern-vak{flex:0 0 200px;place-items:center;display:grid;position:relative}.cc-kern{filter:drop-shadow(0 0 22px #5ee7ff40);transition:filter .6s;display:block}.cc-kern.bezig{filter:drop-shadow(0 0 34px #5ee7ff80)}.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{letter-spacing:.16em;color:#fff;text-shadow:0 0 18px #5ee7ff59;flex-wrap:wrap;align-items:center;gap:10px;font-size:26px;font-weight:800;display:flex}.cc-hero-sub{letter-spacing:.08em;text-transform:uppercase;color:var(--hud);opacity:.8;font-size:12px;font-weight:500}.cc-hero-briefing{text-wrap:pretty;max-width:72ch;min-height:2.6em;color:var(--hud-tekst);margin:8px 0 0;font-size:17px;line-height:1.55}.cc-hero-briefing.klein{min-height:0;font-size:15px}.cc-hero-feiten{color:var(--hud-muted);flex-wrap:wrap;align-items:center;gap:14px;margin-top:8px;font-size:13px;display:flex}.cc-feit{align-items:center;gap:6px;display:inline-flex}.cc-hero-acties{flex-shrink:0;gap:8px;display:flex}.cc-terug{color:var(--hud);display:inline-flex}.cc-cursor{color:var(--hud);animation:.9s step-end infinite cc-cursor}@keyframes cc-cursor{50%{opacity:0}}.cc-live{letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--hud-rand);color:var(--hud-muted);background:#05070db3;border-radius:999px;padding:3px 10px;font-size:10.5px;font-weight:700}.cc-live.aan{color:var(--hud-groen);border-color:#3ddc9766;animation:2s infinite cc-puls;box-shadow:0 0 #3ddc9780}@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{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.cc-tab{border:1px solid var(--hud-rand);background:var(--hud-veld);color:var(--hud-tekst);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:8px 16px;font-size:13.5px;font-weight:600;transition:border-color .2s,background .2s,box-shadow .2s;display:inline-flex}.cc-tab:hover{border-color:var(--hud-rand-fel)}.cc-tab.actief{border-color:var(--hud-rand-fel);color:#fff;box-shadow:0 0 18px -6px var(--hud);background:#5ee7ff29}.cc-tab.stil{padding:8px 10px}.cc-instrumenten{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px;display:grid;position:relative}.cc-instr{background:var(--hud-veld);border:1px solid var(--hud-rand);text-align:left;color:inherit;font:inherit;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;animation:.5s ease-out both cc-in;display:flex}button.cc-instr{cursor:pointer}button.cc-instr:hover{border-color:var(--hud-rand-fel)}.cc-instr:nth-child(2){animation-delay:80ms}.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{white-space:nowrap;letter-spacing:-.02em;color:#fff;text-shadow:0 0 14px #5ee7ff59;flex-shrink:0;min-width:44px;font-size:30px;font-weight:800;line-height:1}.cc-instr-nr.oranje{color:var(--hud-oranje)}.cc-instr-nr.rood{color:var(--hud-rood)}.cc-instr-l{color:#fff;font-size:13.5px;font-weight:700}.cc-instr-s{color:var(--hud-muted);font-size:12px}.cc-instr-health{flex-direction:column;align-items:stretch;gap:8px}.cc-health-balk{border-radius:999px;gap:2px;height:12px;display:flex;overflow:hidden}.cc-health-seg{text-align:center;color:#05070d;transform-origin:0;font-size:9px;font-weight:800;line-height:12px;animation:.8s ease-out both cc-groei}.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{color:var(--hud);flex-shrink:0;place-items:center;display:inline-grid;position:relative}.cc-ring svg{transform:rotate(-90deg)}.cc-ring-spoor{fill:none;stroke:currentColor;opacity:.15}.cc-ring-vul{fill:none;stroke-linecap:round;filter:drop-shadow(0 0 4px);transition:stroke-dashoffset 1.1s cubic-bezier(.2,.8,.2,1)}.cc-ring-kind{place-items:center;display:grid;position:absolute;inset:0}.cc-ring-tekst{color:#fff;font-size:15px;font-weight:800}.cc-ring-tekst.groot{font-size:20px}.cc-ring-pct{color:#fff;font-size:12px;font-weight:800}.cc-pols{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.cc-polskaart{background:var(--hud-paneel);border:1px solid var(--hud-rand);color:inherit;border-radius:14px;flex-direction:column;gap:4px;min-width:0;padding:12px 14px;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;animation:.5s ease-out both cc-in;display:flex}.cc-polskaart:hover{border-color:var(--hud-rand-fel);box-shadow:0 16px 30px -20px var(--hud);transform:translateY(-2px)}.cc-polskaart.waarschuw{border-color:#ffb45466}.cc-polskaart:nth-child(2){animation-delay:50ms}.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{letter-spacing:.08em;text-transform:uppercase;color:var(--hud);align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:flex}.cc-pols-nr{color:#fff;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:26px;font-weight:800;line-height:1.1;display:flex}.cc-pols-eenheid{color:var(--hud-muted);letter-spacing:.04em;font-size:11px;font-weight:600}.cc-pols-trend{border-radius:999px;padding:1px 7px;font-size:12px;font-weight:700}.cc-pols-trend.op{color:var(--hud-groen);background:#3ddc971f}.cc-pols-trend.af{color:var(--hud-rood);background:#ff5c7a1f}.cc-pols-sub{color:var(--hud-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.cc-pols-lijst{border-top:1px solid var(--hud-rand);gap:3px;margin:6px 0 0;padding:6px 0 0;font-size:12px;list-style:none;display:grid}.cc-pols-lijst li{text-overflow:ellipsis;white-space:nowrap;color:var(--hud-muted);overflow:hidden}.cc-pols-lijst li.ongelezen{color:#fff;font-weight:600}.cc-pols-lijst li span{display:none}.cc-twee{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:14px;margin:14px 0;display:grid}.cc-kolom{flex-direction:column;gap:14px;display:flex}.cc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.cc-grid.drie-een{grid-template-columns:1.2fr 1fr 1fr}.cc-kaart{background:var(--hud-paneel);border:1px solid var(--hud-rand);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;margin-top:14px;padding:16px 18px;animation:.5s ease-out both cc-in}.cc-twee .cc-kaart,.cc-grid .cc-kaart,.cc-kolom .cc-kaart,.cc-agenda-grid .cc-kaart{margin-top:0}.cc-kaart-kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.cc-kaart-kop.cc-later{border-top:1px solid var(--hud-rand);margin-top:16px;padding-top:12px}.cc-kaart-kop h2{letter-spacing:.06em;text-transform:uppercase;color:var(--hud);align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;display:flex}.cc-tel{color:#fff;letter-spacing:0;background:#5ee7ff24;border-radius:999px;margin-left:4px;padding:1px 9px;font-size:12px;font-weight:800}.cc-code{color:inherit;background:#ffffff14;border-radius:6px;align-items:center;gap:5px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;font-weight:700;text-decoration:none;display:inline-flex}.cc-code.groot{padding:3px 9px;font-size:14px}.cc-pk{background:var(--pk,var(--hud));border-radius:50%;width:8px;height:8px;display:inline-block}@keyframes cc-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.cc-logica{background:var(--hud-veld);border:1px solid var(--hud-rand);border-radius:12px;gap:6px;margin:0 0 14px;padding:12px 14px;font-size:13px;list-style:none;animation:.3s ease-out cc-in;display:grid}.cc-logica li{grid-template-columns:150px 1fr;gap:10px;display:grid}.cc-logica b{color:var(--hud)}.cc-stappen{margin:0;padding:0;list-style:none;position:relative}.cc-stappen:before{content:"";background:linear-gradient(var(--hud), #5ee7ff14);width:2px;position:absolute;top:24px;bottom:24px;left:19px}.cc-stap{border:1px solid #0000;border-radius:14px;margin-bottom:8px;transition:background .25s,border-color .25s;animation:.45s ease-out both cc-in;position:relative}.cc-stap.uit{border-color:var(--hud-rand-fel);box-shadow:0 0 24px -12px var(--hud);background:#5ee7ff0f}.cc-stap.later{opacity:.8}.cc-stap.weg{animation:.6s ease-in forwards cc-weg}@keyframes cc-weg{0%{opacity:1;transform:translate(0)}30%{background:#3ddc972e}to{opacity:0;max-height:0;margin:0;transform:translate(24px)}}.cc-stap-kop{text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border:0;align-items:center;gap:12px;padding:10px 12px;display:flex}.cc-nr{z-index:1;background:var(--hud);color:#05070d;width:38px;height:38px;box-shadow:0 0 16px -4px var(--hud);border-radius:50%;flex-shrink:0;place-items:center;font-weight:800;display:grid;position:relative}.cc-stap.later .cc-nr{color:var(--hud);border:1.5px solid var(--hud-rand-fel);box-shadow:none;background:#0b1220}.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);background:#0b1220;border-color:#ffb45480}.cc-stap-titel{color:#fff;flex:1;min-width:0;font-size:15px;font-weight:700;line-height:1.35}.cc-stap.later .cc-stap-titel{color:var(--hud-tekst);font-size:14px;font-weight:600}.cc-stap-meta{color:var(--hud-muted);flex-shrink:0;align-items:center;gap:8px;font-size:12.5px;display:flex}.cc-stap-project{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.cc-dl{color:var(--hud-tekst);background:#ffffff14;border-radius:999px;padding:2px 8px;font-weight:700}.cc-dl.oranje{color:var(--hud-oranje);background:#ffb45429}.cc-dl.rood{color:var(--hud-rood);background:#ff5c7a29}.cc-stap-body{padding:0 14px 14px 62px;animation:.3s ease-out cc-in}.cc-waarom{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;font-size:13px;display:flex}.cc-chip{color:var(--hud);background:#5ee7ff1f;border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:600}.cc-score{color:var(--hud-muted);margin-left:auto;font-family:ui-monospace,monospace;font-size:11.5px}.cc-stap-acties{flex-wrap:wrap;gap:8px;display:flex}.cc-knop-primair{background:var(--hud);color:#05070d;cursor:pointer;box-shadow:0 0 22px -6px var(--hud);border:0;border-radius:999px;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex}.cc-knop-primair.klein{padding:7px 13px;font-size:13px}.cc-knop-primair:hover{box-shadow:0 0 28px -4px var(--hud);transform:translateY(-1px)}.cc-knop-primair:disabled{opacity:.5;cursor:not-allowed;transform:none}.cc-knop-stil{border:1px solid var(--hud-rand);background:var(--hud-veld);color:var(--hud-tekst);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:9px 14px;font-size:13.5px;font-weight:600;text-decoration:none;transition:border-color .15s;display:inline-flex}.cc-knop-stil.klein{padding:6px 10px}.cc-knop-stil:hover{border-color:var(--hud-rand-fel)}.cc-leeg{color:var(--hud-groen);background:#3ddc9714;border-radius:14px;align-items:center;gap:14px;padding:18px;display:flex}.cc-leeg svg{width:32px;height:32px}.cc-bob-bezig{color:var(--hud);align-items:center;gap:8px;margin-bottom:10px;font-size:13.5px;font-weight:600;display:flex}.cc-puntjes{gap:3px;display:inline-flex}.cc-puntjes i{background:var(--hud);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite cc-punt;display:inline-block}.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{gap:8px;margin:0;padding:0;font-size:13px;line-height:1.45;list-style:none;display:grid}.cc-bob-regel{grid-template-columns:44px 1fr;gap:8px;animation:.4s ease-out both cc-in;display:grid}.cc-bob-regel.waarschuwing{color:var(--hud-oranje)}.cc-bob-regel.alarm{color:var(--hud-rood);font-weight:600}.cc-bob-tijd{color:var(--hud);opacity:.8;padding-top:2px;font-family:ui-monospace,monospace;font-size:11.5px}.cc-bob-voet{margin-top:10px;font-size:12px}.cc-projecten{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;display:grid}.cc-project{border:1px solid var(--hud-rand);background:var(--hud-paneel);color:inherit;border-radius:16px;flex-direction:column;gap:8px;padding:14px 16px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;animation:.5s ease-out both cc-in;display:flex;position:relative;overflow:hidden}.cc-project:before{content:"";background:#55627f;width:4px;position:absolute;top:0;bottom:0;left:0}.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{box-shadow:0 18px 30px -18px var(--hud);border-color:var(--hud-rand-fel);transform:translateY(-3px)}.cc-project-kop{align-items:center;gap:8px;font-size:12px;display:flex}.cc-project-kop .cc-stip{margin-left:auto}.cc-project-rij{align-items:center;gap:12px;display:flex}.cc-project-tekst{min-width:0}.cc-project-naam{color:#fff;font-size:15px;font-weight:800}.cc-project-mijlpaal{color:var(--hud-muted);font-size:13px}.cc-datum{font-weight:700}.cc-project-voet{color:var(--hud-muted);flex-wrap:wrap;gap:10px;font-size:12.5px;display:flex}.cc-project-voet .rood,.cc-project-voet .oranje{font-weight:700}.cc-redenen{color:var(--hud-muted);border-top:1px dashed var(--hud-rand);padding-top:6px;font-size:12px}.cc-project-doelen{gap:6px;display:grid}.cc-stip{background:#55627f;border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.cc-stip.rood{background:var(--hud-rood);animation:1.8s infinite cc-stip-puls;box-shadow:0 0 #ff5c7a80}.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{background:#ffffff14;border-radius:6px;padding:1px 6px;font-size:10.5px;font-weight:800}.cc-golf.P0{color:var(--hud-rood);background:#ff5c7a2e}.cc-golf.P1{color:var(--hud-oranje);background:#ffb4542e}.cc-golf.P2{color:var(--hud);background:#5ee7ff24}.cc-mini-project{color:inherit;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.cc-doelen{gap:10px;display:grid}.cc-doel-rij{gap:4px;display:grid}.cc-doel{gap:5px;display:grid}.cc-doel-kop{justify-content:space-between;gap:10px;font-size:13px;display:flex}.cc-doel-titel{color:#fff;font-weight:600}.cc-doel-waarde{color:var(--hud-muted);white-space:nowrap;font-size:12.5px}.cc-doel-spoor{background:#ffffff14;border-radius:999px;height:6px;overflow:hidden}.cc-doel-spoor i{background:linear-gradient(90deg, var(--hud-2), var(--hud));height:100%;box-shadow:0 0 10px var(--hud);border-radius:999px;transition:width .9s cubic-bezier(.2,.8,.2,1);display:block}.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{gap:12px;font-size:12px;display:flex}.cc-charter-regel{margin:0 0 10px;font-size:13.5px}.cc-agenda{margin-top:14px}.cc-agenda-balk{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:14px 0;display:flex}.cc-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cc-pchip,.cc-schip{border:1px solid var(--hud-rand);background:var(--hud-veld);color:var(--hud-tekst);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12.5px;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.cc-pchip i{background:var(--pk,var(--hud));border-radius:50%;width:8px;height:8px}.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{border-color:var(--hud-rand-fel);color:#fff;background:#5ee7ff29}.cc-agenda-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;display:grid}.cc-weekdagen{letter-spacing:.08em;text-transform:uppercase;color:var(--hud-muted);grid-template-columns:repeat(7,1fr);padding:0 0 6px;font-size:11px;display:grid}.cc-weekdagen span{text-align:center}.cc-cellen{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cc-cel{aspect-ratio:1.15;color:inherit;font:inherit;cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:space-between;padding:6px;transition:border-color .15s,background .15s;display:flex}.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{border-color:var(--hud-rand-fel);background:#5ee7ff1f}.cc-cel-nr{text-align:left;font-size:12.5px}.cc-cel-stippen{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.cc-cel-stippen i{border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 6px}.cc-cel-stippen b{color:var(--hud-muted);font-size:10px}.cc-agenda-lijst{gap:6px;margin:0;padding:0;list-style:none;display:grid}.cc-agenda-regel>a,.cc-agenda-regel>span{color:inherit;background:#ffffff08;border-radius:10px;grid-template-columns:4px 58px 1fr auto;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;text-decoration:none;transition:background .15s;display:grid}.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{border-radius:2px;width:4px;height:100%;min-height:18px}.cc-agenda-tijd{color:var(--hud);font-family:ui-monospace,monospace;font-size:11.5px}.cc-agenda-titel{text-overflow:ellipsis;white-space:nowrap;color:#fff;min-width:0;overflow:hidden}.cc-agenda-titel.klaar{opacity:.6;text-decoration:line-through}.cc-agenda-meta{color:var(--hud-muted);white-space:nowrap;font-size:11.5px}.cc-lijst{flex-direction:column;gap:8px;margin:0;padding:0;font-size:13.5px;list-style:none;display:flex}.cc-lijst li{border-bottom:1px solid var(--hud-rand);justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:8px;display:flex}.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{white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;font-size:12.5px;display:flex}.cc-rest{margin:10px 0 0;font-size:12.5px}.cc-opties{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.cc-schakel{color:var(--hud-muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.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{flex-direction:column;gap:6px;font-size:13.5px;display:flex}.cc-charter-rijen>div{grid-template-columns:170px 1fr;gap:10px;display:grid}.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);border-bottom:1px solid var(--hud-rand);background:0 0}.cc.hud .data-table td{color:var(--hud-tekst);border-bottom:1px solid var(--hud-rand);vertical-align:top;font-size:13.5px}.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{background:#ffffff14;border-radius:999px;padding:1px 7px;font-size:11.5px;font-weight:700}.cc-prio.kritiek{color:var(--hud-rood);background:#ff5c7a2e}.cc-prio.hoog{color:var(--hud-oranje);background:#ffb4542e}.cc-prio.laag{opacity:.7}@media (width<=1250px){.cc-pols{grid-template-columns:repeat(4,minmax(0,1fr))}.cc-instrumenten{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1000px){.cc-twee,.cc-agenda-grid,.cc-grid,.cc-grid.drie-een,.cc-charter-rijen>div{grid-template-columns:1fr}.cc-hero-kop{flex-wrap:wrap}.cc-hero-acties{width:100%}}@media (width<=640px){.cc.hud{border-radius:12px;padding:10px}.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{transition:none;animation:none}.cc-project:hover,.cc-knop-primair:hover,.cc-polskaart:hover{transform:none}}.cc-vraag{border:1px solid var(--hud-rand);color:var(--hud);background:#05070d99;border-radius:999px;align-items:center;gap:10px;max-width:720px;margin-top:12px;padding:6px 8px 6px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.cc-vraag:focus-within{border-color:var(--hud-rand-fel);box-shadow:0 0 24px -8px var(--hud)}.cc-vraag input{color:#fff;min-width:0;font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:14.5px}.cc-vraag input::placeholder{color:var(--hud-muted)}.cc-gesprek{gap:6px;max-width:720px;margin-top:10px;font-size:13.5px;display:grid}.cc-beurt{border-radius:12px;padding:8px 12px;line-height:1.45;animation:.3s ease-out cc-in}.cc-beurt.ik{color:var(--hud-tekst);background:#ffffff0f;justify-self:end;max-width:80%}.cc-beurt.bob{border:1px solid var(--hud-rand);color:#fff;background:#5ee7ff14;max-height:300px;overflow:auto}.cc-badge{background:var(--hud-oranje);color:#05070d;border-radius:999px;margin-left:4px;padding:0 7px;font-size:11px;font-weight:800}.cc-briefing .cc-briefing-kort{color:var(--hud-tekst);margin:0;font-size:13.5px}.cc-briefing-tekst{color:var(--hud-tekst);font-size:13.5px;line-height:1.55;animation:.3s ease-out cc-in}.cc-briefing-tekst h1,.cc-briefing-tekst h2,.cc-briefing-tekst h3{color:var(--hud);letter-spacing:.08em;text-transform:uppercase;margin:12px 0 4px;font-size:13px}.cc-briefing-tekst ul{margin:4px 0;padding-left:18px}.cc-briefing-tekst p{margin:4px 0}.cc-goedk{gap:12px;margin:0;padding:0;list-style:none;display:grid}.cc-goedk li{background:#ffb4540d;border:1px solid #ffb4544d;border-radius:14px;gap:8px;padding:12px 14px;animation:.4s ease-out both cc-in;display:grid}.cc-goedk-kop{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.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;background:#0000004d;border-radius:10px;max-height:260px;margin:6px 0 0;padding:10px 12px;font-size:13px;overflow:auto}.cc-goedk details summary{cursor:pointer;list-style:none}button.cc-polskaart{cursor:pointer;text-align:left;font:inherit}.cc-polskaart.open{border-color:var(--hud-rand-fel);box-shadow:0 0 30px -14px var(--hud);grid-column:span 2}.cc-pols-ga{color:var(--hud-muted);border-radius:50%;margin-left:auto;padding:2px;transition:color .15s,background .15s;display:inline-flex}.cc-pols-ga:hover{color:#fff;background:#5ee7ff29}.cc-pols-lijst li{justify-content:space-between;gap:8px;display:flex}.cc-pols-lijst li .cc-pols-t{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.cc-pols-lijst li .cc-pols-s{text-overflow:ellipsis;max-width:45%;color:var(--hud-muted);white-space:nowrap;flex:none;font-weight:500;display:none;overflow:hidden}.cc-pols-lijst.open li .cc-pols-s{display:inline}.cc-pols-klap{color:var(--hud);margin-top:4px;font-size:11.5px}@media (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:#4f9cff24;--ck-rand:#4f9cff47;--ck-rand-fel:#4f9cff99;--ck-bg:#020814;--ck-paneel:#040e22b8;--ck-tekst:#cfe2ff;--ck-muted:#6f8fbf;--ck-groen:#2fe6a7;--ck-oranje:#ffb020;--ck-rood:#ff4d6d;min-height:calc(100vh - 64px);color:var(--ck-tekst);letter-spacing:.01em;background:radial-gradient(60% 50% at 50% 42%, #4f9cff24, transparent 70%), linear-gradient(#4f9cff0d 1px, transparent 1px), linear-gradient(90deg, #4f9cff0d 1px, transparent 1px), var(--ck-bg);font-variant-numeric:tabular-nums;background-size:auto,40px 40px,40px 40px,auto;margin:-12px;padding:10px 14px 14px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;position:relative;overflow:hidden}.ck-scan{pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 3px);position:absolute;inset:0}.ck a{color:inherit;text-decoration:none}.ck-kop{border-bottom:1px solid var(--ck-rand);justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;padding:4px 6px 10px;display:flex}.ck-kop-l{align-items:center;gap:12px;display:flex}.ck-logo{letter-spacing:.3em;color:#fff;text-shadow:0 0 18px var(--ck);font-size:22px;font-weight:800}.ck-kop-sub{letter-spacing:.18em;color:var(--ck);opacity:.85;font-size:11px}.ck-status{letter-spacing:.18em;border:1px solid var(--ck-rand);color:var(--ck-muted);border-radius:3px;padding:3px 9px;font-size:10px}.ck-status.aan{color:var(--ck-groen);box-shadow:0 0 12px -4px var(--ck-groen);border-color:#2fe6a780;animation:2.4s infinite ck-puls}@keyframes ck-puls{50%{box-shadow:0 0 18px -2px var(--ck-groen)}}.ck-kop-r{align-items:center;gap:12px;display:flex}.ck-klok{color:#fff;text-shadow:0 0 14px var(--ck);letter-spacing:.06em;font-size:26px;font-weight:700}.ck-datum{color:var(--ck-muted);text-align:right;font-size:11px;line-height:1.4}.ck-fout{color:var(--ck-rood);font-size:12px}.ck-knop{border:1px solid var(--ck-rand);background:var(--ck-dim);width:34px;height:34px;color:var(--ck-2);cursor:pointer;border-radius:6px;place-items:center;display:inline-grid}.ck-knop:hover{border-color:var(--ck-rand-fel)}.ck-knop:disabled{opacity:.4;cursor:not-allowed}.ck-raster{grid-template-rows:auto auto;grid-template-columns:300px minmax(0,1fr) 320px;gap:12px;display:grid}.ck-kolom{flex-direction:column;gap:12px;min-width:0;display:flex}.ck-midden{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-width:0;display:flex;position:relative}.ck-chat{grid-column:1/3}.ck-cijfers{grid-column:3}.ck-paneel{background:var(--ck-paneel);border:1px solid var(--ck-rand);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px 14px;animation:.5s ease-out both ck-in;position:relative}.ck-paneel:before,.ck-paneel:after{content:"";border:2px solid var(--ck);pointer-events:none;width:12px;height:12px;position:absolute}.ck-paneel:before{border-bottom:0;border-right:0;top:-1px;left:-1px}.ck-paneel:after{border-top:0;border-left:0;bottom:-1px;right:-1px}.ck-paneel h3{letter-spacing:.2em;text-transform:uppercase;color:var(--ck);justify-content:space-between;gap:8px;margin:0 0 8px;font-size:10.5px;font-weight:700;display:flex}.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{flex-direction:column;display:flex}.ck-groei .ck-projecten{scrollbar-width:thin;scrollbar-color:var(--ck-rand) transparent;max-height:250px;overflow:auto}.ck-leeg{color:var(--ck-muted);margin:0}.ck-sub{color:var(--ck-muted);margin:6px 0 0;font-size:11px;display:block}.ck-klem{max-height:58px;line-height:1.4;overflow:hidden}@keyframes ck-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ck-actie{border-top:1px solid #4f9cff1f;align-items:center;gap:10px;padding:7px 0;display:flex}.ck-actie:first-of-type{border-top:0}.ck-nr{background:var(--ck);color:#020814;border-radius:3px;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:grid}.ck-actie-t{flex:1;min-width:0;display:grid}.ck-actie-t b{color:#fff;font-size:12.5px;font-weight:600;line-height:1.3}.ck-actie-t small{color:var(--ck-muted);font-size:10.5px}.ck-mini{border:1px solid var(--ck-rand);width:28px;height:28px;color:var(--ck-groen);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;place-items:center;font-weight:800;transition:background .15s;display:grid}.ck-mini:hover{background:#2fe6a724}.ck-mini:disabled{opacity:.4}.ck-lijst{gap:4px;margin:0;padding:0;list-style:none;display:grid}.ck-lijst li{grid-template-columns:46px 1fr;align-items:baseline;gap:8px;font-size:12px;display:grid}.ck-tijd{color:var(--ck);font-size:11px}.ck-l-t{color:var(--ck-tekst);text-overflow:ellipsis;white-space:nowrap;border-left:2px solid #0000;padding-left:6px;overflow:hidden}.ck-l-t small{color:var(--ck-muted)}.ck-projecten{gap:5px;display:grid}.ck-project{border-radius:4px;grid-template-columns:8px 44px 1fr 60px 34px;align-items:center;gap:8px;padding:5px 6px;transition:background .15s;display:grid}.ck-project:hover{background:var(--ck-dim)}.ck-project i{border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px}.ck-code{color:var(--pk,var(--ck-2));font-size:11px;font-weight:800}.ck-project-naam{text-overflow:ellipsis;white-space:nowrap;color:var(--ck-tekst);overflow:hidden}.ck-balk{background:#4f9cff24;border-radius:3px;height:5px;display:block;overflow:hidden}.ck-balk b{background:var(--ck);height:100%;box-shadow:0 0 8px var(--ck);transition:width .8s;display:block}.ck-pct{text-align:right;color:var(--ck-2);font-size:11px}.ck-meters{gap:6px;display:grid}.ck-meter{grid-template-columns:64px 1fr 44px;align-items:center;gap:8px;display:grid}.ck-meter small{color:var(--ck-muted)}.ck-meter em{text-align:right;color:var(--ck-2);font-style:normal}.ck-kern-vak{place-items:center;width:640px;max-width:100%;height:440px;display:grid;position:relative}.ck-kern-vak .cc-kern{max-width:100%;height:auto}.ck-ring{border:1px dashed var(--ck-rand);pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ck-ring.r1{border-style:solid;border-color:#4f9cff2e;width:430px;height:430px;animation:60s linear infinite ck-draai}.ck-ring.r2{border-width:1px;width:480px;height:480px;animation:90s linear infinite reverse ck-draai}.ck-ring.r3{background:conic-gradient(from 0deg, transparent 0 88deg, #4f9cff59 90deg, transparent 92deg);border:0;width:430px;height:430px;animation:8s linear infinite ck-draai;-webkit-mask:radial-gradient(circle,#0000 47%,#000 48% 50%,#0000 51%);mask:radial-gradient(circle,#0000 47%,#000 48% 50%,#0000 51%)}@keyframes ck-draai{to{transform:translate(-50%,-50%)rotate(360deg)}}.ck-kern{filter:drop-shadow(0 0 30px #4f9cff59)}.ck-callout{border:1px solid var(--ck-rand);background:#020814b3;gap:1px;min-width:130px;padding:8px 12px;transition:border-color .15s,box-shadow .15s;display:grid;position:absolute}.ck-callout:hover{border-color:var(--ck-rand-fel);box-shadow:0 0 20px -8px var(--ck)}.ck-callout small{letter-spacing:.14em;text-transform:uppercase;color:var(--ck);font-size:10px}.ck-callout b{color:#fff;font-size:22px;line-height:1.1}.ck-callout span{color:var(--ck-muted);font-size:10.5px}.ck-callout.waarschuw{border-color:#ffb02080}.ck-callout.waarschuw b{color:var(--ck-oranje)}.ck-callout.lb{top:40px;left:0}.ck-callout.rb{text-align:right;top:40px;right:0}.ck-callout.lo{bottom:40px;left:0}.ck-callout.ro{text-align:right;bottom:40px;right:0}.ck-callout.lb:after,.ck-callout.lo:after{content:"";background:linear-gradient(90deg, var(--ck-rand-fel), transparent);width:60px;height:1px;position:absolute;top:50%;left:100%}.ck-callout.rb:after,.ck-callout.ro:after{content:"";background:linear-gradient(270deg, var(--ck-rand-fel), transparent);width:60px;height:1px;position:absolute;top:50%;right:100%}.ck-totaal{text-align:center;gap:0;display:grid;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.ck-totaal small{letter-spacing:.2em;text-transform:uppercase;color:var(--ck);font-size:10px}.ck-totaal b{color:#fff;text-shadow:0 0 16px var(--ck);font-size:30px;line-height:1.1}.ck-totaal span{color:var(--ck-muted);font-size:10.5px}.ck-tabs{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ck-tabs a{border:1px solid var(--ck-rand);background:var(--ck-dim);color:var(--ck-2);letter-spacing:.06em;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:11.5px;transition:border-color .15s;display:inline-flex}.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{box-sizing:border-box;border:1px solid var(--ck-rand);background:#02081499;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;min-width:0;max-width:760px;padding:8px 12px;font-size:12px;display:grid}.ck-ticker-l{color:var(--ck);letter-spacing:.2em;min-width:0;font-weight:800}.ck-ticker-t{color:var(--ck-tekst);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.ck-ticker-r{color:var(--ck-muted);white-space:nowrap;font-size:10.5px}.ck .cc-cursor{color:var(--ck)}.ck-radar{width:150px;height:150px;margin:0 auto 8px;display:block}.ck-radar-ring{fill:none;stroke:var(--ck-rand)}.ck-radar-as{stroke:#4f9cff24}.ck-radar-uur{fill:var(--ck-muted);text-anchor:middle;font-size:8px}.ck-radar-sweep{animation:6s linear infinite ck-draai-plat}@keyframes ck-draai-plat{to{transform:rotate(360deg)}}.ck-radar-nu{stroke:#fff;stroke-width:1.2px;opacity:.8}.ck-radar-stip{filter:drop-shadow(0 0 4px)}.ck-chat{border:1px solid var(--ck-rand);background:var(--ck-paneel);flex-direction:column;min-height:200px;max-height:300px;display:flex;position:relative}.ck-chat:before{content:"BOB · GESPREK";letter-spacing:.2em;color:var(--ck);background:var(--ck-bg);padding:0 6px;font-size:10px;position:absolute;top:-8px;left:12px}.ck-chat-log{flex:1;align-content:start;gap:8px;padding:14px 14px 6px;font-size:13px;line-height:1.5;display:grid;overflow:auto}.ck-beurt{border-radius:6px;max-width:85%;padding:8px 12px;animation:.3s ease-out ck-in}.ck-beurt.bob{border-left:2px solid var(--ck);color:#eaf2ff;background:#4f9cff1a}.ck-beurt.bob.sys{color:var(--ck-groen);border-left-color:var(--ck-groen);background:#2fe6a714}.ck-beurt.ik{color:var(--ck-tekst);background:#ffffff12;justify-self:end}.ck-punt{background:var(--ck);border-radius:50%;width:6px;height:6px;margin-right:4px;animation:1.2s infinite ck-punt;display:inline-block}.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{flex-wrap:wrap;gap:6px;padding:4px 12px;display:flex}.ck-snel button{border:1px solid var(--ck-rand);color:var(--ck-2);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:11px}.ck-snel button:hover{background:var(--ck-dim);color:#fff}.ck-chat-in{border-top:1px solid var(--ck-rand);align-items:center;gap:8px;padding:8px 12px;display:flex}.ck-prompt{color:var(--ck);font-size:18px;font-weight:800}.ck-chat-in input{color:#fff;font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:13.5px}.ck-chat-in input::placeholder{color:var(--ck-muted)}.ck-cijfers{border:1px solid var(--ck-rand);background:var(--ck-paneel);grid-template-rows:auto auto 1fr;gap:8px;padding:12px 14px;display:grid;position:relative}.ck-cijfers:before{content:"CIJFERS";letter-spacing:.2em;color:var(--ck);background:var(--ck-bg);padding:0 6px;font-size:10px;position:absolute;top:-8px;left:12px}.ck-groot{display:grid}.ck-groot small{letter-spacing:.18em;text-transform:uppercase;color:var(--ck);font-size:10px}.ck-groot b{color:#fff;text-shadow:0 0 16px var(--ck);font-size:30px;line-height:1.1}.ck-groot span{color:var(--ck-muted);font-size:10.5px}.ck-klein-rij{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.ck-klein{display:grid}.ck-klein small{letter-spacing:.1em;text-transform:uppercase;color:var(--ck-muted);font-size:9.5px}.ck-klein b{color:var(--ck-2);font-size:16px}.ck-staven{align-items:flex-end;gap:10px;height:56px;padding-top:4px;display:flex}.ck-staaf{text-align:center;flex:1;grid-template-rows:1fr auto;height:100%;display:grid}.ck-staaf b{background:linear-gradient(180deg, var(--ck), #4f9cff4d);border-radius:2px 2px 0 0;align-self:end;transition:height .8s}.ck-staaf small{color:var(--ck-muted);margin-top:3px;font-size:9px;line-height:1.2}@media (width<=1300px){.ck-raster{grid-template-columns:260px minmax(0,1fr) 280px}.ck-kern-vak{height:420px}}@media (width<=1100px){.ck-raster{grid-template-columns:1fr 1fr}.ck-midden{order:-1;grid-column:1/3}.ck-chat,.ck-cijfers{grid-column:1/3}.ck-kern-vak{width:100%;height:400px}}@media (width<=700px){.ck{margin:-8px;padding:8px}.ck-ticker{grid-template-columns:auto minmax(0,1fr)}.ck-ticker-r{display:none}.ck-kop{flex-wrap:wrap;gap:8px 12px}.ck-kop-l{flex-wrap:wrap;gap:6px 10px}.ck-logo{letter-spacing:.18em;font-size:18px}.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{min-width:0;position:static}.ck-kern-vak{grid-template-columns:1fr 1fr;display:grid}.ck-kern-vak canvas{grid-column:1/3;justify-self:center}.ck-totaal{grid-column:1/3;position:static;transform:none}.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{grid-template-columns:320px minmax(0,1fr) 300px;gap:12px;min-height:calc(100vh - 200px);display:grid}.sup-lijst,.sup-gesprek,.sup-context{flex-direction:column;min-height:0;padding:12px;display:flex}.sup-zoek{flex:none;margin-bottom:8px}.sup-lijst>.filter-chips{flex:none}.sup-lijst-vak{flex:auto;min-height:0;margin-top:8px;overflow:auto}.sup-gesprekken{grid-template-columns:minmax(0,1fr);align-content:start;gap:4px;margin:0;padding:0;list-style:none;display:grid}.sup-gesprekken li{cursor:pointer;border:1px solid #0000;border-radius:10px;min-width:0;padding:8px 10px;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{justify-content:space-between;gap:8px;font-size:13.5px;display:flex}.sup-g-tekst{color:var(--ds-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.sup-g-voet{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.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{flex-wrap:wrap;gap:4px;display:inline-flex}.sup-badge{letter-spacing:.06em;background:var(--ds-veld);color:var(--ds-text-muted);border-radius:4px;padding:1px 6px;font-size:10px;font-weight:800}.sup-badge.ai{color:#0369a1;background:#0ea5e926}.sup-badge.mens{color:#15803d;background:#16a34a26}.sup-badge.urgent{color:#be123c;background:#e11d4826}.sup-badge.klant{color:#166534;background:#16a34a1f}.sup-badge.prospect{color:#92400e;background:#d9770626}.sup-badge.onbekend{background:var(--ds-veld)}.sup-badge.pauze{color:#4338ca;background:#6366f126}.sup-g-balk{border-bottom:1px solid var(--ds-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:10px;display:flex}.sup-knoppen{flex-wrap:wrap;gap:6px;display:flex}.sup-escalatie{background:#d977061a;border:1px solid #d977064d;border-radius:10px;margin:10px 0;padding:8px 12px;font-size:13px}.sup-berichten{flex:1;align-content:start;gap:8px;padding:12px 4px;display:grid;overflow:auto}.sup-bericht{border-radius:12px;max-width:78%;padding:8px 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{color:var(--ds-text-muted);margin-top:3px;font-size:10.5px}.sup-soort{color:var(--ds-text-muted);font-size:11px}.sup-suggestie{border:1px dashed var(--portal-color);background:color-mix(in srgb, var(--portal-color) 5%, transparent);border-radius:12px;gap:8px;margin-bottom:8px;padding:10px 12px;display:grid}.sup-s-kop{font-size:13px}.sup-compose{border-top:1px solid var(--ds-border);grid-template-columns:1fr auto;align-items:end;gap:8px;padding-top:8px;display:grid}.sup-context h3{letter-spacing:.08em;text-transform:uppercase;color:var(--ds-text-muted);margin:12px 0 6px;font-size:12px}.sup-context h3:first-child{margin-top:0}.sup-audit{gap:4px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.sup-leeg{text-align:center;color:var(--ds-text-muted);flex:1;align-content:center;place-items:center;gap:6px;padding:24px;display:grid}.sup-leeg b{color:var(--ds-text);font-size:14px}.sup-leeg .muted{max-width:260px;font-size:12.5px}.sup-filter{flex:none;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.sup-filter .form-select{flex:auto;width:auto;height:36px}.sup-context .detail-rijen>div{border-bottom:1px solid var(--ds-border);justify-content:space-between;gap:10px;padding:6px 0;font-size:13px;display:flex}.sup-context .detail-rijen>div:last-child{border-bottom:none}.sup-context .detail-rijen span{color:var(--ds-text-muted);flex:none}.sup-context .detail-rijen b{text-align:right;overflow-wrap:anywhere}.sup-instellingen{gap:14px;display:grid}.sup-modi{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:8px;display:grid}.sup-modus{text-align:left;border:1.5px solid var(--ds-border);background:var(--ds-card);cursor:pointer;font:inherit;color:inherit;border-radius:12px;gap:4px;padding:10px 12px;display:grid}.sup-modus.actief{border-color:var(--portal-color);background:color-mix(in srgb, var(--portal-color) 8%, transparent)}.sup-modus span{color:var(--ds-text-muted);font-size:12px}.sup-schakel{border-bottom:1px solid var(--ds-border-subtle,var(--ds-border));cursor:pointer;align-items:flex-start;gap:10px;padding:8px 0;display:flex}.sup-schakel input{margin-top:4px}.sup-schakel .muted{font-size:12.5px}@media (width<=1100px){.sup-inbox{grid-template-columns:1fr}.sup-modi{grid-template-columns:1fr 1fr}}.sup-stappen{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.sup-stap{border:1.5px solid var(--ds-border);background:var(--ds-card);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.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{background:var(--ds-veld);width:28px;height:28px;color:var(--ds-text-muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:800;display:grid}.sup-stap.ok .sup-stap-nr{color:#15803d;background:#16a34a26}.sup-stap.let .sup-stap-nr{color:#92400e;background:#d9770626}.sup-stap b{font-size:13.5px;display:block}.sup-stap small{color:var(--ds-text-muted);font-size:12px}.sup-blok .card-head-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.sup-blok .card-title{margin:0}.sup-koppel{margin-top:8px}.sup-koppel-rij{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.sup-koppel-veld{min-width:0}.sup-koppel-veld .form-label{margin-bottom:6px;display:block}.sup-koppel-veld .form-input{height:40px;margin:0}.sup-koppel-knoppen{align-items:center;gap:8px;display:flex}.sup-koppel-knoppen .btn-primary,.sup-koppel-knoppen .btn-secondary{white-space:nowrap;height:40px}.sup-instellingen .form-input{background-color:var(--ds-veld)}.sup-instellingen .form-input:focus{background-color:var(--ds-card)}.sup-webhook{background:var(--ds-veld);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;padding:8px 12px;font-size:13px;display:flex}.sup-webhook code{font-weight:700}.sup-ids{flex-wrap:wrap;gap:14px;margin-bottom:10px;font-size:12px;display:flex}.sup-ids code{font-weight:600}.sup-intro{margin:0 0 12px}.sup-stand{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.sup-tegel{background:var(--ds-veld);border:1px solid var(--ds-border);border-radius:12px;min-width:0;padding:10px 12px}.sup-tegel small{letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-muted);margin-bottom:2px;font-size:11px;display:block}.sup-tegel b{overflow-wrap:anywhere;font-size:15px;display:block}.sup-tegel span{color:var(--ds-text-muted);font-size:12px;display:block}.sup-notitie{color:#9f1239;background:#e11d480f;border:1px solid #e11d4859;border-radius:10px;margin-bottom:12px;padding:9px 12px;font-size:13px}.sup-webhook{background:var(--ds-veld);color:var(--ds-text-muted);border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:12px;padding:8px 12px;font-size:13px;display:grid}.sup-url{color:var(--ds-text);overflow-wrap:anywhere;font-weight:700}.sup-kopieer{height:30px;min-height:0;padding:4px 12px;font-size:12.5px}.sup-sleutels{flex-direction:column;display:flex}.sup-rij{border-bottom:1px solid var(--ds-border);grid-template-columns:230px minmax(0,1fr) 150px;grid-template-areas:"naam invoer staat""naam waarde waarde""naam hint hint";align-items:center;gap:4px 14px;padding:10px 0;display:grid}.sup-rij:last-child{border-bottom:none}.sup-rij-naam{grid-area:naam;align-self:start;min-width:0;padding-top:8px}.sup-rij-naam b{font-size:14px;display:block}.sup-rij-naam small{color:var(--ds-text-muted);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:block}.sup-rij-invoer{grid-area:invoer;align-items:center;gap:6px;min-width:0;display:flex}.sup-rij-invoer .form-input{flex: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{border:1.5px solid var(--ds-border);background:var(--ds-card);width:40px;height:40px;color:var(--ds-text-muted);cursor:pointer;border-radius:10px;flex:none;place-items:center;display:grid}.sup-oog:hover{color:var(--ds-text);border-color:var(--ds-border-strong)}.sup-rij-staat{grid-area:staat}.sup-rij-waarde{background:var(--ds-card);border:1px dashed var(--ds-border-strong);border-radius:10px;grid-area:waarde;align-items:center;gap:8px;min-width:0;padding:8px 10px;display:flex}.sup-rij-waarde code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;flex:auto;min-width:0;font-size:12.5px}.sup-oog.actief{color:var(--portal-color);border-color:var(--portal-color)}.sup-pil{letter-spacing:.04em;background:var(--ds-veld);color:var(--ds-text-muted);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-block}.sup-pil.ok{color:#15803d;background:#16a34a24}.sup-pil.nieuw{background:color-mix(in srgb, var(--portal-color) 14%, transparent);color:var(--portal-color-dark,var(--portal-color))}.sup-pil.fout{color:#be123c;background:#e11d4824}.sup-rij-hint{color:var(--ds-text-muted);grid-area:hint;font-size:12.5px;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{color:#be123c;font-size:12.5px;font-weight:600}.sup-stap.fout{border-color:#e11d48}.sup-stap.fout .sup-stap-nr{color:#be123c;background:#e11d4826}.sup-modus{padding-left:40px;position:relative}.sup-modus-nr{background:var(--ds-veld);width:20px;height:20px;color:var(--ds-text-muted);border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid;position:absolute;top:12px;left:12px}.sup-modus.actief .sup-modus-nr{background:var(--portal-color);color:#fff}.sup-schakels{grid-template-columns:1fr 1fr;gap:0 20px;margin-bottom:10px;display:grid}.sup-opslaan{background:var(--ds-card);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow);border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex;position:sticky;bottom:0}@media (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{gap:14px;display:grid}.sup-kpis{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.sup-kpis.klein{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-bottom:10px}.sup-kpi{background:var(--ds-veld);border:1px solid var(--ds-border);border-radius:12px;min-width:0;padding:12px 14px}.sup-kpi b{letter-spacing:-.01em;font-size:24px;line-height:1.1;display:block}.sup-kpi span{color:var(--ds-text-muted);margin-top:4px;font-size:12px;display:block}.sup-kpi small{color:var(--ds-text-muted);font-size:11px;display:block}.sup-kpi.let{border-color:#d9770680}.sup-kpi.let b{color:#92400e}.sup-balken{gap:8px;display:grid}.sup-balk{grid-template-columns:160px minmax(0,1fr) 40px;align-items:center;gap:10px;font-size:13px;display:grid}.sup-balk span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sup-balk b{text-align:right}.sup-balk-spoor{background:var(--ds-veld);border-radius:999px;height:10px;overflow:hidden}.sup-balk-spoor i{background:var(--portal-color);border-radius:999px;height:100%;display:block}.sup-sub{margin:2px 0 0;font-size:13px}.sup-teller-licht{background:var(--ds-veld);color:var(--ds-text-muted);vertical-align:middle;border-radius:999px;margin-left:6px;padding:1px 8px;font-size:12px;font-weight:700;display:inline-block}.sup-analyse-knoppen{align-items:center;gap:8px;display:flex}.sup-analyse-knoppen .form-select{width:auto;height:40px}.sup-historie{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.sup-hist{text-align:left;border:1.5px solid var(--ds-border);background:var(--ds-card);cursor:pointer;font:inherit;color:inherit;border-radius:10px;gap:2px;padding:8px 12px;display:grid}.sup-hist b{font-size:13px}.sup-hist span{color:var(--ds-text-muted);font-size:11.5px}.sup-hist.actief{border-color:var(--portal-color);background:color-mix(in srgb, var(--portal-color) 8%, transparent)}.sup-tekst{margin:0;font-size:14px;line-height:1.55}.sup-bakken{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.sup-punten{gap:10px;display:grid}.sup-punt{border:1.5px solid var(--ds-border);background:var(--ds-card);border-left-width:4px;border-radius:12px;padding:12px 14px}.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{align-items:center;gap:10px;margin-bottom:8px;display:flex}.sup-punt-kop b{font-size:14px}.sup-punt-rij{grid-template-columns:120px minmax(0,1fr);gap:10px;margin-bottom:6px;font-size:13px;line-height:1.45;display:grid}.sup-punt-rij span{color:var(--ds-text-muted);padding-top:1px;font-size:12px}.sup-punt-rij p{margin:0}.sup-punt-voet{border-top:1px solid var(--ds-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;padding-top:8px;font-size:12.5px;display:flex}.sup-punt-acties{gap:6px;margin-left:auto;display:flex}.btn-primary.klein,.btn-secondary.klein{border-radius:999px;align-items:center;height:32px;min-height:0;padding:0 12px;font-size:12.5px;text-decoration:none;display:inline-flex}.sup-kb-filters{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;margin-top:12px;display:grid}.sup-kb-filters .form-select{width:auto;height:40px}.sup-kb-tabel td{vertical-align:middle}@media (width<=1000px){.sup-bakken,.sup-kb-filters,.sup-punt-rij{grid-template-columns:1fr}}.sup-sjablonen{gap:14px;display:grid}.sup-sj-tekst{white-space:pre-wrap;max-width:520px;font-size:12.5px}.sup-plan{gap:14px;display:grid}.sup-plan-teller{text-align:right;flex:none}.sup-plan-teller b{font-size:28px;line-height:1;display:block}.sup-plan-teller span{color:var(--ds-text-muted);font-size:12px}.sup-plan-balk{background:var(--ds-veld);border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.sup-plan-balk i{background:var(--portal-color);border-radius:999px;height:100%;transition:width .4s;display:block}.sup-plan-volgende{background:color-mix(in srgb, var(--portal-color) 8%, transparent);border-radius:10px;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;font-size:13px;display:flex}.sup-plan-nr{background:var(--portal-color);color:#fff;vertical-align:middle;border-radius:50%;place-items:center;width:26px;height:26px;margin-right:10px;font-size:13px;font-weight:800;display:inline-grid}.sup-stappen-lijst{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.sup-stap-rij{border:1.5px solid var(--ds-border);background:var(--ds-card);border-radius:12px;overflow:hidden}.sup-stap-rij.gedaan{border-color:#16a34a66}.sup-stap-rij.let{border-color:#d977068c}.sup-stap-rij.open.open{border-color:var(--portal-color)}.sup-stap-kop{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.sup-stap-kop:hover{background:var(--ds-hover)}.sup-stap-bol{color:var(--ds-text-muted);place-items:center;display:grid}.sup-stap-bol.gedaan{color:#15803d}.sup-stap-bol.let{color:#b45309}.sup-stap-titel{min-width:0}.sup-stap-titel b{font-size:14px;display:block}.sup-stap-titel small{color:var(--ds-text-muted);font-size:12px;display:block}.sup-stap-body{border-top:1px solid var(--ds-border);padding:4px 14px 14px 48px;font-size:13.5px;line-height:1.5}.sup-stap-body>p{margin:10px 0}.sup-kliks{margin:0 0 10px;padding-left:20px}.sup-kliks li{margin:3px 0}.sup-kopieer-vak{border:1px dashed var(--ds-border-strong);background:var(--ds-veld);border-radius:10px;margin:8px 0;padding:8px 12px}.sup-kopieer-kop{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.sup-kopieer-vak pre{white-space:pre-wrap;font:inherit;margin:0;font-size:13px}.sup-stap-voet{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.sup-stap-voet .sup-punt-acties{flex-wrap:wrap;margin-left:0}@media (width<=700px){.sup-stap-body{padding-left:14px}}.pagina-monitoring .mo-dot{background:var(--ds-text-muted);border-radius:50%;width:8px;height:8px}.pagina-monitoring .mo-dot.ok{background:#34d399}.pagina-monitoring .mo-dot.err{background:#f87171}.pagina-monitoring .mo-error{color:var(--ds-danger);align-items:center;gap:8px;margin-bottom:14px;padding:14px 16px;display:flex}.pagina-monitoring .mo-stats{margin-bottom:16px}.pagina-monitoring .mo-grid{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}@media (width<=900px){.pagina-monitoring .mo-grid{grid-template-columns:1fr}}.pagina-monitoring .mo-panel{padding:0;overflow:hidden}.pagina-monitoring .mo-panel-head{border-bottom:1px solid var(--ds-border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.pagina-monitoring .mo-panel-head h2{color:var(--ds-text-2);align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;display:flex}.pagina-monitoring .mo-link{color:var(--portal-color);align-items:center;gap:2px;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-flex}.pagina-monitoring .mo-link:hover{text-decoration:underline}.pagina-monitoring .mo-table-wrap{overflow-x:auto}.pagina-monitoring .mo-empty{color:var(--ds-text-subtle);align-items:center;gap:8px;padding:22px 16px;font-size:13px;display:flex}.pagina-monitoring .mo-drivers{flex-direction:column;display:flex}.pagina-monitoring .mo-driver{border-bottom:1px solid var(--ds-border);color:var(--ds-text-2);justify-content:space-between;align-items:center;gap:10px;padding:11px 16px;font-size:13px;text-decoration:none;display:flex}.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{text-align:center;font-variant-numeric:tabular-nums;background:var(--ds-hover);min-width:26px;color:var(--ds-text-2);border-radius:20px;padding:2px 9px;font-size:12px;font-weight:700}.pagina-monitoring .page-meta{align-items:center;gap:7px;display:flex}.pagina-voertuigcontrole .vc-uitleg{color:var(--ds-text-muted);border-bottom:1px solid var(--ds-border);margin:0;padding:12px 18px;font-size:12.5px;line-height:1.6}.pagina-voertuigcontrole .vc-voet{color:var(--ds-text-muted);border-top:1px solid var(--ds-border);margin:0;padding:14px 18px;font-size:12.5px;line-height:1.65}.pagina-voertuigcontrole .vc-melding{background:var(--ds-bg);border:1px solid var(--ds-border);color:var(--ds-text);border-radius:10px;margin:0 0 16px;padding:12px 15px;font-size:13px}.pagina-voertuigcontrole tr.vc-actief td{background:#fffbeb}.pagina-voertuigcontrole .stat-card.waarschuwing{border-color:#fcd34d}.pagina-voertuigcontrole .vc-form{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.pagina-voertuigcontrole .vc-form input{font:inherit;border:1px solid var(--ds-border);background:var(--ds-bg);min-width:190px;color:var(--ds-text);border-radius:9px;flex:1;padding:9px 12px;font-size:13.5px}.pagina-voertuigcontrole .vc-diagnose pre{background:var(--ds-bg);border:1px solid var(--ds-border);color:var(--ds-text);border-radius:10px;margin:0 0 12px;padding:13px 15px;font-size:12px;line-height:1.55;overflow-x:auto}.pagina-voertuigcontrole .vc-herstel{color:#b91c1c;border-color:#fca5a5}.pagina-voertuigcontrole .vc-herstel:hover:not(:disabled){background:#fef2f2;border-color:#ef4444}.vc-overlay{z-index:300;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.vc-vraag{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;width:min(480px,94vw);padding:22px;box-shadow:0 24px 70px #0000004d}.vc-vraag h3{margin:0 0 14px;font-size:15.5px}.vc-vraag dl{grid-template-columns:auto 1fr;gap:5px 16px;margin:0 0 14px;font-size:13px;display:grid}.vc-vraag dt{color:var(--ds-text-muted)}.vc-vraag dd{margin:0}.vc-vraag p{color:var(--ds-text-muted);margin:0 0 18px;font-size:12.5px;line-height:1.6}.vc-knoppen{justify-content:flex-end;gap:8px;display:flex}.vc-knoppen button{font:inherit;cursor:pointer;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:999px;padding:7px 15px;font-size:13px}.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{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.pagina-audit .audit-form.periode{margin:16px 0 0;display:block}.pagina-audit .audit-form.periode .btn-secondary{margin-top:10px}.pagina-audit .audit-form label{color:var(--ds-text-muted);align-items:center;gap:7px;font-size:12.5px;display:flex}.pagina-audit .audit-form input{font:inherit;border:1px solid var(--ds-border);background:var(--ds-bg);color:var(--ds-text);border-radius:9px;padding:9px 12px;font-size:13.5px}.pagina-audit .audit-form input[type=text]{flex:1;min-width:220px}.pagina-audit .audit-keuze{flex-direction:column;gap:3px;max-height:260px;display:flex;overflow-y:auto}.pagina-audit .audit-rij{text-align:left;cursor:pointer;width:100%;font:inherit;color:var(--ds-text);background:0 0;border:1px solid #0000;border-radius:9px;flex-direction:column;gap:2px;padding:8px 11px;display:flex}.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{color:var(--ds-text-muted);font-size:11.5px}.pagina-audit .audit-melding{color:var(--ds-text);margin:0 0 16px;font-size:13px}.pagina-audit .audit-melding.fout{color:#b91c1c}.pagina-audit .audit-voet{color:var(--ds-text-muted);border-top:1px solid var(--ds-border);margin:0;padding:13px 18px;font-size:12.5px;line-height:1.6}.pagina-km .stat-card.let-op{border-color:#fcd34d}.pagina-km .km-uitleg,.pagina-km .km-voet{color:var(--ds-text-muted);margin:0;padding:13px 18px;font-size:12.5px;line-height:1.65}.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{background:var(--ds-bg);border:1px solid var(--ds-border);color:var(--ds-text);border-radius:10px;margin:0 0 16px;padding:12px 15px;font-size:13px}.pagina-km .km-zoek{font:inherit;border:1px solid var(--ds-border);background:var(--ds-card);min-width:240px;color:var(--ds-text);border-radius:999px;padding:7px 11px;font-size:13px}.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{align-items:center;gap:6px;display:flex}.pagina-km .km-invoer input{font:inherit;border:1px solid var(--ds-border);background:var(--ds-bg);width:110px;color:var(--ds-text);border-radius:8px;padding:6px 9px;font-size:13px}.km-overlay{z-index:300;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.km-vraag{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;width:min(470px,94vw);padding:22px;box-shadow:0 24px 70px #0000004d}.km-vraag h3{margin:0 0 14px;font-size:15.5px}.km-vraag dl{grid-template-columns:auto 1fr;gap:5px 16px;margin:0 0 14px;font-size:13px;display:grid}.km-vraag dt{color:var(--ds-text-muted)}.km-vraag dd{margin:0}.km-vraag p{color:var(--ds-text-muted);margin:0 0 18px;font-size:12.5px;line-height:1.6}.km-knoppen{justify-content:flex-end;gap:8px;display:flex}.km-knoppen button{font:inherit;cursor:pointer;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:999px;padding:7px 15px;font-size:13px}.km-knoppen .door{background:var(--portal-color);border-color:var(--portal-color);color:#fff}.vb-balk{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.vb-tabs{flex-wrap:wrap;gap:8px;display:flex}.vb-tab{font:inherit;cursor:pointer;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:999px;padding:7px 16px;font-size:13px}.vb-tab.actief{background:var(--portal-color);border-color:var(--portal-color);color:#fff}.vb-zoek{font:inherit;border:1px solid var(--ds-border);background:var(--ds-card);min-width:260px;max-width:380px;color:var(--ds-text);border-radius:999px;flex:1;padding:8px 14px;font-size:13px}.vb-lijst{flex-direction:column;gap:9px;display:flex}.vb-rij{padding:13px 15px}.vb-rij.oud{border-color:#fca5a5}.vb-hoofd{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.vb-dagen{flex-direction:column;flex-shrink:0;align-items:center;min-width:52px;display:flex}.vb-dagen-getal{font-variant-numeric:tabular-nums;font-size:21px;font-weight:700;line-height:1}.vb-rij.oud .vb-dagen-getal{color:#b91c1c}.vb-dagen-eenheid{color:var(--ds-text-muted);font-size:10.5px}.vb-wie{flex:1;min-width:220px}.vb-email{word-break:break-all;font-size:13.5px;font-weight:600}.vb-meta{color:var(--ds-text-muted);margin-top:2px;font-size:12px}.vb-gedaan{color:var(--ds-text-muted);align-items:center;gap:5px;margin-top:4px;font-size:12px;display:flex}.vb-acties{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.vb-vink{font:inherit;cursor:pointer;border:1px solid var(--portal-color);background:var(--portal-color);color:#fff;border-radius:999px;padding:7px 15px;font-size:13px}.vb-vink:disabled{opacity:.55;cursor:default}.vb-beeld{border-top:1px solid var(--ds-border);margin-top:13px;padding-top:13px}.vb-beeld img,.vb-beeld object{border:1px solid var(--ds-border);background:var(--ds-bg);object-fit:contain;border-radius:10px;width:100%;max-height:620px;display:block}.vb-beeld object{height:620px}.vb-onderbalk{flex-wrap:wrap;align-items:center;gap:10px;margin-top:11px;display:flex}.vb-notitie{font:inherit;border:1px solid var(--ds-border);background:var(--ds-card);min-width:220px;color:var(--ds-text);border-radius:9px;flex:1;padding:8px 13px;font-size:13px}.vb-leeg{color:var(--ds-text-muted);align-items:center;gap:11px;padding:22px;display:flex}.vb-melding{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:11px;margin:0 0 14px;padding:11px 14px;font-size:13px;line-height:1.55}.vb-melding.fout{color:#7f1d1d;background:#fef2f2;border-color:#fca5a5}.stat-card.vb-alarm{border-color:#fca5a5}.stat-card.vb-alarm .stat-value{color:#b91c1c}.io-balk{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:14px;display:flex}.io-zoek{font:inherit;border:1px solid var(--ds-border);background:var(--ds-card);min-width:260px;max-width:380px;color:var(--ds-text);border-radius:999px;flex:1;padding:8px 14px;font-size:13px}.io-schakel{color:var(--ds-text-muted);cursor:pointer;align-items:center;gap:7px;font-size:12.5px;display:flex}.io-lijst{flex-direction:column;gap:9px;display:flex}.io-rij{flex-wrap:wrap;align-items:flex-start;gap:18px;padding:14px 16px;display:flex}.io-rij.io-onbevestigd{border-color:#fcd34d}.io-wie{flex:2;min-width:220px}.io-naam{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.io-chip-stil{border:1px solid var(--ds-border);color:var(--ds-text-muted);border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:500}.io-velden{color:var(--ds-text-muted);flex-wrap:wrap;gap:16px;margin-top:5px;font-size:12.5px;display:flex}.io-velden b{color:var(--ds-text);margin-right:4px;font-weight:600}.io-vorm{color:#b45309}.io-stand{flex:2;min-width:230px}.io-vlag{border:1px solid var(--ds-border);border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:12.5px;font-weight:600;display:inline-flex}.io-vlag-bevestigd{color:#15803d;border-color:#86efac}.io-vlag-onbevestigd{color:#92400e;border-color:#fcd34d}.io-vlag-geen-nummer{color:var(--ds-text-muted)}.io-uitleg{color:var(--ds-text-muted);margin:6px 0 0;font-size:12px;line-height:1.5}.io-actie{align-items:center;min-width:150px;display:flex}.io-overlay{z-index:60;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.io-dialoog{width:100%;max-width:520px}.io-dialoog h2{margin:0 0 10px;font-size:16px}.io-waarschuwing{color:var(--ds-text);background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;margin:0 0 13px;padding:11px 13px;font-size:12.5px;line-height:1.6}.io-verzending{flex-direction:column;gap:7px;margin:0 0 15px;display:flex}.io-verzending>div{gap:12px;font-size:13px;display:flex}.io-verzending dt{min-width:140px;color:var(--ds-text-muted);margin:0}.io-verzending dd{word-break:break-all;margin:0;font-weight:600}.io-dialoog-knoppen{justify-content:flex-end;gap:9px;display:flex}.io-verzend{font:inherit;cursor:pointer;color:#fff;background:#b91c1c;border:1px solid #b91c1c;border-radius:999px;padding:8px 17px;font-size:13px}.io-melding{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:11px;margin:0 0 14px;padding:11px 14px;font-size:13px;line-height:1.55}.io-melding.fout{color:#7f1d1d;background:#fef2f2;border-color:#fca5a5}.stat-card.io-alarm{border-color:#fca5a5}.stat-card.io-alarm .stat-value{color:#b91c1c}.stat-card.io-goed{border-color:#86efac}.tw-melding{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:11px;margin:0 0 14px;padding:11px 14px;font-size:13px}.tw-melding.fout{color:#7f1d1d;background:#fef2f2;border-color:#fca5a5}.tw-uitleg{margin-bottom:16px}.tw-uitleg h3{align-items:center;gap:7px;margin:0 0 8px;font-size:14px;display:flex}.tw-uitleg p{color:var(--ds-text-muted);margin:0 0 8px;font-size:12.5px;line-height:1.65}.tw-uitleg p:last-child{margin-bottom:0}.tabel-schuif{overflow-x:auto}.tw-naam{white-space:nowrap;font-weight:600}.tw-nr{color:var(--ds-text-muted);font-size:11.5px;font-weight:400;display:block}.tw-uren{font-variant-numeric:tabular-nums;font-weight:600}.tw-plek{color:var(--portal-color);align-items:center;gap:5px;text-decoration:none;display:inline-flex}.tw-plek:hover{text-decoration:underline}.tw-geen{color:var(--ds-text-muted);font-size:12px}.ab-signalen{border-color:#fcd34d;margin-bottom:16px}.ab-signalen h2{color:#92400e;align-items:center;gap:8px;margin:0 0 12px;font-size:15px;display:flex}.ab-signaal-lijst{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:10px;display:grid}.ab-signaal{text-align:left;cursor:pointer;font:inherit;border:1px solid var(--ds-border);background:var(--ds-bg);color:var(--ds-text);border-radius:12px;flex-direction:column;gap:4px;padding:13px 15px;display:flex}.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{color:var(--ds-text-muted);font-size:11.5px;line-height:1.5}.ab-signaal-wie{color:var(--ds-text-muted);font-size:11.5px;font-style:italic}.ab-balk{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.ab-zoek{font:inherit;border:1px solid var(--ds-border);background:var(--ds-card);min-width:260px;max-width:380px;color:var(--ds-text);border-radius:999px;flex:1;padding:8px 14px;font-size:13px}.ab-tabel{border-collapse:collapse;width:100%;font-size:13px}.ab-tabel th,.ab-tabel td{border-bottom:1px solid var(--ds-border);text-align:left;white-space:nowrap;padding:9px 11px}.ab-tabel th{text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted);font-size:11.5px;font-weight:600}.ab-tabel .r{text-align:right;font-variant-numeric:tabular-nums}.ab-naam{white-space:normal;min-width:180px;font-weight:600}.ab-vlag{color:#92400e;border:1px solid #fcd34d;border-radius:999px;margin-left:7px;padding:2px 8px;font-size:10.5px;display:inline-block}.ab-mis{color:#b91c1c;font-weight:600}.ab-ja{color:var(--ds-text-muted)}.ab-nee{color:#b91c1c;font-weight:600}.ab-melding{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:11px;margin:0 0 14px;padding:11px 14px;font-size:13px;line-height:1.55}.ab-melding.fout{color:#7f1d1d;background:#fef2f2;border-color:#fca5a5}.stat-card.ab-alarm{border-color:#fca5a5}.stat-card.ab-alarm .stat-value{color:#b91c1c}.pagina-ilt-wachtrij .conn-banner{border:1px solid var(--ds-border);border-radius:14px;align-items:center;gap:12px;padding:14px 18px;display:flex}.pagina-ilt-wachtrij .conn-banner svg{flex-shrink:0;font-size:26px}.pagina-ilt-wachtrij .conn-text{color:var(--ds-text-2);flex-direction:column;gap:2px;font-size:13px;display:flex}.pagina-ilt-wachtrij .conn-text strong{color:var(--ds-text);font-size:14px}.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{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.pagina-ilt-wachtrij .legend-row{align-items:flex-start;gap:12px;display:flex}.pagina-ilt-wachtrij .legend-row .q-badge{flex-shrink:0;justify-content:center;min-width:78px;margin-top:2px}.pagina-ilt-wachtrij .legend-text{color:var(--ds-text-muted);flex-direction:column;gap:1px;font-size:12.5px;display:flex}.pagina-ilt-wachtrij .legend-text strong{color:var(--ds-text);font-size:13px}.pagina-ilt-wachtrij .trend-chart{align-items:flex-end;gap:4px;height:120px;padding:6px 0 0;display:flex}.pagina-ilt-wachtrij .trend-bar-wrap{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.pagina-ilt-wachtrij .trend-bar{background:var(--ds-border);border-radius:4px 4px 0 0;width:70%;max-width:22px;min-height:2px;transition:height .2s}.pagina-ilt-wachtrij .trend-bar.has{background:var(--ds-warning)}.pagina-ilt-wachtrij .trend-bar-val{color:var(--ds-warning);height:13px;font-size:10px;font-weight:700}.pagina-ilt-wachtrij .trend-bar-lbl{color:var(--ds-text-muted);white-space:nowrap;margin-top:3px;font-size:9px}.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{text-transform:uppercase;letter-spacing:.3px;background:var(--ds-hover);color:var(--ds-text-muted);border-radius:999px;padding:3px 10px;font-size:10.5px;font-weight:700;display:inline-flex}.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{flex-direction:column;gap:8px;display:flex}.pagina-ilt-verkeer .conn-pill{border-radius:var(--ds-radius-sm);background:var(--ds-success-bg);border:1px solid var(--ds-success);align-items:center;gap:10px;padding:10px 14px;display:flex}.pagina-ilt-verkeer .conn-pill.down{background:var(--ds-danger-bg);border-color:var(--ds-danger)}.pagina-ilt-verkeer .conn-dot{background:var(--ds-success);border-radius:50%;width:8px;height:8px;animation:2s infinite pagina-ilt-verkeer-pulse;display:inline-block}.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{color:var(--ds-text);font-size:13px;font-weight:700}.pagina-ilt-verkeer .conn-meta{color:var(--ds-text-muted);font-size:11px}.pagina-ilt-verkeer .conn-err{color:var(--ds-danger);font-size:11px}.pagina-ilt-verkeer .chauffeur-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.pagina-ilt-verkeer .chauffeur-card{border:1px solid var(--ds-border);background:var(--ds-bg);cursor:pointer;border-radius:11px;padding:12px;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{color:var(--ds-text);font-size:12px;font-weight:700}.pagina-ilt-verkeer .cc-pas{color:var(--ds-text-muted);font-family:monospace;font-size:10px}.pagina-ilt-verkeer .cc-stats{gap:6px;margin-top:4px;font-size:10px;display:flex}.pagina-ilt-verkeer .cc-stat{border-radius:4px;padding:0 5px}.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{color:var(--ds-text-muted);margin-top:4px;font-size:9px}.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{border-bottom:1px solid var(--ds-border);background:var(--ds-bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}.pagina-ilt-verkeer .feed-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pagina-ilt-verkeer .feed-search{background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text);border-radius:7px;min-width:240px;padding:5px 10px;font-size:11.5px}.pagina-ilt-verkeer .feed-search:focus{border-color:var(--portal-color);outline:none}.pagina-ilt-verkeer .auto-toggle{color:var(--ds-text-muted);cursor:pointer;align-items:center;gap:5px;font-size:11.5px;display:flex}.pagina-ilt-verkeer .auto-toggle input{cursor:pointer}.pagina-ilt-verkeer .feed-btn{border:1px solid var(--ds-border);color:var(--ds-text-muted);border-radius:var(--ds-radius-sm);cursor:pointer;background:0 0;padding:5px 10px;font-size:11px;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{color:#e2e8f0;background:#0d1117;flex-direction:column;max-height:600px;padding:0;font-family:ui-monospace,monospace;font-size:11px;line-height:1.6;display:flex;overflow-y:auto}.pagina-ilt-verkeer .term-group{border-bottom:1px solid #ffffff14;padding:0}.pagina-ilt-verkeer .term-header{background:#0000004d;border-left:3px solid #0000;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.pagina-ilt-verkeer .term-header.success{background:#22c55e0d;border-left-color:#22c55e}.pagina-ilt-verkeer .term-header.failed{background:#ef44440d;border-left-color:#ef4444}.pagina-ilt-verkeer .term-header.pending{background:#3b82f60d;border-left-color:#3b82f6}.pagina-ilt-verkeer .ts{color:#ffffff59;white-space:nowrap;min-width:104px;font-size:10px}.pagina-ilt-verkeer .method{color:#818cf8;background:#6366f126;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:800}.pagina-ilt-verkeer .actie{color:#e2e8f0;letter-spacing:-.01em;font-size:11px;font-weight:800}.pagina-ilt-verkeer .ep{color:#60a5fa8c;text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:9px;font-weight:500;overflow:hidden}.pagina-ilt-verkeer .badge.auth,.pagina-ilt-verkeer .badge.val{color:#4ade80;background:#22c55e29}.pagina-ilt-verkeer .badge.val.no{color:#cbd5e1;background:#94a3b829}.pagina-ilt-verkeer .badge.loc{color:#93c5fd;background:#3b82f629}.pagina-ilt-verkeer .badge.src{color:var(--ds-text-subtle);text-transform:uppercase;letter-spacing:.3px;background:#94a3b829}.pagina-ilt-verkeer .badge.src.sync{color:#c4b5fd;background:#a855f72e}.pagina-ilt-verkeer .ch{color:#a5b4fc}.pagina-ilt-verkeer .http{color:#fbbf24;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:800}.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{color:#818cf8;background:#6366f126;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:800}.pagina-ilt-verkeer .status.success{color:#4ade80;background:#22c55e26}.pagina-ilt-verkeer .status.failed{color:#f87171;background:#ef444426}.pagina-ilt-verkeer .status.pending{color:#60a5fa;background:#3b82f626}.pagina-ilt-verkeer .term-section{border-top:1px solid #ffffff0a;padding:8px 14px}.pagina-ilt-verkeer .term-section.error{background:#ef444414}.pagina-ilt-verkeer .term-section.meta{background:#6366f10f;flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pagina-ilt-verkeer .section-label{color:#fff9;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:9px;font-weight:700}.pagina-ilt-verkeer .section-json{color:#a5b4fc;white-space:pre-wrap;word-break:break-word;max-height:250px;margin:0;padding:6px 0;font-size:10px;line-height:1.4;overflow-y:auto}.pagina-ilt-verkeer .term-section.error .section-json{color:#f87171}.pagina-ilt-verkeer .meta-item{color:#a5b4fc;padding:0;font-size:10px}.pagina-ilt-verkeer .scroll-btn{font-weight:700}@media (width<=900px){.pagina-ilt-verkeer .terminal-feed{max-height:500px}}.pagina-ilt-verkeer .fail-badge{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.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;cursor:pointer;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-muted);border-radius:999px;margin-left:7px;padding:2px 9px;font-size:11px}.opnieuw-knop:hover:not(:disabled){border-color:var(--portal-color);color:var(--portal-color)}.opnieuw-knop:disabled{opacity:.45;cursor:not-allowed}.opnieuw-stand{color:var(--ds-text);margin:12px 0 0;font-size:13px}.opnieuw-overlay{z-index:300;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.opnieuw-vraag{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;width:min(520px,94vw);padding:22px;box-shadow:0 24px 70px #0000004d}.opnieuw-vraag h3{margin:0 0 14px;font-size:15.5px}.opnieuw-vraag dl{grid-template-columns:auto 1fr;gap:5px 16px;margin:0 0 16px;font-size:13px;display:grid}.opnieuw-vraag dt{color:var(--ds-text-muted)}.opnieuw-vraag dd{color:var(--ds-text);word-break:break-word;margin:0}.opnieuw-vraag .waarschuwing{color:#78350f;background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;margin:0 0 18px;padding:12px 14px;font-size:12.5px;line-height:1.6}.opnieuw-knoppen{justify-content:flex-end;gap:8px;display:flex}.opnieuw-knoppen button{font:inherit;cursor:pointer;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:999px;padding:7px 15px;font-size:13px}.opnieuw-knoppen .door{color:#fff;background:#d97706;border-color:#d97706}.pagina-foutenoverzicht .filter-rij{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pagina-foutenoverzicht .ruis-toggle{color:var(--ds-text-subtle);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.pagina-foutenoverzicht .ruis-toggle input{accent-color:var(--portal-color);width:15px;height:15px}.pagina-foutenoverzicht .veld{border:1px solid var(--ds-border);background:var(--ds-input);color:inherit;border-radius:8px;padding:9px 11px;font-size:14px}.pagina-foutenoverzicht .veld.zoek{flex:260px;min-width:0}.pagina-foutenoverzicht .knop{border-radius:var(--ds-radius-sm);background:var(--portal-color);color:#fff;cursor:pointer;border:none;align-items:center;gap:8px;padding:9px 16px;font-weight:600;display:inline-flex}.pagina-foutenoverzicht .knop:disabled{opacity:.5}.pagina-foutenoverzicht .spin{animation:1s linear infinite pagina-foutenoverzicht-sp}@keyframes pagina-foutenoverzicht-sp{to{transform:rotate(360deg)}}.pagina-foutenoverzicht .grid2{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (width<=720px){.pagina-foutenoverzicht .grid2{grid-template-columns:1fr}}.pagina-foutenoverzicht .sub{text-transform:uppercase;letter-spacing:.04em;opacity:.7;align-items:center;gap:6px;margin:0 0 10px;font-size:12px;display:flex}.pagina-foutenoverzicht .chips{flex-wrap:wrap;gap:6px;display:flex}.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{flex-wrap:wrap;gap:8px;display:flex}.pagina-foutenoverzicht .chauffeur{border:1px solid var(--ds-border);background:var(--ds-input);color:inherit;cursor:pointer;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;display:flex}.pagina-foutenoverzicht .chauffeur:hover{border-color:var(--portal-color)}.pagina-foutenoverzicht .chauffeur .naam{font-size:13px;font-weight:600}.pagina-foutenoverzicht .chauffeur .mini{opacity:.6;font-size:11px}.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;overflow-wrap:anywhere;max-width:420px}.pagina-foutenoverzicht .data-table.app-table td.ep{opacity:.85}.pagina-foutenoverzicht .rij-fout td{background:var(--ds-danger-bg)}.pagina-foutenoverzicht .stack pre{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ds-text-muted);background:var(--ds-hover);border-radius:8px;margin:0;padding:8px;font-size:11px}.pagina-foutenoverzicht .pill{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.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{background:var(--ds-hover);border-radius:99px;height:12px;margin:14px 0 8px;overflow:hidden}.pagina-omzet .gf{background:var(--ds-success);border-radius:99px;height:100%;transition:width .5s}.pagina-omzet .goal-txt{color:var(--ds-text-2);margin:0;font-size:13px}.pagina-omzet .hint{color:var(--ds-text-muted);margin:10px 0 0;font-size:11.5px}.omzet-melding{border:1px solid var(--ds-border);border-left:3px solid var(--portal-color);color:var(--ds-text-2);background:var(--ds-card);border-radius:9px;margin:0 0 14px;padding:11px 14px;font-size:13px;line-height:1.55}.pagina-bestellingen .mini-btn{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:var(--ds-radius-sm);cursor:pointer;align-items:center;gap:5px;margin-left:12px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.pagina-bestellingen .mini-btn:hover{background:var(--ds-hover)}.pagina-bestellingen .mini-btn svg{font-size:14px}.pagina-bestellingen .notice{border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:13px}.pagina-bestellingen .notice.ok{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.pagina-bestellingen .notice.err{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.pagina-bestellingen .empty{text-align:center;color:var(--ds-text-3);padding:28px;font-size:14px}.pagina-bestellingen table.orders{border-collapse:separate;border-spacing:0;width:100%}.pagina-bestellingen table.orders thead th{text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-3);padding-bottom:8px;font-size:11px;font-weight:700}.pagina-bestellingen table.orders tbody td{border-top:1px solid var(--ds-border);padding-top:12px;padding-bottom:12px}.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{vertical-align:middle;font-size:15px}.pagina-bestellingen tr.row{cursor:pointer;transition:background .12s}.pagina-bestellingen tr.row:hover,.pagina-bestellingen tr.row.open{background:var(--ds-hover)}.pagina-bestellingen table.orders .mono{color:var(--ds-text-1);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;font-weight:700}.pagina-bestellingen .klant-wrap{align-items:center;gap:10px;display:flex}.pagina-bestellingen .ava{letter-spacing:.02em;width:34px;height:34px;color:var(--portal-color);background:#eef4ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.pagina-bestellingen .kw-txt{min-width:0}.pagina-bestellingen table.orders .klant{font-weight:600}.pagina-bestellingen table.orders .sub{color:var(--ds-text-3);align-items:center;gap:5px;margin-top:2px;font-size:11.5px;display:flex}.pagina-bestellingen table.orders .sub svg{font-size:12px}.pagina-bestellingen table.orders td.prod{max-width:240px;color:var(--ds-text-2);font-size:12.5px}.pagina-bestellingen .badge:before{content:"";opacity:.75;background:currentColor;border-radius:50%;width:6px;height:6px}.pagina-bestellingen .badge.sent{color:#047857;background:#ecfdf5}.pagina-bestellingen table.orders tr.detail-row td{background:var(--ds-card);border-top:0;padding:16px 18px}.pagina-bestellingen .detail .cols{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (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{text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-3);align-items:center;gap:6px;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.pagina-bestellingen .bl-title svg{font-size:15px}.pagina-bestellingen .kv{justify-content:space-between;align-items:baseline;gap:12px;padding:3px 0;font-size:13px;display:flex}.pagina-bestellingen .kv span{color:var(--ds-text-3);flex-shrink:0;align-items:center;gap:4px;display:flex}.pagina-bestellingen .kv span svg{font-size:13px}.pagina-bestellingen .kv b{color:var(--ds-text-1);text-align:right;overflow-wrap:anywhere;flex:1;min-width:0;font-weight:600}.pagina-bestellingen .kv.total{border-top:1px solid var(--ds-border);margin-top:8px;padding-top:8px}.pagina-bestellingen .pline{color:var(--ds-text-1);padding:4px 0;font-size:13px}.pagina-bestellingen .pline .qty{color:var(--ds-text-2);font-weight:700}.pagina-bestellingen .pline .lev{color:var(--ds-text-3);margin-left:6px;font-size:11px}.pagina-bestellingen .pline .lev.warn{color:#b45309}.pagina-bestellingen .det-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.pagina-bestellingen .act{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:6px 11px;font-size:12px;font-weight:600;display:inline-flex}.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{text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-3);align-items:center;gap:6px;margin:20px 0 12px;font-size:12px;font-weight:700;display:flex}.pagina-bestellingen .timeline{flex-direction:column;display:flex}.pagina-bestellingen .tl-item{gap:14px;display:flex}.pagina-bestellingen .tl-rail{flex-shrink:0;justify-content:center;width:26px;display:flex;position:relative}.pagina-bestellingen .tl-rail:before{content:"";background:var(--ds-border);width:2px;position:absolute;top:28px;bottom:-6px;left:50%;transform:translate(-50%)}.pagina-bestellingen .tl-item:last-child .tl-rail:before{display:none}.pagina-bestellingen .tl-dot{z-index:1;box-sizing:border-box;background:var(--ds-card);border:2px solid var(--ds-border);width:26px;height:26px;color:var(--ds-text-3);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.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{color:#b45309;background:#fffbeb;border-color:#f59e0b}.pagina-bestellingen .tl-body{flex-direction:column;flex:1;align-items:flex-start;min-width:0;padding-top:1px;padding-bottom:16px;display:flex}.pagina-bestellingen .tl-item:last-child .tl-body{padding-bottom:2px}.pagina-bestellingen .tl-head{flex-wrap:wrap;align-items:baseline;gap:10px;width:100%;display:flex}.pagina-bestellingen .tl-head b{color:var(--ds-text-1);font-size:13.5px}.pagina-bestellingen .tl-at{color:var(--ds-text-3);font-size:11.5px}.pagina-bestellingen .tl-detail{color:var(--ds-text-2);text-align:left;word-break:break-word;width:100%;margin-top:2px;font-size:12.5px}.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{background:var(--ds-hover);border:1px solid var(--ds-border);border-radius:12px;margin-top:18px;padding:14px}.pagina-bestellingen .tf-title{color:var(--ds-text-1);margin-bottom:10px;font-size:13px;font-weight:600}.pagina-bestellingen .tf-grid{grid-template-columns:180px 1fr 1fr;gap:12px;display:grid}@media (width<=760px){.pagina-bestellingen .tf-grid{grid-template-columns:1fr}}.pagina-bestellingen .tf-grid label{color:var(--ds-text-3);flex-direction:column;gap:4px;font-size:11.5px;font-weight:600;display:flex}.pagina-bestellingen .tf-grid select,.pagina-bestellingen .tf-grid input{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-1);border-radius:8px;padding:8px 10px;font-size:13px;font-weight:400}.pagina-bestellingen .tf-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.pagina-bestellingen .badge.warn{color:#b45309;background:#fffbeb}.pagina-bestellingen .badge.geen-nr{margin-left:6px}.pagina-bestellingen .adres-waarschuwing{color:#b45309;align-items:center;gap:6px;margin-top:6px;font-size:12.5px;font-weight:600;display:flex}.pagina-bestellingen .adres-waarschuwing svg{font-size:15px}.pagina-bestellingen .track-form .adres-waarschuwing{margin:0 0 10px}.pagina-bestellingen .tf-grid.adres{grid-template-columns:2fr 1fr 1fr}@media (width<=760px){.pagina-bestellingen .tf-grid.adres{grid-template-columns:1fr}}.pagina-bestellingen .tf-uitleg{text-align:right;color:var(--ds-text-3);margin-top:8px;font-size:12px}.pagina-bestellingen .btn-send{background:var(--portal-color);color:#fff;border-radius:var(--ds-radius-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:700;display:inline-flex}.pagina-bestellingen .btn-send:disabled{opacity:.6;cursor:not-allowed}.pagina-bestellingen .btn-send svg{font-size:15px}.pagina-rollen .rb-kpi-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.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{box-shadow:var(--ds-shadow);border-color:#8b5cf64d;transform:translateY(-2px)}.pagina-rollen .rb-kpi .kv{font-size:1.6rem;font-weight:800;line-height:1}.pagina-rollen .rb-kpi .kl{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem;font-size:.7rem}.pagina-rollen .rb-tabs{border-bottom:1px solid var(--ds-border);scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.pagina-rollen .rb-tabs::-webkit-scrollbar{display:none}.pagina-rollen .rb-tab{color:var(--ds-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.4rem;padding:.65rem 1.1rem;font-family:inherit;font-size:.82rem;font-weight:600;transition:color .15s,border-color .15s;display:flex}.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{color:#a78bfa;border-radius:var(--ds-radius-sm);background:#8b5cf626;padding:1px 7px;font-size:.68rem}.pagina-rollen .rb-perm-list .pi.part{color:#eab308}.pagina-rollen .rb-matrix-wrap{background:var(--ds-card);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow);border-radius:14px;padding:14px;overflow-x:auto}.pagina-rollen .rb-matrix{border-collapse:collapse;width:100%;min-width:700px;font-size:.75rem}.pagina-rollen .rb-matrix th{text-align:center;border-bottom:2px solid var(--ds-border);color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;background:#8b5cf608;padding:.55rem .6rem;font-weight:700}.pagina-rollen .rb-matrix th:first-child{text-align:left;min-width:160px}.pagina-rollen .rb-matrix td{border-bottom:1px solid var(--ds-border-subtle);text-align:center;padding:.5rem .6rem}.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;color:var(--ds-text);font-weight:600}.pagina-rollen .rb-matrix .grp td{color:#a78bfa;text-transform:uppercase;letter-spacing:.6px;background:#8b5cf60f;padding:.3rem .6rem;font-size:.7rem;font-weight:800}.pagina-rollen .rb-check{border-radius:5px;padding:2px 7px;font-size:.7rem;font-weight:800}.pagina-rollen .rb-check.full{color:#22c55e;background:#22c55e24}.pagina-rollen .rb-check.part{color:#eab308;background:#eab30824}.pagina-rollen .rb-check.none{color:var(--ds-text-muted);background:#94a3b81f}.pagina-rollen .rb-alert{border-radius:10px;align-items:flex-start;gap:.65rem;padding:.85rem 1.1rem;font-size:.8rem;display:flex}.pagina-rollen .rb-alert.info{color:#a78bfa;background:#8b5cf61f;border:1px solid #8b5cf640}.pagina-rollen .rb-alert.warn{color:#eab308;background:#eab3081a;border:1px solid #eab30840}.pagina-rollen .rb-alert strong{margin-bottom:.1rem;font-size:.82rem;display:block}.pagina-rollen .rb-toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.pagina-rollen .rb-select{background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text-2);cursor:pointer;border-radius:9px;outline:none;padding:.48rem .7rem;font-family:inherit;font-size:.78rem;transition:border-color .15s}.pagina-rollen .rb-select:focus{border-color:var(--portal-color)}.pagina-rollen .rb-table-wrap{background:var(--ds-card);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow);border-radius:14px;margin-top:12px;padding:6px 12px;overflow-x:auto}.pagina-rollen .rb-table{border-collapse:collapse;width:100%;font-size:.82rem}.pagina-rollen .rb-table th{text-align:left;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--ds-border);white-space:nowrap;background:#8b5cf608;padding:.55rem .75rem;font-size:.7rem;font-weight:700}.pagina-rollen .rb-table td{color:var(--ds-text);border-bottom:1px solid var(--ds-border-subtle);vertical-align:middle;padding:.6rem .75rem}.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{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.75rem;font-weight:800;display:inline-flex}.pagina-rollen .rb-role-tag{border-radius:5px;padding:.18rem .5rem;font-size:.75rem;font-weight:700}.pagina-rollen .rb-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;padding:.18rem .55rem;font-size:.7rem;font-weight:700;display:inline-flex}.pagina-rollen .rb-pill.active{color:#22c55e;background:#22c55e26}.pagina-rollen .rb-pill.pending{color:#eab308;background:#eab30826}.pagina-rollen .rb-pill.locked{color:#ef4444;background:#ef444426}.pagina-rollen .rb-btn{border-radius:var(--ds-radius-sm);cursor:pointer;border:none;align-items:center;gap:.35rem;padding:.45rem .9rem;font-family:inherit;font-size:.78rem;font-weight:600;transition:opacity .15s,transform .15s,border-color .15s,color .15s,background .15s;display:inline-flex}.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{color:#ef4444;background:#ef44441f;border:1px solid #ef444433}.pagina-rollen .rb-btn-red:hover{background:#ef444433}.pagina-rollen .rb-flow-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.pagina-rollen .flow-card{padding:16px 18px}.pagina-rollen .flow-head{align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.pagina-rollen .flow-head svg{font-size:1.1rem}.pagina-rollen .flow-head h2{color:var(--ds-text);margin:0;font-size:.95rem;font-weight:700}.pagina-rollen .rb-flow{flex-direction:column;display:flex}.pagina-rollen .rb-flow-step{grid-template-columns:34px 1fr;align-items:start;gap:0 .85rem;padding:.75rem 0;display:grid;position:relative}.pagina-rollen .rb-flow-step:before{content:"";background:var(--ds-border);width:2px;position:absolute;top:38px;bottom:-10px;left:16px}.pagina-rollen .rb-flow-step:last-child:before{display:none}.pagina-rollen .rb-step-num{width:34px;height:34px;box-shadow:0 0 0 3px var(--ds-card);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.pagina-rollen .rb-step-title{color:var(--ds-text);font-size:.88rem;font-weight:700}.pagina-rollen .rb-step-meta{color:var(--ds-text-muted);margin-top:.15rem;font-size:.73rem;line-height:1.5}.pagina-rollen .rb-form-grid{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:.7rem;display:grid}.pagina-rollen .rb-field{flex-direction:column;gap:.27rem;display:flex}.pagina-rollen .rb-field.full{grid-column:1/-1}.pagina-rollen .rb-field label{color:var(--ds-text-muted);letter-spacing:.3px;font-size:.72rem;font-weight:600}.pagina-rollen .rb-field input,.pagina-rollen .rb-field select{box-sizing:border-box;background:var(--ds-card);border:1px solid var(--ds-border);width:100%;color:var(--ds-text);border-radius:9px;outline:none;padding:.5rem .75rem;font-family:inherit;font-size:.9rem;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{text-transform:uppercase;letter-spacing:.6px;color:var(--ds-text-muted);margin-bottom:8px;font-size:11px;font-weight:700}.pagina-rollen .ct-table-wrap{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:10px;overflow-x:auto}.pagina-rollen .ct-table{border-collapse:collapse;width:100%;font-size:13px}.pagina-rollen .ct-table th{text-align:left;color:var(--ds-text-muted);white-space:nowrap;border-bottom:1px solid var(--ds-border);background:var(--ds-hover);padding:9px 12px;font-size:11px;font-weight:700}.pagina-rollen .ct-table td{border-bottom:1px solid var(--ds-border);color:var(--ds-text);vertical-align:middle;padding:10px 12px}.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{color:#fff;vertical-align:middle;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-right:7px;font-size:10px;font-weight:800;display:inline-flex}.pagina-rollen .ct-link{color:var(--portal-color);text-decoration:none}.pagina-rollen .ct-link:hover{text-decoration:underline}.pagina-rollen .ct-iso{color:var(--ds-text-muted);white-space:nowrap;font-size:11px;font-weight:700}.pagina-rollen .ct-type-badge{white-space:nowrap;border-radius:5px;padding:2px 8px;font-size:10.5px;font-weight:700}.pagina-rollen .ct-overheid{color:#dc2626;background:#ef44441f}.pagina-rollen .ct-auditor{color:#7c3aed;background:#8b5cf61f}.pagina-rollen .ct-leverancier{color:#0891b2;background:#06b6d41f}.pagina-rollen .ct-kennis{color:#16a34a;background:#22c55e1f}@media (width<=720px){.pagina-rollen .rb-flow-grid{grid-template-columns:1fr}}@media (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{-webkit-overflow-scrolling:touch;overflow-x:auto}.pagina-rollen .rb-table-wrap table{min-width:520px;font-size:12px}}@media (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{padding:.65rem .8rem;font-size:.75rem}}.pagina-rollen .ds-search{background:var(--ds-card);border:1px solid var(--ds-border);min-width:160px;color:var(--ds-text);font:inherit;border-radius:9px;outline:none;flex:1;padding:8px 12px;font-size:13px;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{flex-direction:column;gap:14px;display:flex}@media (width<=900px){.pagina-rollen .ct-table th,.pagina-rollen .ct-table td{white-space:nowrap}}@media (width<=640px){.pagina-rollen .rb-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;max-width:100%;display:flex;overflow-x:auto}.pagina-rollen .rb-tabs::-webkit-scrollbar{display:none}.pagina-rollen .rb-tabs>*{white-space:nowrap;flex:none}}.pagina-backups .backup-summary{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.pagina-backups .backup-stat{background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text);border-radius:10px;align-items:center;gap:7px;padding:9px 13px;font-size:12.5px;font-weight:600;transition:box-shadow .18s,transform .18s;display:flex}.pagina-backups .backup-stat:hover{box-shadow:var(--ds-shadow-lg);transform:translateY(-1px)}.pagina-backups .backup-group{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:12px;margin-bottom:10px;padding:14px 16px;transition:box-shadow .18s,border-color .18s}.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{color:var(--portal-color);align-items:center;gap:7px;margin:0 0 10px;font-family:ui-monospace,SF Mono,Fira Code,monospace;font-size:12.5px;font-weight:600;display:flex}.pagina-backups .backup-dir-size{color:var(--ds-text-muted);margin-left:2px;font-weight:500}.pagina-backups .table-scroll{border:1px solid var(--ds-border-subtle);border-radius:8px;overflow-x:auto}.pagina-backups table{border-collapse:collapse;width:100%;font-size:12.5px}.pagina-backups thead{background:var(--ds-card)}.pagina-backups th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--ds-text-muted);border-bottom:1px solid var(--ds-border);padding:8px 12px;font-size:10.5px;font-weight:700}.pagina-backups td{color:var(--ds-text-2);border-bottom:1px solid var(--ds-border-subtle);vertical-align:middle;padding:8px 12px}.pagina-backups tbody tr{transition:background .12s}.pagina-backups tbody tr:hover{background:var(--ds-hover)}.pagina-backups tbody tr:last-child td{border-bottom:none}.pagina-backups .backup-size{color:var(--portal-color);font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,monospace;font-size:11.5px}.pagina-backups .backup-date{color:var(--ds-text-muted);white-space:nowrap;font-size:11.5px}@media (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{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (width<=600px){.pagina-backups .backup-stat{min-width:100%}}@media (width<=480px){.pagina-backups .backup-group{padding:10px}.pagina-backups .backup-group h3{word-break:keep-all;overflow-wrap:break-word;flex-wrap:wrap;gap:6px}.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{flex-direction:column;gap:8px;display:flex}.pagina-backups .iso-item{border:1px solid var(--ds-border-subtle);background:var(--ds-bg);color:var(--ds-text);border-radius:10px;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;transition:background .15s,box-shadow .15s;display:flex}.pagina-backups a.iso-item:hover{background:var(--ds-hover);box-shadow:var(--ds-shadow)}.pagina-backups .iso-item svg:first-child{color:var(--portal-color);flex-shrink:0;font-size:18px}.pagina-backups .iso-item div{flex-direction:column;flex:1;gap:2px;display:flex}.pagina-backups .iso-item strong{color:var(--ds-text);font-size:13px;font-weight:600}.pagina-backups .iso-item span{color:var(--ds-text-muted);font-size:11.5px}.pagina-backups .iso-item.check svg:first-child{color:#22c55e}.pagina-backups .card h2 svg{color:var(--portal-color);flex-shrink:0;font-size:17px}.pagina-backups .backup-stat svg{color:var(--portal-color);flex-shrink:0;font-size:16px}.pagina-backups .backup-group h3 svg{color:var(--portal-color);font-size:15px}.pagina-backups .empty-state svg{color:var(--ds-text-subtle);font-size:34px}.pagina-backups .iso-item>svg:first-child{color:var(--portal-color);flex-shrink:0;font-size:18px}.pagina-backups .iso-item .ext{color:var(--ds-text-subtle);flex-shrink:0;font-size:14px}.pagina-backups .iso-item.check>svg:first-child{color:var(--ds-success)}.pagina-backups .card h2{color:var(--ds-text);letter-spacing:-.01em;align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:700;display:flex}.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{color:var(--portal-color);flex-shrink:0;font-size:17px}.pagina-certificaten .empty-state svg{color:var(--ds-text-subtle);font-size:36px}.pagina-certificaten .empty-state span{font-size:13px}.pagina-certificaten .cert-kpis{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.pagina-certificaten .cert-kpis .kpi{border:1px solid var(--ds-border);background:var(--ds-card);text-align:center;border-radius:12px;padding:14px 12px;transition:box-shadow .18s,transform .18s,border-color .18s}.pagina-certificaten .cert-kpis .kpi:hover{box-shadow:var(--ds-shadow-lg);transform:translateY(-2px)}.pagina-certificaten .kpi-val{color:var(--ds-text);font-size:26px;font-weight:800;line-height:1}.pagina-certificaten .kpi-lbl{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:5px;font-size:10px;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{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:12px;margin-bottom:10px;padding:14px 16px;transition:box-shadow .18s,border-color .18s}.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{align-items:center;gap:10px;margin-bottom:10px;display:flex}.pagina-certificaten .cert-icon{flex-shrink:0;font-size:24px}.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{color:var(--ds-text);font-size:14px;font-weight:600}.pagina-certificaten .cert-path{color:var(--ds-text-muted);word-break:break-all;margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px}.pagina-certificaten .cert-status-badge{text-transform:uppercase;letter-spacing:.04em;border:1px solid;border-radius:999px;flex-shrink:0;padding:3px 9px;font-size:10px;font-weight:700}.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{color:#ea580c;background:#fb923c1a;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{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;display:grid}.pagina-certificaten .cert-detail{flex-direction:column;display:flex}.pagina-certificaten .cd-label{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:10px;font-weight:600}.pagina-certificaten .cd-value{color:var(--ds-text-2);word-break:break-word;margin-top:2px;font-size:12.5px}.pagina-certificaten .cert-alert{background:color-mix(in srgb, var(--ds-danger) 6%, transparent);border:1px solid color-mix(in srgb, var(--ds-danger) 18%, transparent);color:#dc2626;border-radius:8px;align-items:center;gap:6px;margin-top:10px;padding:7px 12px;font-size:11.5px;display:flex}.pagina-certificaten .cert-alert:before{content:"⚠"}.pagina-certificaten .timeline-bars{flex-direction:column;gap:8px;display:flex}.pagina-certificaten .tl-row{align-items:center;gap:10px;display:flex}.pagina-certificaten .tl-label{width:130px;color:var(--ds-text-muted);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:12.5px;overflow:hidden}.pagina-certificaten .tl-bar-wrap{background:var(--ds-border-subtle);border-radius:6px;flex:1;align-items:center;gap:8px;height:22px;display:flex;position:relative;overflow:hidden}.pagina-certificaten .tl-bar{border-radius:6px;min-width:4px;height:100%;animation:.7s cubic-bezier(.4,0,.2,1) both pagina-certificaten-tl-fill}@keyframes pagina-certificaten-tl-fill{0%{opacity:.6;width:0}}.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{color:var(--ds-text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;padding-right:8px;font-size:11px}@media (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 (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 (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{padding:2px 7px;font-size:9.5px}.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{padding-right:5px;font-size:10px}}.pagina-database .card-title svg{color:var(--portal-color);flex-shrink:0;font-size:17px}.pagina-database .summary-bar{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.pagina-database .sum-stat{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:14px;align-items:center;gap:12px;padding:14px 16px;animation:.4s both pagina-database-fadeUp;display:flex;box-shadow:0 1px 2px #0000000a}.pagina-database .sum-stat:first-child{animation-delay:0s}.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{border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.pagina-database .sum-icon.db{color:#6366f1;background:#6366f126}.pagina-database .sum-icon.repl{color:#16a34a;background:#22c55e26}.pagina-database .sum-icon.port{color:#f59e0b;background:#f59e0b26}.pagina-database .sum-icon.shield{color:#8b5cf6;background:#8b5cf626}.pagina-database .sum-val{color:var(--ds-text);letter-spacing:-.02em;font-size:17px;font-weight:900;line-height:1.1}.pagina-database .sum-label{color:var(--ds-text-muted);margin-top:1px;font-size:10.5px;font-weight:600}.pagina-database .metrics-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.pagina-database .metric-card{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:13px;align-items:center;gap:12px;padding:14px 16px;transition:transform .18s,border-color .18s,box-shadow .18s;animation:.4s both pagina-database-fadeUp;display:flex}.pagina-database .metric-card:hover{border-color:var(--portal-color);transform:translateY(-3px);box-shadow:0 8px 24px -10px #6366f133}.pagina-database .mc-icon{border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.pagina-database .mc-icon.blue{color:#3b82f6;background:#3b82f621}.pagina-database .mc-icon.green{color:#16a34a;background:#22c55e21}.pagina-database .mc-icon.purple{color:#8b5cf6;background:#8b5cf621}.pagina-database .mc-icon.cyan{color:#06b6d4;background:#06b6d421}.pagina-database .mc-icon.yellow{color:#f59e0b;background:#f59e0b21}.pagina-database .mc-val{color:var(--ds-text);letter-spacing:-.02em;font-size:19px;font-weight:900;line-height:1.1}.pagina-database .mc-label{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:10px;font-weight:700}.pagina-database .repl-note{color:var(--ds-text-2);background:#6366f10f;border:1px solid #6366f140;border-radius:11px;align-items:flex-start;gap:10px;margin-bottom:20px;padding:12px 14px;font-size:12px;line-height:1.6;display:flex}.pagina-database .repl-note svg{color:#6366f1;flex-shrink:0;margin-top:1px;font-size:17px}.pagina-database .repl-diagram{flex-wrap:wrap;justify-content:center;align-items:center;gap:0;display:flex}.pagina-database .repl-node{border:2px solid var(--ds-border);background:var(--ds-bg);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:8px;min-width:180px;padding:20px 24px;transition:transform .2s,box-shadow .2s;animation:.4s both pagina-database-fadeUp;display:flex;position:relative}.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{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-radius:99px;padding:3px 10px;font-size:9px;font-weight:900;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pagina-database .primary .repl-badge{color:#fff;background:#6366f1}.pagina-database .replica .repl-badge{color:#fff;background:#16a34a}.pagina-database .repl-icon-wrap{border-radius:14px;place-items:center;width:48px;height:48px;font-size:24px;display:grid}.pagina-database .primary-icon{color:#6366f1;background:#6366f126}.pagina-database .replica-icon{color:#16a34a;background:#22c55e26}.pagina-database .repl-name{color:var(--ds-text);letter-spacing:-.01em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;font-weight:900}.pagina-database .repl-ip{color:var(--ds-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.pagina-database .repl-detail{color:var(--ds-text-muted);font-size:11px;line-height:1.7}.pagina-database .repl-status-pill{letter-spacing:.04em;text-transform:uppercase;border-radius:99px;align-items:center;gap:6px;margin-top:2px;padding:4px 12px;font-size:10px;font-weight:800;display:inline-flex}.pagina-database .repl-status-pill.green{color:#16a34a;background:#22c55e1f;border:1px solid #22c55e38}.pagina-database .repl-status-pill.blue{color:#2563eb;background:#3b82f61f;border:1px solid #3b82f638}.pagina-database .repl-status-pill.red{color:#dc2626;background:#ef44441f;border:1px solid #ef444438}.pagina-database .repl-status-pill.grey{color:#64748b;background:#64748b1f;border:1px solid #64748b38}.pagina-database .repl-lag{color:var(--ds-text-muted);margin-top:4px;font-size:10.5px}.pagina-database .pill-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pagina-database-livePulse}.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{flex-direction:column;flex:0 0 100px;align-items:center;gap:4px;padding:0 4px;display:flex}.pagina-database .repl-line{background:linear-gradient(90deg, var(--portal-color) 50%, transparent 50%);background-size:8px 2px;flex:1;width:100%;height:2px;min-height:20px;animation:.45s linear infinite pagina-database-dashFlow}@keyframes pagina-database-dashFlow{0%{background-position:0 0}to{background-position:8px 0}}.pagina-database .repl-arrow-label{color:var(--portal-color);text-transform:uppercase;letter-spacing:.05em;text-align:center;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:800;line-height:1.4;display:flex}.pagina-database .repl-arrow-label svg{font-size:20px}.pagina-database .conn-note{color:var(--ds-text-2);background:#8b5cf60d;border:1px solid #8b5cf640;border-radius:11px;align-items:flex-start;gap:10px;margin-bottom:18px;padding:12px 14px;font-size:12px;line-height:1.6;display:flex}.pagina-database .conn-note svg{color:#8b5cf6;flex-shrink:0;margin-top:1px;font-size:17px}.pagina-database .conn-note strong{color:var(--ds-text)}.pagina-database .conn-flow{align-items:center;gap:0;margin-bottom:20px;padding-bottom:4px;display:flex;overflow-x:auto}.pagina-database .conn-node{border:1px solid var(--ds-border);background:var(--ds-bg);text-align:center;border-radius:12px;flex-direction:column;flex:none;align-items:center;gap:6px;min-width:110px;max-width:140px;padding:13px 10px;transition:transform .18s,border-color .18s,box-shadow .18s;animation:.35s both pagina-database-fadeUp;display:flex}.pagina-database .conn-node:hover{transform:translateY(-3px);box-shadow:0 8px 24px -10px #0003}.pagina-database .cn-icon{border-radius:9px;place-items:center;width:32px;height:32px;font-size:16px;display:grid}.pagina-database .conn-node.backend{border-color:#6366f140}.pagina-database .conn-node.backend .cn-icon{color:#6366f1;background:#6366f124}.pagina-database .conn-node.vpn{border-color:#8b5cf640}.pagina-database .conn-node.vpn .cn-icon{color:#8b5cf6;background:#8b5cf624}.pagina-database .conn-node.db{border-color:#22c55e40}.pagina-database .conn-node.db .cn-icon{color:#16a34a;background:#22c55e24}.pagina-database .cn-name{color:var(--ds-text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;font-weight:800}.pagina-database .cn-sub{color:var(--ds-text-muted);font-size:10px;line-height:1.4}.pagina-database .flow-sep{flex:0 0 48px;align-items:center;height:32px;display:flex;position:relative}.pagina-database .flow-line{background:linear-gradient(90deg, var(--portal-color) 50%, transparent 50%);background-size:8px 2px;height:2px;animation:.45s linear infinite pagina-database-dashFlow;position:absolute;top:50%;left:0;right:18px;transform:translateY(-50%)}.pagina-database .flow-arr{color:var(--portal-color);font-size:17px;position:absolute;right:0}.pagina-database .conn-table{gap:2px;display:grid}.pagina-database .ct-head{background:var(--ds-hover);letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-muted);border-radius:8px;grid-template-columns:1fr 120px 130px 80px;gap:8px;padding:7px 12px;font-size:10px;font-weight:800;display:grid}.pagina-database .ct-row{border:1px solid #0000;border-radius:9px;grid-template-columns:1fr 120px 130px 80px;align-items:center;gap:8px;padding:9px 12px;transition:background .12s,border-color .12s;display:grid}.pagina-database .ct-row:hover{background:var(--ds-hover);border-color:var(--ds-border)}.pagina-database .ct-app{color:var(--ds-text);font-size:12px;font-weight:700}.pagina-database .ct-host{color:var(--ds-text-2);font-family:ui-monospace,Menlo,monospace;font-size:11px}.pagina-database .ct-port{color:var(--ds-text);font-family:ui-monospace,Menlo,monospace;font-size:12px;font-weight:800}.pagina-database .ct-via{letter-spacing:.05em;text-transform:uppercase;border-radius:6px;padding:3px 8px;font-size:9.5px;font-weight:800;display:inline-block}.pagina-database .ct-via.wg{color:#4f46e5;background:#6366f11a;border:1px solid #6366f133}.pagina-database .backup-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px;display:grid}.pagina-database .backup-item{border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:13px;align-items:flex-start;gap:14px;padding:16px;transition:border-color .2s,box-shadow .2s,transform .18s;animation:.4s both pagina-database-fadeUp;display:flex}.pagina-database .backup-item:hover{border-color:var(--portal-color);transform:translateY(-2px);box-shadow:0 6px 20px -8px #6366f133}.pagina-database .bi-icon{border-radius:11px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.pagina-database .bi-icon.green{color:#16a34a;background:#22c55e24}.pagina-database .bi-icon.blue{color:#3b82f6;background:#3b82f624}.pagina-database .bi-icon.amber{color:#f59e0b;background:#f59e0b24}.pagina-database .bi-title{color:var(--ds-text);margin-bottom:5px;font-size:13px;font-weight:800}.pagina-database .bi-desc{color:var(--ds-text-muted);margin-bottom:5px;font-size:11.5px;line-height:1.6}.pagina-database .bi-meta{color:var(--portal-color);font-size:10.5px;font-weight:700}.pagina-database .maint-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px;display:grid}.pagina-database .maint-item{border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:13px;padding:16px;transition:border-color .2s,transform .18s;animation:.4s both pagina-database-fadeUp}.pagina-database .maint-item:hover{border-color:var(--portal-color);transform:translateY(-2px)}.pagina-database .mi-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.pagina-database .mi-icon{border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.pagina-database .mi-icon.blue{color:#3b82f6;background:#3b82f621}.pagina-database .mi-icon.green{color:#16a34a;background:#22c55e21}.pagina-database .mi-icon.purple{color:#8b5cf6;background:#8b5cf621}.pagina-database .mi-icon.amber{color:#f59e0b;background:#f59e0b21}.pagina-database .mi-title{color:var(--ds-text);font-size:13px;font-weight:800}.pagina-database .mi-desc{color:var(--ds-text-muted);margin-bottom:8px;font-size:11.5px;line-height:1.6}.pagina-database .mi-cmd{background:var(--ds-hover);color:var(--ds-text);border:1px solid var(--ds-border);white-space:nowrap;border-radius:7px;padding:7px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;display:block;overflow-x:auto}.pagina-database .failover-note{color:var(--ds-text-2);background:#f59e0b0f;border:1px solid #f59e0b4d;border-radius:11px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:12px;line-height:1.6;display:flex}.pagina-database .failover-note svg{color:#f59e0b;flex-shrink:0;font-size:17px}.pagina-database .failover-note strong{color:var(--ds-text)}.pagina-database .failover-steps{flex-direction:column;gap:10px;display:flex}.pagina-database .fs-step{border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:12px;align-items:flex-start;gap:16px;padding:14px 16px;transition:border-color .2s;animation:.35s both pagina-database-fadeUp;display:flex}.pagina-database .fs-step:hover{border-color:#f59e0b66}.pagina-database .fs-num{color:#d97706;background:#f59e0b26;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:grid}.pagina-database .fs-title{color:var(--ds-text);margin-bottom:4px;font-size:12.5px;font-weight:800}.pagina-database .fs-desc{color:var(--ds-text-muted);margin-bottom:6px;font-size:11.5px;line-height:1.6}.pagina-database .fs-cmd{background:var(--ds-hover);color:var(--ds-text);border:1px solid var(--ds-border);white-space:nowrap;border-radius:7px;padding:6px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;display:block;overflow-x:auto}.pagina-database .activity-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.pagina-database .activity-item{border:1px solid var(--ds-border);background:var(--ds-card);text-align:center;border-radius:13px;flex-direction:column;gap:6px;padding:16px;transition:border-color .2s,box-shadow .2s,transform .18s;animation:.4s both pagina-database-fadeUp;display:flex}.pagina-database .activity-item:hover{border-color:var(--portal-color);transform:translateY(-2px);box-shadow:0 6px 20px -8px #00000026}.pagina-database .act-icon{color:var(--portal-color);font-size:22px}.pagina-database .act-val{color:var(--ds-text);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:26px;font-weight:900}.pagina-database .act-label{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.pagina-database .activity-item.activity-error .act-val,.pagina-database .activity-item.activity-error .act-icon{color:#ef4444}.pagina-database .tbl-head{background:var(--ds-hover);letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-muted);border-radius:8px;grid-template-columns:1fr 120px;gap:8px;padding:7px 12px;font-size:10px;font-weight:800;display:grid}.pagina-database .tbl-row{border:1px solid #0000;border-radius:9px;grid-template-columns:1fr 120px;align-items:center;gap:8px;padding:9px 12px;transition:background .12s,border-color .12s;animation:.3s both pagina-database-fadeUp;display:grid}.pagina-database .tbl-row:hover{background:var(--ds-hover);border-color:var(--ds-border)}.pagina-database .tbl-name{color:var(--ds-text);font-family:ui-monospace,Menlo,monospace;font-size:12px;font-weight:700}.pagina-database .tbl-size{color:var(--portal-color);font-size:12px;font-weight:800}.pagina-database .empty-state svg{color:var(--ds-text-subtle);font-size:38px}.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 (width<=900px){.pagina-database .summary-bar{grid-template-columns:repeat(2,1fr)}}@media (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{flex:1;width:auto;height:2px}.pagina-database .conn-flow{flex-direction:column;align-items:flex-start}.pagina-database .flow-sep{align-self:center;transform:rotate(90deg)}.pagina-database .ct-head,.pagina-database .ct-row{grid-template-columns:1fr 90px}.pagina-database .ct-via,.pagina-database .ct-host{display:none}}@media (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 (width<=480px){.pagina-database .summary-bar{grid-template-columns:1fr}.pagina-database .sum-stat{box-sizing:border-box;min-width:0}}@media (width<=640px){.pagina-database .mi-cmd{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all}.pagina-database .fs-step>*{min-width:0}.pagina-database .fs-body{overflow-wrap:anywhere;flex:auto}}.pagina-errors .card:hover{box-shadow:var(--ds-shadow-lg)}.pagina-errors .table-scroll{border:1px solid var(--ds-border-subtle);border-radius:8px;overflow-x:auto}.pagina-errors table{border-collapse:collapse;width:100%;font-size:12.5px}.pagina-errors thead{background:var(--ds-card)}.pagina-errors th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--ds-text-muted);border-bottom:1px solid var(--ds-border);white-space:nowrap;padding:8px 12px;font-size:10.5px;font-weight:700}.pagina-errors td{color:var(--ds-text-2);border-bottom:1px solid var(--ds-border-subtle);vertical-align:top;padding:7px 12px;font-size:12.5px}.pagina-errors tbody tr{transition:background .12s}.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{white-space:pre-wrap;word-break:break-word;max-height:300px;color:var(--ds-text-2);background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;padding:12px 14px;font-family:ui-monospace,SF Mono,Fira Code,monospace;font-size:11.5px;line-height:1.55;overflow:auto}.pagina-errors .syslog-filters{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:10px;margin-bottom:14px;padding:14px;display:grid}.pagina-errors .syslog-filters label{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:10.5px;font-weight:700;display:block}.pagina-errors .syslog-actions-end{align-items:flex-end;display:flex}.pagina-errors .input{box-sizing:border-box;border:1px solid var(--ds-border);background:var(--ds-card);width:100%;color:var(--ds-text);border-radius:8px;padding:8px 10px;font-size:12.5px;transition:border-color .15s}.pagina-errors .input:focus{border-color:var(--portal-color);outline:none}.pagina-errors .btn{border-radius:var(--ds-radius-sm);cursor:pointer;background:var(--portal-color);color:#fff;border:none;width:100%;padding:8px 14px;font-size:12.5px;font-weight:700;transition:filter .15s,transform .15s}.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 (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{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (width<=600px){.pagina-errors .syslog-filters{grid-template-columns:1fr}}@media (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{padding:8px 10px;font-size:12px}}.pagina-errors .card h2 svg{color:var(--portal-color);flex-shrink:0;font-size:17px}.pagina-errors .empty-state svg{color:var(--ds-text-subtle);font-size:34px}.pagina-errors .page-title svg{color:var(--portal-color);font-size:17px}.pagina-errors .card h2{color:var(--ds-text);letter-spacing:-.01em;align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:700;display:flex}.pagina-errors .card .stats-row{margin:0}.pagina-errors .btn:disabled{opacity:.5;cursor:default;filter:none;transform:none}.pagina-netwerk .card-title svg{color:var(--portal-color);flex-shrink:0;font-size:17px}.pagina-netwerk .summary-bar{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.pagina-netwerk .sum-stat{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:14px;align-items:center;gap:12px;padding:14px 16px;animation:.4s both pagina-netwerk-fadeUp;display:flex;box-shadow:0 1px 2px #0000000a}.pagina-netwerk .sum-stat:first-child{animation-delay:0s}.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{border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.pagina-netwerk .sum-icon.proxy{color:#8b5cf6;background:#8b5cf626}.pagina-netwerk .sum-icon.wg{color:#6366f1;background:#6366f126}.pagina-netwerk .sum-icon.ssl{color:#10b981;background:#10b98126}.pagina-netwerk .sum-icon.mtls{color:#f59e0b;background:#f59e0b26}.pagina-netwerk .sum-val{color:var(--ds-text);letter-spacing:-.02em;font-size:17px;font-weight:900;line-height:1.1}.pagina-netwerk .sum-label{color:var(--ds-text-muted);margin-top:1px;font-size:10.5px;font-weight:600}.pagina-netwerk .explain-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px;display:grid}.pagina-netwerk .explain-item{border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:12px;align-items:flex-start;gap:14px;padding:14px 16px;transition:border-color .2s,box-shadow .2s;animation:.4s both pagina-netwerk-fadeUp;display:flex}.pagina-netwerk .explain-item:hover{border-color:var(--portal-color);box-shadow:0 4px 16px -8px #6366f133}.pagina-netwerk .explain-icon{border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.pagina-netwerk .explain-icon.proxy{color:#8b5cf6;background:#8b5cf624}.pagina-netwerk .explain-icon.wg{color:#6366f1;background:#6366f124}.pagina-netwerk .explain-icon.relay{color:#f59e0b;background:#f59e0b24}.pagina-netwerk .explain-icon.auth{color:#10b981;background:#10b98124}.pagina-netwerk .explain-title{color:var(--ds-text);margin-bottom:5px;font-size:12.5px;font-weight:800}.pagina-netwerk .explain-text{color:var(--ds-text-muted);font-size:11.5px;line-height:1.6}.pagina-netwerk .flows{flex-direction:column;gap:20px;display:flex}.pagina-netwerk .flow-block-title{letter-spacing:.08em;text-transform:uppercase;color:var(--ds-text-muted);margin-bottom:10px;padding-left:2px;font-size:10px;font-weight:800}.pagina-netwerk .flow-chain{align-items:center;gap:0;padding-bottom:4px;display:flex;overflow-x:auto}.pagina-netwerk .flow-node{border:1px solid var(--ds-border);background:var(--ds-bg);text-align:center;border-radius:12px;flex-direction:column;flex:none;align-items:center;gap:7px;min-width:110px;max-width:140px;padding:13px 10px;transition:transform .18s,border-color .18s,box-shadow .18s;animation:.35s both pagina-netwerk-fadeUp;display:flex}.pagina-netwerk .flow-node:hover{transform:translateY(-3px);box-shadow:0 8px 24px -10px #0003}.pagina-netwerk .fn-icon{border-radius:9px;place-items:center;width:32px;height:32px;font-size:16px;display:grid}.pagina-netwerk .fn-ext .fn-icon{color:var(--ds-text-muted);background:#64748b24}.pagina-netwerk .fn-proxy .fn-icon{color:#8b5cf6;background:#8b5cf624}.pagina-netwerk .fn-frontend .fn-icon{color:#3b82f6;background:#3b82f624}.pagina-netwerk .fn-backend .fn-icon{color:#6366f1;background:#6366f124}.pagina-netwerk .fn-db .fn-icon{color:#16a34a;background:#22c55e24}.pagina-netwerk .fn-relay .fn-icon{color:#f59e0b;background:#f59e0b24}.pagina-netwerk .fn-ilt .fn-icon{color:#f43f5e;background:#f43f5e1f}.pagina-netwerk .fn-name{color:var(--ds-text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;font-weight:800}.pagina-netwerk .fn-sub{color:var(--ds-text-muted);font-size:10px;line-height:1.4}.pagina-netwerk .flow-sep{flex:0 0 48px;align-items:center;height:32px;display:flex;position:relative}.pagina-netwerk .flow-line{background:linear-gradient(90deg, var(--portal-color) 50%, transparent 50%);background-size:8px 2px;height:2px;animation:.45s linear infinite pagina-netwerk-dashFlow;position:absolute;top:50%;left:0;right:18px;transform:translateY(-50%)}@keyframes pagina-netwerk-dashFlow{0%{background-position:0 0}to{background-position:8px 0}}.pagina-netwerk .flow-arr{color:var(--portal-color);font-size:17px;position:absolute;right:0}.pagina-netwerk .wg-note{color:var(--ds-text-2);background:#6366f10f;border:1px solid #6366f140;border-radius:11px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:12px;line-height:1.6;display:flex}.pagina-netwerk .wg-note svg{color:#6366f1;flex-shrink:0;margin-top:1px;font-size:17px}.pagina-netwerk .wg-note strong{color:var(--ds-text)}.pagina-netwerk .peers-grid{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:10px;display:grid}.pagina-netwerk .peer-card{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:13px;padding:14px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden}.pagina-netwerk .peer-card:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.pagina-netwerk .peer-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px -10px #0003}.pagina-netwerk .peer-layer-badge{letter-spacing:.07em;text-transform:uppercase;background:var(--ds-hover);color:var(--ds-text-muted);border-radius:99px;padding:2px 7px;font-size:9px;font-weight:800;position:absolute;top:10px;right:10px}.pagina-netwerk .peer-head{align-items:center;gap:9px;margin-bottom:9px;display:flex}.pagina-netwerk .peer-icon{border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.pagina-netwerk .pc-proxy .peer-icon{color:#8b5cf6;background:#8b5cf624}.pagina-netwerk .pc-frontend .peer-icon{color:#3b82f6;background:#3b82f624}.pagina-netwerk .pc-backend .peer-icon{color:#6366f1;background:#6366f124}.pagina-netwerk .pc-db .peer-icon{color:#16a34a;background:#22c55e24}.pagina-netwerk .pc-relay .peer-icon{color:#f59e0b;background:#f59e0b24}.pagina-netwerk .peer-name{color:var(--ds-text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;font-weight:800}.pagina-netwerk .peer-wg{letter-spacing:-.01em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:900}.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{color:var(--ds-text-muted);margin-bottom:9px;font-size:11px;line-height:1.45}.pagina-netwerk .peer-pub{background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:7px;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.pagina-netwerk .peer-pub-lbl{letter-spacing:.05em;text-transform:uppercase;color:var(--ds-text-muted);font-size:9.5px;font-weight:800}.pagina-netwerk .peer-pub-val{color:var(--ds-text-2);font-family:ui-monospace,Menlo,monospace;font-size:10.5px}.pagina-netwerk .sec-grid{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:10px;margin-bottom:18px;display:grid}.pagina-netwerk .sec-item{border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:12px;align-items:flex-start;gap:12px;padding:13px 14px;transition:border-color .2s;display:flex}.pagina-netwerk .sec-item:hover{border-color:var(--portal-color)}.pagina-netwerk .sec-item-icon{border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.pagina-netwerk .sec-item-icon.green{color:#16a34a;background:#22c55e24}.pagina-netwerk .sec-item-icon.blue{color:#6366f1;background:#6366f124}.pagina-netwerk .sec-item-icon.purple{color:#8b5cf6;background:#8b5cf624}.pagina-netwerk .sec-item-icon.amber{color:#f59e0b;background:#f59e0b24}.pagina-netwerk .sec-item-title{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px;font-size:10.5px;font-weight:800}.pagina-netwerk .sec-item-val{color:var(--ds-text);margin-bottom:3px;font-size:13px;font-weight:800}.pagina-netwerk .sec-item-val.good{color:#16a34a}.pagina-netwerk .sec-item-sub{color:var(--ds-text-muted);font-size:10.5px;line-height:1.5}.pagina-netwerk .live-header{letter-spacing:.05em;text-transform:uppercase;color:var(--ds-text-muted);align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:800;display:flex}.pagina-netwerk .live-header svg{color:var(--portal-color);font-size:14px}.pagina-netwerk .live-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pagina-netwerk-livePulse;box-shadow:0 0 0 3px #22c55e40}@keyframes pagina-netwerk-livePulse{0%,to{opacity:1}50%{opacity:.4}}.pagina-netwerk .net-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:16px;display:grid}.pagina-netwerk .net-stat{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:11px;flex-direction:column;gap:6px;padding:12px;display:flex}.pagina-netwerk .net-stat-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-muted);font-size:10px;font-weight:800}.pagina-netwerk .net-stat-val{color:var(--ds-text);font-variant-numeric:tabular-nums;font-size:24px;font-weight:900;line-height:1}.pagina-netwerk .net-reach{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-self:flex-start;align-items:center;gap:5px;padding:3px 10px;font-size:10px;font-weight:800;display:inline-flex}.pagina-netwerk .net-reach.up{color:#16a34a;background:#34d3991f;border:1px solid #34d39938}.pagina-netwerk .net-reach.up:before{content:"";background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pagina-netwerk-livePulse}.pagina-netwerk .net-reach.down{color:#dc2626;background:#ef44441f;border:1px solid #ef444438}.pagina-netwerk .net-reach.unknown{color:var(--ds-text-muted);border:1px solid var(--ds-border);background:#94a3b81f}.pagina-netwerk .ports-block{margin-top:4px}.pagina-netwerk .ports-title{letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-muted);margin-bottom:10px;font-size:10px;font-weight:800}.pagina-netwerk .port-list{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.pagina-netwerk .port-chip{border-radius:var(--ds-radius-sm);color:#4f46e5;cursor:default;background:#6366f112;border:1px solid #6366f133;padding:3px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700;transition:border-color .12s,background .12s}.pagina-netwerk .port-chip:hover{background:#6366f11f;border-color:#6366f166}.pagina-netwerk .port-chip.port-public{color:#d97706;background:#f59e0b1a;border-color:#f59e0b4d}.pagina-netwerk .port-legend{color:var(--ds-text-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:10.5px;display:flex}.pagina-netwerk .port-table{gap:2px;display:grid}.pagina-netwerk .pt-head{background:var(--ds-hover);letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-muted);border-radius:8px;grid-template-columns:80px 90px 1fr 90px;gap:8px;padding:7px 12px;font-size:10px;font-weight:800;display:grid}.pagina-netwerk .pt-row{border:1px solid #0000;border-radius:9px;grid-template-columns:80px 90px 1fr 90px;align-items:center;gap:8px;padding:9px 12px;transition:background .12s,border-color .12s;display:grid}.pagina-netwerk .pt-row:hover{background:var(--ds-hover);border-color:var(--ds-border)}.pagina-netwerk .pt-port{color:var(--ds-text);font-family:ui-monospace,Menlo,monospace;font-size:12px;font-weight:800}.pagina-netwerk .pt-proto{color:var(--ds-text-muted);font-size:11px;font-weight:700}.pagina-netwerk .pt-svc{color:var(--ds-text-2);font-size:11.5px}.pagina-netwerk .pt-reach{letter-spacing:.05em;text-transform:uppercase;border-radius:6px;justify-content:center;align-items:center;padding:3px 8px;font-size:9.5px;font-weight:800;display:inline-flex}.pagina-netwerk .pt-reach.pub{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b40}.pagina-netwerk .pt-reach.wg{color:#4f46e5;background:#6366f11a;border:1px solid #6366f133}.pagina-netwerk .pt-reach.int{color:#16a34a;background:#22c55e1a;border:1px solid #22c55e33}.pagina-netwerk .empty-state svg{color:var(--ds-text-subtle);font-size:38px}.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 (width<=900px){.pagina-netwerk .summary-bar{grid-template-columns:repeat(2,1fr)}}@media (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{align-self:center;transform:rotate(90deg)}.pagina-netwerk .pt-head,.pagina-netwerk .pt-row{grid-template-columns:70px 80px 1fr}.pagina-netwerk .pt-reach{display:none}}@media (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}.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{color:var(--portal-color);flex-shrink:0;font-size:17px}.pagina-docker .summary-bar{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.pagina-docker .sum-stat{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:14px;align-items:center;gap:12px;padding:14px 16px;animation:.4s both pagina-docker-fadeUp;display:flex;box-shadow:0 1px 2px #0000000a}.pagina-docker .sum-stat:first-child{animation-delay:0s}.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{border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.pagina-docker .sum-icon.docker{color:#6366f1;background:#6366f126}.pagina-docker .sum-icon.redis{color:#ef4444;background:#ef444426}.pagina-docker .sum-icon.pg{color:#16a34a;background:#22c55e26}.pagina-docker .sum-icon.pm2{color:#f59e0b;background:#f59e0b26}.pagina-docker .sum-val{color:var(--ds-text);letter-spacing:-.02em;font-size:17px;font-weight:900;line-height:1.1}.pagina-docker .sum-label{color:var(--ds-text-muted);margin-top:1px;font-size:10.5px;font-weight:600}.pagina-docker .kpi-bar{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.pagina-docker .kpi-tile{text-align:center;border:1px solid var(--ds-border);background:var(--ds-card);border-radius:14px;padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s;animation:.4s both pagina-docker-fadeUp}.pagina-docker .kpi-tile:first-child{animation-delay:0s}.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{letter-spacing:-.03em;color:var(--ds-text);font-size:30px;font-weight:900;line-height:1}.pagina-docker .kpi-lbl{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:6px;font-size:10px;font-weight:700}.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{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px;display:grid}.pagina-docker .explain-item{border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:12px;align-items:flex-start;gap:14px;padding:14px 16px;transition:border-color .2s,box-shadow .2s,transform .18s;animation:.4s both pagina-docker-fadeUp;display:flex}.pagina-docker .explain-item:hover{border-color:var(--portal-color);transform:translateY(-2px);box-shadow:0 6px 20px -8px #6366f133}.pagina-docker .explain-icon{border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.pagina-docker .explain-icon.blue{color:#6366f1;background:#6366f124}.pagina-docker .explain-icon.green{color:#16a34a;background:#22c55e24}.pagina-docker .explain-icon.amber{color:#f59e0b;background:#f59e0b24}.pagina-docker .explain-icon.red{color:#ef4444;background:#ef444424}.pagina-docker .explain-title{color:var(--ds-text);margin-bottom:5px;font-size:12.5px;font-weight:800}.pagina-docker .explain-text{color:var(--ds-text-muted);font-size:11.5px;line-height:1.6}.pagina-docker .split-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.pagina-docker .split-col{border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:13px;padding:16px}.pagina-docker .split-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.pagina-docker .split-icon{border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:16px;display:grid}.pagina-docker .docker-icon{color:#6366f1;background:#6366f124}.pagina-docker .pm2-icon{color:#f59e0b;background:#f59e0b24}.pagina-docker .split-title{color:var(--ds-text);font-size:13px;font-weight:800}.pagina-docker .split-note{color:var(--ds-text-muted);margin-bottom:12px;font-size:11px;line-height:1.5}.pagina-docker .split-item{border-top:1px solid var(--ds-border);align-items:center;gap:10px;padding:9px 0;display:flex}.pagina-docker .si-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.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{color:var(--ds-text);font-size:12px;font-weight:700}.pagina-docker .si-desc{color:var(--ds-text-muted);margin-top:1px;font-size:10.5px}.pagina-docker .si-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:99px;flex-shrink:0;padding:2px 8px;font-size:9px;font-weight:800}.pagina-docker .docker-badge{color:#4f46e5;background:#6366f11f;border:1px solid #6366f133}.pagina-docker .pm2-badge{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b33}.pagina-docker .error-note{color:#dc2626;background:#ef44440f;border:1px solid #ef444440;border-radius:11px;align-items:center;gap:10px;margin-bottom:12px;padding:12px 14px;font-size:12px;display:flex}.pagina-docker .error-note svg{flex-shrink:0;font-size:17px}.pagina-docker .containers-list{flex-direction:column;gap:10px;display:flex}.pagina-docker .container-card{border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:13px;padding:14px 16px;transition:border-color .2s,box-shadow .2s,transform .18s;animation:.35s both pagina-docker-fadeUp;position:relative;overflow:hidden}.pagina-docker .container-card:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.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(#4ade80,#22c55e)}.pagina-docker .container-card.c-stopped{border-color:#ef444440}.pagina-docker .container-card.c-stopped:before{background:linear-gradient(#f87171,#ef4444)}.pagina-docker .cc-head{align-items:center;gap:10px;margin-bottom:12px;padding-left:8px;display:flex}.pagina-docker .cc-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.pagina-docker .cc-dot.running{background:#22c55e;animation:2s infinite pagina-docker-pulseDot;box-shadow:0 0 6px #22c55e8c}.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{color:var(--ds-text);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.pagina-docker .cc-image{color:var(--ds-text-muted);margin-top:2px;font-family:ui-monospace,SF Mono,monospace;font-size:11px}.pagina-docker .cc-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;flex-shrink:0;padding:3px 9px;font-size:10px;font-weight:700}.pagina-docker .r-badge{color:#16a34a;background:#22c55e1f;border:1px solid #22c55e33}.pagina-docker .s-badge{color:#dc2626;background:#ef44441f;border:1px solid #ef444433}.pagina-docker .cc-metrics{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-bottom:10px;padding-left:12px;display:grid}.pagina-docker .cc-metric{flex-direction:column;gap:3px;display:flex}.pagina-docker .ccm-label{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:9.5px;font-weight:700}.pagina-docker .ccm-val{color:var(--ds-text-2);font-size:12px}.pagina-docker .ccm-bar-row{align-items:center;gap:6px;display:flex}.pagina-docker .ccm-bar-wrap{background:var(--ds-border);border-radius:3px;flex:1;height:5px;overflow:hidden}.pagina-docker .ccm-bar{border-radius:3px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.pagina-docker .ccm-pct{color:var(--ds-text-muted);font-variant-numeric:tabular-nums;text-align:right;min-width:30px;font-size:11px}.pagina-docker .cc-footer{color:var(--ds-text-muted);border-top:1px solid var(--ds-border);justify-content:space-between;padding-top:8px;padding-left:12px;font-size:10.5px;display:flex}.pagina-docker .cc-id{font-family:ui-monospace,monospace}.pagina-docker .cc-ports{text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:55%;overflow:hidden}.pagina-docker .compose-note{color:var(--ds-text-2);background:#6366f10d;border:1px solid #6366f138;border-radius:11px;align-items:flex-start;gap:10px;margin-bottom:14px;padding:12px 14px;font-size:12px;line-height:1.6;display:flex}.pagina-docker .compose-note svg{color:#6366f1;flex-shrink:0;margin-top:1px;font-size:16px}.pagina-docker .compose-note code{background:var(--ds-hover);color:var(--ds-text);border-radius:4px;padding:1px 5px;font-family:ui-monospace,Menlo,monospace;font-size:11px}.pagina-docker .compose-grid{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:8px;display:grid}.pagina-docker .compose-item{border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:11px;align-items:center;gap:9px;padding:11px 14px;transition:transform .18s,border-color .18s,box-shadow .18s;animation:.35s both pagina-docker-fadeUp;display:flex;position:relative;overflow:hidden}.pagina-docker .compose-item:before{content:"";width:3px;position:absolute;top:0;bottom:0;left:0}.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{flex-shrink:0;font-size:17px}.pagina-docker .compose-item.ci-up .ci-icon{color:#16a34a}.pagina-docker .compose-item.ci-down .ci-icon{color:#dc2626}.pagina-docker .ci-name{color:var(--ds-text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12.5px;font-weight:600;overflow:hidden}.pagina-docker .ci-status{text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;font-size:9.5px;font-weight:800}.pagina-docker .up-text{color:#16a34a}.pagina-docker .down-text{color:#dc2626}.pagina-docker .update-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px;display:grid}.pagina-docker .update-item{border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:13px;padding:16px;transition:border-color .2s,transform .18s;animation:.4s both pagina-docker-fadeUp}.pagina-docker .update-item:hover{border-color:var(--portal-color);transform:translateY(-2px)}.pagina-docker .ui-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.pagina-docker .ui-icon{border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.pagina-docker .ui-icon.blue{color:#3b82f6;background:#3b82f621}.pagina-docker .ui-icon.green{color:#16a34a;background:#22c55e21}.pagina-docker .ui-icon.amber{color:#f59e0b;background:#f59e0b21}.pagina-docker .ui-icon.purple{color:#8b5cf6;background:#8b5cf621}.pagina-docker .ui-title{color:var(--ds-text);flex:1;font-size:13px;font-weight:800}.pagina-docker .ui-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:99px;flex-shrink:0;padding:2px 8px;font-size:9px;font-weight:800}.pagina-docker .ui-badge.safe{color:#16a34a;background:#22c55e1f;border:1px solid #22c55e33}.pagina-docker .ui-badge.caution{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b33}.pagina-docker .ui-desc{color:var(--ds-text-muted);margin-bottom:8px;font-size:11.5px;line-height:1.6}.pagina-docker .ui-cmd{background:var(--ds-hover);color:var(--ds-text);border:1px solid var(--ds-border);white-space:nowrap;border-radius:7px;padding:7px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;display:block;overflow-x:auto}@keyframes pagina-docker-fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.pagina-docker .summary-bar,.pagina-docker .kpi-bar{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.pagina-docker .split-grid,.pagina-docker .explain-grid{grid-template-columns:1fr}.pagina-docker .cc-metrics{grid-template-columns:1fr 1fr}}@media (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 (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{color:#10b981;background:#10b98126}.pagina-ilt-aanlevering .pill.warn{color:#b45309;background:#f59e0b26}.pagina-ilt-aanlevering .pill.fout{color:#ef4444;background:#ef444426}.pagina-ilt-aanlevering .pill.dim{opacity:.75}.pagina-ilt-aanlevering .gaps-cel{max-width:340px;font-size:12px}.pagina-ilt-aanlevering .rij-fout{background:#ef44440f}.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{white-space:nowrap;background:var(--ds-hover);color:var(--ds-text-muted);border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.pagina-incidenten .info-bar{align-items:flex-start;gap:12px;padding:13px 16px;display:flex}.pagina-incidenten .info-bar>svg{color:var(--portal-color);flex-shrink:0;margin-top:1px;font-size:22px}.pagina-incidenten .info-bar strong{color:var(--ds-text)}.pagina-incidenten .info-bar div{color:var(--ds-text-2);font-size:12.5px;line-height:1.55}.pagina-incidenten .info-bar .vs{color:var(--ds-text-muted);margin-top:4px;display:block}.pagina-incidenten .info-bar a{color:var(--portal-color);font-weight:700;text-decoration:none}.pagina-incidenten .stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.pagina-incidenten .stat{background:var(--ds-card);border:1px solid var(--ds-border);cursor:pointer;box-shadow:var(--ds-shadow);border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex}.pagina-incidenten .stat:hover{border-color:var(--portal-color);box-shadow:var(--ds-shadow-lg);transform:translateY(-2px)}.pagina-incidenten .stat .num{color:var(--ds-text);font-size:26px;font-weight:800;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{text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);margin-top:2px;font-size:10.5px;font-weight:700}.pagina-incidenten .layout{grid-template-columns:340px 1fr;align-items:start;gap:14px;display:grid}.pagina-incidenten .list-col{flex-direction:column;max-height:calc(100vh - 320px);display:flex;overflow:hidden}.pagina-incidenten .top-bar{border-bottom:1px solid var(--ds-border);gap:8px;padding:12px;display:flex}.pagina-incidenten .top-bar input{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);font:inherit;border-radius:8px;flex:1;padding:8px 10px;font-size:13px}.pagina-incidenten .top-bar input:focus{border-color:var(--portal-color);outline:none}.pagina-incidenten .new-btn{background:var(--portal-color);color:#fff;border-radius:var(--ds-radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:5px;padding:0 13px;font-size:12.5px;font-weight:700;display:inline-flex}.pagina-incidenten .new-btn:hover{opacity:.9}.pagina-incidenten .chip-row:last-of-type{border-bottom:1px solid var(--ds-border);padding-bottom:8px}.pagina-incidenten .chip:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-incidenten .list{flex:1;overflow-y:auto}.pagina-incidenten .item{border-bottom:1px solid var(--ds-border-subtle);cursor:pointer;padding:11px 14px;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{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.pagina-incidenten .item-title{color:var(--ds-text);font-size:13px;font-weight:700;line-height:1.35}.pagina-incidenten .item-meta{color:var(--ds-text-muted);flex-wrap:wrap;align-items:center;gap:5px;margin-top:6px;font-size:11px;display:flex}.pagina-incidenten .badge.open,.pagina-incidenten .badge.gemeld,.pagina-incidenten .badge.wacht-op-info{color:#d97706;background:#f59e0b24}.pagina-incidenten .badge.busy,.pagina-incidenten .badge.in-behandeling,.pagina-incidenten .badge.in-review,.pagina-incidenten .badge.afgehandeld{color:#7c3aed;background:#8b5cf624}.pagina-incidenten .badge.done,.pagina-incidenten .badge.gesloten{color:#16a34a;background:#22c55e24}.pagina-incidenten .badge.kritiek{color:#dc2626;background:#ef444424}.pagina-incidenten .badge.hoog{color:#ea580c;background:#f9731624}.pagina-incidenten .badge.midden{color:var(--portal-color);background:#6366f124}.pagina-incidenten .badge.laag{color:#16a34a;background:#22c55e1f}.pagina-incidenten .cat-chip{color:var(--ds-text-2);text-transform:capitalize;font-size:11px}.pagina-incidenten .src-badge{border-radius:6px;padding:2px 6px;font-size:10px;font-weight:700}.pagina-incidenten .src-badge.avg{color:#7c3aed;background:#8b5cf624}.pagina-incidenten .src-badge.ilt{color:#d97706;background:#f59e0b24}.pagina-incidenten .detail-col{flex-direction:column;min-height:400px;max-height:calc(100vh - 320px);display:flex;overflow:hidden}.pagina-incidenten .detail-placeholder{color:var(--ds-text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.pagina-incidenten .detail-placeholder svg{color:var(--ds-text-subtle);opacity:.6;font-size:48px}.pagina-incidenten .detail-inner{flex-direction:column;flex:1;display:flex;overflow:hidden}.pagina-incidenten .detail-header{border-bottom:1px solid var(--ds-border);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.pagina-incidenten .detail-title{color:var(--ds-text);margin-bottom:8px;font-size:15px;font-weight:800;line-height:1.3}.pagina-incidenten .detail-badges{flex-wrap:wrap;gap:6px;display:flex}.pagina-incidenten .detail-actions{flex-wrap:wrap;flex-shrink:0;gap:6px;display:flex}.pagina-incidenten .btn{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:var(--ds-radius-sm);cursor:pointer;align-items:center;gap:5px;padding:7px 10px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.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{border-bottom:1px solid var(--ds-border);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;padding:14px 18px;display:grid}.pagina-incidenten .meta-cell{flex-direction:column;gap:4px;display:flex}.pagina-incidenten .meta-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);font-size:10px;font-weight:800}.pagina-incidenten .meta-val{color:var(--ds-text);font-size:13px}.pagina-incidenten .meta-cell select{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);font:inherit;border-radius:6px;padding:5px 8px;font-size:12px}.pagina-incidenten .meta-cell select:focus{border-color:var(--portal-color);outline:none}.pagina-incidenten .detail-body{flex-direction:column;flex:1;gap:18px;padding:16px 18px;display:flex;overflow-y:auto}.pagina-incidenten .section h4{text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);margin:0 0 10px;font-size:10.5px;font-weight:800}.pagina-incidenten .desc{color:var(--ds-text-2);white-space:pre-wrap;font-size:13px;line-height:1.6}.pagina-incidenten .desc-empty,.pagina-incidenten .tl-empty{color:var(--ds-text-muted);font-size:12.5px;font-style:italic}.pagina-incidenten .comment{gap:10px;margin-bottom:10px;display:flex}.pagina-incidenten .comment-avatar{background:color-mix(in srgb, var(--portal-color) 14%, var(--ds-card));border:1px solid var(--ds-border);width:32px;height:32px;color:var(--portal-color);border-radius:9px;flex-shrink:0;place-items:center;font-size:11px;font-weight:800;display:grid}.pagina-incidenten .comment-bubble{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;flex:1;padding:9px 12px}.pagina-incidenten .comment-meta{color:var(--ds-text-muted);text-transform:capitalize;margin-bottom:4px;font-size:11px;font-weight:600}.pagina-incidenten .comment-body{color:var(--ds-text);white-space:pre-wrap;font-size:13px;line-height:1.5}.pagina-incidenten .reply-bar{border-top:1px solid var(--ds-border);align-items:flex-end;gap:8px;padding:12px 16px;display:flex}.pagina-incidenten .reply-bar textarea{resize:none;border:1px solid var(--ds-border);background:var(--ds-card);min-height:38px;max-height:120px;color:var(--ds-text);font:inherit;box-sizing:border-box;border-radius:9px;flex:1;padding:9px 11px;font-size:13px}.pagina-incidenten .reply-bar textarea:focus{border-color:var(--portal-color);outline:none}.pagina-incidenten .reply-send{background:var(--portal-color);color:#fff;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:5px;padding:9px 15px;font-size:12.5px;font-weight:700;display:inline-flex}.pagina-incidenten .reply-send:hover{opacity:.9}.pagina-incidenten .empty{color:var(--ds-text-muted);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:44px 16px;font-size:13px;display:flex}.pagina-incidenten .empty svg{color:var(--ds-text-subtle);opacity:.5;font-size:40px}.pagina-incidenten .norm-link{background:#6366f10a;border:1px solid #6366f133;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;display:flex}.pagina-incidenten .norm-link>svg{color:var(--portal-color);flex-shrink:0;font-size:24px}.pagina-incidenten .norm-link strong{color:var(--ds-text);font-size:13px}.pagina-incidenten .norm-link p{color:var(--ds-text-secondary);margin:2px 0 0;font-size:12px}.pagina-incidenten .nl-btns{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.pagina-incidenten .nl-btn{color:var(--portal-color);border:1px solid var(--portal-color);border-radius:var(--ds-radius-sm);white-space:nowrap;padding:6px 10px;font-size:12px;font-weight:600;text-decoration:none}@keyframes pagina-incidenten-fadeIn{0%{opacity:0}to{opacity:1}}.pagina-incidenten .form-group.chk label{cursor:pointer;align-items:center;gap:6px;font-weight:500;display:flex}@media (width<=900px){.pagina-incidenten .layout{grid-template-columns:1fr}.pagina-incidenten .list-col,.pagina-incidenten .detail-col{max-height:none}}@media (width<=640px){.pagina-incidenten .top-bar{flex-wrap:wrap}.pagina-incidenten .top-bar input{flex:100%;min-width:0}.pagina-incidenten .top-bar .new-btn{flex:100%;justify-content:center}}.pagina-risicoregister .card>:not(.card-header){padding:18px}.pagina-risicoregister .heat-wrap{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.pagina-risicoregister .heat-axis-y{writing-mode:vertical-rl;letter-spacing:.5px;color:var(--ds-text-muted);text-transform:uppercase;justify-content:center;align-self:stretch;align-items:center;font-size:11px;font-weight:700;display:flex;transform:rotate(180deg)}.pagina-risicoregister .heat-grid-block{flex-direction:column;gap:6px;display:flex}.pagina-risicoregister .heat-grid{grid-template-columns:28px repeat(5,minmax(54px,1fr));gap:6px;display:grid}.pagina-risicoregister .heat-rowlabel,.pagina-risicoregister .heat-collabel{color:var(--ds-text-muted);justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.pagina-risicoregister .heat-cell{aspect-ratio:1.6;cursor:pointer;color:#fff;border:2px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:46px;transition:transform .12s,box-shadow .12s,outline .12s;display:flex;position:relative}.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{opacity:.85;margin-top:2px;font-size:10px}.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;letter-spacing:.5px;color:var(--ds-text-muted);text-transform:uppercase;padding-left:34px;font-size:11px;font-weight:700}.pagina-risicoregister .heat-legend{color:var(--ds-text-2);flex-direction:column;gap:8px;font-size:12px;display:flex}.pagina-risicoregister .heat-legend .hl{align-items:center;gap:8px;display:flex}.pagina-risicoregister .heat-legend i{border-radius:4px;width:14px;height:14px;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{flex:1;min-width:200px;max-width:340px;position:relative}.pagina-risicoregister .filter-search svg{color:#9ca3af;font-size:16px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.pagina-risicoregister .filter-search input{box-sizing:border-box;width:100%;padding-left:34px}.pagina-risicoregister .btn-primary:disabled{opacity:.5;cursor:not-allowed}.pagina-risicoregister .risk-list{flex-direction:column;gap:8px;display:flex}.pagina-risicoregister .risk-row{background:var(--ds-card);border:1px solid var(--ds-border);cursor:pointer;border-radius:10px;grid-template-columns:auto 1fr auto auto auto auto;align-items:center;gap:14px;padding:12px 14px;transition:box-shadow .12s,transform .12s;display:grid}.pagina-risicoregister .risk-row:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.pagina-risicoregister .code-badge{color:#fff;background:var(--portal-color);white-space:nowrap;border-radius:6px;padding:4px 10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;font-weight:700}.pagina-risicoregister .risk-main{min-width:0}.pagina-risicoregister .risk-title{color:var(--ds-text);margin-bottom:4px;font-size:14px;font-weight:600}.pagina-risicoregister .risk-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pagina-risicoregister .cat-chip,.pagina-risicoregister .behandel-pill,.pagina-risicoregister .status-pill{text-transform:capitalize;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.pagina-risicoregister .behandel-pill{background:color-mix(in srgb, var(--portal-color) 12%, transparent);color:var(--portal-color)}.pagina-risicoregister .ki-mini{color:var(--ds-text-muted);align-items:center;gap:3px;font-size:11px;display:inline-flex}.pagina-risicoregister .ki-mini svg{font-size:13px}.pagina-risicoregister .score-badge{text-align:center;color:#fff;border-radius:8px;min-width:34px;padding:6px 8px;font-size:14px;font-weight:800}.pagina-risicoregister .score-badge.big{min-width:44px;padding:8px 12px;font-size:18px}.pagina-risicoregister .avatar-mini{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:inline-flex}.pagina-risicoregister .avatar-mini.empty-av{color:#9ca3af;background:#e5e7eb}.pagina-risicoregister .herbeoordeel{color:var(--ds-text-muted);white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:inline-flex}.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);padding:24px;font-size:13px;font-style:italic}.pagina-risicoregister .empty-inline{color:var(--ds-text-muted);font-size:12px;font-style:italic}.pagina-risicoregister .modal-col{flex-direction:column;gap:14px;min-width:0;display:flex}.pagina-risicoregister .field-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.pagina-risicoregister .modal-header-del{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-right:6px;transition:background .15s;display:inline-flex}.pagina-risicoregister .modal-header-del:hover{background:#ef4444d9;border-color:#0000}.pagina-risicoregister .modal-header-del svg{font-size:16px}.pagina-risicoregister .score-live{background:var(--ds-hover);border-radius:10px;align-items:center;gap:12px;margin-top:6px;padding:10px 14px;display:flex}.pagina-risicoregister .score-live-label{text-transform:uppercase;letter-spacing:.5px;color:var(--ds-text-muted);font-size:11px;font-weight:700}.pagina-risicoregister .score-live-niveau{color:var(--ds-text-2);font-size:13px;font-weight:600}.pagina-risicoregister .biv-badges{gap:3px;display:inline-flex}.pagina-risicoregister .biv-b{background:color-mix(in srgb, var(--portal-color) 15%, transparent);width:18px;height:18px;color:var(--portal-color);border-radius:5px;place-items:center;font-size:10px;font-weight:800;display:inline-grid}.pagina-risicoregister .biv-toggles{flex-wrap:wrap;gap:8px;display:flex}.pagina-risicoregister .biv-chip{border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);color:var(--ds-text-secondary);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.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{flex-direction:column;gap:6px;display:flex}.pagina-risicoregister .iso-block>.field-label{color:var(--ds-text-muted);letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:700}.pagina-risicoregister .chip-list{flex-wrap:wrap;gap:6px;display:flex}.pagina-risicoregister .iso-chip{color:#4f46e5;background:#eef2ff;border-radius:14px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.pagina-risicoregister .chip-x{color:#6366f1;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;line-height:1;display:inline-flex}.pagina-risicoregister .add-chip-row{gap:6px;margin-top:4px;display:flex}.pagina-risicoregister .add-chip-row input{flex:1}.pagina-risicoregister .history-list{flex-direction:column;gap:6px;max-height:360px;display:flex;overflow-y:auto}.pagina-risicoregister .hist-row{gap:8px;padding:6px 0;display:flex}.pagina-risicoregister .hist-icon{background:var(--portal-color);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:flex}.pagina-risicoregister .hist-body{flex:1;min-width:0;font-size:12px}.pagina-risicoregister .hist-line1{color:var(--ds-text-2)}.pagina-risicoregister .hist-line2{color:var(--ds-text-muted);margin-top:2px;font-size:11px}.pagina-risicoregister .hist-time{color:#9ca3af;margin-top:2px;font-size:10px}@media (width<=760px){.pagina-risicoregister .field-grid{grid-template-columns:1fr}}@media (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{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:0 0 16px;display:grid}.pagina-onderhoud .sub-tab{background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text-2);cursor:pointer;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 16px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a}.pagina-onderhoud .sub-tab svg{color:var(--ds-text-muted);font-size:18px}.pagina-onderhoud .sub-tab:hover{border-color:var(--portal-color);color:var(--portal-color);transform:translateY(-2px);box-shadow:0 6px 18px -8px #0000002e}.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{color:inherit;background:#00000014;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.pagina-onderhoud .sub-tab.active .tab-count{color:#fff;background:#ffffff40}@media (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{color:#fff;border-radius:12px;align-items:center;gap:14px;padding:18px 20px;display:flex;box-shadow:0 2px 6px #00000014}.pagina-onderhoud .kpi-icon{background:#fff3;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;display:flex}.pagina-onderhoud .kpi-body{flex:1;min-width:0}.pagina-onderhoud .kpi-label{opacity:.9;letter-spacing:.3px;font-size:12px;font-weight:500}.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 (width<=900px){.pagina-onderhoud .two-col{grid-template-columns:1fr}}.pagina-onderhoud .card>:not(.card-header):not(.card-body):not(.card-content),.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{align-items:center;gap:24px;display:flex}.pagina-onderhoud .donut{border-radius:50%;flex-shrink:0;width:180px;height:180px;position:relative}.pagina-onderhoud .donut-hole{background:var(--ds-card);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:30px}.pagina-onderhoud .donut-total{color:var(--ds-text);font-size:28px;font-weight:700}.pagina-onderhoud .donut-sub{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.pagina-onderhoud .donut-legend{flex-direction:column;flex:1;gap:8px;display:flex}.pagina-onderhoud .legend-row{grid-template-columns:18px 1fr auto;align-items:center;gap:10px;font-size:13px;display:grid}.pagina-onderhoud .legend-dot{border-radius:4px;width:14px;height:14px;display:inline-block}.pagina-onderhoud .legend-label{color:var(--ds-text-2);text-transform:capitalize}.pagina-onderhoud .legend-value{color:var(--ds-text);font-weight:600}.pagina-onderhoud .bar-list{flex-direction:column;gap:10px;display:flex}.pagina-onderhoud .bar-row{grid-template-columns:160px 1fr 40px;align-items:center;gap:10px;font-size:13px;display:grid}.pagina-onderhoud .bar-label{color:var(--ds-text-2);align-items:center;gap:8px;display:flex}.pagina-onderhoud .bar-track{background:var(--ds-hover);border-radius:7px;height:14px;overflow:hidden}.pagina-onderhoud .bar-fill{border-radius:7px;height:100%;transition:width .3s}.pagina-onderhoud .bar-value{color:var(--ds-text);text-align:right;font-weight:600}.pagina-onderhoud .avatar-mini{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:600;display:inline-flex}.pagina-onderhoud .overdue-list{flex-direction:column;gap:8px;display:flex}.pagina-onderhoud .overdue-row{cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #ef4444;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 14px;transition:background .15s;display:grid}.pagina-onderhoud .overdue-row:hover{background:#fee2e2}.pagina-onderhoud .ovr-prio{color:#fff;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700}.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{color:var(--ds-text);margin-bottom:4px;font-weight:600}.pagina-onderhoud .ovr-meta{color:var(--ds-text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.pagina-onderhoud .ovr-deadline{color:#dc2626;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.pagina-onderhoud .filter-bar select{cursor:pointer}.pagina-onderhoud .filter-label{color:var(--ds-text-muted);align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.pagina-onderhoud .filter-search{flex:1;min-width:200px;max-width:340px;position:relative}.pagina-onderhoud .filter-search svg{color:var(--ds-text-subtle);font-size:16px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.pagina-onderhoud .filter-search input{width:100%;padding-left:34px}.pagina-onderhoud .btn-primary:disabled{opacity:.5;cursor:not-allowed}.pagina-onderhoud .kanban{grid-template-columns:repeat(5,minmax(min(220px,100%),1fr));gap:12px;display:grid;overflow-x:auto}.pagina-onderhoud .kanban-col{background:var(--ds-bg);border-radius:10px;flex-direction:column;min-height:300px;padding:8px;display:flex}.pagina-onderhoud .kanban-head{background:var(--ds-card);border-top:3px solid #6366f1;border-radius:6px 6px 0 0;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 10px 12px;display:flex}.pagina-onderhoud .kanban-title{font-size:13px;font-weight:600}.pagina-onderhoud .kanban-count{background:var(--ds-border);color:var(--ds-text-2);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.pagina-onderhoud .kanban-body{flex-direction:column;flex:1;gap:8px;display:flex}.pagina-onderhoud .ticket-card{background:var(--ds-card);border:1px solid var(--ds-border);cursor:pointer;border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;transition:transform .12s,box-shadow .12s;display:flex}.pagina-onderhoud .ticket-card:hover{transform:translateY(-1px);box-shadow:0 4px 10px #00000014}.pagina-onderhoud .tc-row1,.pagina-onderhoud .tc-row2{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pagina-onderhoud .tc-title{color:var(--ds-text);font-size:13px;font-weight:600;line-height:1.35}.pagina-onderhoud .tc-deadline{color:var(--ds-text-muted);align-items:center;gap:4px;font-size:11px;display:inline-flex}.pagina-onderhoud .tc-deadline.overdue{color:#dc2626;font-weight:600}.pagina-onderhoud .prio-badge{color:#fff;border-radius:5px;padding:2px 8px;font-size:11px;font-weight:700}.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{text-transform:capitalize;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.pagina-onderhoud .iso-chip{color:#6366f1;background:#eef2ff}.pagina-onderhoud .env-pill{color:#fff;text-transform:uppercase;letter-spacing:.3px;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.pagina-onderhoud .empty-col{text-align:center;color:var(--ds-text-subtle);padding:20px 0;font-size:12px;font-style:italic}.pagina-onderhoud .empty{text-align:center;color:var(--ds-text-subtle);padding:24px;font-size:13px;font-style:italic}.pagina-onderhoud .empty-inline{color:var(--ds-text-subtle);font-size:12px;font-style:italic}.pagina-onderhoud .dtap-pipeline{align-items:stretch;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.pagina-onderhoud .dtap-col{background:var(--ds-bg);border-radius:10px;flex-direction:column;flex:1;min-width:240px;display:flex}.pagina-onderhoud .dtap-head{color:#fff;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.pagina-onderhoud .dtap-head-name{text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:700}.pagina-onderhoud .dtap-head-count{background:#ffffff40;border-radius:10px;padding:2px 10px;font-weight:700}.pagina-onderhoud .dtap-body{flex-direction:column;flex:1;gap:8px;min-height:200px;padding:8px;display:flex}.pagina-onderhoud .dtap-card{background:var(--ds-card)}.pagina-onderhoud .dtap-stamp{color:var(--ds-text-muted);align-items:center;gap:4px;font-size:11px;display:inline-flex}.pagina-onderhoud .btn-promote{color:#fff;border-radius:var(--ds-radius-sm);cursor:pointer;background:#6366f1;border:none;align-self:flex-start;align-items:center;gap:4px;margin-top:4px;padding:6px 10px;font-size:11px;font-weight:600;display:inline-flex}.pagina-onderhoud .btn-promote:hover{background:#4f46e5}.pagina-onderhoud .dtap-foot{background:var(--ds-card);border-top:1px solid var(--ds-border);border-radius:0 0 10px 10px;padding:8px 12px}.pagina-onderhoud .dtap-foot-label{color:var(--ds-text-subtle);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.pagina-onderhoud .dtap-foot-val{color:var(--ds-text-2);font-size:12px;font-weight:500}.pagina-onderhoud .dtap-arrow{color:var(--ds-text-subtle);align-self:center;padding:0 4px;font-size:28px;animation:1.8s ease-in-out infinite pagina-onderhoud-nudge}@keyframes pagina-onderhoud-nudge{0%,to{opacity:.6;transform:translate(0)}50%{opacity:1;transform:translate(4px)}}.pagina-onderhoud .mine-section{padding:16px 18px}.pagina-onderhoud .mine-list{flex-direction:column;gap:6px;display:flex}.pagina-onderhoud .mine-row{background:var(--ds-bg);border:1px solid var(--ds-border);cursor:pointer;border-radius:8px;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:10px;padding:8px 12px;transition:background .12s;display:grid}.pagina-onderhoud .mine-row:hover{background:var(--ds-hover)}.pagina-onderhoud .mine-title{color:var(--ds-text);font-size:13px;font-weight:500}.pagina-onderhoud .mine-row select{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:6px;padding:4px 8px;font-size:12px}.pagina-onderhoud .timeline{flex-direction:column;gap:0;display:flex}.pagina-onderhoud .tl-row{border-bottom:1px solid #f3f4f6;grid-template-columns:36px 1fr;gap:12px;padding:12px 0;display:grid}.pagina-onderhoud .tl-row:last-child{border-bottom:none}.pagina-onderhoud .tl-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.pagina-onderhoud .tl-line1{color:var(--ds-text-2);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.pagina-onderhoud .tl-action{color:var(--ds-text-muted)}.pagina-onderhoud .tl-ticket{color:#6366f1;cursor:pointer;font-weight:600;text-decoration:underline}.pagina-onderhoud .tl-line2{color:var(--ds-text-muted);margin-top:2px;font-size:12px}.pagina-onderhoud .tl-line3{color:var(--ds-text-subtle);gap:10px;margin-top:4px;font-size:11px;display:flex}.pagina-onderhoud .modal-content.modal-small{max-width:720px}.pagina-onderhoud .modal-body:not(.single){grid-template-columns:60% 40%;gap:14px;display:grid}.pagina-onderhoud .modal-left,.pagina-onderhoud .modal-right{flex-direction:column;gap:14px;min-width:0;display:flex}.pagina-onderhoud .modal-ticket-id{color:#fffc;border-radius:var(--ds-radius-sm);background:#ffffff26;flex-shrink:0;padding:2px 8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.pagina-onderhoud .modal-title-input{color:#fff;background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;flex:1;padding:6px 12px;font-size:15px;font-weight:600}.pagina-onderhoud .modal-title-input::placeholder{color:#fff9}.pagina-onderhoud .modal-title-input:focus{background:#ffffff40;border-color:#ffffff80;outline:none}@media (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{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=600px){.pagina-onderhoud .field-grid{grid-template-columns:1fr}}.pagina-onderhoud .chip-list{flex-wrap:wrap;gap:6px;display:flex}.pagina-onderhoud .file-chip,.pagina-onderhoud .vb-chip{color:#4f46e5;background:#eef2ff;border-radius:14px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex}.pagina-onderhoud .vb-chip:hover{background:#e0e7ff}.pagina-onderhoud .chip-x{color:#6366f1;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;line-height:1;display:inline-flex}.pagina-onderhoud .add-chip-row{gap:6px;margin-top:4px;display:flex}.pagina-onderhoud .add-chip-row input{border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);flex:1;padding:6px 10px;font-size:12px}.pagina-onderhoud .dtap-dots{align-items:center;gap:4px;padding:8px 0;display:flex}.pagina-onderhoud .dtap-dot{color:#fff;text-align:center;border-radius:8px;flex:1;padding:10px 8px;transition:background .2s}.pagina-onderhoud .dtap-dot:not(.done){color:var(--ds-text-subtle)}.pagina-onderhoud .dtap-dot-name{text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700}.pagina-onderhoud .dtap-dot-ts{opacity:.85;margin-top:2px;font-size:10px}.pagina-onderhoud .dtap-line{background:var(--ds-border);border-radius:2px;width:24px;height:3px}.pagina-onderhoud .dtap-line.done{background:#10b981}.pagina-onderhoud .comments-thread{flex-direction:column;gap:8px;max-height:240px;padding:4px 2px;display:flex;overflow-y:auto}.pagina-onderhoud .comment{gap:8px;display:flex}.pagina-onderhoud .comment-body{background:var(--ds-hover);border-radius:8px;flex:1;padding:8px 10px}.pagina-onderhoud .comment-head{color:var(--ds-text-muted);justify-content:space-between;gap:6px;margin-bottom:2px;font-size:11px;display:flex}.pagina-onderhoud .comment-text{color:#1f2937;white-space:pre-wrap;font-size:13px}.pagina-onderhoud .comment-time{color:var(--ds-text-subtle);font-size:10px}.pagina-onderhoud .comment-input{align-items:flex-end;gap:6px;margin-top:6px;display:flex}.pagina-onderhoud .comment-input textarea{border:1px solid var(--ds-border);resize:vertical;border-radius:6px;flex:1;padding:8px 10px;font-family:inherit;font-size:13px}.pagina-onderhoud .history-list{flex-direction:column;gap:6px;max-height:240px;display:flex;overflow-y:auto}.pagina-onderhoud .hist-row{gap:8px;padding:6px 0;display:flex}.pagina-onderhoud .hist-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:flex}.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);margin-top:2px;font-size:11px}.pagina-onderhoud .hist-time{color:var(--ds-text-subtle);margin-top:2px;font-size:10px}@media (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{border-radius:0;max-width:100%;max-height:100vh}.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{color:var(--portal-color);font-size:18px}.pagina-sla .uptime-kpis{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.pagina-sla .uptime-gauge{flex-shrink:0}.pagina-sla .gauge-ring{width:140px;height:140px;position:relative}.pagina-sla .gauge-ring svg{width:100%;height:100%}.pagina-sla .gauge-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pagina-sla .gauge-val{color:var(--ds-text);font-size:22px;font-weight:800}.pagina-sla .gauge-label{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:11px}.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{flex:1;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.pagina-sla .kpi-item{border:1px solid var(--ds-border);background:var(--ds-card);text-align:center;border-radius:12px;padding:14px 16px}.pagina-sla .ki-val{color:var(--ds-text);font-size:20px;font-weight:700}.pagina-sla .ki-lbl{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.3px;margin-top:4px;font-size:11px}.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{min-height:180px;position:relative}.pagina-sla .chart-bars{align-items:flex-end;gap:4px;height:180px;padding:8px 0;display:flex}.pagina-sla .bar-col{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.pagina-sla .bar-pct{color:var(--ds-text-muted);font-size:10px}.pagina-sla .bar-fill{border-radius:4px 4px 0 0;width:100%;min-height:4px}.pagina-sla .bar-label{color:var(--ds-text-subtle);font-size:10px}.pagina-sla .daily-foot{justify-content:center;gap:16px;margin-top:8px;display:flex}.pagina-sla .daily-foot span{color:var(--ds-text-muted);font-size:12px}.pagina-sla .hourly-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px;display:grid}.pagina-sla .hourly-cell{text-align:center;border:1px solid #0000;border-radius:10px;padding:10px 8px}.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{color:var(--ds-text-muted);font-size:11px;display:block}.pagina-sla .hc-pct{margin-top:2px;font-size:15px;font-weight:700;display:block}.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{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:10px;display:grid}.pagina-sla .svc-item{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:12px;align-items:center;gap:10px;padding:12px 16px;display:flex}.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{color:var(--ds-text);font-size:14px;font-weight:600}.pagina-sla .svc-detail{color:var(--ds-text-muted);margin-top:2px;font-size:11px}.pagina-sla .card-head{align-items:center;gap:8px;margin-bottom:14px;display:flex}.pagina-sla .card-head svg{color:var(--portal-color);font-size:18px}.pagina-sla .card-head h2{color:var(--ds-text);margin:0;font-size:15px;font-weight:700}.pagina-sla .dim{color:var(--ds-text-muted)}.pagina-sla .small{font-size:12px}.pagina-sla .tiny{color:var(--ds-text-subtle);font-size:11px}.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{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.pagina-sla .sl-kpi{background:var(--ds-card);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow);border-radius:12px;padding:14px 18px}.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{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:11px}.pagina-sla .sl-kpi .ks{color:var(--ds-text-muted);margin-top:3px;font-size:11.5px}.pagina-sla .sl-tabs{border-bottom:1px solid var(--ds-border);gap:2px;display:flex;overflow-x:auto}.pagina-sla .sl-tab{color:var(--ds-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.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);color:var(--ds-text-muted);padding:1px 7px;font-size:11px}.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{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:14px;margin-bottom:14px;display:grid}.pagina-sla .sl-tier-card{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:14px;overflow:hidden}.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{background:var(--ds-card);padding:16px 18px}.pagina-sla .sl-tier-name{margin:0 0 2px;font-size:17px;font-weight:900}.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{color:var(--ds-text-muted);font-size:11.5px}.pagina-sla .sl-tier-price{margin:10px 0 2px;font-size:28px;font-weight:900;line-height:1}.pagina-sla .sl-tier-price span{color:var(--ds-text-muted);font-size:13px;font-weight:600}.pagina-sla .sl-tier-body{padding:14px 18px 18px}.pagina-sla .sl-tier-metric{border-bottom:1px solid var(--ds-border-subtle);justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;display:flex}.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{color:var(--ds-text);font-weight:700}.pagina-sla .sl-tier-features{flex-direction:column;gap:5px;margin:12px 0 0;padding:0;list-style:none;display:flex}.pagina-sla .sl-tier-features li{color:var(--ds-text-2);align-items:center;gap:8px;font-size:12.5px;display:flex}.pagina-sla .sl-tier-features li:before{content:"✓";color:var(--portal-color);font-weight:900}.pagina-sla .sl-table-wrap{overflow-x:auto}.pagina-sla .sl-table{border-collapse:collapse;width:100%;font-size:13px}.pagina-sla .sl-table th{text-align:left;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--ds-border);white-space:nowrap;padding:9px 12px;font-size:11px;font-weight:700}.pagina-sla .sl-table td{color:var(--ds-text-2);border-bottom:1px solid var(--ds-border-subtle);vertical-align:middle;padding:10px 12px}.pagina-sla .cnote{color:var(--ds-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:11px;overflow:hidden}.pagina-sla .u-line{font-size:12.5px;font-weight:700}.pagina-sla .u-bar{width:100px}.pagina-sla .sl-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.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{border-radius:50%;flex-shrink:0;width:6px;height:6px}.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{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;align-items:center;padding:2px 9px;font-size:11px;font-weight:800;display:inline-flex}.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{background:var(--ds-border);border-radius:4px;height:8px;margin:4px 0;overflow:hidden}.pagina-sla .sl-uptime-fill{border-radius:4px;height:100%;transition:width .5s}.pagina-sla .sl-uptime-labels{color:var(--ds-text-muted);justify-content:space-between;font-size:11px;display:flex}.pagina-sla .sl-breach-list{flex-direction:column;gap:10px;display:flex}.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;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.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{background:color-mix(in srgb, var(--ds-danger) 15%, transparent);width:34px;height:34px;color:var(--ds-danger);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.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{color:var(--ds-text);font-size:14px;font-weight:700}.pagina-sla .sl-breach-meta{color:var(--ds-text-muted);margin-top:3px;font-size:12px;line-height:1.5}.pagina-sla .sl-breach-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.pagina-sla .empty{text-align:center;color:var(--ds-text-muted);padding:48px}.pagina-sla .sl-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.pagina-sla .sl-select{background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text-2);cursor:pointer;border-radius:8px;outline:none;padding:8px 12px;font-family:inherit;font-size:13px}.pagina-sla .sl-btn{border-radius:var(--ds-radius-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.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{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:14px;margin-bottom:14px;display:grid}.pagina-sla .sl-stat-card{background:var(--ds-card);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow);border-radius:12px;align-items:center;gap:14px;padding:14px 18px;display:flex}.pagina-sla .sl-stat-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.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{color:var(--ds-text-muted);margin-top:3px;font-size:11px}.pagina-sla .ub-row{margin-bottom:12px}.pagina-sla .ub-head{color:var(--ds-text-2);justify-content:space-between;margin-bottom:4px;font-size:12.5px;display:flex}.pagina-sla .ub-pct{font-weight:700}.pagina-sla .export-row{text-align:center;margin-top:14px}.pagina-sla .sl-form-grid{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:10px;display:grid}.pagina-sla .sl-field{flex-direction:column;gap:4px;display:flex}.pagina-sla .sl-field.full{grid-column:1/-1}.pagina-sla .sl-field label{color:var(--ds-text-muted);font-size:11.5px;font-weight:600}.pagina-sla .sl-field input,.pagina-sla .sl-field select,.pagina-sla .sl-field textarea{box-sizing:border-box;background:var(--ds-card);border:1px solid var(--ds-border);width:100%;color:var(--ds-text);border-radius:8px;outline:none;padding:8px 12px;font-family:inherit;font-size:14px}.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{resize:vertical;min-height:60px}@media (width<=900px){.pagina-sla .uptime-kpis{flex-direction:column;align-items:stretch;gap:16px}.pagina-sla .uptime-gauge{justify-content:center;display:flex}.pagina-sla .kpi-strip{grid-template-columns:repeat(4,1fr);width:100%}}@media (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{-webkit-overflow-scrolling:touch;overflow-x:auto}.pagina-sla .chart-bars{min-width:480px}.pagina-sla .sl-table{font-size:12px}}@media (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{-webkit-overflow-scrolling:touch;overflow-x:auto}.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 (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{gap:10px;padding:12px}.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{background:var(--ds-card);border:1px solid var(--ds-border);min-width:180px;color:var(--ds-text);border-radius:8px;outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:13px}.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{border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);cursor:pointer;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600}.pagina-sla .btn-ghost:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-app-versies .av-leeg{text-align:center;color:var(--ds-text-2);padding:40px}.pagina-app-versies .av-fout{color:#b91c1c}.pagina-app-versies .av-kpis{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:14px;display:grid}.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{color:var(--ds-text);font-size:26px;font-weight:600}.pagina-app-versies .av-kpi-lbl{color:var(--ds-text-2);text-transform:capitalize;font-size:12.5px}.pagina-app-versies .av-kpi-sub{color:var(--ds-text-muted);margin-top:4px;font-size:12px}.pagina-app-versies .av-kpi-sub.warn{color:#b45309;font-weight:600}.pagina-app-versies .av-grens{color:var(--ds-text-2);background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;margin-bottom:14px;padding:12px 14px;font-size:13px}.pagina-app-versies .av-tabel{border-collapse:collapse;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;width:100%;font-size:13.5px;overflow:hidden}.pagina-app-versies .av-tabel th,.pagina-app-versies .av-tabel td{text-align:left;border-bottom:1px solid var(--ds-border);padding:9px 12px}.pagina-app-versies .av-tabel th{color:var(--ds-text-2);font-size:12px;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{white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11.5px}.pagina-app-versies .av-tag.warn{color:#b45309;background:#f59e0b24}.pagina-app-versies .av-tag.ok{color:#047857;background:#10b98124}.pagina-app-versies .av-uitleg{color:var(--ds-text-muted);margin-top:12px;font-size:12px}.pagina-app-versies .page-title svg{color:var(--portal-color);font-size:17px}.pagina-app-versies .av-fout svg{vertical-align:-2px;margin-right:4px}.pagina-app-versies .table-container{border:0}@media (width<=700px){.pagina-app-versies .av-tag{white-space:normal}}.av-ch{margin-bottom:16px}.av-ch-kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.av-ch-kop h2{align-items:center;gap:8px;margin:0;font-size:15px;display:flex}.av-ch-uitleg{color:var(--ds-text-muted);margin:8px 0 14px;font-size:12.5px;line-height:1.6}.av-ch-rijen{flex-direction:column;gap:5px;display:flex}.av-ch-rij{align-items:center;gap:11px;font-size:13px;display:flex}.av-ch-rij.oud .av-ch-versie{color:#b91c1c;font-weight:700}.av-ch-versie{font-variant-numeric:tabular-nums;min-width:78px;font-weight:600}.av-ch-plat{min-width:74px;color:var(--ds-text-muted);font-size:12px}.av-ch-balk{background:var(--ds-border);border-radius:999px;flex:1;min-width:60px;height:8px;overflow:hidden}.av-ch-balk>span{background:var(--portal-color);border-radius:999px;height:100%;display:block}.av-ch-nr{text-align:right;font-variant-numeric:tabular-nums;min-width:34px}.av-ch-namen{border-top:1px solid var(--ds-border);margin-top:16px;padding-top:13px}.av-ch-namen h3{color:#92400e;margin:0 0 8px;font-size:13px}.av-ch-namen ul{margin:0;padding-left:18px;font-size:12.5px;line-height:1.7}.pagina-gebruiker-dossier .crash-lijst{flex-direction:column;gap:6px;margin-top:4px;display:flex}.pagina-gebruiker-dossier .crash-rij{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);border-radius:8px;grid-template-columns:96px 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.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;color:var(--ds-text-muted);white-space:nowrap;font-size:12px}.pagina-gebruiker-dossier .crash-body{min-width:0}.pagina-gebruiker-dossier .crash-waarom{font-size:13px;font-weight:600}.pagina-gebruiker-dossier .crash-waar{color:var(--ds-text-muted);margin-top:2px;font-size:12px}.pagina-gebruiker-dossier .crash-waar code{word-break:break-all;font-size:11px}.pagina-gebruiker-dossier .crash-type{letter-spacing:.4px;color:var(--ds-text-muted);text-transform:none;white-space:nowrap;font-size:10px}@media (width<=560px){.pagina-gebruiker-dossier .crash-rij{grid-template-columns:1fr;gap:3px}.pagina-gebruiker-dossier .crash-type{display:none}}.pagina-gebruiker-dossier .signaal{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);border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:8px;padding:10px 12px;font-size:13px;line-height:1.5;display:flex}.pagina-gebruiker-dossier .signaal svg{color:var(--ion-color-warning,#f59e0b);flex:none;margin-top:2px}.pagina-gebruiker-dossier .zoek-rij{flex-wrap:wrap;gap:10px;display:flex}.pagina-gebruiker-dossier .zoek-veld{border:1px solid var(--ds-border);background:var(--ds-card);min-width:0;color:inherit;border-radius:8px;flex:260px;padding:10px 12px;font-size:14px}.pagina-gebruiker-dossier .zoek-veld:focus{outline:2px solid var(--portal-color);outline-offset:1px}.pagina-gebruiker-dossier .zoek-knop{border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);background:var(--portal-color);color:#fff;cursor:pointer;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex}.pagina-gebruiker-dossier .zoek-knop:disabled{opacity:.5;cursor:default}@keyframes pagina-gebruiker-dossier-sp{to{transform:rotate(360deg)}}.pagina-gebruiker-dossier .feit-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.pagina-gebruiker-dossier .feit{flex-direction:column;gap:3px;min-width:0;display:flex}.pagina-gebruiker-dossier .feit-l{text-transform:uppercase;letter-spacing:.04em;opacity:.6;font-size:11px}.pagina-gebruiker-dossier .feit-v{overflow-wrap:anywhere;font-size:14px;font-weight:600}.pagina-gebruiker-dossier .foutcode-rij{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.pagina-gebruiker-dossier .foutcode-titel{opacity:.7}.pagina-gebruiker-dossier .foutcode{border:1px solid color-mix(in srgb, var(--ds-danger) 40%, transparent);background:var(--ds-danger-bg);color:var(--ds-danger);border-radius:6px;padding:3px 8px;font-family:ui-monospace,monospace;font-size:12px}.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{opacity:.6;min-width:42px;font-size:11px;font-weight:700;display:inline-block}.pagina-gebruiker-dossier .data-table td.reden{overflow-wrap:anywhere;white-space:normal;max-width:320px}.pagina-gebruiker-dossier .pill{white-space:nowrap;border:1px solid;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.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{flex-wrap:wrap;gap:10px;display:flex}.pagina-gebruiker-dossier .voertuig{border:1px solid var(--ds-border);background:var(--ds-input);border-radius:8px;align-items:center;gap:8px;padding:10px 12px;display:flex}.pagina-gebruiker-dossier .kenteken{letter-spacing:.06em;font-family:ui-monospace,monospace;font-weight:700}@keyframes pagina-gebruiker-dossier-lpulse{50%{opacity:.35}}.pagina-gebruiker-dossier .lijst-meta{opacity:.7;align-items:center;gap:14px;margin:12px 2px 8px;font-size:12px;display:flex}.pagina-gebruiker-dossier .lijst-meta svg{vertical-align:-2px;margin-right:4px}.pagina-gebruiker-dossier .ch-lijst{flex-direction:column;gap:6px;display:flex}.pagina-gebruiker-dossier .ch-rij{text-align:left;cursor:pointer;border:1px solid var(--ds-border);background:var(--ds-input);width:100%;color:inherit;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:border-color .15s,background .15s,transform .1s;display:flex}.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{background:var(--portal-color);color:#fff;letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:grid}.pagina-gebruiker-dossier .ch-rij.live .ch-av{background:var(--ds-success)}.pagina-gebruiker-dossier .ch-mid{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.pagina-gebruiker-dossier .ch-naam{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.pagina-gebruiker-dossier .ch-sub{opacity:.6;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.pagina-gebruiker-dossier .ch-badges{flex:none;align-items:center;gap:8px;display:flex}.pagina-gebruiker-dossier .ch-go{opacity:.4;font-size:16px}.pagina-gebruiker-dossier .terug-knop{color:var(--portal-color);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;margin-bottom:4px;padding:4px 0;font-size:13px;font-weight:600;display:inline-flex}.pagina-gebruiker-dossier .terug-knop:hover{text-decoration:underline}.pagina-gebruiker-dossier .dienst-actie{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pagina-gebruiker-dossier .rij-ritten>td{background:color-mix(in srgb, var(--portal-color) 4%, transparent);padding:0 0 10px 14px}.pagina-gebruiker-dossier .sub-tabel{margin:0}.pagina-gebruiker-dossier .sub-tabel th,.pagina-gebruiker-dossier .sub-tabel td{padding:5px 8px;font-size:12px}.pagina-gebruiker-dossier .adres-cel{text-overflow:ellipsis;white-space:nowrap;max-width:320px;overflow:hidden}.pagina-gebruiker-dossier .mini-btn svg{vertical-align:-2px}.pagina-gebruiker-dossier .mini-tijd{border:1px solid var(--ds-border);background:var(--ds-input);color:inherit;border-radius:6px;padding:4px 6px;font-family:inherit;font-size:12px}.pagina-gebruiker-dossier .mini-btn{border-radius:var(--ds-radius-sm);cursor:pointer;border:1px solid var(--ds-border);background:var(--ds-input);color:inherit;white-space:nowrap;padding:5px 10px;font-size:12px;font-weight:600}.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 (width<=640px){.pagina-gebruiker-dossier .ch-naam,.pagina-gebruiker-dossier .ch-sub{white-space:normal;overflow-wrap:anywhere}}.pagina-afwijkingenregister .info-bar{align-items:flex-start;gap:12px;padding:13px 16px;display:flex}.pagina-afwijkingenregister .info-bar>svg{color:var(--portal-color);flex-shrink:0;margin-top:1px;font-size:22px}.pagina-afwijkingenregister .info-bar strong{color:var(--ds-text)}.pagina-afwijkingenregister .info-bar div{color:var(--ds-text-2);font-size:12.5px;line-height:1.55}.pagina-afwijkingenregister .info-bar .vs{color:var(--ds-text-muted);margin-top:4px;display:block}.pagina-afwijkingenregister .info-bar a{color:var(--portal-color);font-weight:700;text-decoration:none}.pagina-afwijkingenregister .stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.pagina-afwijkingenregister .stat{background:var(--ds-card);border:1px solid var(--ds-border);cursor:pointer;box-shadow:var(--ds-shadow);border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex}.pagina-afwijkingenregister .stat:hover{border-color:var(--portal-color);box-shadow:var(--ds-shadow-lg);transform:translateY(-2px)}.pagina-afwijkingenregister .stat .num{color:var(--ds-text);font-size:26px;font-weight:800;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{text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);margin-top:2px;font-size:10.5px;font-weight:700}.pagina-afwijkingenregister .layout{grid-template-columns:340px 1fr;align-items:start;gap:14px;display:grid}.pagina-afwijkingenregister .list-col{flex-direction:column;max-height:calc(100vh - 320px);display:flex;overflow:hidden}.pagina-afwijkingenregister .top-bar{border-bottom:1px solid var(--ds-border);gap:8px;padding:12px;display:flex}.pagina-afwijkingenregister .top-bar input{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);font:inherit;border-radius:8px;flex:1;padding:8px 10px;font-size:13px}.pagina-afwijkingenregister .top-bar input:focus{border-color:var(--portal-color);outline:none}.pagina-afwijkingenregister .new-btn{background:var(--portal-color);color:#fff;border-radius:var(--ds-radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:5px;padding:0 13px;font-size:12.5px;font-weight:700;display:inline-flex}.pagina-afwijkingenregister .new-btn:hover{opacity:.9}.pagina-afwijkingenregister .chip-row:last-of-type{border-bottom:1px solid var(--ds-border);padding-bottom:8px}.pagina-afwijkingenregister .chip:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-afwijkingenregister .list{flex:1;overflow-y:auto}.pagina-afwijkingenregister .item{border-bottom:1px solid var(--ds-border-subtle);cursor:pointer;padding:11px 14px;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{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.pagina-afwijkingenregister .item-title{color:var(--ds-text);font-size:13px;font-weight:700;line-height:1.35}.pagina-afwijkingenregister .item-meta{color:var(--ds-text-muted);flex-wrap:wrap;align-items:center;gap:5px;margin-top:6px;font-size:11px;display:flex}.pagina-afwijkingenregister .badge.open,.pagina-afwijkingenregister .badge.in-behandeling,.pagina-afwijkingenregister .badge.in-verificatie{color:#d97706;background:#f59e0b24}.pagina-afwijkingenregister .badge.busy,.pagina-afwijkingenregister .badge.maatregel-genomen{color:#7c3aed;background:#8b5cf624}.pagina-afwijkingenregister .badge.done,.pagina-afwijkingenregister .badge.gesloten{color:#16a34a;background:#22c55e24}.pagina-afwijkingenregister .badge.major-nc{color:#dc2626;background:#ef444424}.pagina-afwijkingenregister .badge.minor-nc{color:#ea580c;background:#f9731624}.pagina-afwijkingenregister .badge.observatie{color:var(--portal-color);background:#6366f124}.pagina-afwijkingenregister .badge.ofi{color:#16a34a;background:#22c55e1f}.pagina-afwijkingenregister .cat-chip{color:var(--ds-text-2);font-size:11px}.pagina-afwijkingenregister .detail-col{flex-direction:column;min-height:400px;max-height:calc(100vh - 320px);display:flex;overflow:hidden}.pagina-afwijkingenregister .detail-placeholder{color:var(--ds-text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.pagina-afwijkingenregister .detail-placeholder svg{color:var(--ds-text-subtle);opacity:.6;font-size:48px}.pagina-afwijkingenregister .detail-inner{flex-direction:column;flex:1;display:flex;overflow:hidden}.pagina-afwijkingenregister .detail-header{border-bottom:1px solid var(--ds-border);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.pagina-afwijkingenregister .detail-title{color:var(--ds-text);margin-bottom:8px;font-size:15px;font-weight:800;line-height:1.3}.pagina-afwijkingenregister .detail-badges{flex-wrap:wrap;gap:6px;display:flex}.pagina-afwijkingenregister .detail-actions{flex-wrap:wrap;flex-shrink:0;gap:6px;display:flex}.pagina-afwijkingenregister .btn{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:var(--ds-radius-sm);cursor:pointer;align-items:center;gap:5px;padding:7px 10px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.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{border-bottom:1px solid var(--ds-border);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;padding:14px 18px;display:grid}.pagina-afwijkingenregister .meta-cell{flex-direction:column;gap:4px;display:flex}.pagina-afwijkingenregister .meta-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);font-size:10px;font-weight:800}.pagina-afwijkingenregister .meta-val{color:var(--ds-text);font-size:13px}.pagina-afwijkingenregister .meta-cell select{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);font:inherit;border-radius:6px;padding:5px 8px;font-size:12px}.pagina-afwijkingenregister .meta-cell select:focus{border-color:var(--portal-color);outline:none}.pagina-afwijkingenregister .detail-body{flex-direction:column;flex:1;gap:18px;padding:16px 18px;display:flex;overflow-y:auto}.pagina-afwijkingenregister .section h4{text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);margin:0 0 10px;font-size:10.5px;font-weight:800}.pagina-afwijkingenregister .desc{color:var(--ds-text-2);white-space:pre-wrap;font-size:13px;line-height:1.6}.pagina-afwijkingenregister .desc-empty,.pagina-afwijkingenregister .tl-empty{color:var(--ds-text-muted);font-size:12.5px;font-style:italic}.pagina-afwijkingenregister .comment{gap:10px;margin-bottom:10px;display:flex}.pagina-afwijkingenregister .comment-avatar{background:color-mix(in srgb, var(--portal-color) 14%, var(--ds-card));border:1px solid var(--ds-border);width:32px;height:32px;color:var(--portal-color);border-radius:9px;flex-shrink:0;place-items:center;font-size:11px;font-weight:800;display:grid}.pagina-afwijkingenregister .comment-bubble{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;flex:1;padding:9px 12px}.pagina-afwijkingenregister .comment-meta{color:var(--ds-text-muted);text-transform:capitalize;margin-bottom:4px;font-size:11px;font-weight:600}.pagina-afwijkingenregister .comment-body{color:var(--ds-text);white-space:pre-wrap;font-size:13px;line-height:1.5}.pagina-afwijkingenregister .reply-bar{border-top:1px solid var(--ds-border);align-items:flex-end;gap:8px;padding:12px 16px;display:flex}.pagina-afwijkingenregister .reply-bar textarea{resize:none;border:1px solid var(--ds-border);background:var(--ds-card);min-height:38px;max-height:120px;color:var(--ds-text);font:inherit;box-sizing:border-box;border-radius:9px;flex:1;padding:9px 11px;font-size:13px}.pagina-afwijkingenregister .reply-bar textarea:focus{border-color:var(--portal-color);outline:none}.pagina-afwijkingenregister .reply-send{background:var(--portal-color);color:#fff;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:5px;padding:9px 15px;font-size:12.5px;font-weight:700;display:inline-flex}.pagina-afwijkingenregister .reply-send:hover{opacity:.9}.pagina-afwijkingenregister .empty{color:var(--ds-text-muted);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:44px 16px;font-size:13px;display:flex}.pagina-afwijkingenregister .empty svg{color:var(--ds-text-subtle);opacity:.5;font-size:40px}.pagina-afwijkingenregister .norm-link{background:#6366f10a;border:1px solid #6366f133;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;display:flex}.pagina-afwijkingenregister .norm-link>svg{color:var(--portal-color);flex-shrink:0;font-size:24px}.pagina-afwijkingenregister .norm-link strong{color:var(--ds-text);font-size:13px}.pagina-afwijkingenregister .norm-link p{color:var(--ds-text-muted);margin:2px 0 0;font-size:12px}.pagina-afwijkingenregister .nl-btns{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.pagina-afwijkingenregister .nl-btn{color:var(--portal-color);border:1px solid var(--portal-color);border-radius:var(--ds-radius-sm);white-space:nowrap;padding:6px 10px;font-size:12px;font-weight:600;text-decoration:none}@keyframes pagina-afwijkingenregister-fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=900px){.pagina-afwijkingenregister .layout{grid-template-columns:1fr}.pagina-afwijkingenregister .list-col,.pagina-afwijkingenregister .detail-col{max-height:none}}.pagina-afwijkingenregister .badge{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;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:800}.pagina-afwijkingenregister .chip-row{flex-wrap:wrap;gap:5px;padding:8px 12px 0;display:flex;overflow-x:visible;-webkit-mask-image:none;mask-image:none}.pagina-afwijkingenregister .chip{border:1px solid var(--ds-border);color:var(--ds-text-2);cursor:pointer;background:0 0;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600}.pagina-afwijkingenregister .chip.active{background:var(--portal-color);border-color:var(--portal-color);color:#fff}.pagina-afwijkingenregister .chip,.pagina-afwijkingenregister .stat{text-align:left;font-family:inherit}.pagina-afwijkingenregister .stat{width:100%}.pagina-afwijkingenregister .detail-title-wrap{min-width:0}@media (width<=640px){.pagina-afwijkingenregister .top-bar{flex-wrap:wrap}.pagina-afwijkingenregister .top-bar input{flex:100%;min-width:0}.pagina-afwijkingenregister .top-bar .new-btn{flex:100%;justify-content:center}}.pagina-kpi .kpi-tile{background:var(--ds-card);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow,0 1px 3px #0000000d);cursor:pointer;border-radius:14px;flex-direction:column;gap:10px;padding:16px;transition:transform .12s,box-shadow .12s;display:flex}.pagina-kpi .kpi-tile:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.pagina-kpi .kpi-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.pagina-kpi .kpi-naam{color:var(--ds-text);font-size:14px;font-weight:700;line-height:1.3}.pagina-kpi .kpi-cat{color:#4f46e5;white-space:nowrap;background:#eef2ff;border-radius:12px;flex-shrink:0;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.pagina-kpi .kpi-cat svg{font-size:12px}.pagina-kpi .kpi-value{align-items:baseline;gap:6px;display:flex}.pagina-kpi .kpi-num{color:var(--ds-text);font-size:32px;font-weight:800;line-height:1}.pagina-kpi .kpi-unit{color:var(--ds-text-muted);font-size:14px;font-weight:600}.pagina-kpi .kpi-dir{color:var(--ds-text-muted);margin-left:auto;font-size:18px}.pagina-kpi .kpi-streef{color:var(--ds-text-muted);flex-wrap:wrap;align-items:center;gap:5px;font-size:12px;display:flex}.pagina-kpi .kpi-streef svg{font-size:13px}.pagina-kpi .kpi-richting{color:var(--ds-text-subtle)}.pagina-kpi .kpi-bar{background:var(--ds-hover);border-radius:5px;height:8px;overflow:hidden}.pagina-kpi .kpi-bar-fill{border-radius:5px;min-width:2px;height:100%;transition:width .3s}.pagina-kpi .kpi-foot{justify-content:space-between;align-items:center;display:flex}.pagina-kpi .kpi-state{border-radius:5px;padding:2px 8px;font-size:11px;font-weight:700}.pagina-kpi .kpi-pct{color:var(--ds-text-2);font-size:12px;font-weight:700}.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{color:#047857;background:#d1fae5}.pagina-kpi .kpi-state.bar-amber{color:#b45309;background:#fef3c7}.pagina-kpi .kpi-state.bar-rood{color:#b91c1c;background:#fee2e2}.pagina-kpi .empty{text-align:center;color:var(--ds-text-subtle);grid-column:1/-1;padding:24px;font-size:13px;font-style:italic}.pagina-kpi .empty-inline{color:var(--ds-text-subtle);font-size:12px;font-style:italic}.pagina-kpi .modal-col{flex-direction:column;gap:14px;min-width:0;display:flex}.pagina-kpi .field-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.pagina-kpi .history-list{flex-direction:column;gap:6px;max-height:360px;display:flex;overflow-y:auto}.pagina-kpi .hist-row{gap:8px;padding:6px 0;display:flex}.pagina-kpi .hist-icon{background:var(--portal-color);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:flex}.pagina-kpi .hist-body{flex:1;min-width:0;font-size:12px}.pagina-kpi .hist-line1{color:var(--ds-text-2)}.pagina-kpi .hist-line2{color:var(--ds-text-muted);margin-top:2px;font-size:11px}.pagina-kpi .hist-time{color:var(--ds-text-subtle);margin-top:2px;font-size:10px}@media (width<=720px){.pagina-kpi .field-grid{grid-template-columns:1fr}}.pagina-kpi .kpi-grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:14px;display:grid}.pagina-kpi .modal-content{max-width:720px}.pagina-kpi .modal-body{grid-template-columns:1fr;align-items:start;gap:14px;display:grid}.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{flex-direction:column;gap:8px;display:flex}.pagina-interne-audit .report-link{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.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{color:var(--portal-color);flex-shrink:0;font-size:24px}.pagina-interne-audit .rl-text{flex-direction:column;flex:1;gap:2px;display:flex}.pagina-interne-audit .rl-text strong{color:var(--ds-text);font-size:13px}.pagina-interne-audit .rl-text span{color:var(--ds-text-muted);font-size:11.5px}.pagina-interne-audit .rl-dl{color:var(--ds-text-muted);flex-shrink:0;font-size:18px}.pagina-interne-audit .report-link:hover .rl-dl{color:var(--portal-color)}.pagina-interne-audit .info-row{align-items:flex-start;gap:12px;display:flex}.pagina-interne-audit .info-row svg{color:var(--portal-color);flex-shrink:0;margin-top:2px;font-size:22px}.pagina-interne-audit .info-row p{color:var(--ds-text-2);margin:0;font-size:13px;line-height:1.55}.pagina-interne-audit .audit-list{flex-direction:column;gap:8px;display:flex}.pagina-interne-audit .audit-row{background:var(--ds-card);border:1px solid var(--ds-border);cursor:pointer;border-radius:10px;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:12px 14px;transition:box-shadow .12s,transform .12s;display:grid}.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{color:var(--ds-text);margin-bottom:4px;font-size:14px;font-weight:600}.pagina-interne-audit .audit-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pagina-interne-audit .type-chip,.pagina-interne-audit .status-pill{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.pagina-interne-audit .audit-when{color:var(--ds-text-muted);white-space:nowrap;align-items:center;gap:3px;font-size:11px;display:inline-flex}.pagina-interne-audit .audit-when svg{font-size:13px}.pagina-interne-audit .badge-group{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.pagina-interne-audit .bev-badge{white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.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);padding:24px;font-size:13px;font-style:italic}.pagina-interne-audit .empty-inline{color:var(--ds-text-subtle);font-size:12px;font-style:italic}.pagina-interne-audit .modal-col{flex-direction:column;gap:14px;min-width:0;display:flex}.pagina-interne-audit .field-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.pagina-interne-audit .modal-header-del{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-right:6px;transition:background .15s;display:inline-flex}.pagina-interne-audit .modal-header-del:hover{background:#ef4444d9;border-color:#0000}.pagina-interne-audit .modal-header-del svg{font-size:16px}.pagina-interne-audit .bev-list{flex-direction:column;gap:8px;display:flex}.pagina-interne-audit .bev-edit-row{grid-template-columns:90px 130px 1fr auto;align-items:center;gap:8px;display:grid}.pagina-interne-audit .bev-edit-row input,.pagina-interne-audit .bev-edit-row select{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);box-sizing:border-box;border-radius:7px;width:100%;padding:7px 9px;font-size:13px}.pagina-interne-audit .bev-oordeel{cursor:pointer;font-weight:600}.pagina-interne-audit .chip-x{color:var(--ds-danger);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;font-size:16px;line-height:1;display:inline-flex}.pagina-interne-audit .add-chip-row{gap:6px;margin-top:8px;display:flex}.pagina-interne-audit .history-list{flex-direction:column;gap:6px;max-height:420px;display:flex;overflow-y:auto}.pagina-interne-audit .hist-row{gap:8px;padding:6px 0;display:flex}.pagina-interne-audit .hist-icon{background:var(--portal-color);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:flex}.pagina-interne-audit .hist-body{flex:1;min-width:0;font-size:12px}.pagina-interne-audit .hist-line1{color:var(--ds-text-2)}.pagina-interne-audit .hist-line2{color:var(--ds-text-muted);margin-top:2px;font-size:11px}.pagina-interne-audit .hist-time{color:var(--ds-text-subtle);margin-top:2px;font-size:10px}@media (width<=760px){.pagina-interne-audit .field-grid{grid-template-columns:1fr}.pagina-interne-audit .bev-edit-row{grid-template-columns:1fr 1fr}}@media (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{background:var(--ds-hover);border:1px solid var(--ds-border);border-left:4px solid var(--portal-color);color:var(--ds-text-2);border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px 16px;font-size:13px;line-height:1.5;display:flex}.pagina-management-review .info-block svg{color:var(--portal-color);flex-shrink:0;margin-top:1px;font-size:22px}.pagina-management-review .review-list{flex-direction:column;gap:10px;display:flex}.pagina-management-review .review-card{background:var(--ds-card);border:1px solid var(--ds-border);cursor:pointer;border-radius:10px;flex-direction:column;gap:8px;padding:14px 16px;transition:box-shadow .12s,transform .12s;display:flex}.pagina-management-review .review-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.pagina-management-review .review-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pagina-management-review .periode-badge{color:#fff;background:var(--portal-color);white-space:nowrap;border-radius:6px;padding:4px 12px;font-size:13px;font-weight:700}.pagina-management-review .status-pill{border-radius:999px;padding:2px 10px;font-size:11px;font-weight:600}.pagina-management-review .review-date{color:var(--ds-text-muted);white-space:nowrap;align-items:center;gap:4px;margin-left:auto;font-size:12px;display:inline-flex}.pagina-management-review .review-date svg{font-size:14px}.pagina-management-review .review-aanwezig{color:var(--ds-text-muted);align-items:center;gap:5px;font-size:12px;display:inline-flex}.pagina-management-review .review-aanwezig svg{font-size:14px}.pagina-management-review .review-besluiten{color:var(--ds-text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.pagina-management-review .empty{text-align:center;color:var(--ds-text-subtle);padding:24px;font-size:13px;font-style:italic}.pagina-management-review .empty-inline{color:var(--ds-text-subtle);font-size:12px;font-style:italic}.pagina-management-review .modal-col{flex-direction:column;gap:14px;min-width:0;display:flex}.pagina-management-review .field-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.pagina-management-review .modal-header-del{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-right:6px;transition:background .15s;display:inline-flex}.pagina-management-review .modal-header-del:hover{background:#ef4444d9;border-color:#0000}.pagina-management-review .modal-header-del svg{font-size:16px}.pagina-management-review .history-list{flex-direction:column;gap:6px;max-height:480px;display:flex;overflow-y:auto}.pagina-management-review .hist-row{gap:8px;padding:6px 0;display:flex}.pagina-management-review .hist-icon{background:var(--portal-color);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:flex}.pagina-management-review .hist-body{flex:1;min-width:0;font-size:12px}.pagina-management-review .hist-line1{color:var(--ds-text-2)}.pagina-management-review .hist-line2{color:var(--ds-text-muted);margin-top:2px;font-size:11px}.pagina-management-review .hist-time{color:var(--ds-text-subtle);margin-top:2px;font-size:10px}@media (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{background:var(--ds-hover);border:1px solid var(--ds-border);border-left:4px solid var(--portal-color);color:var(--ds-text-2);border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px 16px;font-size:13px;line-height:1.5;display:flex}.pagina-leveranciers .info-block>svg{color:var(--portal-color);flex-shrink:0;margin-top:1px;font-size:22px}.pagina-leveranciers .lev-list{flex-direction:column;gap:10px;display:flex}.pagina-leveranciers .lev-card{background:var(--ds-card);border:1px solid var(--ds-border);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;transition:box-shadow .12s,transform .12s;display:flex}.pagina-leveranciers .lev-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.pagina-leveranciers .lev-main{flex:1;min-width:0}.pagina-leveranciers .lev-naam{color:var(--ds-text);font-size:15px;font-weight:700}.pagina-leveranciers .lev-dienst{color:var(--ds-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:420px;margin-top:3px;font-size:12px;overflow:hidden}.pagina-leveranciers .lev-tags{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.pagina-leveranciers .krit-pill{white-space:nowrap;border-radius:999px;padding:3px 11px;font-size:11px;font-weight:700}.pagina-leveranciers .chip svg{font-size:13px}.pagina-leveranciers .chip.dpia{color:#7c3aed;background:#ede9fe}.pagina-leveranciers .chip.review.overdue{color:#dc2626;background:#fee2e2;font-weight:700}.pagina-leveranciers .empty{text-align:center;color:var(--ds-text-subtle);padding:24px;font-size:13px;font-style:italic}.pagina-leveranciers .empty-inline{color:var(--ds-text-subtle);font-size:12px;font-style:italic}.pagina-leveranciers .modal-col{flex-direction:column;gap:14px;min-width:0;display:flex}.pagina-leveranciers .field-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.pagina-leveranciers .modal-header-del{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-right:6px;transition:background .15s;display:inline-flex}.pagina-leveranciers .modal-header-del:hover{background:#ef4444d9;border-color:#0000}.pagina-leveranciers .modal-header-del svg{font-size:16px}.pagina-leveranciers .history-list{flex-direction:column;gap:6px;max-height:360px;display:flex;overflow-y:auto}.pagina-leveranciers .hist-row{gap:8px;padding:6px 0;display:flex}.pagina-leveranciers .hist-icon{background:var(--portal-color);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:flex}.pagina-leveranciers .hist-body{flex:1;min-width:0;font-size:12px}.pagina-leveranciers .hist-line1{color:var(--ds-text-2)}.pagina-leveranciers .hist-line2{color:var(--ds-text-muted);margin-top:2px;font-size:11px}.pagina-leveranciers .hist-time{color:var(--ds-text-subtle);margin-top:2px;font-size:10px}@media (width<=760px){.pagina-leveranciers .field-grid{grid-template-columns:1fr}}@media (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{white-space:normal;max-width:100%}}.pagina-leveranciers .chip{white-space:nowrap;background:var(--ds-hover);color:var(--ds-text-2);border-radius:5px;align-items:center;gap:4px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-flex}.pagina-leveranciers .krit-pill.krit-kritiek{color:#ef4444;background:#ef444421}.pagina-leveranciers .krit-pill.krit-hoog{color:#f97316;background:#f9731621}.pagina-leveranciers .krit-pill.krit-middel{color:#d97706;background:#d9770621}.pagina-leveranciers .krit-pill.krit-laag{background:var(--ds-hover);color:var(--ds-text-muted)}.pagina-leveranciers .chip.ovk-te-controleren{color:#d97706;background:#d9770621}.pagina-leveranciers .chip.ovk-getekend,.pagina-leveranciers .chip.ovk-bevestigd{color:#10b981;background:#10b98121}.pagina-leveranciers .lev-card{text-align:left;width:100%;font:inherit}.pagina-leveranciers .modal-content{max-width:760px}.pagina-leveranciers .modal-body-kolommen{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=900px){.pagina-leveranciers .modal-body-kolommen.met-historie{grid-template-columns:1fr 1fr}}.pagina-leveranciers .section-header{align-items:center;gap:7px;margin-bottom:10px;display:flex}.pagina-leveranciers .section-header svg{color:var(--portal-color);font-size:16px}.pagina-leveranciers .section-header h3{color:var(--ds-text);margin:0;font-size:13px;font-weight:800}.pagina-training .card>:not(.card-header){padding:18px}.pagina-training .info-block{background:var(--ds-hover);border:1px solid var(--ds-border);border-left:4px solid var(--portal-color);color:var(--ds-text-2);border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px 16px;font-size:13px;line-height:1.5;display:flex}.pagina-training .info-block>svg{color:var(--portal-color);flex-shrink:0;margin-top:1px;font-size:22px}.pagina-training .groups{flex-direction:column;gap:16px;display:flex}.pagina-training .emp-block{flex-direction:column;gap:8px;display:flex}.pagina-training .emp-header{align-items:center;gap:10px;display:flex}.pagina-training .avatar-mini{background:var(--portal-color);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:inline-flex}.pagina-training .emp-name{color:var(--ds-text);align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex}.pagina-training .emp-name svg{color:var(--ds-text-muted);font-size:15px}.pagina-training .emp-count{background:var(--portal-color);color:#fff;border-radius:10px;padding:1px 8px;font-size:11px;font-weight:700}.pagina-training .train-rows{flex-direction:column;gap:8px;display:flex}.pagina-training .train-row{background:var(--ds-card);border:1px solid var(--ds-border);cursor:pointer;border-radius:10px;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:12px 14px;transition:box-shadow .12s,transform .12s;display:grid}.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{color:var(--ds-text);align-items:center;gap:6px;margin-bottom:4px;font-size:14px;font-weight:600;display:flex}.pagina-training .train-module svg{color:var(--ds-text-muted);font-size:15px}.pagina-training .train-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pagina-training .t-date,.pagina-training .t-verloop{color:var(--ds-text-muted);align-items:center;gap:4px;font-size:12px;display:inline-flex}.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{white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:600}.pagina-training .bewijs{color:var(--ds-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:11px;overflow:hidden}.pagina-training .empty{text-align:center;color:var(--ds-text-subtle);padding:24px;font-size:13px;font-style:italic}.pagina-training .empty-inline{color:var(--ds-text-subtle);font-size:12px;font-style:italic}.pagina-training .modal-col{flex-direction:column;gap:14px;min-width:0;display:flex}.pagina-training .field-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.pagina-training .modal-header-del{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-right:6px;transition:background .15s;display:inline-flex}.pagina-training .modal-header-del:hover{background:#ef4444d9;border-color:#0000}.pagina-training .modal-header-del svg{font-size:16px}.pagina-training .history-list{flex-direction:column;gap:6px;max-height:360px;display:flex;overflow-y:auto}.pagina-training .hist-row{gap:8px;padding:6px 0;display:flex}.pagina-training .hist-icon{background:var(--portal-color);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:flex}.pagina-training .hist-body{flex:1;min-width:0;font-size:12px}.pagina-training .hist-line1{color:var(--ds-text-2)}.pagina-training .hist-line2{color:var(--ds-text-muted);margin-top:2px;font-size:11px}.pagina-training .hist-time{color:var(--ds-text-subtle);margin-top:2px;font-size:10px}@media (width<=760px){.pagina-training .field-grid{grid-template-columns:1fr}}@media (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{color:var(--ds-text-2);align-items:flex-start;gap:12px;padding:14px 16px;font-size:13px;line-height:1.55;display:flex}.pagina-kennisbank .kb-info svg{color:var(--portal-color);flex-shrink:0;margin-top:1px;font-size:22px}.pagina-kennisbank .kb-info strong{color:var(--ds-text)}.pagina-kennisbank .kb-info em{color:var(--ds-text);font-style:normal;font-weight:600}.pagina-kennisbank .kb-layout{grid-template-columns:1fr 420px;align-items:stretch;gap:14px;min-height:0;display:grid}.pagina-kennisbank .kb-layout>*{min-height:0}@media (width<=900px){.pagina-kennisbank .kb-layout{grid-template-columns:1fr}}.pagina-kennisbank .kb-list-card{flex-direction:column;gap:12px;padding:14px;display:flex;overflow:hidden}.pagina-kennisbank .kb-search{background:var(--ds-input,color-mix(in srgb, var(--ds-text) 5%, var(--ds-card)));border:1px solid var(--ds-border);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.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{color:var(--ds-text-muted);flex-shrink:0;font-size:17px}.pagina-kennisbank .kb-search input{color:var(--ds-text);font:inherit;background:0 0;border:none;outline:none;flex:1;font-size:13px}.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{background:color-mix(in srgb, var(--portal-color) 10%, transparent);color:var(--portal-color);border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.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{color:var(--ds-text-subtle);opacity:.55;margin:0 auto 8px;font-size:30px;display:block}.pagina-kennisbank .kb-editor-card{padding:0;overflow-y:auto}.pagina-kennisbank .kb-placeholder{color:var(--ds-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:220px;padding:48px 24px;display:flex}.pagina-kennisbank .kb-placeholder svg{color:var(--ds-text-subtle);opacity:.5;font-size:42px}.pagina-kennisbank .kb-editor-head{border-bottom:1px solid var(--ds-border);color:var(--ds-text);align-items:center;gap:9px;padding:14px 16px;font-size:14px;font-weight:700;display:flex}.pagina-kennisbank .kb-editor-head>svg{color:var(--portal-color);font-size:18px}.pagina-kennisbank .kb-icon-btn{border:1px solid var(--ds-border);background:var(--ds-card);width:32px;height:32px;color:var(--ds-text-2);border-radius:var(--ds-radius-sm);cursor:pointer;place-items:center;margin-left:auto;transition:border-color .15s,color .15s;display:grid}.pagina-kennisbank .kb-icon-btn:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-kennisbank .kb-field{flex-direction:column;gap:5px;padding:12px 16px 0;display:flex}.pagina-kennisbank .kb-field-row{gap:0;display:flex}.pagina-kennisbank .kb-field-row .kb-field{flex:1}.pagina-kennisbank .kb-field-narrow{max-width:130px}.pagina-kennisbank .kb-field label{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:11.5px;font-weight:700}.pagina-kennisbank .kb-hint{text-transform:none;letter-spacing:0;color:var(--ds-text-subtle);font-weight:500}.pagina-kennisbank .kb-field input,.pagina-kennisbank .kb-field textarea{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);font:inherit;box-sizing:border-box;border-radius:9px;outline:none;width:100%;padding:9px 11px;font-size:13px;transition:border-color .15s,box-shadow .15s}.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{resize:vertical;min-height:200px;line-height:1.55}.pagina-kennisbank .kb-toggle{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);font:inherit;cursor:pointer;text-align:left;border-radius:9px;align-items:center;gap:9px;padding:8px 11px;font-size:12.5px;font-weight:600;transition:border-color .15s,color .15s;display:flex}.pagina-kennisbank .kb-toggle.on{border-color:var(--portal-color);color:var(--ds-text)}.pagina-kennisbank .kb-toggle svg{flex-shrink:0;font-size:16px}.pagina-kennisbank .kb-toggle-track{background:var(--ds-border);border-radius:999px;flex-shrink:0;width:36px;height:20px;transition:background .18s;position:relative}.pagina-kennisbank .kb-toggle.on .kb-toggle-track{background:var(--portal-color)}.pagina-kennisbank .kb-toggle-knob{background:var(--ds-card);border-radius:50%;width:16px;height:16px;transition:transform .18s;position:absolute;top:2px;left:2px}.pagina-kennisbank .kb-toggle.on .kb-toggle-knob{transform:translate(16px)}.pagina-kennisbank .kb-editor-foot{border-top:1px solid var(--ds-border);flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;padding:16px;display:flex}.pagina-kennisbank .kb-spacer{flex:1}.pagina-kennisbank .btn-secondary.danger:hover{background:#ef444414;border-color:#ef4444}.pagina-kennisbank .btn-primary[disabled]{opacity:.55;cursor:not-allowed}@media (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 (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{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:var(--ds-radius-sm);cursor:pointer;align-items:center;gap:5px;margin-left:12px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.pagina-shop-producten .mini-btn svg{font-size:14px}.pagina-shop-producten .notice.err{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:13px}.pagina-shop-producten .empty{text-align:center;color:var(--ds-text-3);padding:28px;font-size:14px}.pagina-shop-producten .grid{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:16px;display:grid}.pagina-shop-producten .pcard{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.pagina-shop-producten .ph{aspect-ratio:16/10;background:var(--ds-card);border-bottom:1px solid var(--ds-border);justify-content:center;align-items:center;display:flex;position:relative}.pagina-shop-producten .ph img{object-fit:contain;box-sizing:border-box;max-width:100%;max-height:100%;padding:14px}.pagina-shop-producten .upload{background:color-mix(in srgb, var(--ds-text-1) 82%, transparent);color:#fff;cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:11.5px;font-weight:600;display:inline-flex;position:absolute;bottom:8px;right:8px}.pagina-shop-producten .upload svg{font-size:14px}.pagina-shop-producten .pbody{flex-direction:column;flex:1;gap:10px;padding:14px;display:flex}.pagina-shop-producten .status{z-index:1;background:var(--ds-hover);color:var(--ds-text-3);border:1px solid var(--ds-border);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:8px;left:8px}.pagina-shop-producten .status .dot{background:#9ca3af;border-radius:50%;width:7px;height:7px}.pagina-shop-producten .status.live{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.pagina-shop-producten .status.live .dot{background:#10b981}.pagina-shop-producten .cname{color:var(--ds-text-1);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;font-size:14.5px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.pagina-shop-producten .cprice{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.pagina-shop-producten .cprice b{color:var(--ds-text-1);font-size:18px}.pagina-shop-producten .cprice s{color:var(--ds-text-3);font-size:13px}.pagina-shop-producten .cprice .chip{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.pagina-shop-producten .cprice .lever{color:var(--ds-text-3);font-size:12px}.pagina-shop-producten .cdesc{color:var(--ds-text-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.pagina-shop-producten .edit-btn{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:var(--ds-radius-sm);cursor:pointer;align-items:center;gap:5px;margin-left:auto;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.pagina-shop-producten .edit-btn svg{font-size:14px}.pagina-shop-producten .modal-content.breed{max-width:920px}.pagina-shop-producten .split{grid-template-columns:1fr 300px;align-items:start;gap:14px;display:grid}@media (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{flex-direction:column;align-items:center;gap:12px;display:flex;position:sticky;top:0}.pagina-shop-producten .foto-paneel>h3{align-self:stretch}.pagina-shop-producten .foto-paneel img{aspect-ratio:1;object-fit:contain;background:var(--ds-card);border:1px solid var(--ds-border);box-sizing:border-box;border-radius:12px;width:100%;padding:12px}.pagina-shop-producten .fld select{border:1px solid var(--ds-border);background:var(--ds-hover);color:var(--ds-text-1);border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:400}.pagina-shop-producten .fld select:focus{border-color:var(--portal-color);background:var(--ds-card);outline:none}.pagina-shop-producten .btw-sub{color:var(--ds-text-3);font-size:11px;font-weight:600}.pagina-shop-producten .hint{color:var(--ds-text-3);margin:-2px 0 0;font-size:11.5px;line-height:1.5}.pagina-shop-producten .marge{color:var(--ds-text-2);font-size:12.5px}.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{background:var(--portal-color);position:static}.pagina-shop-producten .modal-voet{border-top:1px solid var(--ds-border);background:var(--ds-card);justify-content:flex-end;align-items:center;gap:10px;padding:12px 16px;display:flex}.pagina-shop-producten .fld{color:var(--ds-text-3);flex-direction:column;gap:4px;font-size:11.5px;font-weight:600;display:flex}.pagina-shop-producten .fld input,.pagina-shop-producten .fld textarea{border:1px solid var(--ds-border);background:var(--ds-hover);color:var(--ds-text-1);resize:vertical;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:400}.pagina-shop-producten .fld input:focus,.pagina-shop-producten .fld textarea:focus{border-color:var(--portal-color);background:var(--ds-card);outline:none}.pagina-shop-producten .row2{grid-template-columns:1fr 1fr;align-items:end;gap:10px;display:grid}@media (width<=520px){.pagina-shop-producten .row2{grid-template-columns:1fr}}.pagina-shop-producten .disc-hint{color:#047857;margin-top:-4px;font-size:11.5px;font-weight:600}.pagina-shop-producten .admin-sec .fld input,.pagina-shop-producten .admin-sec .fld textarea{background:var(--ds-card)}.pagina-shop-producten .prow{align-items:center;gap:10px;margin-top:auto;padding-top:4px;display:flex}.pagina-shop-producten .toggle{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-3);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.pagina-shop-producten .toggle.on{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.pagina-shop-producten .toggle svg{font-size:14px}.pagina-shop-producten .pmsg{color:var(--ds-text-3);flex:1;font-size:11.5px}.pagina-shop-producten .save{background:var(--portal-color);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}.pagina-shop-producten .save:disabled{opacity:.6;cursor:not-allowed}.pagina-shop-producten .save svg{font-size:15px}.pagina-shop-producten .ph-leeg{aspect-ratio:16/10;background:var(--ds-hover);width:100%;color:var(--ds-text-subtle);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:30px;font-weight:700;display:flex}.pagina-klantdossier .kd-wrap{max-width:1180px;margin:0 auto;padding:18px 22px 40px}.pagina-klantdossier .kd-terug a{cursor:pointer;color:var(--portal-color);align-items:center;gap:6px;font-weight:600;display:inline-flex}.pagina-klantdossier .kd-kop{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin:10px 0 18px;display:flex}.pagina-klantdossier .kd-kop h1{margin:0;font-size:24px}.pagina-klantdossier .kd-sub{color:var(--ds-text-muted);margin-top:3px;font-size:13px}.pagina-klantdossier .kd-badges{flex-wrap:wrap;gap:8px;display:flex}.pagina-klantdossier .badge.ok{color:#166534;background:#dcfce7}.pagina-klantdossier .badge.warn{color:#92400e;background:#fef3c7}.pagina-klantdossier .kd-grid{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:16px;display:grid}.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{align-items:center;gap:8px;margin:0 0 12px;font-size:15px;display:flex}.pagina-klantdossier .kd-card h3{margin:16px 0 6px;font-size:13.5px}.pagina-klantdossier .kd-rij{border-bottom:1px dashed var(--border,#eef0f3);justify-content:space-between;gap:12px;padding:5px 0;font-size:13.5px;display:flex}.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{color:#92400e;align-items:center;gap:6px;margin-top:10px;font-size:12.5px;display:flex}.pagina-klantdossier .kd-controle.ok{color:#166534}.pagina-klantdossier .kd-controle-naam{text-transform:capitalize;align-items:center;gap:6px;display:inline-flex}.pagina-klantdossier .kd-controle-naam svg.ok{color:#16a34a}.pagina-klantdossier .kd-controle-naam svg.niet{color:#dc2626}.pagina-klantdossier .kd-toelichting{color:var(--ds-text-2);text-align:right;max-width:60%;font-size:12.5px;font-weight:500}.pagina-klantdossier .kd-acties a,.pagina-klantdossier .kd-acties button,.pagina-klantdossier .kd-form button,.pagina-klantdossier .kd-actie button{border:1px solid var(--border,var(--ds-border));background:var(--card-bg,var(--ds-card));color:inherit;border-radius:var(--ds-radius-sm);cursor:pointer;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:700;text-decoration:none;display:inline-flex}.pagina-klantdossier .kd-form{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.pagina-klantdossier .kd-form label{color:var(--ds-text-muted);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.pagina-klantdossier .kd-form input,.pagina-klantdossier .kd-form select{border:1px solid var(--border,var(--ds-border));background:var(--card-bg,var(--ds-card));color:inherit;border-radius:8px;padding:7px 10px;font-size:13px}.pagina-klantdossier .kd-form button.primair{color:#fff;background:#2563eb;border-color:#2563eb}.pagina-klantdossier .kd-hint{color:var(--ds-text-muted);margin:4px 0 8px;font-size:12px}.pagina-klantdossier .kd-tabel{border-collapse:collapse;width:100%;font-size:13px}.pagina-klantdossier .kd-tabel th{text-align:left;color:var(--ds-text-muted);text-transform:uppercase;padding:6px 8px;font-size:11.5px}.pagina-klantdossier .kd-tabel td{border-top:1px solid var(--border,#eef0f3);padding:7px 8px}.pagina-klantdossier .kd-tabel .rij-rood td{background:#fef2f2}.pagina-klantdossier .kd-actie-lijst{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:10px;display:grid}.pagina-klantdossier .kd-actie{color:var(--ds-text-muted);align-items:center;gap:10px;font-size:12px;display:flex}.pagina-klantdossier .kd-actie button{flex-shrink:0;justify-content:center;min-width:150px}.pagina-klantdossier .kd-fout{color:#991b1b;background:#fee2e2;border-radius:10px;margin-bottom:12px;padding:10px 14px;font-size:13px}.pagina-klantdossier .kd-melding{color:#fff;z-index:50;background:#111827;border-radius:10px;padding:10px 18px;font-size:13px;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.pagina-klantdossier .kd-check{cursor:pointer;align-items:center;gap:.55rem;margin:.7rem 0;font-size:.9rem;display:flex}.pagina-klantdossier .kd-check input{cursor:pointer;width:16px;height:16px}.pagina-klantdossier .kd-mw{border-left:3px solid var(--portal-color);margin:.6rem 0 .9rem;padding-left:.9rem}.pagina-klantdossier .kd-maanden{flex-wrap:wrap;gap:.4rem;margin:.5rem 0;display:flex}.pagina-klantdossier .kd-maand{cursor:pointer;white-space:nowrap;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.82rem;display:flex}.pagina-klantdossier .kd-maand.aan{border-color:var(--portal-color)}.pagina-klantdossier .kd-maand input{cursor:pointer;width:14px;height:14px}.pagina-klantdossier .kd-totaal{margin:.4rem 0 .6rem;font-size:.9rem}.pagina-klantdossier .kd-vol{margin:.6rem 0;font-size:.85rem;display:block}.pagina-klantdossier .kd-vol textarea{width:100%;color:inherit;font:inherit;background:0 0;border:1px solid #ffffff2e;border-radius:8px;margin-top:.3rem;padding:.5rem}.pagina-klantdossier .kd-let{color:var(--ds-warning)}.pagina-klantdossier .kd-acties{flex-wrap:wrap;gap:.5rem;margin-top:.8rem;display:flex}.pagina-klantdossier .kd-wrap{padding:0}.pagina-email .ei-weg{opacity:0;width:30px;height:30px;color:var(--ds-text-subtle);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;transition:opacity .14s ease-out,background .14s ease-out,color .14s ease-out;display:grid}.pagina-email .email-item:hover .ei-weg,.pagina-email .ei-weg:focus-visible{opacity:1}.pagina-email .ei-weg:hover{color:#dc2626;background:#fee2e2}@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{align-items:center;gap:12px;padding:10px 14px;display:flex}.pagina-email .search{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;flex:1;align-items:center;gap:8px;max-width:420px;padding:8px 11px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.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{color:var(--ds-text-muted);font-size:15px}.pagina-email .search input{color:var(--ds-text);font:inherit;background:0 0;border:none;outline:none;flex:1;font-size:13px}.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{grid-template-columns:220px 320px 1fr;min-height:300px;display:grid;overflow:hidden}.pagina-email .email-main>*{min-height:0}.pagina-email .email-sidebar{border-right:1px solid var(--ds-border);padding:12px 8px;overflow-y:auto}.pagina-email .esb-label{text-transform:uppercase;letter-spacing:.07em;color:var(--ds-text-muted);padding:8px 8px 4px;font-size:10px;font-weight:800}.pagina-email .esb-item{cursor:pointer;color:var(--ds-text-2);border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:12.5px;transition:background .15s,color .15s;display:flex}.pagina-email .esb-item span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.pagina-email .esb-item svg{color:var(--ds-text-muted);flex-shrink:0;font-size:15px}.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;border-radius:999px;flex:none;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:800;display:grid}.pagina-email .esb-badge-uit{color:var(--ds-text-subtle);border:1px solid var(--ds-border);letter-spacing:.02em;background:0 0;padding:0 7px;font-size:9px;font-weight:600}.pagina-email .esb-divider{background:var(--ds-border);height:1px;margin:6px 8px}.pagina-email .email-list{border-right:1px solid var(--ds-border);flex-direction:column;display:flex;overflow:hidden}.pagina-email .list-header{border-bottom:1px solid var(--ds-border);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.pagina-email .list-header h2{color:var(--ds-text);align-items:center;gap:7px;margin:0;font-size:13px;font-weight:700;display:flex}.pagina-email .list-header h2 svg{color:var(--portal-color);font-size:15px}.pagina-email .list-count{color:var(--ds-text-muted);background:var(--ds-card);border:1px solid var(--ds-border-subtle);border-radius:999px;padding:2px 8px;font-size:11px}.pagina-email .list-toolbar{border-bottom:1px solid var(--ds-border);gap:5px;padding:8px 14px;display:flex}.pagina-email .filter-btn{white-space:nowrap;border:1px solid var(--ds-border);color:var(--ds-text-2);background:var(--ds-card);cursor:pointer;border-radius:999px;padding:3px 11px;font-size:11px;font-weight:600;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{flex:1;overflow-y:auto}.pagina-email .email-item{border-bottom:1px solid var(--ds-border-subtle);cursor:pointer;gap:10px;padding:11px 14px;transition:background .15s;display:flex}.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{color:var(--ds-text);font-weight:800}.pagina-email .email-item.unread .ei-subject{color:var(--ds-text);font-weight:700}.pagina-email .ei-avatar{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:grid}.pagina-email .ei-content{flex:1;min-width:0}.pagina-email .ei-top{justify-content:space-between;gap:8px;display:flex}.pagina-email .ei-from{color:var(--ds-text);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.pagina-email .ei-date{color:var(--ds-text-muted);flex-shrink:0;font-size:11px}.pagina-email .ei-subject{color:var(--ds-text-2);align-items:center;gap:4px;margin-top:2px;font-size:12px;display:flex}.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{color:var(--ds-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11.5px;overflow:hidden}.pagina-email .email-detail{overflow-y:auto}.pagina-email .detail-empty{height:100%;color:var(--ds-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.pagina-email .detail-empty svg{color:var(--ds-text-subtle);opacity:.5;font-size:50px}.pagina-email .detail-content{flex-direction:column;display:flex}.pagina-email .detail-brand-strip{border-bottom:1px solid var(--ds-border);background:var(--ds-card);align-items:center;gap:10px;padding:10px 18px;display:flex}.pagina-email .brand-name{color:var(--ds-text);font-size:12.5px;font-weight:800}.pagina-email .brand-sep{background:var(--ds-border);width:1px;height:14px}.pagina-email .brand-account{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:10.5px}.pagina-email .detail-header{border-bottom:1px solid var(--ds-border);padding:16px 18px}.pagina-email .detail-subject{color:var(--ds-text);margin-bottom:12px;font-size:17px;font-weight:800;line-height:1.3}.pagina-email .detail-meta{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.pagina-email .meta-row{gap:10px;font-size:12px;display:flex}.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{flex-wrap:wrap;gap:7px;margin-bottom:10px;display:flex}.pagina-email .dbtn{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:var(--ds-radius-sm);cursor:pointer;align-items:center;gap:5px;padding:7px 11px;font-size:12px;font-weight:700;transition:border-color .15s,color .15s;display:inline-flex}.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{border-bottom:1px solid var(--ds-border);align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:700;display:flex}.pagina-email .ei-select{cursor:pointer;align-items:center;padding:4px 6px 4px 0;display:flex}.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{color:#16a34a;border-color:#16a34a}.pagina-email .compose-send.wa{background:#25d366}.pagina-email .compose-send.wa:hover{background:#1fb958}.pagina-email .dbtn.whatsapp{color:#fff;background:#25d366;border-color:#25d366;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{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;align-items:center;gap:6px;padding:7px 10px;font-size:11.5px;font-weight:700;display:flex}.pagina-email .ai-hint svg{flex-shrink:0;font-size:15px}.pagina-email .detail-toggles{gap:6px;display:flex}.pagina-email .toggle-btn{border:1px solid var(--ds-border);color:var(--ds-text-muted);border-radius:var(--ds-radius-sm);cursor:pointer;background:0 0;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.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{border:none;border-bottom:1px solid var(--ds-border);background:var(--ds-card);width:100%;color:var(--portal-color);font:inherit;cursor:pointer;align-items:center;gap:6px;padding:13px 16px;font-size:14px;font-weight:700;display:none}.pagina-email .detail-back svg{font-size:20px}.pagina-email .detail-body{padding:18px}.pagina-email .email-text{color:var(--ds-text);white-space:pre-wrap;word-break:break-word;font-size:13.5px;line-height:1.65}.pagina-email .detail-attachments{border-top:1px solid var(--ds-border);margin-top:20px;padding-top:16px}.pagina-email .att-heading{text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:800;display:flex}.pagina-email .att-grid{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:8px;display:grid}.pagina-email .att-chip{border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-card);color:var(--ds-text);align-items:center;gap:9px;min-width:0;padding:9px 11px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.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{color:var(--portal-color);flex-shrink:0;font-size:20px}.pagina-email .att-chip .att-info{flex-direction:column;flex:1;min-width:0;display:flex}.pagina-email .att-chip .att-name{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.pagina-email .att-chip .att-size{color:var(--ds-text-muted);font-size:10.5px}.pagina-email .att-chip .att-dl{color:var(--ds-text-muted);flex-shrink:0;font-size:16px}.pagina-email .loading{color:var(--ds-text-muted);align-items:center;gap:10px;padding:24px;font-size:13px;display:flex}.pagina-email .spinner{border:2px solid #94a3b84d;border-top-color:var(--portal-color);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite pagina-email-spin}@keyframes pagina-email-spin{to{transform:rotate(360deg)}}.pagina-email .empty{color:var(--ds-text-muted);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:40px 16px;display:flex}.pagina-email .empty svg{color:var(--ds-text-subtle);opacity:.5;font-size:40px}.pagina-email .compose-overlay{z-index:500;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.pagina-email .compose-overlay.open{animation:.15s pagina-email-fadeIn;display:flex}@keyframes pagina-email-fadeIn{0%{opacity:0}to{opacity:1}}.pagina-email .compose-modal{max-width:820px;height:min(88vh,860px);animation:.18s pagina-email-slideUp;position:relative}@keyframes pagina-email-slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.pagina-email .compose-body{flex-direction:column;flex:1;gap:13px;display:flex;overflow-y:auto}.pagina-email .compose-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px;display:grid}.pagina-email .compose-field{flex-direction:column;gap:5px;display:flex}.pagina-email .compose-field.body{flex:1;min-height:0;display:flex}.pagina-email .compose-field.body textarea{flex:1}.pagina-email .compose-field label{text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);font-size:10.5px;font-weight:800}.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);font:inherit;box-sizing:border-box;border-radius:9px;padding:9px 11px;font-size:13px;transition:border-color .15s}.pagina-email .compose-field input:focus,.pagina-email .compose-field select:focus,.pagina-email .compose-field textarea:focus{border-color:var(--portal-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--portal-color) 12%, transparent);outline:none}.pagina-email .compose-field textarea{resize:vertical;min-height:220px;font-size:13.5px;line-height:1.6}.pagina-email .compose-opties{flex-wrap:wrap;gap:18px;padding:0 18px 10px;display:flex}.pagina-email .compose-opties label{color:var(--ds-text-muted);cursor:pointer;align-items:center;gap:7px;font-size:12.5px;display:flex}.pagina-email .compose-opties input{accent-color:#2563eb}.pagina-email .compose-canned{margin-right:auto}.pagina-email .att-picker{flex-direction:column;gap:9px;display:flex}.pagina-email .att-drop{border:1.5px dashed var(--ds-border);background:var(--ds-bg);color:var(--ds-text-2);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:16px 13px;font-size:12.5px;transition:border-color .15s,background .15s,color .15s;display:flex}.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{color:var(--ds-text-muted);font-size:10.5px}.pagina-email .compose-dropveil{z-index:5;border:2.5px dashed var(--portal-color);background:color-mix(in srgb, var(--portal-color) 12%, var(--ds-card));color:var(--portal-color);pointer-events:none;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:800;display:none;position:absolute;inset:0}.pagina-email .compose-dropveil svg{font-size:34px}.pagina-email .compose-modal.dragging .compose-dropveil{display:flex}.pagina-email .att-pills{flex-wrap:wrap;gap:7px;display:flex}.pagina-email .att-pill{border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:20px;align-items:center;gap:6px;max-width:100%;padding:5px 6px 5px 10px;font-size:12px;display:inline-flex}.pagina-email .att-pill>svg:first-child{color:var(--portal-color);flex-shrink:0;font-size:14px}.pagina-email .att-pill .att-psize{color:var(--ds-text-muted);font-size:10.5px}.pagina-email .att-remove{color:var(--ds-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;line-height:1;display:inline-flex}.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{background:var(--portal-color);color:#fff;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:700;transition:opacity .15s;display:inline-flex}.pagina-email .compose-send:hover:not(:disabled){opacity:.9}.pagina-email .compose-send:disabled{opacity:.55;cursor:wait}.pagina-email .compose-discard{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:700;transition:border-color .15s;display:inline-flex}.pagina-email .compose-discard:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-email .toast{background:var(--ds-text);color:var(--ds-card);z-index:600;border-radius:10px;padding:11px 20px;font-size:13px;font-weight:600;animation:.2s pagina-email-toastIn;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000059}@keyframes pagina-email-toastIn{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=980px) and (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{grid-column:2;display:block}}@media (width<=768px){.pagina-email .page-container{gap:10px}.pagina-email .email-toolbar{flex-wrap:wrap;padding:10px}.pagina-email .search{order:2;width:100%;max-width:none}.pagina-email .actions{order:1;width:100%;margin-left:0}.pagina-email .actions .btn-icon{flex:1;justify-content:center}.pagina-email .email-main{min-height:0;max-height:none;display:block;overflow:visible}.pagina-email .email-sidebar{border-right:none;border-bottom:1px solid var(--ds-border);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding:8px 10px;display:flex;overflow-x:auto}.pagina-email .email-sidebar::-webkit-scrollbar{display:none}.pagina-email .esb-label,.pagina-email .esb-divider{display:none}.pagina-email .esb-item{border:1px solid var(--ds-border);border-radius:999px;flex:none;padding:6px 12px}.pagina-email .esb-item span{flex:none;max-width:220px}.pagina-email .email-list{border-right:none;max-height:none}.pagina-email .list-toolbar{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.pagina-email .list-toolbar::-webkit-scrollbar{display:none}.pagina-email .list-toolbar>*{flex:none}.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{background:var(--ds-card);display:block}.pagina-email .detail-back{z-index:3;display:flex;position:sticky;top:0}.pagina-email .detail-actions{flex-wrap:wrap}.pagina-email .dbtn.close{display:none}.pagina-email .compose-modal{border-radius:0;max-width:none;height:100%;max-height:100vh}.pagina-email .compose-row{grid-template-columns:1fr}}@media (width<=480px){.pagina-email .email-toolbar{gap:8px;padding:8px}.pagina-email .actions .btn-icon{padding:7px 10px;font-size:12px}.pagina-email .email-item{gap:9px;padding:11px 12px}.pagina-email .ei-avatar{width:36px;height:36px;font-size:13px}.pagina-email .ei-top{gap:6px}.pagina-email .ei-subject{word-break:break-word;font-size:11.5px}.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 (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]{color:var(--ds-text-2);font-size:12.5px}.pagina-email .actions{align-items:center;gap:8px;display:flex}.pagina-email .actions .btn-icon{white-space:nowrap;border-radius:999px;gap:7px;width:auto;min-width:0;height:32px;padding:0 14px;font-size:12.5px;font-weight:600}.pagina-email .meta-label{width:96px}.pagina-backend-live .arch-statusbar{color:var(--cdt-text-secondary,#71717a);flex-wrap:wrap;align-items:center;gap:12px;margin:4px 2px 14px;font-size:.86rem;display:flex}.pagina-backend-live .live-dot{background:#22c55e;border-radius:50%;width:9px;height:9px;animation:2s infinite pagina-backend-live-pulse;box-shadow:0 0 #22c55e99}.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{font-variant-numeric:tabular-nums;margin-left:auto}.pagina-backend-live .waarschuw{color:#f59e0b;font-weight:600}.pagina-backend-live .arch-ververs{border:1px solid var(--cdt-border,#2a2a35);color:inherit;cursor:pointer;background:0 0;border-radius:8px;align-items:center;padding:3px 8px;display:inline-flex}.pagina-backend-live .arch-legenda{color:var(--cdt-text-secondary,#71717a);flex-wrap:wrap;gap:16px;margin:0 2px 16px;font-size:.8rem;display:flex}.pagina-backend-live .arch-legenda .dot{margin-right:5px}.pagina-backend-live .dot{vertical-align:middle;border-radius:50%;width:9px;height:9px;display:inline-block}.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{flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0 4px;display:flex}.pagina-backend-live .arch-node.entry{background:var(--cdt-bg-elevated,#17171f);border:1px solid var(--cdt-border,#2a2a35);border-radius:12px;flex-direction:column;gap:2px;min-width:150px;padding:12px 16px;font-weight:600;display:flex}.pagina-backend-live .arch-node.entry svg{vertical-align:-2px;margin-right:6px;font-size:1.1rem}.pagina-backend-live .arch-node.entry small{color:var(--cdt-text-secondary,#71717a);font-size:.74rem;font-weight:400}.pagina-backend-live .arch-arrow{color:var(--cdt-text-secondary,#71717a);font-size:1.4rem;font-weight:700}.pagina-backend-live .arch-splitter{color:var(--cdt-text-secondary,#71717a);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:12px;margin:22px 2px 12px;font-size:.82rem;display:flex}.pagina-backend-live .arch-splitter:before,.pagina-backend-live .arch-splitter:after{content:"";background:var(--cdt-border,#2a2a35);flex:1;height:1px}.pagina-backend-live .arch-grid{grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:12px;display:grid}.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{justify-content:space-between;align-items:center;gap:8px;display:flex}.pagina-backend-live .arch-card-title{align-items:center;gap:6px;font-weight:700;display:flex}.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{color:var(--cdt-text-secondary,#71717a);background:var(--cdt-bg-primary,#0f0f14);border-radius:6px;padding:1px 7px;font-family:ui-monospace,monospace;font-size:.8rem}.pagina-backend-live .arch-domein{color:var(--cdt-text-secondary,#71717a);word-break:break-word;margin:5px 0 9px;font-size:.78rem}.pagina-backend-live .arch-hosts{flex-wrap:wrap;gap:6px;display:flex}.pagina-backend-live .arch-host{background:var(--cdt-bg-primary,#0f0f14);border:1px solid var(--cdt-border,#2a2a35);border-radius:20px;align-items:center;gap:6px;padding:3px 9px;font-size:.78rem;display:inline-flex}.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{color:#8b8b95;align-items:center;gap:4px;font-size:.74rem;display:inline-flex}.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{border-bottom:1px solid var(--ds-border-subtle);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:14px;display:flex}.pagina-uitbreid .guide-header-left{color:var(--ds-text);align-items:center;gap:9px;font-size:14.5px;font-weight:700;display:flex}.pagina-uitbreid .guide-header-left svg{color:var(--portal-color);font-size:20px}.pagina-uitbreid .guide-nav{align-items:center;gap:8px;display:flex}.pagina-uitbreid .guide-btn{border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);background:var(--ds-card);width:34px;height:34px;color:var(--ds-text-2);cursor:pointer;place-items:center;font-size:16px;transition:border-color .18s,color .18s,background .18s;display:grid}.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{color:var(--ds-text-muted);font-variant-numeric:tabular-nums;text-align:center;min-width:44px;font-size:12.5px;font-weight:700}.pagina-uitbreid .guide-track-wrap{background:var(--ds-card);border:1px solid var(--ds-border-subtle);border-radius:10px;overflow:hidden}.pagina-uitbreid .guide-track{transition:transform .32s cubic-bezier(.4,0,.2,1);display:flex}.pagina-uitbreid .guide-slide{box-sizing:border-box;flex:0 0 100%;gap:20px;padding:18px 16px;display:flex}.pagina-uitbreid .guide-slide-icon{width:60px;height:60px;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);border-radius:14px;flex-shrink:0;place-items:center;font-size:28px;display:grid}.pagina-uitbreid .guide-slide-body{flex:1;min-width:0}.pagina-uitbreid .guide-step-label{letter-spacing:.07em;text-transform:uppercase;color:var(--portal-color);opacity:.85;margin-bottom:5px;font-size:10.5px;font-weight:800}.pagina-uitbreid .guide-slide-title{color:var(--ds-text);margin:0 0 8px;font-size:17px;font-weight:800;line-height:1.3}.pagina-uitbreid .guide-slide-text{color:var(--ds-text-2);margin:0 0 12px;font-size:13.5px;line-height:1.65}.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);color:var(--ds-text);border:1px solid var(--ds-border-subtle);border-radius:5px;padding:2px 6px}.pagina-uitbreid .guide-code{background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text-2);border-radius:9px;margin:0 0 12px;padding:13px 15px;line-height:1.75;display:block;overflow-x:auto}.pagina-uitbreid .guide-tags{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.pagina-uitbreid .guide-tag{border:1px solid #0000;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.pagina-uitbreid .guide-tag.blue{color:#3b82f6;background:#3b82f61a;border-color:#3b82f633}.pagina-uitbreid .guide-tag.green{color:#22c55e;background:#22c55e1a;border-color:#22c55e33}.pagina-uitbreid .guide-tag.yellow{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b33}.pagina-uitbreid .guide-dots{justify-content:center;gap:7px;margin-top:14px;display:flex}.pagina-uitbreid .guide-dot{background:var(--ds-border);cursor:pointer;border:none;border-radius:50%;width:7px;height:7px;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);border-radius:999px;width:20px}.pagina-uitbreid .guide-dot:hover:not(.active){background:var(--ds-text-muted)}@media (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 (width<=480px){.pagina-uitbreid .guide-header{flex-wrap:wrap;gap:8px}.pagina-uitbreid .guide-slide{gap:12px;padding:14px 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{border-bottom:1px solid var(--ds-border-subtle);justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;display:flex}.pagina-uitbreid .adv-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:12px;display:grid}.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{color:var(--ds-text);font-variant-numeric:tabular-nums;font-size:24px;font-weight:800}.pagina-uitbreid .adv-stat-lbl{color:var(--ds-text-muted);margin-top:2px;font-size:12px}.pagina-uitbreid .adv-stat.warn .adv-stat-val{color:#f59e0b}.pagina-uitbreid .adv-stat.crit .adv-stat-val{color:#ef4444}.pagina-uitbreid .adv-usage{color:var(--ds-text-2);margin-bottom:16px;font-size:13px}.pagina-uitbreid .adv-usage b{color:var(--ds-text)}.pagina-uitbreid .adv-servers{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:16px;display:grid}.pagina-uitbreid .adv-srv{border:1px solid var(--ds-border);border-radius:12px;padding:10px 12px}.pagina-uitbreid .adv-srv-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.pagina-uitbreid .adv-srv-naam{color:var(--ds-text);font-size:13px;font-weight:700}.pagina-uitbreid .adv-srv-rol{text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);background:var(--ds-border-subtle);border-radius:6px;padding:1px 6px;font-size:10px}.pagina-uitbreid .adv-bar{color:var(--ds-text-muted);align-items:center;gap:8px;margin:4px 0;font-size:11px;display:flex}.pagina-uitbreid .adv-bar>span{width:28px}.pagina-uitbreid .adv-bar>b{text-align:right;width:34px;color:var(--ds-text-2);font-variant-numeric:tabular-nums}.pagina-uitbreid .adv-bar-track{background:var(--ds-border-subtle);border-radius:4px;flex:1;height:6px;overflow:hidden}.pagina-uitbreid .adv-bar-fill{background:#22c55e;border-radius:4px;height:100%;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-size:12px;font-weight:700}.pagina-uitbreid .adv-recos{flex-direction:column;gap:8px;display:flex}.pagina-uitbreid .adv-reco{border:1px solid var(--ds-border);border-left-width:4px;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.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{text-transform:uppercase;letter-spacing:.05em;background:var(--ds-border-subtle);color:var(--ds-text-2);white-space:nowrap;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:800}.pagina-uitbreid .adv-reco-body{flex:1;min-width:0}.pagina-uitbreid .adv-reco-titel{color:var(--ds-text);font-size:13px;font-weight:700}.pagina-uitbreid .adv-reco-actie{color:var(--ds-text-2);margin-top:1px;font-size:12.5px}.pagina-uitbreid .adv-wanneer{color:var(--portal-color);white-space:nowrap;font-size:12px;font-weight:700}.pagina-uitbreid .adv-foot{border-top:1px solid var(--ds-border-subtle);color:var(--ds-text-muted);margin-top:14px;padding-top:10px;font-size:11px}@media (width<=640px){.pagina-uitbreid .adv-reco{flex-wrap:wrap}.pagina-uitbreid .adv-wanneer{width:100%}}.pagina-uitbreid .adv-srv-meta{border-top:1px solid var(--ds-border-subtle);color:var(--ds-text-muted);font-variant-numeric:tabular-nums;margin-top:8px;padding-top:7px;font-size:10.5px}.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,#6366f124,#8b5cf61a 60%,#3b82f61f);--g-glass:color-mix(in srgb, var(--ds-card) 78%, transparent);--g-shadow:0 1px 2px #1018280d, 0 10px 28px -14px #10182829;--g-shadow-lg:0 2px 6px #1018280f, 0 28px 56px -22px #10182842;--g-card-hi:inset 0 1px 0 #fff9;--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;-webkit-font-smoothing:antialiased;letter-spacing:-.01em;flex-direction:column;gap:20px;padding-bottom:24px;display:flex}.groei *{box-sizing:border-box}html.dark .groei,html.dark-mode .groei,body.dark .groei,body.dark-mode .groei{--g-shadow:0 1px 2px #00000059, 0 14px 34px -16px #000000b8;--g-shadow-lg:0 3px 10px #0000006b, 0 36px 66px -26px #000000e6;--g-glass:color-mix(in srgb, var(--ds-card) 66%, transparent);--g-grad-soft:linear-gradient(135deg,#818cf838,#a78bfa26 60%,#60a5fa2b);--g-card-hi:inset 0 1px 0 #ffffff0d}.g-hero{border-radius:var(--g-radius);background:var(--g-grad);color:#fff;box-shadow:var(--g-shadow-lg);padding:26px 28px;animation:.5s both gFade;position:relative;overflow:hidden}.g-hero:after{content:"";pointer-events:none;background:radial-gradient(120% 140% at 90% -20%,#ffffff40,#0000 55%);position:absolute;inset:0}.g-hero-top{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:relative}.g-hello{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.1}.g-hello span{opacity:.9;font-weight:600}.g-date{opacity:.85;margin-top:4px;font-size:13px}.g-hero-brief{opacity:.96;z-index:1;max-width:70ch;margin:14px 0 0;font-size:14.5px;line-height:1.5;position:relative}.g-hero-actions{z-index:1;flex-wrap:wrap;gap:8px;min-width:0;max-width:100%;display:flex;position:relative}.gcard{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:var(--g-radius);box-shadow:var(--g-card-hi), var(--g-shadow);padding:18px 20px;animation:.5s both gFade}.gcard.glass{background:var(--g-glass);-webkit-backdrop-filter:blur(14px)}.gcard.pad0{padding:0;overflow:hidden}.gcard-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.gcard-head h2{color:var(--ds-text);letter-spacing:-.01em;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:750;display:flex}.gcard-head h2 svg{color:var(--portal-color);font-size:17px}.gcard-meta{color:var(--ds-text-muted);font-size:12px}.g-sub{color:var(--ds-text-muted);margin:2px 0 0;font-size:12.5px}.g-grid{gap:16px;display:grid}@media (width>=900px){.g-2{grid-template-columns:1.5fr 1fr}}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:12px;display:grid}.kpi{border:1px solid var(--ds-border);border-radius:var(--g-radius-sm);background:var(--ds-card);box-shadow:var(--g-card-hi), var(--g-shadow);padding:14px 15px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.kpi:hover{box-shadow:var(--g-card-hi), var(--g-shadow-lg);transform:translateY(-2px)}.kpi-ic{background:var(--g-grad-soft);border-radius:9px;place-items:center;width:32px;height:32px;margin-bottom:9px;display:grid}.kpi-ic svg{color:var(--portal-color);font-size:17px}.kpi-val{color:var(--ds-text);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:25px;font-weight:800;line-height:1}.kpi-val .u{color:var(--ds-text-muted);margin-left:1px;font-size:14px;font-weight:700}.kpi-lbl{color:var(--ds-text-muted);margin-top:5px;font-size:11.5px;font-weight:500}.kpi-delta{align-items:center;gap:2px;margin-top:4px;font-size:11px;font-weight:700;display:inline-flex}.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);color:#fff;border:none}.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{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.g-ring{--p:0;background:conic-gradient(var(--portal-color) calc(var(--p)*1%), var(--ds-border) 0);border-radius:50%;flex-shrink:0;place-items:center;width:118px;height:118px;display:grid}.g-ring:before{content:"";background:var(--ds-card);border-radius:50%;grid-area:1/1;width:92px;height:92px}.g-ring-in{text-align:center;grid-area:1/1}.g-ring-num{color:var(--ds-text);font-variant-numeric:tabular-nums;font-size:32px;font-weight:850;line-height:1}.g-ring-lbl{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:10px}.g-score-txt h3{color:var(--ds-text);margin:0 0 3px;font-size:16px;font-weight:750}.g-score-txt p{color:var(--ds-text-muted);max-width:42ch;margin:0;font-size:13px;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.5px;stroke-linecap:round;stroke-linejoin:round}.g-spark .fl{fill:color-mix(in srgb, var(--portal-color) 12%, transparent);stroke:none}.advies-list{flex-direction:column;gap:9px;display:flex}.advies{border:1px solid var(--ds-border);border-radius:var(--g-radius-sm);background:var(--ds-card);align-items:center;gap:13px;padding:12px 13px;transition:transform .15s,border-color .15s;animation:.4s both gFade;display:flex}.advies:hover{border-color:var(--g-ring);transform:translate(2px)}.advies-ic{color:#fff;border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.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{color:var(--ds-text);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:650;overflow:hidden}.advies-s{color:var(--ds-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12px;overflow:hidden}.advies-kans{color:var(--g-green);background:color-mix(in srgb,var(--g-green) 14%,transparent);white-space:nowrap;border-radius:99px;padding:3px 8px;font-size:11px;font-weight:800}.advies-go{background:var(--g-grad);color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;transition:transform .15s;display:grid}.advies-go:hover{transform:scale(1.08)}.advies-go svg{font-size:17px}.missie-grid{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:12px;display:grid}.missie{border:1px solid var(--ds-border);border-radius:var(--g-radius-sm);background:var(--ds-card);padding:13px;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{align-items:center;gap:9px;margin-bottom:9px;display:flex}.missie-ic{background:var(--g-grad-soft);border-radius:9px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.missie-ic svg{color:var(--portal-color);font-size:16px}.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{color:var(--ds-text);flex:1;font-size:13px;font-weight:650}.missie-cnt{color:var(--ds-text-muted);font-variant-numeric:tabular-nums;font-size:12px}.missie-bar{background:var(--ds-border);border-radius:99px;height:7px;overflow:hidden}.missie-fill{background:var(--g-grad);border-radius:99px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.missie.done .missie-fill{background:linear-gradient(135deg,#22c55e,#16a34a)}.missie-actions{justify-content:space-between;align-items:center;margin-top:9px;display:flex}.missie-xp{color:var(--ds-text-subtle);font-size:11px;font-weight:600}.missie-plus{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);cursor:pointer;border-radius:8px;padding:4px 11px;font-size:12px;font-weight:750;transition:all .15s}.missie-plus:hover{border-color:var(--portal-color);color:var(--portal-color)}.pipe{gap:9px;padding-bottom:4px;display:flex;overflow-x:auto}.pipe-step{text-align:center;border-radius:var(--g-radius-sm);border:1px solid var(--ds-border);background:var(--ds-card);flex:1;min-width:96px;padding:13px 8px;position:relative}.pipe-step:before{content:"";background:var(--dot,var(--portal-color));opacity:.85;border-radius:99px 99px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.pipe-count{color:var(--ds-text);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:23px;font-weight:800}.pipe-label{color:var(--ds-text-muted);margin-top:3px;font-size:11px}.gbtn{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:var(--ds-radius-sm);cursor:pointer;white-space:nowrap;align-items:center;gap:7px;padding:8px 13px;font-size:13px;font-weight:600;text-decoration:none;transition:all .16s;display:inline-flex}.gbtn:hover{border-color:var(--portal-color);color:var(--portal-color)}.gbtn svg{font-size:16px}.gbtn-primary{background:var(--g-grad);color:#fff;box-shadow:0 6px 16px -6px var(--g-ring);border:none}.gbtn-primary:hover{color:#fff;filter:brightness(1.06);transform:translateY(-1px)}.gbtn-ghost{background:color-mix(in srgb,var(--portal-color) 10%,transparent);color:var(--portal-color);border-color:#0000}.gbtn.sm{border-radius:var(--ds-radius-sm);padding:5px 10px;font-size:12px}.gbtn.on-grad{color:#fff;background:#ffffff29;border-color:#ffffff40}.gbtn.on-grad:hover{color:#fff;background:#ffffff42}.gbtn:disabled{opacity:.55;cursor:default}.gbtn.danger:hover{border-color:var(--g-red);color:var(--g-red)}.g-chip{border:1px solid var(--ds-border);cursor:pointer;color:var(--ds-text-muted);background:var(--ds-card);white-space:nowrap;border-radius:99px;padding:5px 11px;font-size:12px;transition:all .15s}.g-chip:hover{border-color:var(--g-ring)}.g-chip.active{background:var(--g-grad);color:#fff;border-color:#0000}.g-badge{white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.g-pill{background:var(--ds-hover);color:var(--ds-text-muted);border-radius:99px;padding:2px 7px;font-size:10.5px;font-weight:700}.g-filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.g-search{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;flex:1;align-items:center;gap:7px;min-width:220px;padding:3px 11px;display:flex}.g-search svg{color:var(--ds-text-muted);font-size:16px}.g-search input{color:var(--ds-text);background:0 0;border:none;outline:none;flex:1;padding:7px 0;font-size:13px}.g-select,.g-input{background:var(--ds-input);border:1px solid var(--ds-border);color:var(--ds-text);border-radius:10px;outline:none;padding:8px 11px;font-size:13px;transition:border-color .15s}.g-select:focus,.g-input:focus{border-color:var(--portal-color)}.g-count{color:var(--ds-text-muted);margin-left:auto;font-size:12px;font-weight:600}.g-tablewrap{overflow-x:auto}.g-table{border-collapse:collapse;width:100%;font-size:13px}.g-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted);background:var(--ds-table-header);border-bottom:1px solid var(--ds-border);padding:11px 14px;font-size:11px;font-weight:700;position:sticky;top:0}.g-table td{border-bottom:1px solid var(--ds-border-subtle);color:var(--ds-text-2);padding:11px 14px}.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{color:var(--ds-text);font-weight:650}.g-mono{font-variant-numeric:tabular-nums}.g-muted{color:var(--ds-text-muted)}.g-empty{text-align:center;color:var(--ds-text-muted);padding:40px 20px}.g-empty svg{opacity:.4;margin:0 auto 10px;font-size:34px;display:block}.g-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1200;background:#090b1480;animation:.2s gFade;display:flex;position:fixed;inset:0}.g-drawer{background:var(--ds-card);flex-direction:column;width:600px;max-width:96vw;height:100%;margin-left:auto;animation:.28s cubic-bezier(.4,0,.2,1) gSlide;display:flex;box-shadow:-16px 0 48px -12px #00000059}.g-modal{background:var(--ds-card);border-radius:var(--g-radius);width:720px;max-width:94vw;max-height:90vh;box-shadow:var(--g-shadow-lg);flex-direction:column;margin:auto;animation:.24s cubic-bezier(.34,1.3,.64,1) gPop;display:flex}.g-dhead{border-bottom:1px solid var(--ds-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.g-dhead h3{color:var(--ds-text);margin:0;font-size:16px;font-weight:750}.g-x{cursor:pointer;color:var(--ds-text-muted);background:0 0;border:none;border-radius:8px;place-items:center;width:32px;height:32px;font-size:22px;display:grid}.g-x:hover{background:var(--ds-hover);color:var(--ds-text)}.g-dbody{flex-direction:column;flex:1;gap:16px;padding:18px 20px;display:flex;overflow-y:auto}.g-dfoot{border-top:1px solid var(--ds-border);justify-content:flex-end;gap:9px;padding:13px 20px;display:flex}.g-field{flex-direction:column;gap:4px;display:flex}.g-field>span{color:var(--ds-text-muted);font-size:11.5px;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;outline:none;width:100%;padding:8px 11px;font-size:13px;transition:border-color .15s}.g-field input:focus,.g-field select:focus,.g-field textarea:focus{border-color:var(--portal-color)}.g-grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.g-grid3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.g-section{border:1px solid var(--ds-border);border-radius:var(--g-radius-sm);background:color-mix(in srgb,var(--ds-bg) 60%, var(--ds-card));padding:14px}.g-section-h{color:var(--ds-text);align-items:center;gap:7px;margin-bottom:11px;font-size:12.5px;font-weight:750;display:flex}.g-section-h svg{color:var(--portal-color);font-size:16px}.g-out{white-space:pre-wrap;word-break:break-word;background:var(--ds-bg);border:1px solid var(--ds-border);max-height:340px;color:var(--ds-text);border-radius:9px;padding:12px;font-size:12.5px;line-height:1.55;overflow:auto}.g-note{color:var(--ds-text-muted);font-size:12px;line-height:1.5}.g-err{color:var(--g-red);font-size:13px}.g-ok{color:var(--g-green);font-size:13px}.g-loading{color:var(--ds-text-muted);align-items:center;gap:8px;font-size:12.5px;display:flex}.g-dots:after{content:"…";animation:1.2s steps(4,end) infinite gDots}@keyframes gFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes gSlide{0%{opacity:.4;transform:translate(40px)}to{opacity:1;transform:none}}@keyframes gPop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes gDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@media (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{transition:none;animation: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:1px}.gr-nul{stroke:var(--ds-border-strong);stroke-width:1px}.gr-as{fill:var(--ds-text-subtle);font-size:11px}.gr-lijn{fill:none;stroke:var(--gr-1);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.gr-punt{fill:var(--gr-1);stroke:var(--ds-card);stroke-width:2px}.gr-eind{fill:var(--ds-text);font-size:13px;font-weight:700}.gr-kruis{stroke:var(--ds-border-strong);stroke-width:1px;stroke-dasharray:3 3}.gr-bij{fill:var(--gr-op)}.gr-af{fill:var(--gr-af)}.gr-legenda{color:var(--ds-text-muted);flex-wrap:wrap;gap:18px;margin-top:8px;font-size:.82rem;display:flex}.gr-legenda span{align-items:center;gap:6px;display:inline-flex}.gr-v{border-radius:3px;flex:none;width:10px;height:10px;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{pointer-events:none;background:var(--ds-card-elevated);border:1px solid var(--ds-border);color:var(--ds-text-muted);white-space:nowrap;z-index:3;border-radius:8px;flex-direction:column;gap:1px;padding:7px 10px;font-size:.78rem;display:flex;position:absolute;top:4px;transform:translate(-50%);box-shadow:0 6px 20px #0000001f}.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{text-align:center;color:var(--ds-text-subtle);padding:28px 0;font-size:.86rem}.gr-balken{flex-direction:column;gap:10px;display:flex}.gr-balk-rij{grid-template-columns:1fr 2fr auto auto;align-items:center;gap:12px;font-size:.85rem;display:grid}.gr-balk-naam{color:var(--ds-text);text-transform:capitalize;align-items:center;gap:8px;display:inline-flex}.gr-balk-spoor{background:var(--ds-border-subtle);border-radius:999px;height:10px;overflow:hidden}.gr-balk{border-radius:999px;height:100%;display:block}.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-variant-numeric:tabular-nums;font-weight:600}.gr-balk-bedrag{color:var(--ds-text-muted);font-variant-numeric:tabular-nums;text-align:right;min-width:82px}.gr-verd-balk{background:var(--ds-border-subtle);border-radius:999px;gap:2px;height:14px;display:flex;overflow:hidden}.gr-verd-stuk{height:100%;display:block}.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{color:var(--ds-text-muted);flex-wrap:wrap;gap:20px;margin-top:10px;font-size:.84rem;display:flex}.gr-verd-item{align-items:center;gap:6px;display:inline-flex}.gr-verd-item b{color:var(--ds-text);font-variant-numeric:tabular-nums}.gr-verd-item em{color:var(--ds-text-subtle);font-style:normal}@media (width<=700px){.gr-balk-rij{grid-template-columns:1fr auto}.gr-balk-spoor,.gr-balk-bedrag{grid-column:1/-1}}.kg-h3{color:var(--ds-text);margin:18px 0 8px;font-size:.92rem;font-weight:600}.kg-h3:first-of-type{margin-top:4px}.gr-evenwicht{stroke:var(--ds-text-subtle);stroke-width:1px;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{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px;display:grid}.kg-punt{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:12px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.kg-punt-kop{align-items:baseline;gap:8px;display:flex}.kg-punt-nr{color:var(--ds-text);font-variant-numeric:tabular-nums;font-size:1.45rem;font-weight:700;line-height:1.1}.kg-punt-eenheid{color:var(--ds-text-muted);font-size:.8rem}.kg-punt-titel{color:var(--ds-text);font-size:.92rem;font-weight:600}.kg-punt-effect{color:var(--ds-success);font-size:.85rem;font-weight:600}.kg-punt-uitleg,.kg-punt-waarom{color:var(--ds-text-muted);margin:0;font-size:.82rem;line-height:1.45}.kg-punt-waarom{color:var(--ds-text-subtle)}.kg-aannames{color:var(--ds-text-muted);margin-top:10px;font-size:.82rem;line-height:1.5}.gr-buiten{color:var(--ds-text-subtle);font-style:italic}@media (width<=640px){.gcard-head{flex-wrap:wrap;row-gap:4px}.gcard-head h2,.gcard-meta{flex:100%}.g-hero-actions{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;max-width:100%;display:flex;overflow-x:auto}.g-hero-actions::-webkit-scrollbar{display:none}.g-hero-actions>*{white-space:nowrap;flex:none}}.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{opacity:.7;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.pagina-ceo-command .kpi-waarde{margin-top:4px;font-size:26px;font-weight:700}.pagina-ceo-command .kpi-extra{opacity:.65;margin-top:2px;font-size:12px}.pagina-ceo-command .tabel{border-collapse:collapse;width:100%;margin-top:10px}.pagina-ceo-command .tabel th,.pagina-ceo-command .tabel td{text-align:left;border-bottom:1px solid var(--border,var(--ds-border));padding:7px 10px;font-size:13px}.pagina-ceo-command .tabel th{opacity:.7;font-weight:600}.pagina-ceo-command .boodschap{margin:6px 0 4px;font-size:14px;line-height:1.55}.pagina-ceo-command .rood{color:#dc2626}.pagina-ceo-command .noot{opacity:.7;margin-top:8px;font-size:12px;line-height:1.5}.pagina-ceo-command .herkomst{opacity:.85;flex-wrap:wrap;gap:14px;margin-top:10px;font-size:12px;display:flex}.pagina-ceo-command .mrr-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:8px;display:grid}.pagina-ceo-command .mrr-grid>div{flex-direction:column;gap:2px;display:flex}.pagina-ceo-command .mrr-grid span{opacity:.7;font-size:12px}.pagina-ceo-command .mrr-grid strong{font-size:18px}.pagina-ceo-command .mrr-grid .nadruk strong{color:#059669}.pagina-ceo-command .taak{border-bottom:1px solid var(--border,var(--ds-border));align-items:flex-start;gap:12px;padding:9px 0;display:flex}.pagina-ceo-command .taak:last-child{border-bottom:none}.pagina-ceo-command .taak-nr{background:var(--border,var(--ds-border));border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.pagina-ceo-command .alarm{border-bottom:1px solid var(--border,var(--ds-border));padding:7px 0;font-size:13px}.pagina-ceo-command .alarm:last-child{border-bottom:none}.pagina-ceo-command .ernst{background:var(--border,var(--ds-border));border-radius:5px;min-width:26px;margin-right:8px;padding:1px 6px;font-size:11px;font-weight:700;display:inline-block}.pagina-ceo-command .ernst.p1{color:#fff;background:#dc2626}.pagina-groei-noordster .nst-loading{text-align:center;color:var(--ds-text-muted);justify-content:center;align-items:center;gap:12px;padding:26px;display:flex}.pagina-groei-noordster .kpi-val small.u{color:var(--ds-text-muted);margin-left:2px;font-size:.42em;font-weight:600}.pagina-groei-noordster .nst-pill{letter-spacing:.05em;text-transform:uppercase;border:1px solid;border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-size:11px;font-weight:700;display:inline-flex}.pagina-groei-noordster .nst-pill .dot{border-radius:50%;width:7px;height:7px}.pagina-groei-noordster .nst-prog{margin:14px 0 6px}.pagina-groei-noordster .nst-prog-track{background:color-mix(in srgb,var(--ds-text) 9%,transparent);border-radius:99px;height:9px;overflow:hidden}.pagina-groei-noordster .nst-prog-fill{background:var(--g-grad);border-radius:99px;min-width:6px;height:100%;transition:width .6s cubic-bezier(.2,.7,.3,1)}.pagina-groei-noordster .nst-prog-lbl{color:var(--ds-text-muted);font-variant-numeric:tabular-nums;margin-top:7px;font-size:12.5px}.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{color:var(--ds-text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:16px;margin-top:4px;font-size:12px;display:flex}.pagina-groei-noordster .nst-legend i.ln{vertical-align:middle;border-top:2px solid;width:18px;height:0;margin-right:6px;display:inline-block}.pagina-groei-noordster .nst-verdict{border:1px solid var(--ds-border);background:color-mix(in srgb,var(--ds-text) 3%,transparent);border-radius:12px;align-items:flex-start;gap:10px;margin-top:14px;padding:13px 15px;font-size:13.5px;line-height:1.55;display:flex}.pagina-groei-noordster .nst-verdict svg{flex:none;margin-top:1px;font-size:19px}.pagina-groei-noordster .nst-verdict b{color:var(--ds-text)}.pagina-groei-noordster .nst-verdict.bad{background:#ef44440d;border-color:#ef444455}.pagina-groei-noordster .nst-verdict.warn{background:#f59e0b0d;border-color:#f59e0b55}.pagina-groei-noordster .nst-verdict.good{background:#22c55e0d;border-color:#22c55e55}.pagina-groei-noordster .nst-ctx .kpi.sm .kpi-val{font-size:26px}.pagina-groei-noordster .nst-sub{color:var(--ds-text-muted);margin:2px 0 14px;font-size:13px}.pagina-groei-noordster .nst-tiles{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:11px;display:grid}.pagina-groei-noordster .nst-tile{text-align:left;border:1px solid var(--ds-border);background:var(--ds-card);cursor:pointer;border-radius:13px;align-items:center;gap:12px;padding:13px 14px;transition:transform .14s,border-color .14s,box-shadow .14s;display:flex}.pagina-groei-noordster .nst-tile:hover{border-color:var(--g-ring);box-shadow:var(--g-shadow);transform:translateY(-2px)}.pagina-groei-noordster .nst-tile-ic{background:var(--g-grad-soft);width:38px;height:38px;color:var(--portal-color);border-radius:11px;flex:none;place-items:center;display:grid}.pagina-groei-noordster .nst-tile-ic svg{font-size:19px}.pagina-groei-noordster .nst-tile-b{flex-direction:column;flex:1;min-width:0;display:flex}.pagina-groei-noordster .nst-tile-b .t{font-size:14px;font-weight:640}.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);flex:none;font-size:16px}.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{flex-direction:column;gap:12px;display:flex}.pagina-groei-dashboard .overz-head{margin-bottom:2px}.pagina-groei-dashboard .overz-tag{letter-spacing:.02em;color:#fff;border-radius:99px;padding:5px 12px;font-size:12px;font-weight:800;display:inline-block}.pagina-groei-dashboard .overz-row{align-items:center;gap:11px;display:flex}.pagina-groei-dashboard .overz-ic{background:var(--g-grad-soft);border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.pagina-groei-dashboard .overz-ic svg{color:var(--portal-color);font-size:18px}.pagina-groei-dashboard .overz-body{flex:1;min-width:0}.pagina-groei-dashboard .overz-top{color:var(--ds-text-2);justify-content:space-between;font-size:13px;font-weight:600;display:flex}.pagina-groei-dashboard .overz-bar{background:var(--ds-border);border-radius:99px;height:7px;margin-top:5px;overflow:hidden}.pagina-groei-dashboard .overz-bar.big{height:9px;margin-top:8px}.pagina-groei-dashboard .overz-fill{background:var(--g-grad);border-radius:99px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.pagina-groei-dashboard .overz-stats{gap:10px;margin-top:2px;display:flex}.pagina-groei-dashboard .overz-stats.col{flex-direction:column}.pagina-groei-dashboard .overz-stat{text-align:center;border:1px solid var(--ds-border);background:var(--ds-card);border-radius:12px;flex:1;padding:11px}.pagina-groei-dashboard .overz-stat b{color:var(--ds-text);letter-spacing:-.02em;font-size:24px;font-weight:850;display:block}.pagina-groei-dashboard .overz-stat span{color:var(--ds-text-muted);font-size:11.5px}.pagina-groei-dashboard .overz-stat.big{text-align:left;align-items:center;gap:12px;display:flex}.pagina-groei-dashboard .overz-stat.big svg{color:var(--portal-color);font-size:20px}.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{color:var(--g-green);letter-spacing:-.03em;font-size:40px;font-weight:850;line-height:1}.pagina-groei-dashboard .overz-goal-num span{color:var(--ds-text-muted);margin-left:4px;font-size:18px;font-weight:700}.pagina-groei-dashboard .overz-need{color:var(--ds-text-2);margin-top:10px;font-size:13px}.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{color:var(--portal-color);letter-spacing:-.02em;font-size:24px;font-weight:800}.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{color:var(--ds-text-muted);flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:-4px;padding-bottom:2px;font-size:12.5px;display:flex}.pagina-groei-leads .lead-meta>span{align-items:center;gap:4px;display:inline-flex}.pagina-groei-leads .lead-meta svg{font-size:14px}.pagina-groei-leads .lead-actions{flex-wrap:wrap;gap:8px;display:flex}.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{border-top:1px solid var(--ds-border);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:14px 10px;display:flex}.pagina-groei-leads .lead-pager .g-mono{color:var(--ds-text-muted);padding:0 8px;font-size:12.5px}.pagina-groei-leads .lead-rij-acties{white-space:nowrap;gap:4px;display:flex}.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{border-top:1px solid var(--ds-border-subtle);align-items:center;gap:8px;padding:7px 0;font-size:12.5px;display:flex}.pagina-groei-leads .lead-regel .lead-regel-tekst{color:var(--ds-text-2);flex:1}.pagina-groei-leads .lead-regel button{cursor:pointer;color:var(--ds-text-subtle);background:0 0;border:none;place-items:center;padding:0;display:grid}.pagina-groei-leads .lead-regel button:hover{color:var(--g-red)}.pagina-groei-leads .g-drawer>.app-alert-detail{flex-shrink:0;margin:10px 20px 0}.pagina-groei-leads .lead-dfoot{justify-content:flex-start}.soc-platforms{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;display:grid}.soc-platform{border:1.5px solid var(--ds-rand,#e5e7eb);background:var(--ds-kaart,#fff);border-radius:14px;flex-direction:column;gap:10px;padding:16px;display:flex}.soc-platform.gekoppeld{border-color:var(--ds-accent,#2563eb)}.soc-platform-kop{align-items:center;gap:12px;display:flex}.soc-platform-icoon{background:var(--ds-veld,#f3f4f6);border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.soc-platform-naam{font-weight:700}.soc-uitleg{margin:0;font-size:13px}.soc-ontbreekt{flex-wrap:wrap;align-items:center;gap:4px;margin:0;font-size:13px;display:flex}.soc-ontbreekt code{background:var(--ds-veld,#f3f4f6);border-radius:6px;padding:1px 6px}.soc-accounts{flex-direction:column;gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.soc-accounts li{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.soc-stip{border-radius:50%;flex-shrink:0;width:8px;height:8px}.soc-stip.groen{background:#16a34a}.soc-stip.rood{background:#dc2626}.soc-account{font-weight:600}.card-head-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.soc-scheider{background:var(--ds-rand,#e5e7eb);width:1px;height:22px;margin:0 4px}.soc-feed{flex-direction:column;gap:12px;display:flex}.soc-item{border:1px solid var(--ds-rand,#e5e7eb);background:var(--ds-kaart,#fff);border-radius:12px;gap:14px;padding:12px;display:flex}.soc-media{flex:0 0 120px}.soc-media img{object-fit:cover;border-radius:10px;width:120px;height:120px;display:block}.soc-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.soc-meta{flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.soc-badge{background:var(--ds-veld,#f3f4f6);border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:700}.soc-badge.meta{color:#1d4ed8;background:#dbeafe}.soc-badge.google-ads{color:#92400e;background:#fef3c7}.soc-badge.tiktok{color:#111827;background:#e5e7eb}.soc-titel{font-weight:700}.soc-tekst{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.soc-cijfers{color:var(--ds-tekst-zacht,#6b7280);flex-wrap:wrap;gap:14px;font-size:13px;display:flex}.soc-cijfers b{color:var(--ds-tekst,#111827)}@media (width<=640px){.soc-item{flex-direction:column}.soc-media,.soc-media img{width:100%;height:auto;max-height:220px}}.soc-tabs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.soc-stappen{flex-direction:column;gap:18px;display:flex}.soc-stap{border:1.5px solid var(--ds-rand,#e5e7eb);background:var(--ds-kaart,#fff);border-radius:14px;flex-direction:column;gap:10px;padding:16px;display:flex}.soc-stappenlijst{flex-direction:column;gap:4px;margin:0;padding-left:22px;font-size:13.5px;line-height:1.55;display:flex}.soc-callback{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.soc-callback code{background:var(--ds-veld,#f3f4f6);overflow-wrap:anywhere;border-radius:6px;padding:3px 8px}.soc-velden{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px 14px;display:grid}.soc-veldrij{align-items:center;gap:8px;display:flex}.soc-veldrij .form-input{flex:1;min-width:0}.soc-bron{background:var(--ds-veld,#f3f4f6);text-transform:uppercase;letter-spacing:.03em;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:10.5px;font-weight:700}.soc-bron.ops{color:#166534;background:#dcfce7}.soc-bron.env{color:#1d4ed8;background:#dbeafe}.soc-schakel{align-items:flex-start;gap:10px;margin:12px 0;font-size:13.5px;line-height:1.5;display:flex}.soc-schakel input{margin-top:3px}.soc-ok{color:#166534;font-size:13.5px}.soc-fout{color:#b91c1c;margin:4px 0 0;font-size:13px}.soc-hint{color:#92400e;background:#fef3c7;border-radius:8px;margin:0;padding:6px 10px;font-size:13px}.soc-kalender{flex-direction:column;gap:18px;display:flex}.soc-dag-kop{text-transform:capitalize;border-bottom:1px solid var(--ds-rand,#e5e7eb);margin-bottom:8px;padding-bottom:4px;font-weight:700}.soc-dag{flex-direction:column;gap:8px;display:flex}.soc-post{border:1px solid var(--ds-rand,#e5e7eb);background:var(--ds-kaart,#fff);border-radius:12px;align-items:flex-start;gap:12px;padding:12px;display:flex}.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{object-fit:cover;background:#000;border-radius:10px;flex-shrink:0;width:110px;height:110px}.soc-status{border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:700}.soc-status.grijs{color:#374151;background:#e5e7eb}.soc-status.blauw{color:#1d4ed8;background:#dbeafe}.soc-status.groen{color:#166534;background:#dcfce7}.soc-status.rood{color:#b91c1c;background:#fee2e2}.soc-status.oranje{color:#92400e;background:#fef3c7}.soc-badge.facebook{color:#1d4ed8;background:#dbeafe}.soc-badge.instagram{color:#9d174d;background:#fce7f3}.soc-tags{color:var(--ds-accent,#2563eb);flex-wrap:wrap;gap:6px;font-size:12.5px;display:flex}.btn-link.gevaar{color:#b91c1c}.soc-dropvak{border:2px dashed var(--ds-rand,#d1d5db);text-align:center;cursor:pointer;color:var(--ds-tekst-zacht,#6b7280);border-radius:14px;flex-direction:column;align-items:center;gap:8px;margin-bottom:10px;padding:28px;font-size:14px;display:flex}.soc-dropvak:hover{border-color:var(--ds-accent,#2563eb);color:var(--ds-tekst,#111827)}.soc-galerij{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.soc-tegel{border:1px solid var(--ds-rand,#e5e7eb);background:var(--ds-kaart,#fff);border-radius:12px;margin:0;overflow:hidden}.soc-tegel img,.soc-tegel video{object-fit:cover;background:#000;width:100%;height:140px;display:block}.soc-tegel figcaption{flex-direction:column;gap:3px;padding:8px 10px;font-size:12.5px;display:flex}.soc-tegel-naam{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.soc-tegel-oms{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.soc-analyse p{line-height:1.6}.soc-analyse ul{padding-left:20px;line-height:1.6}@media (width<=640px){.soc-post{flex-direction:column}.soc-post-media{width:100%;height:auto;max-height:220px}}.wp-merk{background:var(--ds-veld,#f3f4f6);border-radius:10px;align-items:flex-start;gap:8px;margin-top:8px;padding:8px 12px;font-size:13px;line-height:1.5;display:flex}.wp-filter{align-items:center;margin:0;font-size:13.5px}.wp-bord{grid-template-columns:repeat(7,minmax(170px,1fr));gap:10px;padding-bottom:6px;display:grid;overflow-x:auto}.wp-kolom{background:var(--ds-veld,#f3f4f6);border-radius:12px;flex-direction:column;gap:8px;min-height:160px;padding:8px;display:flex}.wp-kolom-kop{text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;padding:2px 4px;font-size:12.5px;font-weight:700;display:flex}.wp-tel{background:var(--ds-kaart,#fff);border-radius:999px;margin-left:auto;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);cursor:pointer;font:inherit;color:inherit;border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}.wp-kaart:hover{border-color:var(--ds-accent,#2563eb)}.wp-kaart.laat{border-color:#fca5a5}.wp-kaart-kop{align-items:flex-start;gap:6px;font-size:13.5px;font-weight:600;line-height:1.35;display:flex}.wp-kaart-meta{flex-wrap:wrap;align-items:center;gap:6px;font-size:11.5px;display:flex}.wp-wie{color:#1d4ed8;background:#dbeafe;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{color:#b91c1c;background:#fee2e2;font-weight:700}.wp-leeg{color:var(--ds-tekst-zacht,#9ca3af);text-align:center;padding:12px 0;font-size:12px}.wp-kanalen{flex-wrap:wrap;gap:12px;padding-top:8px;font-size:13.5px;display:flex}.wp-oms{line-height:1.55}.wp-media video,.wp-media img{background:#000;border-radius:12px;max-width:100%;max-height:360px;display:block}.wp-brief{flex-direction:column;gap:12px;display:flex}.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{text-transform:uppercase;letter-spacing:.04em;color:var(--ds-tekst-zacht,#6b7280);align-items:center;gap:10px;margin:0 0 6px;font-size:12.5px;display:flex}.wp-brief-blok p,.wp-brief-blok li{font-size:14px;line-height:1.55}.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{grid-template-columns:1fr 1fr;gap:12px;display:grid}.wp-tekst{border-top:1px solid var(--ds-rand,#e5e7eb);grid-template-columns:auto 1fr auto;align-items:start;gap:10px;padding:6px 0;display:grid}.wp-tekst:first-of-type{border-top:0}.wp-tekst p{white-space:pre-wrap;margin:0}@media (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{opacity:.7;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.pagina-centrale-acquisitie .kpi-waarde{margin-top:4px;font-size:24px;font-weight:700}.pagina-centrale-acquisitie .kpi-extra{opacity:.65;margin-top:2px;font-size:11px}.pagina-centrale-acquisitie .filters{flex-wrap:wrap;align-items:center;gap:14px;margin:8px 0 14px;font-size:13px;display:flex}.pagina-centrale-acquisitie .rij{border-top:1px solid var(--border,var(--ds-border));padding:11px 0}.pagina-centrale-acquisitie .rij-hoofd{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:14px;display:flex}.pagina-centrale-acquisitie .rij-meta{opacity:.8;flex-wrap:wrap;align-items:center;gap:14px;font-size:12px;display:flex}.pagina-centrale-acquisitie .rij-meta a{align-items:center;gap:4px;display:inline-flex}.pagina-centrale-acquisitie .tel{opacity:1;font-weight:600}.pagina-centrale-acquisitie .badge.score{border:1px solid var(--border,var(--ds-border));background:0 0;font-weight:500}.pagina-centrale-acquisitie .acties{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.pagina-centrale-acquisitie .notitie{border:1px solid var(--border,var(--ds-border));min-width:180px;color:inherit;background:0 0;border-radius:7px;flex:220px;padding:5px 9px;font-size:12px}.pagina-centrale-acquisitie .ubtn{border-radius:var(--ds-radius-sm);border:1px solid var(--border,var(--ds-border));color:inherit;cursor:pointer;background:0 0;padding:5px 10px;font-size:12px}.pagina-centrale-acquisitie .ubtn:hover{border-color:currentColor}.pagina-centrale-acquisitie .ubtn.ok{color:#059669;border-color:#059669;font-weight:600}.pagina-centrale-acquisitie .ubtn.nee{opacity:.7}.pagina-centrale-acquisitie .noot{opacity:.7;font-size:12px}.pagina-centrale-acquisitie .badge{background:var(--ds-border);border-radius:5px;margin-left:7px;padding:1px 7px;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{opacity:.7;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.pagina-rittenplatform .kpi-waarde{margin-top:4px;font-size:23px;font-weight:700}.pagina-rittenplatform .kpi-extra{opacity:.65;margin-top:2px;font-size:11px}.pagina-rittenplatform .tabel{border-collapse:collapse;width:100%;margin-top:8px}.pagina-rittenplatform .tabel th,.pagina-rittenplatform .tabel td{text-align:left;border-bottom:1px solid var(--border,var(--ds-border));padding:7px 10px;font-size:13px}.pagina-rittenplatform .tabel th{opacity:.7;font-weight:600}.pagina-rittenplatform .onmeetbaar{opacity:.55}.pagina-rittenplatform .bron{opacity:.65;font-size:11px}.pagina-rittenplatform .rood{color:#dc2626;font-weight:600}.pagina-rittenplatform .noot{opacity:.72;margin-top:7px;font-size:12px;line-height:1.5}.pagina-registratie-funnel .rf-refresh{border:1px solid var(--ds-border);cursor:pointer;background:0 0;border-radius:8px;padding:3px 7px}.pagina-registratie-funnel .rf-leeg{text-align:center;color:var(--ds-text-muted);padding:40px}.pagina-registratie-funnel .rf-fout{color:var(--ds-danger)}.pagina-registratie-funnel .rf-alarm{border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px 16px;font-size:14px;display:flex}.pagina-registratie-funnel .rf-alarm svg{flex-shrink:0;margin-top:1px;font-size:22px}.pagina-registratie-funnel .rf-alarm-rood{color:#c0392b;background:#eb44441a}.pagina-registratie-funnel .rf-alarm-groen{color:#1e8449;background:#2ecc711f}.pagina-registratie-funnel .rf-alarm-sub{opacity:.9;margin-top:3px;font-weight:400}.pagina-registratie-funnel .rf-table-wrap{overflow-x:auto}.pagina-registratie-funnel .rf-table{border-collapse:collapse;width:100%;font-size:13.5px}.pagina-registratie-funnel .rf-table th,.pagina-registratie-funnel .rf-table td{text-align:right;border-bottom:1px solid var(--ds-border-subtle);padding:8px 10px}.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{color:var(--ds-text-muted);font-size:12px;font-weight:700}.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);margin-top:12px;font-size: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;margin:0 0 14px;padding:14px 16px}.pagina-registratie-funnel .rf-doel-kop{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;font-size:15px;display:flex}.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{background:var(--veld,#eef2f7);border-radius:999px;height:10px;margin:10px 0 6px;overflow:hidden}.pagina-registratie-funnel .rf-doel-balk span{background:linear-gradient(90deg,#2563eb,#22c55e);border-radius:999px;height:100%;transition:width .4s;display:block}.pagina-registratie-funnel .rf-doel-sub{color:var(--tekst-zacht,#64748b);font-size:13px}.pagina-registratie-funnel .rf-uitsplitsing{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:0 0 14px;display:grid}.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{text-transform:uppercase;letter-spacing:.04em;color:var(--tekst-zacht,#64748b);margin:0 0 8px;font-size:13px}.pagina-registratie-funnel .rf-uitsplitsing ul{margin:0;padding:0;list-style:none}.pagina-registratie-funnel .rf-uitsplitsing li{border-bottom:1px solid var(--rand-zacht,#f1f5f9);justify-content:space-between;gap:10px;padding:4px 0;font-size:14px;display:flex}.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{border-left:3px solid var(--portal-color);align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.pagina-werkplek .norm-explain>svg{color:var(--portal-color);flex-shrink:0;margin-top:1px;font-size:26px}.pagina-werkplek .norm-explain strong{color:var(--ds-text)}.pagina-werkplek .norm-explain div{color:var(--ds-text-2);font-size:13px;line-height:1.6}.pagina-werkplek .norm-explain b{color:var(--portal-color)}.pagina-werkplek .tool-grid{grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr));gap:14px;display:grid}.pagina-werkplek .tool-card{background:var(--ds-card);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow);border-radius:14px;flex-direction:column;gap:8px;padding:16px;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.pagina-werkplek .tool-card:hover{border-color:var(--portal-color);box-shadow:var(--ds-shadow-lg);transform:translateY(-3px)}.pagina-werkplek .tc-head{justify-content:space-between;align-items:center;display:flex}.pagina-werkplek .tc-icon{background:color-mix(in srgb, var(--portal-color) 12%, var(--ds-card));border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.pagina-werkplek .tc-icon svg{color:var(--portal-color);font-size:21px}.pagina-werkplek .tc-clause{color:var(--portal-color);background:color-mix(in srgb, var(--portal-color) 10%, transparent);letter-spacing:.02em;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:800}.pagina-werkplek .tool-card h3{color:var(--ds-text);margin:4px 0 0;font-size:15px;font-weight:800}.pagina-werkplek .tc-desc{color:var(--ds-text-2);margin:0;font-size:12.5px;line-height:1.5}.pagina-werkplek .tc-count{color:var(--ds-text-muted);font-size:12px}.pagina-werkplek .tc-count .num{color:var(--ds-text);margin-right:4px;font-size:20px;font-weight:800}.pagina-werkplek .tc-norm{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;align-items:flex-start;gap:7px;margin-top:4px;padding:9px 11px;display:flex}.pagina-werkplek .tc-norm svg{color:var(--portal-color);flex-shrink:0;margin-top:1px;font-size:14px}.pagina-werkplek .tc-norm span{color:var(--ds-text-2);font-size:11px;line-height:1.45}.pagina-werkplek .tc-go{color:var(--portal-color);align-items:center;gap:5px;margin-top:auto;padding-top:6px;font-size:12px;font-weight:700;display:flex}.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{background:color-mix(in srgb, #f59e0b 8%, var(--ds-card));border-bottom:1px solid var(--ds-border);align-items:center;gap:14px;padding:14px 18px;display:flex}.pagina-werkplek .s2-header>svg{color:#f59e0b;flex-shrink:0;font-size:24px}.pagina-werkplek .s2-header>div{flex-direction:column;flex:1;gap:2px;display:flex}.pagina-werkplek .s2-header strong{color:var(--ds-text);font-size:13.5px;font-weight:700}.pagina-werkplek .s2-header span{color:var(--ds-text-muted);font-size:11.5px}.pagina-werkplek .s2-agenda-btn{color:#fff;border-radius:var(--ds-radius-sm);white-space:nowrap;background:#f59e0b;flex-shrink:0;align-items:center;gap:6px;padding:7px 13px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.pagina-werkplek .s2-agenda-btn svg{font-size:13px}.pagina-werkplek .s2-list{flex-direction:column;display:flex}.pagina-werkplek .s2-item{border-bottom:1px solid var(--ds-border-subtle);color:var(--ds-text);align-items:flex-start;gap:12px;padding:12px 18px;text-decoration:none;transition:background .12s;display:flex}.pagina-werkplek .s2-item:last-child{border-bottom:none}.pagina-werkplek .s2-item:hover{background:var(--ds-hover)}.pagina-werkplek .s2-item>svg{color:#22c55e;flex-shrink:0;margin-top:1px;font-size:18px}.pagina-werkplek .s2-item>div{flex-direction:column;gap:3px;display:flex}.pagina-werkplek .s2-item strong{color:var(--ds-text);font-size:13px;font-weight:700}.pagina-werkplek .s2-item span{color:var(--ds-text-muted);font-size:11.5px;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 (width<=640px){.pagina-werkplek .s2-header{flex-wrap:wrap;row-gap:10px}.pagina-werkplek .s2-header>div{flex:calc(100% - 38px);min-width:0}.pagina-werkplek .s2-agenda-btn{flex:100%;justify-content:center}}.pagina-risico-assessment .info-bar{align-items:flex-start;gap:13px;padding:14px 16px;display:flex}.pagina-risico-assessment .info-bar>svg{color:var(--portal-color);flex-shrink:0;margin-top:1px;font-size:24px}.pagina-risico-assessment .export-btn{border:1px solid var(--portal-color);background:var(--portal-color);color:#fff;border-radius:var(--ds-radius-sm);cursor:pointer;white-space:nowrap;flex-shrink:0;align-self:center;align-items:center;gap:6px;padding:9px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.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{color:var(--ds-text-2);font-size:13px;line-height:1.6}.pagina-risico-assessment .info-bar b{color:var(--portal-color)}.pagina-risico-assessment .stats{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;display:grid}.pagina-risico-assessment .stat{background:var(--ds-card);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:14px;display:flex}.pagina-risico-assessment .stat .num{color:var(--ds-text);font-size:24px;font-weight:800}.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{text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted);font-size:10px;font-weight:700}.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{color:var(--portal-color);font-size:22px}.pagina-risico-assessment .dreig-grid{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:12px;display:grid}.pagina-risico-assessment .dreig-card{background:var(--ds-card);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow);border-left:4px solid var(--ds-border);border-radius:14px;padding:15px}.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{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.pagina-risico-assessment .dc-cat{color:var(--portal-color);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:800}.pagina-risico-assessment .dc-head h3{color:var(--ds-text);margin:3px 0 0;font-size:14px;font-weight:800;line-height:1.3}.pagina-risico-assessment .dc-score{color:#fff;border-radius:11px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:18px;font-weight:800;display:grid}.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{color:var(--ds-text-muted);align-items:center;gap:6px;margin-top:10px;font-size:12px;display:flex}.pagina-risico-assessment .dc-meting svg{color:var(--portal-color);font-size:14px}.pagina-risico-assessment .dc-calc{color:var(--ds-text-muted);align-items:center;gap:7px;margin-top:10px;font-size:12px;display:flex}.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{color:#fff;border-radius:6px;padding:1px 8px;font-size:14px}.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{border-radius:999px;margin-left:auto;padding:2px 7px;font-size:9.5px;font-weight:700}.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{border-top:1px solid var(--ds-border-subtle);justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;display:flex}.pagina-risico-assessment .dc-ctrl{color:var(--ds-text-muted);font-size:11px;font-weight:700}.pagina-risico-assessment .dc-edit{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);cursor:pointer;border-radius:7px;align-items:center;gap:5px;padding:5px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.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{background:var(--ds-hover);color:var(--ds-text-muted);border-radius:8px;align-items:center;gap:6px;margin-top:10px;padding:7px 10px;font-size:11px;display:flex}.pagina-risico-assessment .dc-bewijs svg{color:var(--portal-color);flex-shrink:0;font-size:13px}.pagina-risico-assessment .dc-bewijs code{background:color-mix(in srgb, var(--portal-color) 10%, transparent);color:var(--portal-color);border-radius:4px;padding:1px 5px;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{color:var(--ds-text-muted);margin-top:8px;font-size:11.5px;font-style:italic}.pagina-risico-assessment .norm-link{background:#6366f10a;border:1px solid #6366f133;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;display:flex}.pagina-risico-assessment .norm-link>svg{color:var(--portal-color);flex-shrink:0;font-size:24px}.pagina-risico-assessment .norm-link strong{color:var(--ds-text);font-size:13px}.pagina-risico-assessment .norm-link p{color:var(--ds-text-muted);margin:2px 0 0;font-size:12px}.pagina-risico-assessment .nl-btns{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.pagina-risico-assessment .nl-btn{color:var(--portal-color);border:1px solid var(--portal-color);border-radius:var(--ds-radius-sm);white-space:nowrap;padding:6px 10px;font-size:12px;font-weight:600;text-decoration:none}.pagina-risico-assessment .meting-recap{background:var(--ds-hover);color:var(--ds-text-muted);border-radius:8px;align-items:center;gap:7px;margin-bottom:14px;padding:10px 12px;font-size:12px;display:flex}.pagina-risico-assessment .meting-recap svg{color:var(--portal-color);font-size:15px}.pagina-risico-assessment .score-preview{color:var(--ds-text);margin:4px 0 14px;font-size:13px}.pagina-risico-assessment .score-preview strong{color:#fff;border-radius:8px;padding:2px 10px;font-size:18px}.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{color:#d97706;margin-left:8px;font-size:11px;font-weight:700}.pagina-risico-assessment .binnen-tag{color:#16a34a;margin-left:8px;font-size:11px;font-weight:700}.pagina-risico-assessment .logs-card{overflow:hidden}.pagina-risico-assessment .logs-head{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.pagina-risico-assessment .lh-left{color:var(--ds-text);align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.pagina-risico-assessment .lh-left svg{color:var(--portal-color);font-size:18px}.pagina-risico-assessment .lh-right{align-items:center;gap:8px;display:flex}.pagina-risico-assessment .lh-right>svg{color:var(--ds-text-muted);font-size:18px}.pagina-risico-assessment .log-refresh{border:1px solid var(--ds-border);background:var(--ds-card);cursor:pointer;width:30px;height:30px;color:var(--portal-color);border-radius:7px;place-items:center;display:grid}.pagina-risico-assessment .log-refresh:hover{border-color:var(--portal-color)}.pagina-risico-assessment .logs-body{flex-direction:column;gap:14px;padding:0 16px 16px;display:flex}.pagina-risico-assessment .lb-title{color:var(--ds-text-muted);align-items:center;gap:7px;margin-bottom:7px;font-size:12px;font-weight:700;display:flex}.pagina-risico-assessment .lb-title svg{color:var(--portal-color);font-size:14px}.pagina-risico-assessment .f2b-jail{background:var(--ds-hover);border-radius:8px;margin-bottom:6px;padding:8px 11px}.pagina-risico-assessment .f2b-name{color:var(--ds-text);font-size:12px;font-weight:800}.pagina-risico-assessment .f2b-stat{color:var(--ds-text-muted);margin-left:8px;font-size:11.5px}.pagina-risico-assessment .f2b-stat b{color:#dc2626}.pagina-risico-assessment .f2b-ips{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.pagina-risico-assessment .f2b-ips .ip{color:#dc2626;background:#ef44441a;border-radius:5px;padding:1px 7px;font-family:SF Mono,Consolas,monospace;font-size:10.5px}.pagina-risico-assessment .term{background:#0f1117;border-radius:9px;flex-direction:column;gap:1px;max-height:220px;margin:0;padding:11px 13px;display:flex;overflow-y:auto}.pagina-risico-assessment .term .tl{color:#c9d1d9;white-space:pre-wrap;word-break:break-all;font-family:SF Mono,Consolas,monospace;font-size:10.5px;line-height:1.5}.pagina-risico-assessment .log-empty{color:var(--ds-text-muted);padding:4px 0;font-size:11.5px;font-style:italic}.pagina-risico-assessment .logs-foot{color:var(--ds-text-muted);text-align:right;font-size:10.5px}@keyframes pagina-risico-assessment-fadeIn{0%{opacity:0}to{opacity:1}}@media (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{color:var(--ds-text-muted);font-size:12.5px}.pagina-risico-assessment .doc-verwijzing a{color:var(--portal-color);font-weight:700}@media (width<=640px){.pagina-risico-assessment .stats{grid-template-columns:repeat(2,1fr)}.pagina-risico-assessment .info-bar{flex-wrap:wrap}.pagina-risico-assessment .info-bar>div{flex:calc(100% - 40px);min-width:0}.pagina-risico-assessment .export-btn{flex:100%;justify-content:center}}.pagina-belanghebbenden .summary-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;display:grid}.pagina-belanghebbenden .sum-card{background:var(--ds-card);border:1px solid var(--ds-border);text-align:center;border-radius:10px;padding:14px}.pagina-belanghebbenden .sum-value{color:var(--ds-text);font-size:26px;font-weight:800}.pagina-belanghebbenden .sum-label{color:var(--ds-text-muted);margin-top:2px;font-size:10.5px}.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{border-left:4px solid var(--portal-color);background:#6366f10f;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;display:flex}.pagina-belanghebbenden .norm-text{color:var(--ds-text);flex:1;min-width:200px;font-size:13px;line-height:1.6}.pagina-belanghebbenden .dl-doc{color:#2563eb;white-space:nowrap;background:#2563eb1a;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.pagina-belanghebbenden .dl-doc:hover{background:#2563eb2e}.pagina-belanghebbenden .dl-doc svg{font-size:14px}.pagina-belanghebbenden .sh-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.pagina-belanghebbenden .sh-count{color:var(--ds-text-muted);font-size:12px}.pagina-belanghebbenden .add-btn{background:var(--portal-color);color:#fff;border-radius:var(--ds-radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:5px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.pagina-belanghebbenden .add-btn svg{font-size:15px}.pagina-belanghebbenden .add-btn:hover{opacity:.88}.pagina-belanghebbenden .sh-table-wrap{border:1px solid var(--ds-border);border-radius:8px;overflow-x:auto}.pagina-belanghebbenden .sh-table{border-collapse:collapse;width:100%;font-size:12px}.pagina-belanghebbenden .sh-table th{background:var(--ds-hover);text-align:left;color:var(--ds-text-muted);white-space:nowrap;border-bottom:2px solid var(--ds-border);padding:9px 10px;font-size:10.5px;font-weight:700}.pagina-belanghebbenden .sh-table th.th-wide{white-space:normal;min-width:150px}.pagina-belanghebbenden .sh-table th.th-p{width:36px}.pagina-belanghebbenden .sh-table td{border-bottom:1px solid var(--ds-border);vertical-align:top;color:var(--ds-text);padding:10px;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{text-align:center;width:36px}.pagina-belanghebbenden .prio-badge{white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;padding:3px 10px;font-size:10.5px;font-weight:800;display:inline-flex}.pagina-belanghebbenden .prio-badge.p1{color:#ea580c;background:#ea580c24}.pagina-belanghebbenden .prio-badge.p2{color:#d97706;background:#f59e0b29}.pagina-belanghebbenden .prio-badge.p3{color:#16a34a;background:#16a34a24}.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{color:#b91c1c;background:#dc26260a;border-radius:4px;max-width:180px;padding:4px 6px;font-size:11.5px;line-height:1.4}.pagina-belanghebbenden .badge-reg{color:#dc2626;background:#ef44441f}.pagina-belanghebbenden .badge-klant{color:var(--portal-color);background:#6366f11f}.pagina-belanghebbenden .badge-lever{color:#d97706;background:#f59e0b1f}.pagina-belanghebbenden .badge-intern{color:#16a34a;background:#22c55e1f}.pagina-belanghebbenden .badge-audit{color:#7c3aed;background:#7c3aed1f}.pagina-belanghebbenden .status-dot:before{content:"";border-radius:50%;width:7px;height:7px;display:inline-block}.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{border:1px solid var(--ds-border);cursor:pointer;color:var(--ds-text-muted);background:0 0;border-radius:4px;padding:4px 7px;display:inline-flex}.pagina-belanghebbenden .act-btn svg{font-size:14px}.pagina-belanghebbenden .act-btn.edit:hover{color:var(--portal-color);background:#6366f11a}.pagina-belanghebbenden .act-btn.del:hover{color:#dc2626;background:#ef44441a}.pagina-belanghebbenden .act-btn+.act-btn{margin-left:4px}.pagina-belanghebbenden .save-msg{color:#16a34a;margin-top:8px;font-size:12px;font-weight:600;display:inline-block}.pagina-belanghebbenden .legend-row{flex-wrap:wrap;gap:8px;display:flex}.pagina-belanghebbenden .leg-item{border:1px solid #0000;border-radius:8px;flex:1;align-items:center;gap:10px;min-width:180px;padding:10px 14px;display:flex}.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{min-width:52px;font-size:13px;font-weight:800}.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{color:var(--ds-text-muted);font-size:11.5px}.pagina-belanghebbenden .norm-link-section{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;display:flex}.pagina-belanghebbenden .norm-link-section>svg{color:var(--portal-color);flex-shrink:0;font-size:22px}.pagina-belanghebbenden .norm-link-section>div{color:var(--ds-text);flex-wrap:wrap;flex:1;align-items:baseline;gap:8px;font-size:12.5px;display:flex}.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 (width<=640px){.pagina-belanghebbenden .norm-link-section{row-gap:8px}.pagina-belanghebbenden .norm-link-section>div{flex:calc(100% - 34px);min-width:0}.pagina-belanghebbenden .norm-link-section>.norm-btns{flex:100%}}.pagina-belanghebbenden .norm-btns{flex-wrap:wrap;gap:8px;display:flex}.pagina-belanghebbenden .nl-btn{color:var(--portal-color);border:1px solid var(--portal-color);border-radius:var(--ds-radius-sm);white-space:nowrap;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.pagina-belanghebbenden .nl-btn svg{font-size:13px}.pagina-belanghebbenden .nl-btn:hover{background:#6366f114}.pagina-belanghebbenden .form-group label{color:var(--ds-text);font-size:11px;font-weight:600}.pagina-belanghebbenden .form-group input,.pagina-belanghebbenden .form-group select,.pagina-belanghebbenden .form-group textarea{border:1px solid var(--ds-border);color:var(--ds-text);background:var(--ds-hover);border-radius:6px;padding:7px 9px;font-family:inherit;font-size:12px}.pagina-belanghebbenden .form-group textarea{resize:vertical;min-height:60px}.pagina-belanghebbenden .btn-ghost{background:var(--ds-hover);color:var(--ds-text);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);cursor:pointer;padding:8px 14px;font-size:12px;font-weight:600}.pagina-belanghebbenden .btn-primary:hover{opacity:.88}@media (width<=640px){.pagina-belanghebbenden .form-row{grid-template-columns:1fr}}.pagina-belanghebbenden .status-dot{white-space:nowrap;background:0 0;border-radius:0;flex-shrink:1;align-items:center;gap:5px;width:auto;height:auto;font-size:11px;font-weight:600;display:inline-flex}.pagina-belanghebbenden .form-row{grid-template-columns:1fr 1fr;align-items:start;gap:10px;display:grid}.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 (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{background:var(--ds-card);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow);border-radius:14px;align-items:center;gap:16px;padding:16px 18px;transition:box-shadow .18s;display:flex}.pagina-roadmap .rm-hero:hover{box-shadow:var(--ds-shadow-lg)}.pagina-roadmap .rm-hero-icon{color:#fff;width:52px;height:52px;box-shadow:0 4px 12px color-mix(in srgb, var(--ds-purple) 35%, transparent);background:linear-gradient(135deg,#4c1d95,#8b5cf6);border-radius:13px;flex-shrink:0;place-items:center;font-size:24px;display:grid}.pagina-roadmap .rm-hero-info h1{color:var(--ds-text);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:800}.pagina-roadmap .rm-hero-info p{color:var(--ds-text-muted);margin:3px 0 10px;font-size:12.5px}.pagina-roadmap .rm-hero-btn{background:var(--ds-purple);color:#fff;border-radius:var(--ds-radius-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:7px 13px;font-size:12.5px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.pagina-roadmap .rm-hero-btn:hover{background:#7c3aed;transform:translateY(-1px)}.pagina-roadmap .rm-kpi-row{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.pagina-roadmap .kpi-card{background:var(--ds-card);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow);border-radius:12px;padding:12px 14px;transition:box-shadow .18s,transform .18s}.pagina-roadmap .kpi-card:hover{box-shadow:var(--ds-shadow-lg);transform:translateY(-2px)}.pagina-roadmap .kl{letter-spacing:.05em;text-transform:uppercase;color:var(--ds-text-muted);font-size:10px;font-weight:800}.pagina-roadmap .kv{color:var(--ds-text);margin:2px 0;font-size:26px;font-weight:800;line-height:1.1}.pagina-roadmap .ks{color:var(--ds-text-subtle);font-size:11px}.pagina-roadmap .rm-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pagina-roadmap .rm-search-wrap{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:8px;flex:1;align-items:center;gap:7px;min-width:180px;padding:0 10px;transition:border-color .15s;display:flex}.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{color:var(--ds-text);font:inherit;background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-size:13px}.pagina-roadmap .rm-sel{background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text);font:inherit;border-radius:8px;padding:8px 10px;font-size:12.5px;transition:border-color .15s}.pagina-roadmap .rm-sel:focus{border-color:var(--portal-color);outline:none}.pagina-roadmap .rm-legend{flex-wrap:wrap;gap:8px;display:flex}.pagina-roadmap .rm-legend-item{color:var(--ds-text-muted);align-items:center;gap:4px;font-size:11px;display:inline-flex}.pagina-roadmap .rm-legend-item svg{font-size:13px}.pagina-roadmap .rm-timeline{flex-direction:column;gap:18px;padding-left:22px;display:flex;position:relative}.pagina-roadmap .rm-timeline:before{content:"";background:var(--ds-border);border-radius:1px;width:2px;position:absolute;top:6px;bottom:6px;left:5px}.pagina-roadmap .rm-phase{position:relative}.pagina-roadmap .rm-phase-dot{background:var(--ph-clr);border:2px solid var(--ds-card);width:11px;height:11px;box-shadow:0 0 0 2px var(--ph-clr,var(--portal-color));border-radius:50%;position:absolute;top:5px;left:-21px}.pagina-roadmap .rm-phase-hdr{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.pagina-roadmap .rm-phase-title{color:var(--ds-text);letter-spacing:-.01em;font-size:14.5px;font-weight:800}.pagina-roadmap .rm-phase-sub{color:var(--ds-text-muted);font-size:11.5px}.pagina-roadmap .rm-phase-badge{border:1px solid;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:700}.pagina-roadmap .rm-phase-live-pill{color:#16a34a;background:color-mix(in srgb, var(--ds-success) 12%, transparent);border:1px solid color-mix(in srgb, var(--ds-success) 20%, transparent);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.pagina-roadmap .rm-phase-add-btn{border:1px solid var(--ds-border);color:var(--ds-text-muted);border-radius:var(--ds-radius-sm);cursor:pointer;background:0 0;align-items:center;gap:4px;margin-left:auto;padding:4px 10px;font-size:11.5px;font-weight:700;transition:border-color .15s,color .15s;display:inline-flex}.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{grid-template-columns:repeat(auto-fill,minmax(min(268px,100%),1fr));gap:10px;display:grid}.pagina-roadmap .rm-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;transition:box-shadow .18s,transform .18s,border-color .18s;position:relative;overflow:hidden}.pagina-roadmap .rm-card:hover{box-shadow:var(--ds-shadow-lg);border-color:var(--portal-color);transform:translateY(-2px)}.pagina-roadmap .rm-card-top-bar{background:var(--card-clr);height:3px}.pagina-roadmap .rm-card-inner{gap:10px;padding:12px;display:flex}.pagina-roadmap .rm-card-icon{border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:16px;display:grid}.pagina-roadmap .rm-card-body{flex:1;min-width:0}.pagina-roadmap .rm-card-title{color:var(--ds-text);align-items:center;gap:6px;font-size:13px;font-weight:700;line-height:1.3;display:flex}.pagina-roadmap .rm-lt-check{color:var(--ds-success);font-size:14px}.pagina-roadmap .rm-card-desc{color:var(--ds-text-muted);margin:4px 0 8px;font-size:11.5px;line-height:1.45}.pagina-roadmap .rm-card-foot{flex-wrap:wrap;gap:5px;display:flex}.pagina-roadmap .rm-chip{border:1px solid;border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.pagina-roadmap .rm-chip svg{font-size:11px}.pagina-roadmap .rm-card-actions{flex-direction:column;gap:4px;display:flex}.pagina-roadmap .rm-card-act-btn{border:1px solid var(--ds-border);background:var(--ds-card);width:26px;height:26px;color:var(--ds-text-muted);border-radius:var(--ds-radius-sm);cursor:pointer;place-items:center;transition:color .15s,border-color .15s;display:grid}.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{flex-direction:column;gap:2px;padding:0 12px 12px;display:flex}.pagina-roadmap .rm-edit-zone label,.pagina-roadmap .rm-add-form label{text-transform:uppercase;color:var(--ds-text-muted);margin-top:6px;font-size:10px;font-weight:700}.pagina-roadmap .rm-ez-inp{border:1px solid var(--ds-border);background:var(--ds-card);width:100%;color:var(--ds-text);font:inherit;box-sizing:border-box;border-radius:6px;padding:7px 9px;font-size:12px;transition:border-color .15s}.pagina-roadmap .rm-ez-inp:focus{border-color:var(--portal-color);outline:none}.pagina-roadmap textarea.rm-ez-inp{resize:vertical}.pagina-roadmap .rm-ez-2col,.pagina-roadmap .rm-add-selrow{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pagina-roadmap .rm-ez-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.pagina-roadmap .btn-sm{border-radius:var(--ds-radius-sm);cursor:pointer;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);padding:6px 12px;font-size:12px;font-weight:700;transition:border-color .15s,color .15s}.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{background:var(--ds-card);border:1px dashed var(--ds-border);border-radius:10px;margin-top:10px;padding:12px;animation:.22s cubic-bezier(.4,0,.2,1) both pagina-roadmap-dsScaleIn}@keyframes pagina-roadmap-dsScaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.pagina-roadmap .rm-empty{color:var(--ds-text-muted);border:1px dashed var(--ds-border);text-align:center;border-radius:10px;grid-column:1/-1;padding:14px;font-size:13px}@media (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{width:100%;min-width:0}.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 (width<=500px){.pagina-roadmap .rm-hero{flex-direction:column;align-items:flex-start;gap:12px;padding:14px}.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{gap:8px;padding:10px}.pagina-roadmap .rm-card-icon{width:28px;height:28px;font-size:14px}.pagina-roadmap .rm-card-title{word-break:keep-all;overflow-wrap:break-word;font-size:12.5px}.pagina-roadmap .rm-card-desc{word-break:keep-all;overflow-wrap:break-word;font-size:11px}.pagina-roadmap .rm-chip{padding:1px 6px;font-size:9.5px}.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{color:var(--ds-text-subtle);font-size:42px}.pagina-documentatie .doc-loading{color:var(--ds-text-muted);justify-content:center;align-items:center;gap:10px;padding:56px;font-size:14px;display:flex}.pagina-documentatie .doc-loading svg{color:var(--portal-color);font-size:22px}.pagina-documentatie .doc-segment{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff26;border:1px solid #ffffff40;border-radius:11px;align-items:center;gap:2px;margin-left:auto;padding:3px;display:inline-flex}.pagina-documentatie .doc-seg-btn{cursor:pointer;border-radius:var(--ds-radius-sm);font:inherit;color:#ffffffd1;white-space:nowrap;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:7px 16px;font-size:12.5px;font-weight:600;transition:background .18s,color .18s,box-shadow .18s;display:inline-flex}.pagina-documentatie .doc-seg-btn svg{font-size:15px}.pagina-documentatie .doc-seg-btn.active{background:var(--ds-card);color:var(--portal-color);font-weight:700;box-shadow:0 2px 6px #0000001f}@media (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 (width<=380px){.pagina-documentatie .doc-seg-btn span{font-size:11px}}.pagina-documentatie .wd-scope{flex-direction:column;gap:14px;display:flex}.pagina-documentatie .wd-layout{grid-template-columns:320px 1fr;gap:14px;height:calc(100vh - 150px);min-height:460px;display:grid}@media (width<=768px){.pagina-documentatie .wd-layout{grid-template-columns:1fr;height:auto}}.pagina-documentatie .wd-list-col{flex-direction:column;gap:10px;display:flex;overflow:hidden}.pagina-documentatie .wd-top-bar{gap:8px;display:flex}.pagina-documentatie .wd-top-bar input{background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text);font:inherit;border-radius:9px;outline:none;flex:1;padding:8px 11px;font-size:13px;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-radius:var(--ds-radius-sm);color:#fff;cursor:pointer;border:none;align-items:center;gap:5px;padding:0 15px;font-size:13px;font-weight:600;transition:opacity .15s,box-shadow .15s;display:flex}.pagina-documentatie .wd-add-btn:hover{opacity:.92;box-shadow:0 3px 10px -3px var(--portal-color)}.pagina-documentatie .wd-filter-row{flex-wrap:wrap;gap:6px;display:flex}.pagina-documentatie .wd-filter-chip{border:1px solid var(--ds-border);color:var(--ds-text-muted);cursor:pointer;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;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-direction:column;flex:1;gap:6px;padding-right:2px;display:flex;overflow-y:auto}.pagina-documentatie .wd-empty{color:var(--ds-text-muted);flex-direction:column;align-items:center;gap:8px;padding:30px;font-size:13px;display:flex}.pagina-documentatie .wd-empty svg{color:var(--ds-text-subtle);font-size:30px}.pagina-documentatie .wd-item{background:var(--ds-card);border:1px solid var(--ds-border);cursor:pointer;border-radius:10px;padding:10px 12px;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{justify-content:space-between;align-items:center;gap:8px;display:flex}.pagina-documentatie .wd-item-title{color:var(--ds-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.pagina-documentatie .wd-status-badge{text-transform:uppercase;border-radius:999px;flex-shrink:0;padding:2px 7px;font-size:9.5px;font-weight:800}.pagina-documentatie .wd-status-badge.concept{color:#d97706;background:#f59e0b26}.pagina-documentatie .wd-status-badge.definitief{color:#16a34a;background:#22c55e26}.pagina-documentatie .wd-status-badge.archief{color:var(--ds-text-muted);background:#94a3b82e}.pagina-documentatie .wd-item-meta{color:var(--ds-text-muted);align-items:center;gap:8px;margin-top:5px;font-size:11px;display:flex}.pagina-documentatie .wd-cat-chip{background:var(--ds-card);border:1px solid var(--ds-border);text-transform:capitalize;border-radius:999px;padding:1px 6px}.pagina-documentatie .wd-editor-col{background:var(--ds-card);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow);border-radius:13px;flex-direction:column;display:flex;overflow:hidden}.pagina-documentatie .wd-placeholder{color:var(--ds-text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;min-height:220px;display:flex}.pagina-documentatie .wd-placeholder svg{color:var(--ds-text-subtle);font-size:42px}.pagina-documentatie .wd-editor-header{border-bottom:1px solid var(--ds-border);flex-direction:column;gap:10px;padding:14px;display:flex}.pagina-documentatie .wd-title-input{color:var(--ds-text);font:inherit;background:0 0;border:none;outline:none;font-size:16px;font-weight:700}.pagina-documentatie .wd-meta-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pagina-documentatie .wd-meta-select{background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text);font:inherit;border-radius:7px;outline:none;padding:6px 9px;font-size:12px;transition:border-color .18s}.pagina-documentatie .wd-meta-select:focus{border-color:var(--portal-color)}.pagina-documentatie .wd-btn{background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text-2);border-radius:var(--ds-radius-sm);font:inherit;cursor:pointer;align-items:center;gap:5px;padding:6px 11px;font-size:12px;font-weight:600;transition:border-color .15s,color .15s,background .15s,box-shadow .15s;display:inline-flex}.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;background:#ef44440f;border-color:#ef4444}.pagina-documentatie .wd-textarea{min-height:200px;color:var(--ds-text);font:inherit;resize:none;background:0 0;border:none;outline:none;flex:1;padding:14px;font-size:14px;line-height:1.6}.pagina-documentatie .wd-editor-footer{border-top:1px solid var(--ds-border);color:var(--ds-text-muted);align-items:center;gap:8px;padding:8px 12px;font-size:11px;display:flex}@media (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{flex-wrap:wrap;gap:5px;padding:7px 11px}}@media (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{justify-content:center;width:100%;padding:8px 14px}.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{gap:8px;padding:10px 11px}.pagina-documentatie .wd-title-input{font-size:14.5px}.pagina-documentatie .wd-meta-row{flex-wrap:wrap;gap:5px}.pagina-documentatie .wd-meta-select{padding:5px 7px;font-size:11.5px}.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{border:1px dashed var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-card);color:var(--ds-text-subtle);text-align:center;padding:14px 16px;font-size:12.5px;display:block}.pagina-bob .bob-grid{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:14px;display:grid}.pagina-bob .bob-kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-weight:600;display:flex}.pagina-bob .bob-kop svg{vertical-align:-2px;margin-right:4px}.pagina-bob .bob-acties{gap:6px;display:flex}.pagina-bob .bob-tel{background:var(--portal-color);color:#fff;border-radius:99px;margin-left:6px;padding:1px 7px;font-size:.7rem}.pagina-bob .bob-knop{border:1px solid var(--border-color,#2a3446);color:inherit;border-radius:var(--ds-radius-sm);cursor:pointer;background:0 0;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;display:inline-flex}.pagina-bob .bob-knop:disabled{opacity:.5}.pagina-bob .bob-knop.google{color:#16a34a;border-color:#16a34a}.pagina-bob .bob-google-ok{color:#16a34a;align-items:center;gap:4px;font-size:.8rem;font-weight:600;display:inline-flex}.pagina-bob .bob-briefing{white-space:pre-wrap;background:0 0;margin:0;font:.85rem/1.55 inherit}.pagina-bob .bob-leeg{opacity:.6;padding:6px 0;font-size:.85rem}.pagina-bob .bob-item{border-top:1px solid var(--border-color,#2a3446);align-items:flex-start;gap:10px;padding:8px 0;display:flex}.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{opacity:.8;white-space:pre-wrap;font-size:.8rem}.pagina-bob .bob-item-meta{opacity:.55;margin-top:2px;font-size:.72rem}.pagina-bob .bob-prio{white-space:nowrap;border:1px solid #0000;border-radius:99px;padding:2px 8px;font-size:.68rem;font-weight:700}.pagina-bob .p-informatief{background:#64748b26}.pagina-bob .p-urgent{background:#b4530933}.pagina-bob .bob-iknop{border:1px solid var(--border-color,#2a3446);color:inherit;border-radius:var(--ds-radius-sm);cursor:pointer;background:0 0;width:30px;height:30px}.pagina-bob .bob-iknop.ok{color:#16a34a}.pagina-bob .bob-iknop.nee{color:#dc2626}.pagina-bob .bob-nieuw{gap:6px;margin-bottom:8px;display:flex}.pagina-bob .bob-nieuw input{border:1px solid var(--border-color,#2a3446);min-width:0;color:inherit;background:0 0;border-radius:8px;flex:1;padding:5px 9px;font-size:.85rem}.pagina-bob .bob-nieuw input[type=date]{flex:0 0 130px}.pagina-bob .bob-audit{border-top:1px solid var(--border-color,#2a3446);align-items:center;gap:8px;padding:4px 0;font-size:.78rem;display:flex}.pagina-bob .bob-audit-tijd{opacity:.55;flex:0 0 78px}.pagina-bob .bob-audit-actie{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pagina-bob .bob-audit-model{opacity:.6}.pagina-bob .bob-kosten{opacity:.8;margin-top:10px;font-size:.8rem}.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{border-color:var(--portal-color);background:var(--ds-card);outline:none}.pagina-bob .bob-briefing{color:var(--ds-text-2);font-family:inherit}.pagina-bob .page-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pagina-bob .stats-row{margin:0}.pagina-bob .bob-google-nee{color:var(--ds-text-muted);align-items:center;gap:4px;font-size:.8rem;display:inline-flex}.pagina-bob .bob-google-knop{color:var(--portal-color);border:1px solid var(--ds-border);cursor:pointer;background:0 0;border-radius:999px;margin-left:4px;padding:2px 8px;font-size:.8rem;font-weight:600}.pagina-bob .bob-google-knop:hover{background:var(--ds-bg)}.pagina-bob-agenda .ba-koppel{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));border-radius:12px;align-items:center;gap:14px;margin-bottom:16px;padding:14px 16px;display:flex;box-shadow:0 1px 2px #0f172a0d}.pagina-bob-agenda .ba-koppel>svg{color:var(--portal-color);flex:0 0 24px;font-size:24px}.pagina-bob-agenda .ba-koppel-tekst{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pagina-bob-agenda .ba-koppel-tekst b{color:var(--ds-text);font-size:13.5px}.pagina-bob-agenda .ba-koppel-tekst span{color:var(--ds-text-muted);font-size:12.5px;line-height:1.5}.pagina-bob-agenda .notice.err{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:600}.pagina-bob-agenda .ba-knop{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:var(--ds-radius-sm);cursor:pointer;align-items:center;gap:5px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.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);cursor:pointer;place-items:center;width:32px;height:32px;transition:all .15s;display:grid}.pagina-bob-agenda .ba-iknop:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-bob-agenda .ba-nieuw{flex-wrap:wrap;gap:8px;display:flex}.pagina-bob-agenda .ba-nieuw input{background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text);border-radius:9px;padding:9px 11px;font-family:inherit;font-size:13px}.pagina-bob-agenda .ba-nieuw input:focus{border-color:var(--portal-color);background:var(--ds-card);outline:none}.pagina-bob-agenda .ba-nieuw input:first-child{flex:1;min-width:220px}.pagina-bob-agenda .ba-hint{color:var(--ds-text-muted);margin-top:10px;font-size:12px;line-height:1.55}.pagina-bob-agenda .ba-hint svg{vertical-align:-2px;margin-right:3px}.pagina-bob-agenda .ba-balk{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.pagina-bob-agenda .ba-nav{align-items:center;gap:8px;display:flex}.pagina-bob-agenda .ba-maand{color:var(--ds-text);text-align:center;text-transform:capitalize;min-width:150px;font-size:15px;font-weight:800}.pagina-bob-agenda .ba-weergave{gap:6px;display:flex}.pagina-bob-agenda .ba-tab{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:var(--ds-radius-sm);cursor:pointer;align-items:center;gap:5px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.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{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.pagina-bob-agenda .ba-wd{text-align:center;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);padding-bottom:4px;font-size:10.5px;font-weight:800}.pagina-bob-agenda .ba-cel{background:var(--ds-card);border:1px solid var(--ds-border);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;align-items:stretch;gap:3px;min-height:96px;padding:7px 7px 8px;font-family:inherit;transition:border-color .15s,background .15s;display:flex;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{color:var(--ds-text-2);margin-bottom:2px;font-size:12.5px;font-weight:700}.pagina-bob-agenda .ba-cel.vandaag .ba-dagnr{color:var(--portal-color)}.pagina-bob-agenda .ba-chip{color:var(--ds-text-2);background:var(--ds-hover);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;gap:4px;padding:2px 5px;font-size:10.5px;line-height:1.35;display:flex;overflow:hidden}.pagina-bob-agenda .ba-chip.gedaan{opacity:.5;text-decoration:line-through}.pagina-bob-agenda .ba-stip{background:var(--ds-text-muted);border-radius:50%;flex:0 0 5px;width:5px;height:5px}.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{color:var(--ds-text-muted);padding-left:2px;font-size:10px;font-weight:700}.pagina-bob-agenda .ba-dagpaneel{border-top:1px solid var(--ds-border);margin-top:18px;padding-top:16px}.pagina-bob-agenda .ba-dag{border-top:1px solid var(--ds-border);padding:14px 0}.pagina-bob-agenda .ba-dag:first-of-type{border-top:none;padding-top:2px}.pagina-bob-agenda .ba-dagkop{text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-2);align-items:center;gap:9px;margin-bottom:9px;font-size:12.5px;font-weight:800;display:flex}.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;padding:2px 8px;font-size:10.5px;font-weight:700}.pagina-bob-agenda .ba-item{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;align-items:center;gap:11px;margin-bottom:6px;padding:9px 12px;font-size:13.5px;display:flex}.pagina-bob-agenda .ba-item>svg{color:var(--ds-text-muted);flex:0 0 16px;font-size:16px}.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{color:var(--ds-text-muted);font-variant-numeric:tabular-nums;flex:0 0 62px;font-size:12px;font-weight:700}.pagina-bob-agenda .ba-titel{min-width:0;color:var(--ds-text);flex:1;line-height:1.4}.pagina-bob-agenda .ba-meta{color:var(--ds-text-muted);font-size:11px}.pagina-bob-agenda .ba-leeg{color:var(--ds-text-muted);padding:12px 0;font-size:13px}.pagina-bob-agenda .ba-leeg-alles{text-align:center;color:var(--ds-text-muted);padding:24px 4px;font-size:13px}@media (width<=720px){.pagina-bob-agenda .ba-cel{min-height:64px;padding:5px}.pagina-bob-agenda .ba-chip{justify-content:center;gap:0;padding:2px;font-size:0}.pagina-bob-agenda .ba-chip .ba-stip{flex:0 0 6px;width:6px;height: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{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pagina-bob-agenda .stats-row{margin:0}@media (width<=640px){.pagina-bob-agenda .ba-balk{flex-wrap:wrap;row-gap:8px}.pagina-bob-agenda .ba-nav{flex:100%;justify-content:space-between;min-width:0}.pagina-bob-agenda .ba-nav>*{min-width:0}}.pagina-bob-taken .notice.err{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:600}.pagina-bob-taken .bt-kop{text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted);align-items:center;gap:7px;margin-bottom:12px;font-size:13px;font-weight:800;display:flex}.pagina-bob-taken .bt-kop svg{font-size:16px}.pagina-bob-taken .bt-knop{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);border-radius:var(--ds-radius-sm);cursor:pointer;align-items:center;gap:5px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.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{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.pagina-bob-taken .bt-nieuw input,.pagina-bob-taken .bt-nieuw select{background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text);border-radius:9px;padding:9px 11px;font-family:inherit;font-size:13px}.pagina-bob-taken .bt-nieuw input:focus,.pagina-bob-taken .bt-nieuw select:focus{border-color:var(--portal-color);background:var(--ds-card);outline:none}.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{flex-wrap:wrap;gap:7px;margin-bottom:14px;display:flex}.pagina-bob-taken .bt-chip{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);cursor:pointer;border-radius:99px;padding:5px 14px;font-size:12px;font-weight:600;transition:all .15s}.pagina-bob-taken .bt-chip:hover{border-color:var(--portal-color)}.pagina-bob-taken .bt-chip b{opacity:.75;margin-left:4px;font-weight:800}.pagina-bob-taken .bt-chip.chip-open.actief{background:var(--portal-color);color:#fff;border-color:#0000}.pagina-bob-taken .bt-chip.chip-te_laat.actief{color:#fff;background:#dc2626;border-color:#0000}.pagina-bob-taken .bt-chip.chip-voltooid.actief{color:#fff;background:#16a34a;border-color:#0000}.pagina-bob-taken .bt-chip.chip-alle.actief{background:var(--ds-text-2);color:var(--ds-card);border-color:#0000}.pagina-bob-taken .bt-rij{background:var(--ds-card);border:1px solid var(--ds-border);border-left:3px solid var(--ds-border);border-radius:10px;align-items:center;gap:11px;margin-bottom:8px;padding:11px 13px;transition:border-color .15s;display:flex}.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{color:var(--ds-text);font-size:14px;font-weight:600;line-height:1.4}.pagina-bob-taken .bt-meta{color:var(--ds-text-muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;font-size:11.5px;display:flex}.pagina-bob-taken .bt-meta svg{vertical-align:-1px;font-size:12px}.pagina-bob-taken .bt-status{text-transform:capitalize}.pagina-bob-taken .bt-meta .rood{color:#b91c1c;text-transform:uppercase;letter-spacing:.03em;background:#fee2e2;border-radius:99px;padding:2px 9px;font-size:10.5px;font-weight:800}.pagina-bob-taken .bt-prio{text-transform:uppercase;letter-spacing:.03em;border-radius:99px;padding:2px 9px;font-size:10.5px;font-weight:700}.pagina-bob-taken .bt-iknop{border:1px solid var(--ds-border);background:var(--ds-card);color:#16a34a;border-radius:var(--ds-radius-sm);cursor:pointer;flex:0 0 32px;place-items:center;width:32px;height:32px;transition:all .15s;display:grid}.pagina-bob-taken .bt-iknop:hover{color:#fff;background:#16a34a;border-color:#16a34a}.pagina-bob-taken .bt-leeg{text-align:center;color:var(--ds-text-muted);padding:20px 0;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{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pagina-bob-taken .bt-iknop:disabled{opacity:.45;cursor:not-allowed}.pagina-bob-taken .bt-iknop svg{font-size:15px}.pagina-werkblokken .wb-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.pagina-werkblokken .wb-pill{border:1.5px solid var(--cdt-border,var(--ds-border));background:var(--cdt-bg-card,var(--ds-card));color:var(--cdt-text-secondary,#4b5563);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700}.pagina-werkblokken .wb-pill.actief{background:var(--portal-color);border-color:var(--portal-color);color:#fff}.pagina-werkblokken .wb-drempel{color:var(--cdt-text-muted,var(--ds-text-muted));font-size:12.5px}.pagina-werkblokken .wb-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.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{color:var(--cdt-text-secondary,#4b5563);margin-top:14px;font-size:12.5px;line-height:1.55}.pagina-werkblokken .wb-uitleg-kop{color:var(--cdt-text-primary,var(--ds-text));align-items:center;gap:7px;margin-bottom:6px;font-weight:800;display:flex}@media (width<=640px){.pagina-werkblokken .wb-kpis{grid-template-columns:repeat(2,1fr)}}.pagina-werkblokken .wb-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=900px){.pagina-werkblokken .wb-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.pagina-werkblokken .wb-kpis{grid-template-columns:repeat(2,1fr)}}.pagina-werkblokken .wb-kpis .stat-card{text-align:center;display:block}.pagina-werkblokken .wb-kpis .stat-value{color:var(--ds-text);font-size:24px;font-weight:800;display:block}.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{color:var(--ds-text-muted);margin-top:3px;font-size:11.5px;display:block}.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{align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.pagina-tor-blokkade .tb-status svg{color:#16a34a;flex-shrink:0;font-size:30px}.pagina-tor-blokkade .tb-status.uit svg{color:#d97706}.pagina-tor-blokkade .tb-status-kop{font-size:15px;font-weight:800}.pagina-tor-blokkade .tb-status-sub{color:var(--cdt-text-secondary,#4b5563);margin-top:4px;font-size:13px;line-height:1.55}.pagina-tor-blokkade .tb-ververs{border:1.5px solid var(--cdt-border,var(--ds-border));cursor:pointer;color:var(--cdt-text-secondary,#4b5563);background:0 0;border-radius:10px;margin-left:auto;padding:7px 11px}.pagina-tor-blokkade .tb-cijfers{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:14px;display:grid}.pagina-tor-blokkade .tb-cijfer{text-align:center}.pagina-tor-blokkade .tb-getal{font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.pagina-tor-blokkade .tb-label{color:var(--cdt-text-muted,var(--ds-text-muted));margin-top:3px;font-size:12px}.pagina-tor-blokkade .tb-kop{align-items:center;gap:8px;margin-bottom:10px;font-size:14px;font-weight:800;display:flex}.pagina-tor-blokkade .tb-kop svg{color:#dc2626;font-size:17px}.pagina-tor-blokkade .tb-ip{border-bottom:1px solid var(--cdt-border,#eceff3);justify-content:space-between;padding:7px 0;font-size:13px;display:flex}.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{color:var(--cdt-text-muted,var(--ds-text-muted));font-weight:700}.pagina-tor-blokkade .tb-tabel{border-collapse:collapse;width:100%;font-size:12.5px}.pagina-tor-blokkade .tb-tabel th{text-align:left;color:var(--cdt-text-muted,var(--ds-text-muted));border-bottom:1px solid var(--cdt-border,var(--ds-border));padding:6px 8px;font-weight:700}.pagina-tor-blokkade .tb-tabel td{border-bottom:1px solid var(--cdt-border,#f1f3f6);padding:6px 8px}.pagina-tor-blokkade .tb-mono{word-break:break-all;font-family:ui-monospace,monospace}.pagina-tor-blokkade .tb-leeg{color:var(--cdt-text-muted,var(--ds-text-muted));padding:10px 0;font-size:13px}.pagina-tor-blokkade .tb-uitleg{color:var(--cdt-text-secondary,#4b5563);margin-top:6px;font-size:12.5px;line-height:1.6}.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{font-size:17px;display:block}.pagina-covadis .cov-warn{background:var(--ds-danger-bg);border:1px solid var(--ds-danger);color:var(--ds-danger);border-radius:12px;align-items:center;gap:10px;margin:12px 0;padding:12px 16px;font-weight:600;display:flex}.pagina-covadis .cov-warn-dot{background:var(--ds-danger);border-radius:50%;width:10px;height:10px;animation:1.6s ease-in-out infinite pagina-covadis-covPulse}@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{align-items:flex-end;gap:3px;height:160px;margin:10px 0 4px;display:flex}.pagina-covadis .cov-bar{flex:1;align-items:flex-end;height:100%;display:flex}.pagina-covadis .cov-bar-fill{background:var(--portal-color);border-radius:3px 3px 0 0;width:100%;min-height:2px;transition:height .3s}.pagina-covadis .cov-bar-fill.cov-bar-zero{background:var(--ds-border)}.pagina-covadis .cov-axis{opacity:.6;justify-content:space-between;font-size:12px;display:flex}.pagina-covadis .cov-uitleg{opacity:.7;margin-top:12px;font-size:13px}.pagina-covadis .cov-fout{color:var(--ds-danger)}.pagina-covadis .cov-bar{cursor:default}.pagina-covadis .card h2{color:var(--ds-text);margin:0 0 4px;font-size:14px;font-weight:800}.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{color:var(--portal-color);font-size:22px}.pagina-groei-funnel .fn-tegel b{color:var(--ds-text);letter-spacing:-.02em;margin-top:4px;font-size:30px;font-weight:850;display:block}.pagina-groei-funnel .fn-tegel span{color:var(--ds-text-muted);font-size:12px}.pagina-groei-funnel .fn-tabel{border-collapse:collapse;width:100%;font-size:13px}.pagina-groei-funnel .fn-tabel th{text-align:left;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--ds-border);padding:6px 8px;font-size:11.5px}.pagina-groei-funnel .fn-tabel td{border-bottom:1px solid var(--ds-border);color:var(--ds-text-2);padding:7px 8px}.pagina-groei-funnel .fn-tegel.warn b{color:var(--g-orange)}@media (width<=640px){.pagina-groei-funnel .g-grid.g-2>.gcard{-webkit-overflow-scrolling:touch;min-width:0;overflow-x:auto}.pagina-groei-funnel .g-grid.g-2{grid-template-columns:minmax(0,1fr)}}.pagina-email-contacten .email-list{flex-direction:column;gap:8px;max-height:600px;display:flex;overflow-y:auto}.pagina-email-contacten .email-item{background:var(--ds-hover);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:12px;display:flex}.pagina-email-contacten .email-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.pagina-email-contacten .email-addr{color:var(--ds-text);text-overflow:ellipsis;font-family:ui-monospace,monospace;overflow:hidden}.pagina-email-contacten .email-name{color:var(--ds-text-muted);font-size:11px}.pagina-email-contacten .email-right{flex:none;align-items:center;gap:10px;display:flex}.pagina-email-contacten .email-date{color:var(--ds-text-muted);white-space:nowrap;font-size:11px}.pagina-email-contacten .copy-btn{cursor:pointer;color:var(--ds-text-secondary);background:0 0;border:none;align-items:center;font-size:15px;display:flex}.pagina-email-contacten .empty-msg{text-align:center;color:var(--ds-text-secondary);padding:18px}.pagina-email-contacten .toast{z-index:10000;color:#fff;background:#16a34a;border-radius:10px;padding:11px 20px;font-size:13px;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #0006}.pagina-phone-contacts .phone-list{flex-direction:column;gap:8px;max-height:500px;display:flex;overflow-y:auto}.pagina-phone-contacts .phone-item{background:var(--ds-hover);border-radius:6px;justify-content:space-between;align-items:center;padding:10px;font-size:12px;display:flex}.pagina-phone-contacts .phone-num{color:var(--ds-text);font-family:monospace}.pagina-phone-contacts .copy-btn{cursor:pointer;color:var(--ds-text-secondary);background:0 0;border:none;font-size:14px}.pagina-phone-contacts .empty-msg{text-align:center;color:var(--ds-text-secondary);padding:20px}.pagina-phone-contacts .toast{z-index:10000;color:#fff;background:#16a34a;background:var(--ds-success);box-shadow:0 12px 32px #0006;box-shadow:var(--ds-shadow-lg);border-radius:10px;padding:11px 20px;font-size:13px;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.pagina-phone-contacts .phone-item{padding:9px 12px}.pagina-phone-contacts .phone-num{flex-direction:column;gap:2px;min-width:0;font-size:13px;display:flex}.pagina-phone-contacts .phone-wie{color:var(--ds-text-muted);font-family:inherit;font-size:11px}.pagina-phone-contacts .phone-list{max-height:640px}.pagina-phone-contacts .copy-btn{border-radius:var(--ds-radius-sm);flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.pagina-phone-contacts .copy-btn:hover{background:var(--ds-card);color:var(--portal-color)}.pagina-phone-contacts .copy-btn svg{font-size:15px;display:block}.pagina-phone-contacts .filter-bar{margin:0 0 12px}.pagina-notities .empty-state svg{color:var(--ds-text-subtle);opacity:.5;font-size:44px}.pagina-notities .nt-layout{grid-template-columns:300px 1fr;gap:14px;height:calc(100vh - 150px);min-height:460px;display:grid}@media (width<=768px){.pagina-notities .nt-layout{grid-template-columns:1fr;height:auto}}.pagina-notities .nt-list-col{flex-direction:column;gap:10px;display:flex;overflow:hidden}.pagina-notities .nt-search-bar{gap:8px;display:flex}.pagina-notities .nt-search-bar input{background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text);font:inherit;border-radius:9px;outline:none;flex:1;padding:8px 11px;font-size:13px;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-radius:var(--ds-radius-sm);color:#fff;cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:5px;padding:0 13px;font-size:13px;font-weight:700;transition:opacity .15s,transform .15s;display:flex}.pagina-notities .nt-add-btn:hover{opacity:.9;transform:translateY(-1px)}.pagina-notities .nt-color-filter{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pagina-notities .nt-cf-chip{border:1px solid var(--ds-border);color:var(--ds-text-muted);cursor:pointer;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;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{cursor:pointer;border:2px solid #0000;border-radius:50%;width:16px;height:16px;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-direction:column;flex:1;gap:7px;padding-right:2px;display:flex;overflow-y:auto}.pagina-notities .nt-empty{color:var(--ds-text-muted);flex-direction:column;align-items:center;gap:8px;padding:32px;font-size:13px;display:flex}.pagina-notities .nt-empty svg{color:var(--ds-text-subtle);opacity:.5;font-size:32px}.pagina-notities .nt-card{background:var(--ds-card);border:1px solid var(--ds-border);cursor:pointer;border-radius:11px;gap:9px;padding:10px 11px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.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{border-radius:999px;flex-shrink:0;width:4px}.pagina-notities .nt-card-main{flex:1;min-width:0}.pagina-notities .nt-card-title{color:var(--ds-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.pagina-notities .nt-card-preview{color:var(--ds-text-muted);text-overflow:ellipsis;white-space:nowrap;margin:3px 0;font-size:12px;overflow:hidden}.pagina-notities .nt-card-meta{color:var(--ds-text-subtle);flex-wrap:wrap;align-items:center;gap:5px;margin-top:2px;font-size:10.5px;display:flex}.pagina-notities .nt-tag{color:#818cf8;background:#6366f11f;border-radius:4px;padding:1px 6px;font-weight:600}.pagina-notities .nt-editor-col{background:var(--ds-card);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow);border-radius:13px;flex-direction:column;display:flex;overflow:hidden}.pagina-notities .nt-placeholder{color:var(--ds-text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;min-height:220px;display:flex}.pagina-notities .nt-placeholder svg{color:var(--ds-text-subtle);opacity:.45;font-size:44px}.pagina-notities .nt-editor-head{border-bottom:1px solid var(--ds-border);background:color-mix(in srgb, var(--ds-card) 50%, transparent);align-items:center;gap:8px;padding:12px 14px;display:flex}.pagina-notities .nt-title-input{color:var(--ds-text);font:inherit;background:0 0;border:none;outline:none;flex:1;font-size:16px;font-weight:700}.pagina-notities .nt-icon-btn{border:1px solid var(--ds-border);background:var(--ds-card);width:34px;height:34px;color:var(--ds-text-2);border-radius:var(--ds-radius-sm);cursor:pointer;place-items:center;transition:border-color .15s,color .15s,background .15s;display:grid}.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;background:#ef44440f;border-color:#ef444480}.pagina-notities .nt-color-row{border-bottom:1px solid var(--ds-border-subtle);color:var(--ds-text-muted);align-items:center;gap:6px;padding:7px 14px;font-size:11px;display:flex}.pagina-notities .nt-textarea{min-height:200px;color:var(--ds-text);font:inherit;resize:none;background:0 0;border:none;outline:none;flex:1;padding:14px 16px;font-size:14px;line-height:1.6}.pagina-notities .nt-editor-foot{border-top:1px solid var(--ds-border);color:var(--ds-text-muted);background:color-mix(in srgb, var(--ds-card) 40%, transparent);align-items:center;gap:10px;padding:8px 14px;font-size:11px;display:flex}.pagina-notities .nt-tag-input{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);font:inherit;border-radius:6px;outline:none;padding:4px 8px;font-size:11px;transition:border-color .15s}.pagina-notities .nt-tag-input:focus{border-color:var(--portal-color)}.pagina-notities .nt-char{font-variant-numeric:tabular-nums;margin-left:auto}.pagina-notities .nt-saved{color:#16a34a;align-items:center;gap:4px;font-weight:600;animation:.2s pagina-notities-fadeIn;display:inline-flex}@keyframes pagina-notities-fadeIn{0%{opacity:0}to{opacity:1}}.pagina-notities .nt-preview-overlay{z-index:1000;background:#0000008c;place-items:center;padding:20px;animation:.15s pagina-notities-overlayIn;display:grid;position:fixed;inset:0}@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;flex-direction:column;width:100%;max-width:720px;max-height:80vh;animation:.18s pagina-notities-boxIn;display:flex;overflow:hidden;box-shadow:0 24px 64px #0006}@keyframes pagina-notities-boxIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pagina-notities .nt-preview-head{border-bottom:1px solid var(--ds-border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.pagina-notities .nt-preview-head h3{color:var(--ds-text);margin:0;font-size:15px;font-weight:700}.pagina-notities .nt-preview-content{white-space:pre-wrap;font:inherit;color:var(--ds-text-2);margin:0;padding:18px;font-size:14px;line-height:1.65;overflow:auto}@media (width<=768px){.pagina-notities .nt-editor-head{flex-wrap:wrap;gap:6px;padding:10px 12px}.pagina-notities .nt-title-input{flex:100%;order:-1;font-size:15px}.pagina-notities .nt-color-row{flex-wrap:wrap;padding:7px 12px}.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 (width<=480px){.pagina-notities .nt-search-bar{flex-direction:column;gap:6px}.pagina-notities .nt-add-btn{justify-content:center;width:100%;padding:8px 14px}.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{gap:5px;padding:9px 10px}.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{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.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{flex-shrink:0;gap:4px;display:flex}.pagina-groei-concurrenten .con-knoppen svg{font-size:17px}.pagina-groei-concurrenten .con-tekst{margin:0 0 14px;font-size:13px;line-height:1.55}.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{background:var(--g-grad-soft);border-color:var(--g-ring);margin-top:14px}.pagina-groei-concurrenten .con-win p{color:var(--ds-text-2);margin:0;font-size:13px;line-height:1.55}.pagina-reviews-moderatie .rm-wrap{max-width:820px;margin:0 auto;padding:24px 16px 60px}.pagina-reviews-moderatie .rm-head h1{margin:0 0 6px;font-size:1.6rem;font-weight:800}.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{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:14px;padding:10px 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{align-items:center;gap:8px;margin:0 0 12px;font-size:1.05rem;font-weight:700;display:flex}.pagina-reviews-moderatie .rm-badge{color:#92400e;background:#fef3c7;border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:700}.pagina-reviews-moderatie .rm-badge-ok{color:#166534;background:#dcfce7}.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;margin-bottom:12px;padding:16px;box-shadow:0 1px 2px #0000000a}.pagina-reviews-moderatie .rm-pending{border-left:3px solid #f59e0b}.pagina-reviews-moderatie .rm-top{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:6px;display:flex}.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);white-space:pre-line;margin:6px 0 12px;font-size:.95rem;line-height:1.5}.pagina-reviews-moderatie .rm-actions{gap:8px;display:flex}.pagina-reviews-moderatie .rm-btn{border-radius:var(--ds-radius-sm);cursor:pointer;border:none;padding:8px 16px;font-size:.88rem;font-weight:600;transition:opacity .15s}.pagina-reviews-moderatie .rm-btn:disabled{opacity:.5;cursor:default}.pagina-reviews-moderatie .rm-approve{color:#fff;background:#2563eb}.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{color:var(--ds-text-muted);margin-left:auto;font-size:11.5px}.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{background:#ffffff2e;border-radius:99px;align-items:center;gap:6px;margin-bottom:14px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.pagina-groei-werkdag .wd-lead{opacity:.96;max-width:56ch;margin:10px auto 20px;font-size:15px;line-height:1.6}.pagina-groei-werkdag .wd-start{padding:13px 26px;font-size:15px}.pagina-groei-werkdag .wd-home{text-align:center;padding:40px 28px}.pagina-groei-werkdag .wd-home-q{letter-spacing:-.02em;margin:8px 0 22px;font-size:30px;font-weight:850;line-height:1.15}.pagina-groei-werkdag .wd-home-stats{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:16px;display:flex}.pagina-groei-werkdag .wd-hs{background:#ffffff26;border:1px solid #ffffff38;border-radius:14px;min-width:118px;padding:12px 18px}.pagina-groei-werkdag .wd-hs b{letter-spacing:-.02em;font-size:26px;font-weight:850;line-height:1;display:block}.pagina-groei-werkdag .wd-hs span{opacity:.9;font-size:11.5px}.pagina-groei-werkdag .wd-home-prio{opacity:.97;margin-bottom:20px;font-size:14px}.pagina-groei-werkdag .wd-home-prio svg{vertical-align:-2px;margin-right:4px}.pagina-groei-werkdag .wd-startbig2{padding:15px 34px;font-size:16px}@media (width<=640px){.pagina-groei-werkdag .wd-home-q{font-size:23px}}.pagina-groei-werkdag .wd-startbig{justify-content:center;width:100%;margin-top:14px;padding:13px;font-size:15px}.pagina-groei-werkdag .wd-progress{background:var(--ds-border);border-radius:99px;height:6px;overflow:hidden}.pagina-groei-werkdag .wd-progress-bar{background:var(--g-grad);height:100%;transition:width .4s}.pagina-groei-werkdag .wd-progress-txt{color:var(--ds-text-muted);text-align:right;margin:6px 0 2px;font-size:12px}.pagina-groei-werkdag .wd-action{padding:22px 24px}.pagina-groei-werkdag .wd-action-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.pagina-groei-werkdag .wd-company{color:var(--ds-text);letter-spacing:-.02em;align-items:center;gap:8px;font-size:20px;font-weight:800;display:flex}.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{color:var(--g-green);font-size:30px;font-weight:850;line-height:1}.pagina-groei-werkdag .wd-reminder{background:color-mix(in srgb,var(--g-green) 12%,transparent);border:1px solid color-mix(in srgb,var(--g-green) 40%,transparent);color:var(--ds-text-2);border-radius:11px;margin-top:14px;padding:11px 13px;font-size:13px}.pagina-groei-werkdag .wd-reminder svg{color:var(--g-green);vertical-align:-2px}.pagina-groei-werkdag .wd-signalen{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.pagina-groei-werkdag .wd-sig{background:var(--ds-hover);color:var(--ds-text-2);border-radius:99px;padding:4px 10px;font-size:11.5px;font-weight:600}.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{color:var(--ds-text-2);gap:9px;margin-top:14px;font-size:13.5px;line-height:1.55;display:flex}.pagina-groei-werkdag .wd-why svg{color:var(--g-amber);flex-shrink:0;margin-top:1px;font-size:19px}.pagina-groei-werkdag .wd-cta-row{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.pagina-groei-werkdag .wd-cta{flex:0 auto}.pagina-groei-werkdag .wd-reco{box-shadow:0 0 0 3px var(--g-ring)}.pagina-groei-werkdag .wd-teach{color:var(--ds-text-muted);gap:7px;margin-top:9px;font-size:12px;line-height:1.5;display:flex}.pagina-groei-werkdag .wd-teach svg{color:var(--portal-color);flex-shrink:0;margin-top:1px;font-size:15px}.pagina-groei-werkdag .wd-bezwaar{border:1px solid var(--ds-border);background:var(--ds-card);cursor:pointer;text-align:left;color:var(--ds-text-2);border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-size:13px;transition:all .15s;display:flex}.pagina-groei-werkdag .wd-bezwaar:hover{border-color:var(--portal-color)}.pagina-groei-werkdag .wd-bezwaar-go{color:var(--portal-color);white-space:nowrap;align-items:center;gap:3px;font-size:11px;font-weight:700;display:inline-flex}.pagina-groei-werkdag .wd-memory{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.pagina-groei-werkdag .wd-memory .g-input{flex:1;min-width:180px}.pagina-groei-werkdag .wd-memo-rem{color:var(--ds-text-muted);white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:flex}.pagina-groei-werkdag .wd-done{border-top:1px solid var(--ds-border);flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:16px;display:flex}.pagina-groei-werkdag .wd-uitkomsten{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.pagina-groei-werkdag .wd-uit{border:1px solid var(--ds-border);background:var(--ds-card);cursor:pointer;color:var(--ds-text-2);border-radius:12px;align-items:center;gap:8px;padding:14px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.pagina-groei-werkdag .wd-uit:hover{box-shadow:var(--g-shadow);transform:translateY(-2px)}.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{border:1px solid var(--ds-border);cursor:pointer;border-radius:11px;align-items:flex-start;gap:12px;margin-bottom:8px;padding:12px;transition:all .15s;display:flex}.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{color:var(--ds-text-subtle);flex-shrink:0;font-size:22px}.pagina-groei-werkdag .wd-onb.done>svg{color:var(--g-green)}.pagina-groei-werkdag .wd-onb-label{color:var(--ds-text);font-size:13.5px;font-weight:650}.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{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px;display:grid}.pagina-verbeterplan .stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.pagina-verbeterplan .filter-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pagina-verbeterplan .filter-group select,.pagina-verbeterplan .filter-group input{border:1px solid var(--border-color,var(--ds-border));background:var(--surface,var(--ds-card));color:var(--ds-text);border-radius:8px;padding:7px 10px;font-size:13px}.pagina-verbeterplan .filter-search{align-items:center;display:inline-flex;position:relative}.pagina-verbeterplan .filter-search svg{color:var(--text-secondary,var(--ds-text-subtle));position:absolute;left:8px}.pagina-verbeterplan .filter-search input{width:220px;padding-left:28px}.pagina-verbeterplan .kanban{gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.pagina-verbeterplan .kanban-column{background:var(--surface-alt,var(--ds-bg));border:1px solid var(--border-color,var(--ds-border));border-radius:10px;flex-direction:column;flex:1 1 0;min-width:240px;max-height:70vh;display:flex}.pagina-verbeterplan .kanban-header{border-top:4px solid #6b7280;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;padding:10px 12px;font-weight:700;display:flex}.pagina-verbeterplan .kanban-title{text-transform:uppercase;letter-spacing:.5px;color:var(--ds-text);font-size:13px;font-weight:800}.pagina-verbeterplan .kanban-count{background:var(--surface,var(--ds-card));border:1px solid var(--border-color,var(--ds-border));color:var(--ds-text);border-radius:12px;padding:2px 8px;font-size:12px;font-weight:700}.pagina-verbeterplan .kanban-body{flex-direction:column;flex:1;gap:8px;padding:8px;display:flex;overflow-y:auto}.pagina-verbeterplan .kanban-empty{text-align:center;color:var(--text-secondary,var(--ds-text-subtle));padding:16px 0;font-size:12px;font-style:italic}.pagina-verbeterplan .ticket-card{background:var(--surface,var(--ds-card));border:1px solid var(--border-color,var(--ds-border));cursor:pointer;border-radius:8px;flex-direction:column;gap:6px;padding:10px;transition:transform .15s,box-shadow .15s;display:flex}.pagina-verbeterplan .ticket-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0000001a}.pagina-verbeterplan .card-row-top,.pagina-verbeterplan .card-row-bot{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pagina-verbeterplan .card-row-bot{justify-content:space-between}.pagina-verbeterplan .prio-badge{color:#fff;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.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{border:1px solid;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.pagina-verbeterplan .iso-chip{color:#6366f1;background:#6366f126;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.pagina-verbeterplan .card-desc{color:var(--ds-text-muted);font-size:12px;line-height:1.4}.pagina-verbeterplan .card-deadline{color:var(--ds-text-muted);align-items:center;gap:4px;font-size:11px;display:inline-flex}.pagina-verbeterplan .avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:inline-flex}.pagina-verbeterplan .modal-left,.pagina-verbeterplan .modal-right{flex-direction:column;gap:16px;display:flex}.pagina-verbeterplan .grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pagina-verbeterplan .comments-thread{background:var(--surface-alt,var(--ds-bg));border-radius:8px;flex-direction:column;gap:8px;max-height:220px;padding:6px;display:flex;overflow-y:auto}.pagina-verbeterplan .comment{align-items:flex-start;gap:8px;display:flex}.pagina-verbeterplan .comment-bubble{background:var(--surface,var(--ds-card));border:1px solid var(--border-color,var(--ds-border));border-radius:8px;flex:1;padding:6px 10px}.pagina-verbeterplan .comment-meta{align-items:baseline;gap:8px;margin-bottom:2px;font-size:12px;display:flex}.pagina-verbeterplan .comment-meta .ts{color:var(--text-secondary,var(--ds-text-subtle));font-size:11px}.pagina-verbeterplan .comment-text{font-size:13px;line-height:1.4}.pagina-verbeterplan .empty-comments{text-align:center;color:var(--text-secondary,var(--ds-text-subtle));padding:16px 0;font-size:12px;font-style:italic}.pagina-verbeterplan .comment-input{align-items:flex-end;gap:8px;display:flex}.pagina-verbeterplan .comment-input textarea{border:1px solid var(--border-color,var(--ds-border));background:var(--surface,var(--ds-card));color:var(--ds-text);resize:vertical;border-radius:8px;flex:1;padding:8px 10px;font-family:inherit;font-size:13px}.pagina-verbeterplan .history-list{max-height:160px;color:var(--text-secondary,var(--ds-text-muted));flex-direction:column;gap:4px;font-size:11px;display:flex;overflow-y:auto}.pagina-verbeterplan .history-item{border-bottom:1px dashed var(--border-color,var(--ds-border));flex-wrap:wrap;gap:6px;padding:4px 6px;display:flex}.pagina-verbeterplan .h-time{color:var(--text-secondary,var(--ds-text-subtle))}.pagina-verbeterplan .h-by{color:var(--ds-text);font-weight:600}.pagina-verbeterplan .h-action{color:#6366f1;background:#6366f126;border-radius:4px;padding:0 6px;font-weight:600}@media (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{border-top:4px solid var(--ds-border);cursor:pointer;text-align:left;font:inherit;padding:12px;transition:transform .15s,box-shadow .15s;display:block}.pagina-verbeterplan .stat-row .stat-card.active{box-shadow:0 0 0 2px var(--portal-color)}.pagina-verbeterplan .stat-row .stat-label{color:var(--ds-text-muted);margin-bottom:4px;font-size:12px}.pagina-verbeterplan .stat-row .stat-value{color:var(--ds-text);font-size:24px;font-weight:700}.pagina-verbeterplan .filter-bar{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);justify-content:space-between;align-items:center;padding:12px}.pagina-verbeterplan .filter-group .chip{border:1.5px solid var(--ds-border);color:var(--ds-text-2);cursor:pointer;background:0 0;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600}.pagina-verbeterplan .filter-group .chip.active{background:var(--portal-color);color:#fff;border-color:var(--portal-color)}.pagina-verbeterplan .ticket-card .card-title{-webkit-line-clamp:2;color:var(--ds-text);border-bottom:0;-webkit-box-orient:vertical;margin:0;padding:0;font-size:14px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.pagina-verbeterplan .modal-content{max-width:880px}.pagina-verbeterplan .modal-body{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}@media (width<=900px){.pagina-verbeterplan .modal-body{grid-template-columns:1fr}}.pagina-verbeterplan .env-chip{background:var(--ds-hover);color:var(--ds-text-muted);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.pagina-verbeterplan .card-assignee{align-items:center;gap:8px;display:inline-flex}.pagina-verbeterplan .card-comments{color:var(--ds-text-muted);align-items:center;gap:3px;font-size:11px;display:inline-flex}.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{border-radius:var(--ds-radius-sm,8px);color:var(--ds-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.pagina-verbeterplan .btn-ghost:hover{background:var(--ds-hover);color:var(--ds-text)}.pagina-verbeterplan .section-header{align-items:center;gap:7px;margin-bottom:10px;display:flex}.pagina-verbeterplan .section-header h4{color:var(--ds-text);margin:0;font-size:13px;font-weight:800}.pagina-verbeterplan .section-header svg{color:var(--portal-color);font-size:15px}.pagina-instellingen .settings-content{background:var(--ds-bg);flex-direction:column;flex:1;gap:16px;min-width:0;padding:22px;display:flex;overflow-y:auto}@media (width<=720px){.pagina-instellingen .settings-shell{display:block}}.pagina-instellingen .muted-sm{color:var(--ds-text-muted);margin:0 0 12px;font-size:.78rem;line-height:1.55}.pagina-instellingen .card-title svg{color:var(--portal-color);background:color-mix(in srgb, var(--portal-color) 12%, transparent);border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:17px;display:grid}.pagina-instellingen .input{box-sizing:border-box;border:1px solid var(--ds-border);background:var(--ds-input,var(--ds-card));width:100%;min-height:40px;color:var(--ds-text);font:inherit;border-radius:10px;padding:9px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.pagina-instellingen .input:focus{border-color:var(--portal-color);outline:none;box-shadow:0 0 0 3px #6366f11f}.pagina-instellingen .input:disabled{opacity:.65}.pagina-instellingen .btn-pri{border-radius:var(--ds-radius-sm);background:linear-gradient(135deg, var(--portal-color), var(--portal-color-dark,var(--portal-color)));color:#fff;cursor:pointer;min-height:40px;box-shadow:0 6px 16px -7px color-mix(in srgb, var(--portal-color) 60%, transparent);border:none;align-items:center;gap:6px;padding:0 18px;font-size:13px;font-weight:700;transition:filter .15s,transform .15s,box-shadow .2s;display:inline-flex}.pagina-instellingen .btn-pri:hover{filter:brightness(1.06);box-shadow:0 10px 22px -8px color-mix(in srgb, var(--portal-color) 65%, transparent);transform:translateY(-1px)}.pagina-instellingen .btn-pri:disabled{opacity:.6;cursor:wait;box-shadow:none;transform:none}.pagina-instellingen .btn-sec{border:1px solid var(--ds-border);background:var(--ds-card);min-height:38px;color:var(--ds-text-2);border-radius:var(--ds-radius-sm);cursor:pointer;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:700;transition:border-color .15s,color .15s;display:inline-flex}.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{border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);color:var(--portal-color);cursor:pointer;white-space:nowrap;background:#6366f114;padding:.28rem .65rem;font-size:.68rem;font-weight:600;transition:background .15s,border-color .15s}.pagina-instellingen .link-btn:hover{background:#6366f124;border-color:#6366f14d}.pagina-instellingen .link-btn.danger{color:#ef4444;background:#ef444414}.pagina-instellingen .link-btn.danger:hover{background:#ef444424}.pagina-instellingen .pass-toggle{cursor:pointer;color:var(--ds-text-muted);background:0 0;border:none;align-items:center;font-size:1.1rem;transition:color .15s;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.pagina-instellingen .pass-toggle:hover{color:var(--ds-text)}.pagina-instellingen .msg{min-height:16px;margin-top:8px;font-size:12px}.pagina-instellingen .profile-section{grid-template-columns:140px minmax(0,1fr);align-items:start;gap:20px;display:grid}.pagina-instellingen .profile-photo-area{flex-direction:column;align-items:center;gap:10px;display:flex}.pagina-instellingen .profile-photo{object-fit:cover;background:var(--ds-card);width:110px;height:110px;box-shadow:0 0 0 2px var(--ds-card), 0 4px 16px #6366f11f;border:3px solid #6366f140;border-radius:999px;transition:border-color .2s}.pagina-instellingen .profile-photo:hover{border-color:#6366f180}.pagina-instellingen .profile-photo-area input[type=file]{width:100%;color:var(--ds-text-muted);font-size:11px}.pagina-instellingen .profile-photo-area input[type=file]::file-selector-button{border-radius:var(--ds-radius-sm);color:#a5b4fc;cursor:pointer;background:#6366f11a;border:1px solid #6366f140;margin-right:6px;padding:4px 10px;font-size:11px}.pagina-instellingen .settings-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.pagina-instellingen .settings-fields .full-width{grid-column:1/-1}.pagina-instellingen .settings-fields label{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.pagina-instellingen .password-hint{color:var(--ds-text-subtle);margin-top:6px;font-size:12px}.pagina-instellingen .alert-row{border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:14px 16px;font-size:.82rem;font-weight:600;display:flex}.pagina-instellingen .alert-row svg{flex-shrink:0;font-size:20px}.pagina-instellingen .alert-row.danger{color:#f87171;background:#ef444414;border:1px solid #ef444426}.pagina-instellingen .alert-row.danger svg{color:#ef4444}.pagina-instellingen .alert-row.ok{color:#4ade80;background:#22c55e14;border:1px solid #22c55e26}.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;margin-top:12px;padding:20px}.pagina-instellingen .twofa-box.danger-box{background:#ef44440d;border-color:#ef44441f}.pagina-instellingen .twofa-box h3{color:var(--ds-text);margin:0 0 8px;font-size:.95rem;font-weight:700}.pagina-instellingen .secret-code{letter-spacing:2.5px;color:var(--portal-color);-webkit-user-select:all;user-select:all;word-break:break-all;font-size:.85rem;font-weight:700}.pagina-instellingen .code-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pagina-instellingen .code-input{text-align:center;letter-spacing:6px;max-width:200px;font-size:20px;font-weight:700}.pagina-instellingen .acc-stats{flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;display:flex}.pagina-instellingen .acc-stat{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;flex-direction:column;padding:.5rem .9rem;transition:border-color .15s,transform .2s;display:flex}.pagina-instellingen .acc-stat:hover{border-color:#6366f14d;transform:translateY(-1px)}.pagina-instellingen .acc-stat-val{color:var(--ds-text);font-size:1.2rem;font-weight:800}.pagina-instellingen .acc-stat-lbl{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.68rem}.pagina-instellingen .acc-list{margin-bottom:1.2rem}.pagina-instellingen .acc-empty{text-align:center;color:var(--ds-text-muted);padding:1.8rem;font-size:.82rem}.pagina-instellingen .acc-empty svg{opacity:.4;margin:0 auto .3rem;font-size:2rem;display:block}.pagina-instellingen .acc-card{background:var(--ds-card);border:1px solid var(--ds-border);cursor:pointer;border-radius:10px;grid-template-columns:36px 1fr auto;align-items:center;gap:.6rem;margin-bottom:.4rem;padding:.7rem .85rem;transition:border-color .15s,transform .15s,background .15s;display:grid}.pagina-instellingen .acc-card:hover{background:#6366f10a;border-color:#6366f166;transform:translate(2px)}.pagina-instellingen .acc-btn.active{color:var(--portal-color);background:#6366f11a;border-color:#6366f14d}.pagina-instellingen .acc-avatar{color:#a5b4fc;background:#6366f11f;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:800;display:flex}.pagina-instellingen .acc-info-name{color:var(--ds-text);font-size:.82rem;font-weight:700}.pagina-instellingen .acc-info-user{color:var(--ds-text-muted);font-size:.72rem}.pagina-instellingen .acc-info-pages{flex-wrap:wrap;gap:.2rem;margin-top:.15rem;font-size:.68rem;display:flex}.pagina-instellingen .acc-page-tag{color:#a5b4fc;background:#6366f11a;border-radius:4px;padding:.1rem .4rem;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{text-transform:uppercase;letter-spacing:.5px;background:var(--portal-color);color:#fff;vertical-align:middle;border-radius:4px;padding:.05rem .35rem;font-size:.58rem;font-weight:800}.pagina-instellingen .acc-badge{border:1px solid var(--ds-border);color:var(--ds-text-muted);border-radius:5px;align-items:center;padding:.12rem .45rem;font-size:.64rem;font-weight:700;display:inline-flex}.pagina-instellingen .acc-badge.role{color:var(--portal-color);background:#6366f11f;border-color:#6366f140}.pagina-instellingen .acc-badge.on{color:#16a34a;background:#22c55e1f;border-color:#22c55e40}.pagina-instellingen .acc-badge.off{color:#dc2626;background:#ef44441a;border-color:#ef444433}.pagina-instellingen .acc-badge.sub{background:0 0;border-color:#0000;font-weight:500}.pagina-instellingen .acc-tag-login{text-transform:uppercase;letter-spacing:.4px;color:var(--ds-text-muted);background:var(--ds-hover);border:1px solid var(--ds-border);white-space:nowrap;border-radius:6px;padding:.2rem .5rem;font-size:.6rem;font-weight:700}.pagina-instellingen .acc-actions{gap:.3rem;display:flex}.pagina-instellingen .acc-btn{border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);width:30px;height:30px;color:var(--ds-text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:.9rem;transition:background .15s,border-color .15s,color .15s;display:flex}.pagina-instellingen .acc-btn:hover{color:var(--portal-color);background:#6366f11a;border-color:#6366f14d}.pagina-instellingen .acc-btn.danger:hover{color:#ef4444;background:#ef44441a;border-color:#ef444433}.pagina-instellingen .acc-form{background:#6366f10a;border:1px solid #6366f126;border-radius:13px;padding:1rem}.pagina-instellingen .acc-form-title{color:var(--ds-text);align-items:center;gap:.4rem;margin:0 0 .7rem;font-size:.85rem;font-weight:700;display:flex}.pagina-instellingen .acc-form-grid{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.pagina-instellingen .acc-form-grid .full-2{grid-column:1/-1}.pagina-instellingen .acc-form-grid label,.pagina-instellingen .grid-lbl{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:.2rem;font-size:.72rem;font-weight:600;display:block}.pagina-instellingen .acc-form-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.9rem;display:flex}.pagina-instellingen .pag-header-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.pagina-instellingen .pag-bulk-btns{gap:.35rem;display:flex}.pagina-instellingen .pag-bulk{border:1px solid var(--portal-color);color:var(--portal-color);cursor:pointer;background:#6366f11a;border-radius:6px;padding:.25rem .7rem;font-size:.7rem;font-weight:600;transition:background .15s}.pagina-instellingen .pag-bulk:hover{background:#6366f133}.pagina-instellingen .pag-bulk.off{border-color:var(--ds-border);color:var(--ds-text-muted);background:0 0}.pagina-instellingen .pag-bulk.off:hover{background:var(--ds-hover)}.pagina-instellingen .pag-sections{border:1px solid var(--ds-border);background:var(--ds-hover);border-radius:10px;flex-direction:column;gap:.7rem;padding:.75rem .8rem;display:flex}.pagina-instellingen .pag-section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--portal-color);margin-bottom:.35rem;font-size:.63rem;font-weight:800}.pagina-instellingen .pag-pills{flex-wrap:wrap;gap:.35rem;display:flex}.pagina-instellingen .pag-pill{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;border-radius:20px;align-items:center;gap:.3rem;padding:.3rem .65rem;font-size:.74rem;font-weight:500;transition:border-color .12s,background .12s,color .12s;display:inline-flex}.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);color:var(--portal-color);background:#6366f11f;font-weight:600}@media (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 (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:auto}}@media (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:calc(50% - .3rem)}}.pagina-instellingen{--set-shadow:0 1px 2px #1018280d, 0 10px 26px -14px #10182829}html.dark-mode .pagina-instellingen,html.dark .pagina-instellingen,body.dark-mode .pagina-instellingen,body.dark .pagina-instellingen{--set-shadow:0 1px 2px #00000059, 0 14px 34px -16px #000000b3}.pagina-instellingen .settings-shell{display:block}.pagina-instellingen .pag-pill-vink{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pagina-instellingen .pag-pill:focus-within{outline:2px solid var(--portal-color);outline-offset:2px}.pagina-instellingen .foto-kiezen{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.pagina-live-meekijken .live-dot{background:var(--ds-text-subtle);border-radius:50%;width:8px;height:8px;margin:0 4px 0 8px;display:inline-block}.pagina-live-meekijken .live-dot.on{background:var(--ds-success);animation:1.6s ease-in-out infinite pagina-live-meekijken-pulse}@keyframes pagina-live-meekijken-pulse{50%{opacity:.35}}.pagina-live-meekijken .sessie-grid{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:12px;display:grid}.pagina-live-meekijken .sessie{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.pagina-live-meekijken .sessie.aandacht{border-color:color-mix(in srgb, var(--ds-danger) 55%, transparent)}.pagina-live-meekijken .kop{justify-content:space-between;align-items:center;display:flex}.pagina-live-meekijken .wie{align-items:center;gap:7px;display:flex}.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{flex-direction:column;gap:5px;display:flex}.pagina-live-meekijken .regel{align-items:center;gap:7px;font-size:13px;display:flex}.pagina-live-meekijken .regel svg{opacity:.55;flex:none;font-size:15px}.pagina-live-meekijken .ep{overflow-wrap:anywhere}.pagina-live-meekijken .dim{opacity:.55;font-size:12px}.pagina-live-meekijken .pos{color:var(--portal-color);font-family:ui-monospace,monospace;text-decoration:none}.pagina-live-meekijken .pos:hover{text-decoration:underline}.pagina-live-meekijken .voet{border-top:1px solid var(--ds-border-subtle);justify-content:space-between;align-items:center;margin-top:2px;padding-top:9px;display:flex}.pagina-live-meekijken .fout-badge{opacity:.7;align-items:center;gap:5px;font-size:12px;display:inline-flex}.pagina-live-meekijken .fout-badge.bad{color:var(--ds-danger);opacity:1}.pagina-live-meekijken .voet-knoppen{flex-wrap:wrap;gap:6px;display:flex}.pagina-live-meekijken .dossier-knop,.pagina-live-meekijken .ticket-knop{border:1px solid var(--ds-border);color:inherit;border-radius:var(--ds-radius-sm);cursor:pointer;background:0 0;align-items:center;gap:5px;padding:5px 11px;font-size:12px;display:inline-flex}.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{z-index:300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.meekijk-venster{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:16px;width:min(920px,96vw);max-height:92vh;overflow:auto;box-shadow:0 24px 70px #0000004d}.meekijk-kop{border-bottom:1px solid var(--ds-border);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.meekijk-sluit{cursor:pointer;color:var(--ds-text-muted);background:0 0;border:none;border-radius:999px;padding:6px;display:flex}.meekijk-sluit:hover{background:var(--ds-hover);color:var(--ds-text)}.meekijk-stand{color:var(--ds-text);background:var(--ds-bg);border-bottom:1px solid var(--ds-border);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 18px;font-size:12.5px;display:flex}.meekijk-stand .stip{background:var(--ds-text-muted);border-radius:999px;flex-shrink:0;width:8px;height:8px}.meekijk-stand .stip.aan{background:#10b981}.meekijk-lijf{grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:18px;padding:18px;display:grid}@media (width<=780px){.meekijk-lijf{grid-template-columns:1fr}}.meekijk-scherm{background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:12px;justify-content:center;align-items:center;min-height:260px;display:flex;overflow:hidden}.meekijk-scherm img{width:100%;height:auto;display:block}.meekijk-leeg{text-align:center;color:var(--ds-text-muted);padding:26px 18px;font-size:13px}.meekijk-leeg p{margin:0 0 12px}.meekijk-zij{flex-direction:column;gap:16px;min-width:0;display:flex}.meekijk-feiten{grid-template-columns:auto 1fr;gap:5px 14px;margin:0;font-size:12.5px;display:grid}.meekijk-feiten dt{color:var(--ds-text-muted)}.meekijk-feiten dd{color:var(--ds-text);word-break:break-word;margin:0}.meekijk-acties{flex-direction:column;gap:10px;display:flex}.meekijk-bericht{color:var(--ds-text-muted);flex-direction:column;gap:5px;font-size:12px;display:flex}.meekijk-bericht textarea{font:inherit;color:var(--ds-text);resize:vertical;border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:9px;padding:8px 10px;font-size:13px}.meekijk-cmd{flex-wrap:wrap;gap:6px;display:flex}.meekijk-cmd button{font:inherit;cursor:pointer;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:999px;padding:6px 12px;font-size:12.5px}.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{color:var(--ds-text);margin:0;font-size:12.5px}.meekijk-knop{font:inherit;cursor:pointer;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:12.5px;display:inline-flex}.meekijk-knop:hover{border-color:var(--portal-color)}.meekijk-bevestig{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;width:min(440px,94vw);padding:20px;box-shadow:0 24px 70px #0000004d}.meekijk-bevestig h3{margin:0 0 8px;font-size:15px}.meekijk-bevestig p{color:var(--ds-text-muted);margin:0 0 16px;font-size:13px;line-height:1.6}.meekijk-leeg .meekijk-fijn{color:var(--ds-text-muted);max-width:44ch;margin:0 auto 14px;font-size:12px;line-height:1.6}.meekijk-leeg .ticket-knop.gevaar{color:#b91c1c;border-color:#fca5a5}.meekijk-leeg .ticket-knop.gevaar:hover{background:#fef2f2;border-color:#ef4444}.pagina-presentaties .presentaties-scope{flex-direction:column;gap:0;display:flex}.pagina-isms-documenten .page-hint{color:var(--ds-text-muted);font-size:11px}.pagina-isms-documenten .page-hint em{color:var(--portal-color);font-style:normal;font-weight:700}.pagina-isms-documenten .toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.pagina-isms-documenten .search-box{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:8px;flex:1;align-items:center;gap:6px;max-width:380px;padding:7px 12px;display:flex}.pagina-isms-documenten .search-box svg{color:var(--ds-text-muted);flex-shrink:0;font-size:16px}.pagina-isms-documenten .search-box input{color:var(--ds-text);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}.pagina-isms-documenten .count{color:var(--ds-text-muted);font-size:12px}.pagina-isms-documenten .cat-filter{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);cursor:pointer;border-radius:8px;max-width:300px;padding:7px 10px;font-family:inherit;font-size:12.5px}.pagina-isms-documenten .doc-groups{flex-direction:column;gap:22px;display:flex}.pagina-isms-documenten .doc-group{flex-direction:column;gap:10px;display:flex}.pagina-isms-documenten .group-header{background:color-mix(in srgb, var(--portal-color) 9%, transparent);border-left:4px solid var(--portal-color);border-radius:8px;align-items:center;gap:10px;padding:7px 12px;display:flex}.pagina-isms-documenten .gh-label{color:var(--ds-text);letter-spacing:-.01em;font-size:13px;font-weight:800}.pagina-isms-documenten .gh-count{color:var(--ds-text-muted);background:var(--ds-card);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.pagina-isms-documenten .toolbar-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pagina-isms-documenten .view-toggle{border:1px solid var(--ds-border);border-radius:8px;display:inline-flex;overflow:hidden}.pagina-isms-documenten .view-toggle button{background:var(--ds-card);width:34px;height:32px;color:var(--ds-text-muted);cursor:pointer;border:none;justify-content:center;align-items:center;display:inline-flex}.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{border-radius:var(--ds-radius-sm);background:var(--portal-color);color:#fff;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.pagina-isms-documenten .full-pdf-btn svg{font-size:15px}.pagina-isms-documenten .full-pdf-btn:hover{opacity:.9}.pagina-isms-documenten .doc-grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:12px;display:grid}.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;gap:12px;padding:10px 14px}.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-direction:row;flex-shrink:0;align-items:center;gap:10px;margin-top:0}.pagina-isms-documenten .doc-grid.list .doc-norm{display:none}.pagina-isms-documenten .doc-card{background:var(--ds-card);border:1px solid var(--ds-border);cursor:pointer;box-sizing:border-box;border-radius:12px;flex-direction:column;gap:8px;height:176px;padding:16px;transition:border-color .15s,box-shadow .15s;display:flex;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{align-items:center;gap:8px;display:flex}.pagina-isms-documenten .doc-nr-chip{border-radius:var(--ds-radius-sm);border:1px solid var(--portal-color);align-items:center;gap:0;display:inline-flex;overflow:hidden}.pagina-isms-documenten .chip-label{background:var(--portal-color);color:#fff;letter-spacing:.06em;padding:2px 5px;font-size:9px;font-weight:800}.pagina-isms-documenten .chip-nr{color:var(--portal-color);font-variant-numeric:tabular-nums;background:#fff;padding:2px 7px;font-size:11px;font-weight:800}.pagina-isms-documenten .doc-id-badge{color:var(--ds-text-muted);background:var(--ds-hover);border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700}.pagina-isms-documenten .doc-body{flex:1;min-height:0;overflow:hidden}.pagina-isms-documenten .doc-body h4{color:var(--ds-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 5px;font-size:12.5px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.pagina-isms-documenten .doc-norm{background:color-mix(in srgb, var(--portal-color) 12%, transparent);color:var(--portal-color);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:100%;padding:2px 7px;font-size:9.5px;font-weight:700;display:inline-block;overflow:hidden}.pagina-isms-documenten .doc-footer{border-top:1px solid var(--ds-border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;display:flex}.pagina-isms-documenten .doc-meta-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pagina-isms-documenten .meta-item{color:var(--ds-text-muted);align-items:center;gap:3px;font-size:10.5px;display:inline-flex}.pagina-isms-documenten .meta-item svg{font-size:12px}.pagina-isms-documenten .doc-actions{gap:5px;display:flex}.pagina-isms-documenten .da-btn{border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);width:28px;height:28px;color:var(--ds-text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.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{color:var(--portal-color);background:#6366f114}.pagina-beheersmaatregelen .page-hint{color:var(--ds-text-muted);font-size:11px}.pagina-beheersmaatregelen .page-hint em{color:var(--portal-color);font-style:normal;font-weight:700}.pagina-beheersmaatregelen .filter-search{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:8px;flex:1;align-items:center;gap:8px;padding:8px 12px;display:flex}.pagina-beheersmaatregelen .filter-search svg{color:var(--ds-text-muted);font-size:16px}.pagina-beheersmaatregelen .filter-search input{color:var(--ds-text);background:0 0;border:none;outline:none;flex:1;font-size:13px}.pagina-beheersmaatregelen .filter-search input::placeholder{color:var(--ds-text-muted)}.pagina-beheersmaatregelen .filter-select{background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:13px}.pagina-beheersmaatregelen .controls-container{padding:0 18px}.pagina-beheersmaatregelen .controls-by-thema{margin-bottom:24px}.pagina-beheersmaatregelen .thema-header{color:#fff;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 16px;display:flex}.pagina-beheersmaatregelen .thema-header h2{margin:0;font-size:14px;font-weight:700}.pagina-beheersmaatregelen .thema-count{opacity:.8;font-size:12px}.pagina-beheersmaatregelen .controls-grid{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:10px;display:grid}.pagina-beheersmaatregelen .control-card{background:var(--ds-card);border:1px solid var(--ds-border);cursor:pointer;border-radius:8px;padding:14px;transition:all .15s}.pagina-beheersmaatregelen .control-card:hover{border-color:var(--portal-color);box-shadow:0 2px 8px #00000014}.pagina-beheersmaatregelen .control-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.pagina-beheersmaatregelen .control-numero{color:var(--portal-color);background:#6366f11a;border-radius:4px;padding:3px 6px;font-size:11px;font-weight:700}.pagina-beheersmaatregelen .control-status{font-size:16px}.pagina-beheersmaatregelen .control-naam{overflow-wrap:anywhere;color:var(--ds-text);margin:0 0 6px;font-size:12px;font-weight:600;line-height:1.4}.pagina-beheersmaatregelen .control-desc{color:var(--ds-text-secondary);margin:0 0 8px;font-size:11px;line-height:1.4}.pagina-beheersmaatregelen .control-meta{flex-wrap:wrap;gap:6px;font-size:10px;display:flex}.pagina-beheersmaatregelen .control-label{color:var(--ds-text-muted);background:#0000000d;border-radius:3px;padding:2px 6px}.pagina-beheersmaatregelen .control-status-label{border-radius:3px;padding:2px 6px;font-weight:600}.pagina-beheersmaatregelen .status-volledig .control-status-label{color:#16a34a;background:#22c55e26}.pagina-beheersmaatregelen .status-gedeeltelijk .control-status-label{color:#ea580c;background:#fb923c26}.pagina-beheersmaatregelen .status-niet-geimplementeerd .control-status-label{color:#dc2626;background:#ef444426}.pagina-beheersmaatregelen .status-niet-van-toepassing .control-status-label{color:#374151;background:#6b728026}.pagina-beheersmaatregelen .control-bewijs{border-top:1px dashed var(--ds-border);flex-direction:column;gap:8px;margin-top:10px;padding-top:10px;display:flex}.pagina-beheersmaatregelen .bewijs-head{text-transform:uppercase;letter-spacing:.03em;color:var(--ds-text-muted);align-items:center;gap:5px;margin-bottom:5px;font-size:10px;font-weight:700;display:flex}.pagina-beheersmaatregelen .bewijs-head svg{font-size:13px}.pagina-beheersmaatregelen .bewijs-chips{flex-wrap:wrap;gap:5px;display:flex}.pagina-beheersmaatregelen .bewijs-chip{border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);background:color-mix(in srgb, var(--portal-color) 7%, transparent);max-width:100%;color:var(--portal-color);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:600;text-decoration:none;display:inline-flex;overflow:hidden}.pagina-beheersmaatregelen .bewijs-chip svg{flex-shrink:0;font-size:12px}.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{color:#fff;background:#16a34a}.pagina-beheersmaatregelen .control-cta{color:var(--portal-color);margin-top:10px;font-size:11px;font-weight:600}.pagina-beheersmaatregelen .control-owner{background:color-mix(in srgb, var(--portal-color) 6%, transparent);color:var(--ds-text-secondary);border-radius:7px;align-items:center;gap:5px;margin-top:8px;padding:6px 9px;font-size:11px;display:flex}.pagina-beheersmaatregelen .control-owner svg{color:var(--portal-color);flex-shrink:0;font-size:14px}.pagina-beheersmaatregelen .control-owner strong{color:var(--ds-text);font-weight:700}.pagina-beheersmaatregelen .modal-head{border-bottom:1px solid var(--ds-border);justify-content:space-between;align-items:flex-start;padding:18px 20px;display:flex}.pagina-beheersmaatregelen .modal-head h2{color:var(--ds-text);margin:0 0 3px;font-size:16px;font-weight:700}.pagina-beheersmaatregelen .modal-sub{color:var(--ds-text-secondary);font-size:12px}.pagina-beheersmaatregelen .modal-close:hover{color:#dc2626}.pagina-beheersmaatregelen .editor-bar{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.pagina-beheersmaatregelen .eb-label{color:var(--ds-text-secondary);font-size:11px;font-weight:600}.pagina-beheersmaatregelen .save-state{color:#16a34a;font-size:11px;font-weight:600}.pagina-beheersmaatregelen .md-editor{border:1px solid var(--ds-border);width:100%;min-height:360px;color:var(--ds-text);background:var(--ds-hover);resize:vertical;border-radius:8px;flex:1;padding:14px;font-family:SF Mono,Consolas,monospace;font-size:12.5px;line-height:1.6}.pagina-beheersmaatregelen .modal-foot{border-top:1px solid var(--ds-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 20px;display:flex}.pagina-beheersmaatregelen .mf-right{gap:8px;display:flex}.pagina-beheersmaatregelen .mf-btn{border-radius:var(--ds-radius-sm);cursor:pointer;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);align-items:center;gap:5px;padding:8px 14px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.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{border-top:1px dashed var(--ds-border);margin-top:10px;padding-top:10px}.pagina-iso-bewijsmatrix .auditor-hint{background:color-mix(in srgb, var(--portal-color) 8%, transparent);border:1px solid color-mix(in srgb, var(--portal-color) 30%, transparent);color:var(--ds-text-muted);border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:12.5px;line-height:1.55;display:flex}.pagina-iso-bewijsmatrix .auditor-hint svg{color:var(--portal-color);flex-shrink:0;margin-top:1px;font-size:22px}.pagina-iso-bewijsmatrix .auditor-hint strong{color:var(--ds-text)}.pagina-iso-bewijsmatrix .auditor-hint code{background:var(--ds-hover);border-radius:4px;padding:1px 6px;font-size:11px}.pagina-iso-bewijsmatrix .summary-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.pagina-iso-bewijsmatrix .sum-card{background:var(--ds-card);border:1px solid var(--ds-border);text-align:center;border-radius:10px;padding:14px}.pagina-iso-bewijsmatrix .sum-value{color:var(--ds-text);font-size:26px;font-weight:800}.pagina-iso-bewijsmatrix .sum-label{color:var(--ds-text-muted);margin-top:2px;font-size:11px}.pagina-iso-bewijsmatrix .domain-tabs{flex-wrap:wrap;gap:5px;display:flex}.pagina-iso-bewijsmatrix .dtab{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.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{background:#0000001a;border-radius:8px;padding:1px 6px;font-size:10px}.pagina-iso-bewijsmatrix .doc-filter-hint{background:color-mix(in srgb, var(--portal-color) 8%, transparent);border:1px solid color-mix(in srgb, var(--portal-color) 25%, transparent);color:var(--ds-text-muted);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.pagina-iso-bewijsmatrix .doc-filter-hint svg{color:var(--portal-color);font-size:16px}.pagina-iso-bewijsmatrix .doc-filter-hint strong{color:var(--ds-text)}.pagina-iso-bewijsmatrix .clear-doc{background:var(--ds-hover);color:var(--ds-text-muted);cursor:pointer;border:none;border-radius:6px;margin-left:auto;padding:3px 8px;font-size:11px}.pagina-iso-bewijsmatrix .clear-doc:hover{color:#dc2626}.pagina-iso-bewijsmatrix .legend{background:var(--ds-hover);border-radius:8px;flex-wrap:wrap;align-items:center;gap:16px;padding:8px 12px;display:flex}.pagina-iso-bewijsmatrix .leg-item{color:var(--ds-text-muted);align-items:center;gap:5px;font-size:11px;display:inline-flex}.pagina-iso-bewijsmatrix .leg-item svg{font-size:14px}.pagina-iso-bewijsmatrix .leg-sep{flex:1}.pagina-iso-bewijsmatrix .ic-gray{color:var(--ds-text-subtle)}.pagina-iso-bewijsmatrix .ic-indigo{color:var(--portal-color)}.pagina-iso-bewijsmatrix svg.sm{font-size:16px}.pagina-iso-bewijsmatrix .matrix-wrap{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:10px;overflow-x:auto}.pagina-iso-bewijsmatrix .matrix{border-collapse:collapse;width:100%;font-size:12.5px}.pagina-iso-bewijsmatrix .matrix th{background:var(--ds-hover);text-align:left;color:var(--ds-text-muted);white-space:nowrap;border-bottom:2px solid var(--ds-border);z-index:1;padding:10px 12px;font-size:11px;font-weight:700;position:sticky;top:0}.pagina-iso-bewijsmatrix .matrix td{border-bottom:1px solid var(--ds-border);color:var(--ds-text);vertical-align:middle;padding:9px 12px}.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 .col-id{white-space:nowrap;width:70px}.pagina-iso-bewijsmatrix .col-title{min-width:200px}.pagina-iso-bewijsmatrix .col-owner{color:var(--ds-text-muted);white-space:nowrap;min-width:100px;font-size:11px}.pagina-iso-bewijsmatrix .col-doc{min-width:160px}.pagina-iso-bewijsmatrix .col-evidence{min-width:180px}.pagina-iso-bewijsmatrix .col-status{white-space:nowrap;width:100px}.pagina-iso-bewijsmatrix .id-pill{border-radius:var(--ds-radius-sm);white-space:nowrap;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.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{color:#dc2626;background:#ef44441a}.pagina-iso-bewijsmatrix .id-pill.dom-a6{color:#d97706;background:#f59e0b1f}.pagina-iso-bewijsmatrix .id-pill.dom-a7{color:#16a34a;background:#22c55e1f}.pagina-iso-bewijsmatrix .id-pill.dom-a8{color:#7c3aed;background:#7c3aed1f}.pagina-iso-bewijsmatrix .doc-cell{align-items:center;gap:6px;display:flex}.pagina-iso-bewijsmatrix .dl-btn{border-radius:var(--ds-radius-sm);color:#2563eb;white-space:nowrap;background:#2563eb14;align-items:center;gap:4px;max-width:130px;padding:3px 8px;font-size:11px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex;overflow:hidden}.pagina-iso-bewijsmatrix .dl-btn svg{flex-shrink:0;font-size:12px}.pagina-iso-bewijsmatrix .dl-btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pagina-iso-bewijsmatrix .ev-btn{border-radius:var(--ds-radius-sm);background:color-mix(in srgb, var(--portal-color) 8%, transparent);color:var(--portal-color);white-space:nowrap;align-items:center;gap:4px;max-width:160px;padding:3px 8px;font-size:11px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex;overflow:hidden}.pagina-iso-bewijsmatrix .ev-btn:hover{background:color-mix(in srgb, var(--portal-color) 16%, transparent)}.pagina-iso-bewijsmatrix .ev-btn svg{flex-shrink:0;font-size:12px}.pagina-iso-bewijsmatrix .ev-btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pagina-iso-bewijsmatrix .sbadge{white-space:nowrap;border-radius:10px;padding:3px 9px;font-size:10px;font-weight:700;display:inline-block}.pagina-iso-bewijsmatrix .sbadge.s-compliant{color:#16a34a;background:#22c55e1f}.pagina-iso-bewijsmatrix .sbadge.s-in-progress{color:#d97706;background:#f59e0b1f}.pagina-iso-bewijsmatrix .sbadge.s-gap{color:#dc2626;background:#ef44441f}.pagina-iso-bewijsmatrix .sbadge.s-na{background:var(--ds-hover);color:var(--ds-text-muted)}.pagina-iso-bewijsmatrix .empty{text-align:center;color:var(--ds-text-muted);padding:32px;font-size:13px}.pagina-iso-bewijsmatrix .footnote{color:var(--ds-text-muted);font-size:11px;line-height:1.6}.pagina-iso-bewijsmatrix .footnote code{background:var(--ds-hover);border-radius:4px;padding:1px 5px;font-size:10px}@media (width<=900px){.pagina-iso-bewijsmatrix .col-owner{display:none}}@media (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{border-radius:var(--ds-radius-sm);max-width:unset;padding:4px}}.pagina-iso-bewijsmatrix .add-evidence-bar{justify-content:flex-end;padding-top:4px;display:flex}.pagina-iso-bewijsmatrix .add-evidence-btn{border-radius:var(--ds-radius-sm);background:var(--portal-color);color:#fff;cursor:pointer;border:none;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:600;transition:opacity .15s;display:inline-flex}.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;flex-direction:column;gap:0;width:100%;max-width:580px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 20px 60px #00000040}.pagina-iso-bewijsmatrix .modal-title{color:var(--ds-text);align-items:center;gap:9px;font-size:15px;font-weight:700;display:flex}.pagina-iso-bewijsmatrix .modal-title svg{color:var(--portal-color);font-size:20px}.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{flex-wrap:wrap;gap:8px;display:flex}.pagina-iso-bewijsmatrix .status-btn{border-radius:var(--ds-radius-sm);border:1.5px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-muted);cursor:pointer;align-items:center;gap:5px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.pagina-iso-bewijsmatrix .status-btn.active-compliant{color:#16a34a;background:#16a34a1a;border-color:#16a34a}.pagina-iso-bewijsmatrix .status-btn.active-progress{color:#d97706;background:#d977061a;border-color:#d97706}.pagina-iso-bewijsmatrix .status-btn.active-gap{color:#dc2626;background:#dc26261a;border-color:#dc2626}.pagina-iso-bewijsmatrix .upload-area{border:2px dashed var(--ds-border);cursor:pointer;background:var(--ds-hover);text-align:center;color:var(--ds-text-muted);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:100px;padding:24px 16px;font-size:13px;transition:border-color .15s;display:flex}.pagina-iso-bewijsmatrix .upload-area:hover{border-color:var(--portal-color)}.pagina-iso-bewijsmatrix .upload-area.has-file{cursor:default;background:#16a34a0d;border-color:#16a34a}.pagina-iso-bewijsmatrix .upload-area svg{font-size:28px}.pagina-iso-bewijsmatrix .upload-hint{color:var(--ds-text-muted);font-size:11px}.pagina-iso-bewijsmatrix .file-name{color:var(--ds-text);word-break:break-all;font-size:12.5px;font-weight:600}.pagina-iso-bewijsmatrix .file-size{font-size:11px}.pagina-iso-bewijsmatrix .remove-file{color:#dc2626;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:11px}.pagina-iso-bewijsmatrix .remove-file:hover{background:#dc262614}.pagina-iso-bewijsmatrix .upload-feedback{border-radius:9px;align-items:flex-start;gap:10px;margin:12px 20px 0;padding:10px 14px;font-size:12.5px;display:flex}.pagina-iso-bewijsmatrix .upload-feedback svg{flex-shrink:0;margin-top:1px;font-size:18px}.pagina-iso-bewijsmatrix .upload-feedback.success{color:#166534;background:#16a34a17}.pagina-iso-bewijsmatrix .upload-feedback.success svg{color:#16a34a}.pagina-iso-bewijsmatrix .upload-feedback.error{color:#991b1b;background:#dc262617}.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{border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);background:var(--ds-hover);color:var(--ds-text-muted);cursor:pointer;padding:9px 18px;font-size:13px;font-weight:600}.pagina-iso-bewijsmatrix .btn-upload{border-radius:var(--ds-radius-sm);background:var(--portal-color);color:#fff;cursor:pointer;border:none;align-items:center;gap:7px;padding:9px 20px;font-size:13px;font-weight:700;transition:opacity .15s;display:inline-flex}.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:.8s linear infinite pagina-iso-bewijsmatrix-spin}@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:#ffffff40}.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{justify-content:space-between;align-items:center;margin-bottom:0}@media (width<=640px){.pagina-iso-bewijsmatrix .domain-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;max-width:100%;display:flex;overflow-x:auto}.pagina-iso-bewijsmatrix .domain-tabs::-webkit-scrollbar{display:none}.pagina-iso-bewijsmatrix .domain-tabs>*{white-space:nowrap;flex:none}}.pagina-clause-4 .section h2{color:var(--ds-text);margin:0 0 14px;font-size:16px;font-weight:700}.pagina-clause-4 .section h3{color:var(--ds-text);margin:0 0 10px;font-size:14px;font-weight:600}.pagina-clause-4 .norm-text{border-left:4px solid var(--portal-color);color:var(--ds-text);background:#6366f114;border-radius:6px;padding:14px;font-size:13px;line-height:1.6}.pagina-clause-4 .checklist{flex-direction:column;gap:12px;display:flex}.pagina-clause-4 .check-item{background:var(--ds-hover);border-radius:8px;gap:12px;padding:12px;display:flex}.pagina-clause-4 .check-item svg{color:var(--portal-color);flex-shrink:0;font-size:20px}.pagina-clause-4 .check-content h4{color:var(--ds-text);margin:0 0 4px;font-size:12px;font-weight:600}.pagina-clause-4 .check-content p{color:var(--ds-text-secondary);margin:0;font-size:11px;line-height:1.4}.pagina-clause-4 .evidence-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.pagina-clause-4 .evidence-card{background:var(--ds-hover);border-radius:8px;flex-direction:column;gap:8px;padding:14px;display:flex}.pagina-clause-4 .evidence-card svg{color:var(--portal-color);font-size:20px}.pagina-clause-4 .evidence-card h4{color:var(--ds-text);margin:0;font-size:12px;font-weight:600}.pagina-clause-4 .evidence-card p{color:var(--ds-text-secondary);margin:0;font-size:11px}.pagina-clause-4 .link-btn.pdf{color:#16a34a;border-color:#16a34a;margin-left:6px}.pagina-clause-4 .link-btn{color:var(--portal-color);white-space:nowrap;margin-top:auto;font-size:11px;font-weight:600;text-decoration:none;display:inline-block}.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{color:var(--ds-text-secondary);margin:0 0 8px;font-size:11px;font-style:italic}.pagina-clause-4 .form-group label{color:var(--ds-text);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.pagina-clause-4 .form-group input,.pagina-clause-4 .form-group textarea{border:1px solid var(--ds-border);width:100%;color:var(--ds-text);background:var(--ds-card);border-radius:6px;padding:8px;font-family:inherit;font-size:12px}.pagina-clause-4 .form-group textarea{resize:vertical;min-height:80px}.pagina-clause-4 .save-btn{background:var(--portal-color);color:#fff;border-radius:var(--ds-radius-sm);cursor:pointer;border:none;margin-top:8px;padding:8px 12px;font-size:12px;font-weight:600}.pagina-clause-4 .save-btn:hover{opacity:.9}.pagina-clause-4 .audit-status{background:#22c55e0d;border-color:#22c55e33}.pagina-clause-4 .status-bar{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.pagina-clause-4 .status-item{background:var(--ds-card);border-radius:6px;align-items:center;gap:8px;padding:8px;font-size:12px;display:flex}.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{color:var(--ds-text-secondary);margin:0 0 10px;font-size:12px}.pagina-clause-4 .section-sub{color:var(--ds-text-secondary);margin:-8px 0 14px;font-size:11px}.pagina-clause-4 .sh-toolbar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.pagina-clause-4 .sh-count{color:var(--ds-text-secondary);font-size:12px}.pagina-clause-4 .add-btn{background:var(--portal-color);color:#fff;border-radius:var(--ds-radius-sm);cursor:pointer;white-space:nowrap;border:none;padding:7px 12px;font-size:12px;font-weight:600}.pagina-clause-4 .add-btn:hover{opacity:.88}.pagina-clause-4 .fg label{color:var(--ds-text);font-size:11px;font-weight:600}.pagina-clause-4 .fg input,.pagina-clause-4 .fg select,.pagina-clause-4 .fg textarea{border:1px solid var(--ds-border);color:var(--ds-text);background:var(--ds-card);border-radius:6px;padding:7px 9px;font-family:inherit;font-size:12px}.pagina-clause-4 .fg textarea{resize:vertical;min-height:64px}.pagina-clause-4 .sh-table-wrap{border:1px solid var(--ds-border);border-radius:8px;overflow-x:auto}.pagina-clause-4 .sh-table{border-collapse:collapse;width:100%;font-size:12px}.pagina-clause-4 .sh-table th{background:var(--ds-hover);text-align:left;color:var(--ds-text-secondary);white-space:nowrap;border-bottom:1px solid var(--ds-border);padding:10px 12px;font-size:11px;font-weight:700}.pagina-clause-4 .sh-table td{border-bottom:1px solid var(--ds-border);vertical-align:top;color:var(--ds-text);padding:10px 12px;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;color:var(--ds-text-secondary);font-size:11px}.pagina-clause-4 .badge-reg{color:#dc2626;background:#ef44441f}.pagina-clause-4 .badge-klant{color:var(--portal-color);background:#6366f11f}.pagina-clause-4 .badge-lever{color:#d97706;background:#f59e0b1f}.pagina-clause-4 .badge-intern{color:#16a34a;background:#22c55e1f}.pagina-clause-4 .badge-audit{color:#7c3aed;background:#8b5cf61f}.pagina-clause-4 .status-dot:before{content:"";border-radius:50%;width:7px;height:7px;display:inline-block}.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{grid-template-columns:1fr 1fr;gap:16px;display:grid}.pagina-clause-4 .zaken-col h3{color:var(--ds-text);margin:0 0 10px;font-size:13px;font-weight:700}.pagina-clause-4 .zaken-list{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.pagina-clause-4 .zaken-list li{color:var(--ds-text);align-items:flex-start;gap:8px;font-size:12px;line-height:1.4;display:flex}.pagina-clause-4 .z-icon{color:var(--portal-color);flex-shrink:0;margin-top:3px;font-size:10px}@media (width<=640px){.pagina-clause-4 .zaken-grid{grid-template-columns:1fr}}.pagina-clause-4 .status-dot{white-space:nowrap;background:0 0;border-radius:0;flex-shrink:1;align-items:center;gap:5px;width:auto;height:auto;font-size:11px;font-weight:600;display:inline-flex}.pagina-clause-4 .section-sub{color:var(--ds-text-2);margin:0 0 12px;font-size:12.5px;line-height:1.55}@media (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{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.pagina-clause-5 .taak-item{background:var(--ds-hover);border-radius:8px;align-items:flex-start;gap:9px;padding:9px 11px;display:flex}.pagina-clause-5 .taak-item svg{color:#16a34a;flex-shrink:0;margin-top:1px;font-size:16px}.pagina-clause-5 .taak-item>div{flex-direction:column;gap:2px;display:flex}.pagina-clause-5 .taak-tekst{color:var(--ds-text);font-size:12px;line-height:1.4}.pagina-clause-5 .taak-ref{color:var(--portal-color);font-size:10px;font-weight:700}.pagina-clause-5 .aanw-item{background:var(--ds-hover);border-left:3px solid var(--portal-color);border-radius:10px;padding:12px 14px}@media (width<=640px){.pagina-clause-5 .taken-grid{grid-template-columns:1fr}}.pagina-clause-5 .section h2{color:var(--ds-text);margin:0 0 14px;font-size:16px;font-weight:700}.pagina-clause-5 .section-sub{color:var(--ds-text-secondary);margin:-8px 0 14px;font-size:11px}.pagina-clause-5 .norm-text{border-left:4px solid var(--portal-color);color:var(--ds-text);background:#6366f114;border-radius:6px;padding:14px;font-size:13px;line-height:1.6}.pagina-clause-5 .checklist{flex-direction:column;gap:10px;display:flex}.pagina-clause-5 .check-item{background:var(--ds-hover);border-radius:8px;gap:12px;padding:12px;display:flex}.pagina-clause-5 .check-item.done svg{color:#16a34a;flex-shrink:0;font-size:20px}.pagina-clause-5 .check-content h4{color:var(--ds-text);margin:0 0 4px;font-size:12px;font-weight:600}.pagina-clause-5 .check-content p{color:var(--ds-text-secondary);margin:0;font-size:11px;line-height:1.4}.pagina-clause-5 .commitment-section{background:#6366f108;border-color:#6366f133}.pagina-clause-5 .commitment-card{border:1px solid #6366f133;border-radius:10px;overflow:hidden}.pagina-clause-5 .commitment-header{background:#6366f114;align-items:center;gap:12px;padding:14px 16px;display:flex}.pagina-clause-5 .commitment-header svg{color:var(--portal-color);flex-shrink:0;font-size:28px}.pagina-clause-5 .commitment-header h3{color:var(--ds-text);margin:0 0 2px;font-size:14px;font-weight:700}.pagina-clause-5 .commitment-header .meta{color:var(--ds-text-secondary);margin:0;font-size:11px}.pagina-clause-5 .commitment-body{padding:16px}.pagina-clause-5 .commitment-body p{color:var(--ds-text);margin:0 0 12px;font-size:13px;line-height:1.6}.pagina-clause-5 .commitment-body ul{margin:0 0 16px;padding-left:20px}.pagina-clause-5 .commitment-body ul li{color:var(--ds-text);margin-bottom:6px;font-size:13px;line-height:1.6}.pagina-clause-5 .signature-block{background:var(--ds-hover);border-radius:8px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.pagina-clause-5 .sig-line{color:var(--ds-text);font-size:12px}.pagina-clause-5 .sig-line strong{color:var(--ds-text);margin-right:6px}.pagina-clause-5 .sh-toolbar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.pagina-clause-5 .sh-count{color:var(--ds-text-secondary);font-size:12px}.pagina-clause-5 .add-btn{background:var(--portal-color);color:#fff;border-radius:var(--ds-radius-sm);cursor:pointer;white-space:nowrap;border:none;padding:7px 12px;font-size:12px;font-weight:600}.pagina-clause-5 .add-btn:hover{opacity:.88}.pagina-clause-5 .fg label{color:var(--ds-text);font-size:11px;font-weight:600}.pagina-clause-5 .fg input,.pagina-clause-5 .fg select,.pagina-clause-5 .fg textarea{border:1px solid var(--ds-border);color:var(--ds-text);background:var(--ds-card);border-radius:6px;padding:7px 9px;font-family:inherit;font-size:12px}.pagina-clause-5 .fg textarea{resize:vertical;min-height:64px}.pagina-clause-5 .rollen-table-wrap,.pagina-clause-5 .doelen-table-wrap{border:1px solid var(--ds-border);border-radius:8px;overflow-x:auto}.pagina-clause-5 .sh-table{border-collapse:collapse;width:100%;font-size:12px}.pagina-clause-5 .sh-table th{background:var(--ds-hover);text-align:left;color:var(--ds-text-secondary);white-space:nowrap;border-bottom:1px solid var(--ds-border);padding:10px 12px;font-size:11px;font-weight:700}.pagina-clause-5 .sh-table td{border-bottom:1px solid var(--ds-border);vertical-align:top;color:var(--ds-text);padding:10px 12px;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;color:var(--ds-text-secondary);font-size:11px}.pagina-clause-5 .act-btn{border:1px solid var(--ds-border);cursor:pointer;color:var(--ds-text-secondary);background:0 0;border-radius:4px;padding:3px 7px;font-size:11px}.pagina-clause-5 .act-btn.edit:hover{color:var(--portal-color);background:#6366f11a}.pagina-clause-5 .act-btn.del:hover{color:#dc2626;background:#ef44441a}.pagina-clause-5 .act-btn+.act-btn{margin-left:4px}.pagina-clause-5 .status-dot:before{content:"";border-radius:50%;width:7px;height:7px;display:inline-block}.pagina-clause-5 .dot-green:before{background:#16a34a}.pagina-clause-5 .policy-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px;display:grid}.pagina-clause-5 .policy-card{background:var(--ds-hover);border:1px solid var(--ds-border);border-radius:10px;flex-direction:column;gap:8px;padding:14px;display:flex}.pagina-clause-5 .policy-header{align-items:flex-start;gap:10px;display:flex}.pagina-clause-5 .policy-header svg{color:var(--portal-color);flex-shrink:0;margin-top:2px;font-size:20px}.pagina-clause-5 .policy-header h4{color:var(--ds-text);margin:0 0 2px;font-size:12px;font-weight:700}.pagina-clause-5 .policy-ref{color:var(--ds-text-secondary);font-size:10px}.pagina-clause-5 .badge-status{white-space:nowrap;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:700}.pagina-clause-5 .badge-gereed{color:#16a34a;background:#22c55e1f}.pagina-clause-5 .policy-desc{color:var(--ds-text-secondary);margin:0;font-size:11px;line-height:1.4}.pagina-clause-5 .policy-meta{flex-wrap:wrap;gap:10px;display:flex}.pagina-clause-5 .policy-meta span{color:var(--ds-text-secondary);background:var(--ds-card);border-radius:8px;padding:2px 7px;font-size:10px}.pagina-clause-5 .link-btn{color:var(--portal-color);white-space:nowrap;margin-top:4px;font-size:11px;font-weight:600;text-decoration:none;display:inline-block}.pagina-clause-5 .link-btn:hover{text-decoration:underline}.pagina-clause-5 .live-evidence{border-top:1px dashed var(--ds-border);margin-top:16px;padding-top:16px}.pagina-clause-5 .live-evidence h3{color:var(--ds-text);margin:0 0 4px;font-size:13px;font-weight:700}.pagina-clause-5 .le-sub{color:var(--ds-text-secondary);margin:0 0 12px;font-size:11px}.pagina-clause-5 .le-grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:10px;display:grid}.pagina-clause-5 .le-card{background:var(--ds-hover);border:1px solid var(--ds-border);border-radius:10px;align-items:center;gap:12px;padding:14px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.pagina-clause-5 .le-card:hover{border-color:var(--portal-color);transform:translateY(-2px)}.pagina-clause-5 .le-card>svg{color:var(--portal-color);flex-shrink:0;font-size:24px}.pagina-clause-5 .le-card h4{color:var(--ds-text);margin:0 0 2px;font-size:12px;font-weight:700}.pagina-clause-5 .le-card p{color:var(--ds-text-secondary);margin:0;font-size:11px;line-height:1.4}.pagina-clause-5 .le-arrow{color:var(--portal-color);flex-shrink:0;margin-left:auto;font-size:18px;font-weight:700}.pagina-clause-5 .audit-status{background:#22c55e0d;border-color:#22c55e33}.pagina-clause-5 .status-bar{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.pagina-clause-5 .status-item{background:var(--ds-card);border-radius:6px;align-items:center;gap:8px;padding:8px;font-size:12px;display:flex}.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{color:var(--ds-text-secondary);margin:0;font-size:12px}.pagina-clause-5 .status-dot{white-space:nowrap;background:0 0;border-radius:0;flex-shrink:1;align-items:center;gap:5px;width:auto;height:auto;font-size:11px;font-weight:600;display:inline-flex}.pagina-clause-5 .section-sub{color:var(--ds-text-2);margin:0 0 12px;font-size:12.5px;line-height:1.55}.pagina-clause-5 .aanw-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.pagina-clause-5 .aanw-item{background:var(--ds-hover);border-radius:10px;padding:12px 14px}.pagina-clause-5 .aanw-vraag{color:var(--ds-text);align-items:flex-start;gap:7px;font-size:12.5px;font-weight:700;line-height:1.45;display:flex}.pagina-clause-5 .aanw-vraag svg{color:var(--portal-color);flex-shrink:0;margin-top:1px;font-size:15px}.pagina-clause-5 .aanw-antwoord{color:var(--ds-text-2);align-items:flex-start;gap:7px;margin-top:6px;font-size:12px;line-height:1.5;display:flex}.pagina-clause-5 .aanw-antwoord svg{color:#16a34a;flex-shrink:0;margin-top:1px;font-size:14px}@media (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{color:var(--ds-text-2);justify-content:space-between;align-items:baseline;margin-bottom:7px;font-size:13.5px;font-weight:600;display:flex}.pagina-groei-simulator .sim-slider-top b{color:var(--portal-color);font-size:20px;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{flex-wrap:wrap;gap:12px;margin-bottom:14px;display:flex}.pagina-groei-simulator .sim-b{text-align:center;border:1px solid var(--ds-border);background:var(--ds-card);border-radius:14px;flex:1;min-width:100px;padding:14px 10px}.pagina-groei-simulator .sim-b svg{color:var(--portal-color);font-size:20px}.pagina-groei-simulator .sim-b b{color:var(--ds-text);letter-spacing:-.02em;margin:4px 0 2px;font-size:26px;font-weight:850;display:block}.pagina-groei-simulator .sim-b span{color:var(--ds-text-muted);font-size:11.5px}.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{border:1px solid var(--ds-border);border-radius:11px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;padding:11px 13px;display:flex}.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{color:var(--ds-text);font-size:13.5px;font-weight:700}.pagina-groei-simulator .sim-scen-num{color:var(--ds-text-muted);font-size:12.5px}.pagina-groei-simulator .sim-scen-num b{color:var(--ds-text)}.pagina-groei-simulator .sim-advies{background:var(--g-grad-soft);border-color:var(--g-ring);margin-top:12px}.pagina-groei-simulator .sim-advies p{color:var(--ds-text-2);margin:0;font-size:13px;line-height:1.55}.pagina-groei-simulator .sim-best{color:var(--g-green);margin-left:6px}.pagina-groei-brain .brain-input{align-items:center;gap:10px;display:flex}.pagina-groei-brain .brain-input>svg{color:var(--portal-color);flex-shrink:0;font-size:20px}.pagina-groei-brain .brain-input input{background:var(--ds-input);border:1px solid var(--ds-border);color:var(--ds-text);border-radius:11px;outline:none;flex:1;padding:12px 14px;font-size:14px}.pagina-groei-brain .brain-input input:focus{border-color:var(--portal-color)}.pagina-groei-brain .brain-sugg{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.pagina-groei-brain .brain-q{color:var(--ds-text);align-items:center;gap:9px;font-size:15px;font-weight:700;display:flex}.pagina-groei-brain .brain-q svg{color:var(--ds-text-muted);font-size:20px}.pagina-groei-brain .brain-a{gap:11px;margin-top:12px;display:flex}.pagina-groei-brain .brain-a>svg{color:var(--portal-color);flex-shrink:0;margin-top:2px;font-size:20px}.pagina-groei-brain .brain-a-txt{color:var(--ds-text-2);white-space:pre-wrap;font-size:14px;line-height:1.6}@media (width<=640px){.pagina-groei-brain .brain-sugg{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;max-width:100%;display:flex;overflow-x:auto}.pagina-groei-brain .brain-sugg::-webkit-scrollbar{display:none}.pagina-groei-brain .brain-sugg>*{white-space:nowrap;flex:none}}.bobc-fab{z-index:900;background:var(--portal-color,#818cf8);color:#fff;cursor:pointer;width:46px;height:46px;box-shadow:var(--ds-shadow-lg,0 8px 24px #00000047);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:80px;right:20px}.bobc-fab:hover{filter:brightness(1.08)}.bobc-fab:focus-visible{outline:2px solid var(--ds-accent,#818cf8);outline-offset:3px}.bobc-paneel{z-index:900;background:var(--ds-card,#151b26);width:min(400px,100vw - 32px);height:min(620px,100vh - 156px);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 #00000059);flex-direction:column;display:flex;position:fixed;bottom:80px;right:20px;overflow:hidden}.bobc-kop{border-bottom:1px solid var(--ds-border,#2a3446);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.bobc-titel{align-items:center;gap:6px;font-size:.92rem;font-weight:600;display:inline-flex}.bobc-kop-acties{gap:4px;display:flex}.bobc-iknop{border-radius:var(--ds-radius-sm);width:28px;height:28px;color:inherit;cursor:pointer;border:1px solid var(--ds-border,#2a3446);background:0 0;justify-content:center;align-items:center;display:flex}.bobc-iknop:hover{background:var(--ds-hover,#ffffff0f)}.bobc-stroom{flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px;display:flex;overflow-y:auto}.bobc-bericht{flex-direction:column;max-width:88%;display:flex}.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{overflow-wrap:anywhere;border-radius:12px;padding:8px 11px;font-size:.84rem;line-height:1.5}.van-bob .bobc-bel{background:var(--ds-bg,#ffffff0a);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{text-indent:-10px;padding-left:14px}.bobc-li:before{content:"– ";opacity:.6}.bobc-leegregel{height:.5em}.bobc-tijd{opacity:.5;margin-top:2px;font-size:.68rem}.bobc-invoer{border-top:1px solid var(--ds-border,#2a3446);align-items:flex-end;gap:6px;padding:10px 12px 6px;display:flex}.bobc-invoer textarea{resize:none;background:var(--ds-input,transparent);min-width:0;color:inherit;border:1px solid var(--ds-border,#2a3446);font:inherit;border-radius:10px;flex:1;padding:7px 10px;font-size:.84rem;line-height:1.45}.bobc-invoer textarea:focus{border-color:var(--ds-accent,#818cf8);outline:none}.bobc-verstuur{background:var(--portal-color,#818cf8);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.bobc-verstuur:disabled{opacity:.45;cursor:default}.bobc-voet{opacity:.5;padding:0 12px 9px;font-size:.68rem}@media (width<=560px){.bobc-paneel{width:auto;height:calc(100vh - 144px);bottom:72px;left:8px;right:8px}}@media (prefers-reduced-motion:no-preference){.bobc-fab{transition:filter .15s}}.pagina-nodes .card-title svg{color:var(--portal-color);flex-shrink:0;font-size:17px}.pagina-nodes .nodes-alert-strip{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:13px;grid-template-columns:24px auto 1fr;align-items:center;gap:12px;padding:14px 18px;font-size:13px;transition:border-color .2s,background .2s;display:grid;box-shadow:0 1px 2px #0000000a,0 6px 18px -12px #0000001a}.pagina-nodes .nodes-alert-strip svg{color:var(--portal-color);font-size:19px}.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{background:#22c55e0d;border-color:#22c55e4d}.pagina-nodes .nodes-alert-strip.ok svg{color:#22c55e}.pagina-nodes .nodes-alert-strip.critical{background:#ef44440d;border-color:#ef444466}.pagina-nodes .nodes-alert-strip.critical svg{color:#ef4444}.pagina-nodes .nodes-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px;display:grid}.pagina-nodes .node-card{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:13px;flex-direction:column;gap:11px;padding:15px;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex;position:relative;overflow:hidden}.pagina-nodes .node-card:hover{border-color:color-mix(in srgb, var(--portal-color) 25%, var(--ds-border));transform:translateY(-3px);box-shadow:0 2px 4px #0000000d,0 16px 32px -14px #0003}.pagina-nodes .node-card:before{content:"";background:#60a5fa;width:4px;position:absolute;top:0;bottom:0;left:0}.pagina-nodes .node-card.is-primary:before{background:linear-gradient(#34d399,#22c55e)}.pagina-nodes .node-card.is-standby:before{background:linear-gradient(#60a5fa,#3b82f6)}.pagina-nodes .node-head{align-items:center;gap:9px;display:flex}.pagina-nodes .node-icon{color:#60a5fa;background:#60a5fa1f;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;font-size:16px;display:grid}.pagina-nodes .node-card.is-primary .node-icon{color:#34d399;background:#34d3991f}.pagina-nodes .node-name{color:var(--ds-text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:800}.pagina-nodes .node-tier{letter-spacing:.05em;border-radius:999px;flex-shrink:0;margin-left:auto;padding:3px 9px;font-size:10px;font-weight:800}.pagina-nodes .node-tier.primary{color:#16a34a;background:#34d39924;border:1px solid #34d39940}.pagina-nodes .node-tier.standby{color:#2563eb;background:#60a5fa24;border:1px solid #60a5fa40}.pagina-nodes .node-role{color:var(--ds-text-muted);font-size:12px;line-height:1.45}.pagina-nodes .node-ips{background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:10px;flex-direction:column;gap:7px;padding:11px 12px;display:flex}.pagina-nodes .node-ip-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pagina-nodes .node-ip-label{letter-spacing:.05em;text-transform:uppercase;color:var(--ds-text-muted);font-size:10px;font-weight:800}.pagina-nodes .node-ip-val{color:var(--ds-text-2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.pagina-nodes .node-ip-val.wg{color:#16a34a;font-weight:700}.pagina-nodes .nodes-alerts{flex-direction:column;gap:6px;display:flex}.pagina-nodes .na-head{letter-spacing:.04em;text-transform:uppercase;color:var(--ds-text-muted);align-items:center;gap:7px;padding:2px 2px 4px;font-size:11px;font-weight:800;display:flex}.pagina-nodes .na-head svg{color:var(--portal-color);font-size:14px}.pagina-nodes .na-head-note{text-transform:none;letter-spacing:0;color:var(--ds-text-subtle);font-size:11px;font-weight:500}.pagina-nodes .na-row{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:11px;grid-template-columns:18px 1fr auto;align-items:center;gap:10px;padding:10px 14px;font-size:12px;display:grid}.pagina-nodes .na-row.offline{background:color-mix(in srgb, #f59e0b 6%, var(--ds-card));border-color:#f59e0b59}.pagina-nodes .na-row.offline svg{color:#f59e0b}.pagina-nodes .na-row.recovered{background:#22c55e0d;border-color:#22c55e59}.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-variant-numeric:tabular-nums;font-size:11px}.pagina-nodes .nl-spark{align-items:center;gap:8px;display:flex}.pagina-nodes .nl-spark-lbl{letter-spacing:.04em;text-transform:uppercase;color:var(--ds-text-muted);white-space:nowrap;font-size:9.5px;font-weight:800}.pagina-nodes .nl-spark svg{flex:1;width:100%;height:22px;display:block}.pagina-nodes .nl-spark polyline{fill:none;stroke:var(--portal-color);stroke-width:1.6px;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.pagina-nodes .node-live{background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.pagina-nodes .nl-bar-row{grid-template-columns:34px 1fr auto;align-items:center;gap:9px;display:grid}.pagina-nodes .nl-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ds-text-muted);font-size:10px;font-weight:800}.pagina-nodes .nl-track{background:var(--ds-card);border:1px solid var(--ds-border-subtle);border-radius:999px;height:7px;overflow:hidden}.pagina-nodes .nl-fill{background:#22c55e;border-radius:999px;height:100%;transition:width .4s;display:block}.pagina-nodes .nl-fill.warn{background:#f59e0b}.pagina-nodes .nl-fill.bad{background:#ef4444}.pagina-nodes .nl-val{color:var(--ds-text-2);font-variant-numeric:tabular-nums;text-align:right;min-width:52px;font-size:10.5px;font-weight:700}.pagina-nodes .nl-chips{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.pagina-nodes .nl-chip{background:var(--ds-hover);color:var(--ds-text-2);border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.pagina-nodes .nl-chip svg{font-size:12px}.pagina-nodes .nl-chip.danger{color:#dc2626;background:#ef44441f}.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{color:#16a34a;background:#22c55e24}.pagina-nodes .nl-chip.active-now svg{color:#16a34a}.pagina-nodes .nl-who-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.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{color:var(--ds-text-muted);gap:12px;font-size:10.5px;font-weight:600;display:flex}.pagina-nodes .nl-meta span{align-items:center;gap:4px;display:inline-flex}.pagina-nodes .nl-meta svg{font-size:12px}.pagina-nodes .nl-who{border-top:1px dashed var(--ds-border);flex-direction:column;gap:4px;padding-top:4px;display:flex}.pagina-nodes .nl-who-row{grid-template-columns:8px auto 1fr auto auto;align-items:center;gap:8px;font-size:10.5px;display:grid}.pagina-nodes .nl-who-user{color:var(--ds-text);font-family:ui-monospace,Menlo,monospace;font-weight:800}.pagina-nodes .nl-who-from{color:var(--ds-text-muted);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,Menlo,monospace;overflow:hidden}.pagina-nodes .nl-who-since{color:var(--ds-text-muted);font-variant-numeric:tabular-nums}.pagina-nodes .nl-kill-btn{border-radius:var(--ds-radius-sm);color:#dc2626;cursor:pointer;white-space:nowrap;background:#ef444414;border:1px solid #ef444466;padding:2px 8px;font-size:10px;font-weight:800;transition:background .15s,border-color .15s,transform .12s}.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{color:#16a34a;background:#22c55e1a;border:1px solid #22c55e40;border-radius:7px;margin-top:3px;padding:5px 9px;font-size:10.5px}.pagina-nodes .nl-kill-msg.err{color:#dc2626;background:#ef44441a;border-color:#ef444440}.pagina-nodes .node-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.pagina-nodes .node-reach{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:5px;min-height:22px;padding:3px 10px;font-size:10px;font-weight:800;display:inline-flex}.pagina-nodes .node-reach.up{color:#16a34a;background:#34d3991f;border:1px solid #34d39938}.pagina-nodes .node-reach.up:before{content:"";background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pagina-nodes-livePulse}.pagina-nodes .node-reach.down{color:#dc2626;background:#ef44441f;border:1px solid #ef444438}.pagina-nodes .node-reach.unknown{color:var(--ds-text-muted);border:1px solid var(--ds-border);background:#94a3b81f}.pagina-nodes .node-layer-tag{letter-spacing:.05em;text-transform:uppercase;color:var(--ds-text-muted);font-size:10px;font-weight:700}@keyframes pagina-nodes-livePulse{0%,to{opacity:1}50%{opacity:.35}}.pagina-nodes .ha-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:12px;display:grid}.pagina-nodes .ha-card{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:13px;padding:14px;transition:border-color .15s}.pagina-nodes .ha-card:hover{border-color:var(--portal-color)}.pagina-nodes .ha-card-head{color:var(--ds-text);align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:700;display:flex}.pagina-nodes .ha-card-head svg{color:#60a5fa;font-size:16px}.pagina-nodes .ha-pair{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.pagina-nodes .ha-slot{border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex}.pagina-nodes .ha-slot.primary{border-color:#34d3994d}.pagina-nodes .ha-slot.standby{border-color:#60a5fa4d}.pagina-nodes .ha-slot-tag{letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.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{color:var(--ds-text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:800}.pagina-nodes .ha-arrow{color:var(--ds-text-muted);font-size:17px}.pagina-nodes .ha-note{color:var(--ds-text-2);background:#f59e0b0f;border:1px solid #f59e0b47;border-radius:11px;gap:10px;margin-top:14px;padding:12px 14px;font-size:12px;line-height:1.55;display:flex}.pagina-nodes .ha-note svg{color:#f59e0b;flex:none;margin-top:1px;font-size:17px}@media (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 (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 (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{text-align:right;grid-column:1/-1}.pagina-nodes .nl-meta{flex-wrap:wrap;gap:8px}.pagina-nodes .nl-chips{gap:4px}.pagina-nodes .ha-pair{text-align:center;grid-template-columns:1fr;gap:8px}.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:1px solid var(--ds-border);background:var(--ds-card);border-radius:16px;animation:.35s both pagina-beveiliging-fadeUp;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 6px 20px -12px #0000001f}.pagina-beveiliging .ssh-live.has-alarm-border{border-color:#ef444466}.pagina-beveiliging .ssh-live-head{border-bottom:1px solid var(--ds-border);color:var(--ds-text);background:var(--ds-bg);align-items:center;gap:10px;padding:12px 18px;font-size:13px;font-weight:700;display:flex}.pagina-beveiliging .ssh-live-head>svg{color:var(--portal-color);font-size:16px}.pagina-beveiliging .sl-badge{border-radius:999px;align-items:center;gap:5px;margin-left:auto;padding:4px 11px;font-size:11px;font-weight:700;display:inline-flex}.pagina-beveiliging .sl-badge svg{font-size:13px}.pagina-beveiliging .sl-badge.ok{color:#16a34a;background:#22c55e1f;border:1px solid #22c55e40}.pagina-beveiliging .sl-badge.alarm{color:#dc2626;background:#ef44441f;border:1px solid #ef44444d;animation:1.5s infinite pagina-beveiliging-alarmPulse}@keyframes pagina-beveiliging-alarmPulse{0%,to{box-shadow:none}50%{box-shadow:0 0 10px #ef44444d}}.pagina-beveiliging .sl-refresh{cursor:pointer;color:var(--ds-text-muted);background:0 0;border:none;border-radius:6px;align-items:center;padding:4px 6px;font-size:15px;transition:color .15s;display:flex}.pagina-beveiliging .sl-refresh:hover{color:var(--portal-color)}.pagina-beveiliging .ssh-servers{flex-direction:column;gap:7px;padding:10px 14px;display:flex}.pagina-beveiliging .ssh-srv-card{border:1px solid var(--ds-border);border-radius:11px;transition:border-color .2s;overflow:hidden}.pagina-beveiliging .ssh-srv-card.srv-alarm{border-color:#ef444466}.pagina-beveiliging .ssh-srv-head{cursor:pointer;background:var(--ds-bg);align-items:center;gap:9px;padding:9px 13px;font-size:12px;transition:background .12s;display:flex}.pagina-beveiliging .ssh-srv-head:hover{background:var(--ds-hover)}.pagina-beveiliging .ssh-srv-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.pagina-beveiliging .ssh-srv-dot.ok{background:#22c55e;animation:2s infinite pagina-beveiliging-pulse;box-shadow:0 0 0 3px #22c55e33}.pagina-beveiliging .ssh-srv-dot.alarm{background:#ef4444;animation:1.2s infinite pagina-beveiliging-pulse;box-shadow:0 0 0 3px #ef444433}@keyframes pagina-beveiliging-pulse{0%,to{opacity:1}50%{opacity:.35}}.pagina-beveiliging .ssh-srv-name{color:var(--ds-text);font-family:ui-monospace,Menlo,monospace;font-weight:800}.pagina-beveiliging .ssh-srv-count{color:var(--ds-text-muted);font-size:10.5px}.pagina-beveiliging .ssh-srv-chev{color:var(--ds-text-muted);margin-left:auto;font-size:14px}.pagina-beveiliging .ssh-rows{flex-direction:column;display:flex}.pagina-beveiliging .ssh-row{border-top:1px solid var(--ds-border);grid-template-columns:4px 20px 1fr auto auto auto;align-items:center;gap:10px;padding:8px 13px;font-size:11px;transition:background .12s;display:grid}.pagina-beveiliging .ssh-row:hover{background:var(--ds-hover)}.pagina-beveiliging .ssh-row.row-alarm{background:#ef44440a}.pagina-beveiliging .sr-bar{border-radius:2px;height:100%;min-height:28px}.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{flex-shrink:0;font-size:14px}.pagina-beveiliging .ico-ok{color:#22c55e}.pagina-beveiliging .ico-warn{color:#f59e0b}.pagina-beveiliging .ico-alarm{color:#ef4444}.pagina-beveiliging .sr-label{color:var(--ds-text);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.pagina-beveiliging .sr-ip{color:var(--ds-text-muted);white-space:nowrap;font-family:ui-monospace,Menlo,monospace;font-size:10px}.pagina-beveiliging .sr-pid{color:var(--ds-text-muted);white-space:nowrap;font-size:10px}.pagina-beveiliging .sr-kill{color:#dc2626;cursor:pointer;white-space:nowrap;background:#ef444414;border:1px solid #ef444466;border-radius:6px;padding:2px 9px;font-size:10px;font-weight:800;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{color:#16a34a;justify-content:center;align-items:center;gap:8px;padding:20px;font-size:12.5px;font-weight:600;display:flex}.pagina-beveiliging .ssh-empty svg{font-size:18px}.pagina-beveiliging .kill-msg{color:#16a34a;background:#22c55e1a;border:1px solid #22c55e40;border-radius:9px;margin:0 14px 12px;padding:8px 12px;font-size:11.5px}.pagina-beveiliging .kill-msg.kill-err{color:#dc2626;background:#ef44441a;border-color:#ef444440}@keyframes pagina-beveiliging-fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (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{color:var(--ds-text-muted);margin:0 0 14px;font-size:12.5px;line-height:1.65}.cve-stand{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;font-size:13px;display:flex}.cve-stand .stip{background:var(--ds-text-muted);border-radius:999px;flex-shrink:0;width:8px;height:8px}.cve-stand .stip.bezig{background:#10b981}.cve-fout{color:#b91c1c}.cve-knoppen{flex-wrap:wrap;gap:8px;display:flex}.cve-melding{color:var(--ds-text);margin:12px 0 0;font-size:12.5px}.cve-log{background:var(--ds-bg);border:1px solid var(--ds-border);max-height:260px;color:var(--ds-text);border-radius:10px;margin:14px 0 0;padding:13px 15px;font-size:11.5px;line-height:1.55;overflow:auto}.muur{margin-bottom:16px}.muur .card-header h3{align-items:center;gap:8px;display:flex}.muur-lijst{flex-direction:column;gap:7px;margin:0 0 13px;padding:0;list-style:none;display:flex}.muur-lijst li{border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:9px 13px;display:flex}.muur-ip{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.muur-leeg{color:var(--ds-text-muted);margin:0 0 13px;font-size:12.5px}.muur-invoer{flex-wrap:wrap;gap:9px;display:flex}.muur-invoer .form-input{flex:1;min-width:200px;max-width:300px}.muur-uitleg{color:var(--ds-text-muted);margin:11px 0 0;font-size:12px;line-height:1.6}.pagina-norm-verkenner .explain{background:color-mix(in srgb, var(--portal-color) 7%, transparent);border:1px solid color-mix(in srgb, var(--portal-color) 22%, transparent);color:var(--ds-text-secondary);border-radius:12px;align-items:flex-start;gap:11px;padding:13px 15px;font-size:12.5px;line-height:1.55;display:flex}.pagina-norm-verkenner .explain>svg{color:var(--portal-color);flex-shrink:0;margin-top:1px;font-size:22px}.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{box-sizing:border-box;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:999px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;width:100%;margin-bottom:9px;padding:6px;display:flex}.pagina-norm-verkenner .nv-viewbar.seg-bar,.pagina-norm-verkenner .nv-typebar.seg-bar{background:0 0;border:none;border-radius:0;gap:6px;margin-bottom:0;padding:0;overflow:visible}.pagina-norm-verkenner .nv-viewbar .seg-btn,.pagina-norm-verkenner .nv-typebar .seg-btn{height:36px;color:var(--ds-text-2);cursor:pointer;white-space:nowrap;border:none;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.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:"";pointer-events:none;background:linear-gradient(#ffffff26,#0000);position:absolute;inset:0}.pagina-norm-verkenner .seg-n{background:var(--ds-hover);min-width:20px;height:18px;color:var(--ds-text-secondary);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.pagina-norm-verkenner .nv-typebar .seg-btn.active .seg-n{color:#fff;background:#ffffff40}.pagina-norm-verkenner .nv-sticky{z-index:20;background:var(--ds-bg);border-bottom:1px solid var(--ds-border);margin:-4px 0 0;padding:10px 0 8px;position:sticky;top:0}.pagina-norm-verkenner .nv-filters{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.pagina-norm-verkenner .nv-search,.pagina-norm-verkenner .fl,.pagina-norm-verkenner .reset{box-sizing:border-box;height:42px}.pagina-norm-verkenner .nv-search{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:999px;flex:1;align-items:center;gap:9px;min-width:260px;padding:0 18px;transition:border-color .15s,box-shadow .15s;display:flex}.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);flex-shrink:0;font-size:17px}.pagina-norm-verkenner .nv-search input{color:var(--ds-text);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13.5px}.pagina-norm-verkenner .nv-search .clr{background:var(--ds-hover);width:24px;height:24px;color:var(--ds-text-secondary);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pagina-norm-verkenner .fl{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:999px;align-items:center;gap:6px;padding:0 8px 0 15px;transition:border-color .15s,box-shadow .15s;display:inline-flex}.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{color:var(--ds-text-secondary);flex-shrink:0;font-size:15px}.pagina-norm-verkenner .fl select{color:var(--ds-text);cursor:pointer;background:0 0;border:none;outline:none;max-width:230px;height:100%;padding:0 18px 0 4px;font-family:inherit;font-size:12.5px}.pagina-norm-verkenner .reset{border:1px solid var(--ds-border);background:var(--ds-hover);color:var(--ds-text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:0 17px;font-family:inherit;font-size:12px;font-weight:700;transition:color .15s,border-color .15s;display:inline-flex}.pagina-norm-verkenner .reset:hover{color:var(--portal-color);border-color:var(--portal-color)}.pagina-norm-verkenner .legend{background:0 0;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:2px 2px 0;display:flex}.pagina-norm-verkenner .lg{color:var(--ds-text-muted);align-items:center;gap:5px;font-size:10.5px;display:inline-flex}.pagina-norm-verkenner .lg svg{color:var(--ds-text-muted);font-size:13px}.pagina-norm-verkenner .lg-pill{color:var(--portal-color);background:color-mix(in srgb, var(--portal-color) 14%, transparent);border-radius:999px;padding:2px 6px;font-size:10px;font-weight:800}.pagina-norm-verkenner .lg-badge{letter-spacing:.04em;color:var(--portal-color);background:color-mix(in srgb, var(--portal-color) 12%, transparent);border-radius:5px;padding:2px 6px;font-size:9px;font-weight:800}.pagina-norm-verkenner .lg-badge.live{color:#16a34a;background:#22c55e1f}.pagina-norm-verkenner .result-count{color:var(--ds-text-muted);flex-shrink:0;font-size:11.5px;font-weight:600}.pagina-norm-verkenner .nv-toolbar{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.pagina-norm-verkenner .nv-jump{flex-wrap:wrap;flex:1;align-items:center;gap:5px;min-width:0;display:flex}.pagina-norm-verkenner .nj-lbl{color:var(--ds-text-secondary);font-size:11px;font-weight:700}.pagina-norm-verkenner .nj-chip{border:1px solid var(--ds-border);background:var(--ds-card);width:26px;height:26px;color:var(--ds-text-secondary);border-radius:var(--ds-radius-sm);cursor:pointer;justify-content:center;align-items:center;font-family:inherit;font-size:12px;font-weight:800;transition:all .12s;display:inline-flex}.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{gap:4px;display:inline-flex}.pagina-norm-verkenner .nv-collapse-ctl button{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-secondary);border-radius:var(--ds-radius-sm);cursor:pointer;align-items:center;gap:4px;padding:6px 10px;font-family:inherit;font-size:11.5px;font-weight:700;display:inline-flex}.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{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);border-radius:10px;align-items:center;gap:8px;padding:10px 13px;font-size:12.5px;display:flex}.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{flex-direction:column;gap:20px;display:flex}.pagina-norm-verkenner .nv-gh{color:#fff;cursor:pointer;text-align:left;background:linear-gradient(135deg, var(--portal-color), color-mix(in srgb, var(--portal-color) 70%, #000));border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:800;display:flex}.pagina-norm-verkenner .gh-chev{opacity:.9;flex-shrink:0;font-size:16px;transition:transform .18s}.pagina-norm-verkenner .nv-gh.collapsed .gh-chev{transform:rotate(-90deg)}.pagina-norm-verkenner .gh-label{flex:1;align-items:center;gap:7px;min-width:0;display:inline-flex}.pagina-norm-verkenner .gh-label svg{opacity:.9;font-size:15px}.pagina-norm-verkenner .gh-count{background:#ffffff40;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700}.pagina-norm-verkenner .nv-list{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:10px;margin-top:10px;display:grid}.pagina-norm-verkenner .nv-row{border:1px solid var(--ds-border);background:var(--ds-card);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;gap:9px;padding:13px 14px;font-family:inherit;transition:border-color .12s,box-shadow .12s,transform 60ms;display:flex}.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{align-items:center;gap:8px;display:flex}.pagina-norm-verkenner .nv-spacer{flex:1}.pagina-norm-verkenner .nv-id{color:var(--portal-color);background:color-mix(in srgb, var(--portal-color) 12%, transparent);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:7px;padding:4px 9px;font-size:11px;font-weight:800}.pagina-norm-verkenner .nv-rt{color:var(--ds-text);word-break:normal;overflow-wrap:anywhere;font-size:13.5px;font-weight:700;line-height:1.4}.pagina-norm-verkenner .nv-ok{color:#16a34a;align-items:center;gap:4px;font-size:10.5px;font-weight:700;display:inline-flex}.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{color:var(--ds-text-muted);background:var(--ds-hover);border-radius:999px;align-items:center;gap:3px;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.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{text-align:center;color:var(--ds-text-secondary);padding:36px}.pagina-norm-verkenner .nv-empty button{color:var(--portal-color);cursor:pointer;background:0 0;border:none;margin-left:6px;font-weight:700;text-decoration:underline}.pagina-norm-verkenner .ov{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0f0f1e8c;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.pagina-norm-verkenner .sheet{background:var(--ds-card);border-radius:18px;width:100%;max-width:720px;max-height:94vh;padding:26px 28px;position:relative;overflow-y:auto;box-shadow:0 30px 80px #0006}.pagina-norm-verkenner .sheet.split{align-items:stretch;max-width:1400px;max-height:94vh;padding:0;display:flex;overflow:hidden}.pagina-norm-verkenner .pane-left{background:var(--ds-card);flex:0 0 44%;max-width:44%;max-height:94vh;padding:26px 26px 28px;overflow-y:auto}.pagina-norm-verkenner .sheet.split{background:var(--ds-card)}.pagina-norm-verkenner .pane-right{border-left:1px solid var(--ds-border);background:var(--ds-hover);flex-direction:column;flex:1;min-width:0;display:flex}.pagina-norm-verkenner .pdf-bar{box-sizing:border-box;border-bottom:1px solid var(--ds-border);background:var(--ds-card);justify-content:space-between;align-items:center;gap:10px;height:52px;padding:0 60px 0 14px;display:flex}.pagina-norm-verkenner .pdf-name{color:var(--ds-text-secondary);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:12px;font-weight:700;display:inline-flex;overflow:hidden}.pagina-norm-verkenner .pdf-actions{flex-shrink:0;gap:6px;display:inline-flex}.pagina-norm-verkenner .pdf-btn{border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);background:var(--ds-card);color:var(--portal-color);cursor:pointer;align-items:center;gap:5px;padding:6px 11px;font-family:inherit;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.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{border:none;flex:1;width:100%;min-height:72vh}.pagina-norm-verkenner .pdf-full{z-index:1100;background:var(--ds-card);flex-direction:column;display:flex;position:fixed;inset:0}.pagina-norm-verkenner .pdf-full-bar{background:var(--portal-color);color:#fff;justify-content:space-between;align-items:center;padding:12px 18px;font-size:13px;font-weight:700;display:flex}.pagina-norm-verkenner .pdf-full-bar span{align-items:center;gap:7px;display:inline-flex}.pagina-norm-verkenner .pdf-full-bar button{color:#fff;border-radius:var(--ds-radius-sm);cursor:pointer;background:#fff3;border:none;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:700;display:inline-flex}.pagina-norm-verkenner .pdf-full iframe{border:none;flex:1;width:100%}@media (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{border:1px solid var(--ds-border);background:var(--ds-hover);color:var(--ds-text);border-radius:11px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:12px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.pagina-norm-verkenner .dl-pdf svg{color:var(--portal-color);font-size:17px}.pagina-norm-verkenner .dl-pdf:hover{border-color:var(--portal-color);color:var(--portal-color)}.pagina-norm-verkenner .nv-edit{cursor:pointer;width:100%;margin-top:8px;font-family:inherit}.pagina-norm-verkenner .nv-editor{flex-direction:column;gap:8px;margin-top:12px;display:flex}.pagina-norm-verkenner .nv-edit-bar{color:var(--ds-text-secondary);justify-content:space-between;align-items:center;font-size:11.5px;font-weight:700;display:flex}.pagina-norm-verkenner .nv-save-msg{color:#16a34a}.pagina-norm-verkenner .nv-md{resize:vertical;border:1px solid var(--ds-border);width:100%;min-height:240px;color:var(--ds-text);background:var(--ds-card);box-sizing:border-box;border-radius:10px;padding:11px 12px;font-family:SF Mono,Consolas,monospace;font-size:11.5px;line-height:1.5}.pagina-norm-verkenner .nv-md-sm{min-height:90px;margin-bottom:12px;font-family:inherit;font-size:13px}.pagina-norm-verkenner .nv-edit-bar svg{vertical-align:-2px;margin-right:3px;font-size:13px}.pagina-norm-verkenner .nv-edit-foot{justify-content:flex-end;gap:8px;display:flex}.pagina-norm-verkenner .nv-btn{border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);cursor:pointer;padding:8px 14px;font-family:inherit;font-size:12.5px;font-weight:700}.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{background:color-mix(in srgb, var(--portal-color) 12%, transparent);width:34px;height:34px;color:var(--portal-color);cursor:pointer;z-index:5;border:none;border-radius:999px;place-items:center;margin:0;padding:0;line-height:1;display:grid;position:absolute;top:9px;right:12px}.pagina-norm-verkenner .x svg{width:22px;height:22px;font-size:22px}.pagina-norm-verkenner .x:hover{background:var(--portal-color);color:#fff}.pagina-norm-verkenner .sheet-head{margin-bottom:16px;padding-right:40px}.pagina-norm-verkenner .sh-meta{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:8px;display:flex}.pagina-norm-verkenner .sh-id{color:#fff;background:var(--portal-color);font-variant-numeric:tabular-nums;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:800}.pagina-norm-verkenner .sh-status{color:#16a34a;background:#22c55e1f;border-radius:8px;align-items:center;gap:4px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.pagina-norm-verkenner .sh-status svg{font-size:14px}.pagina-norm-verkenner .sh-t{color:var(--ds-text);letter-spacing:-.01em;margin:0 0 8px;font-size:18px;font-weight:800;line-height:1.3}.pagina-norm-verkenner .sh-topic{color:var(--ds-text-muted);align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.pagina-norm-verkenner .sh-topic svg{font-size:13px}.pagina-norm-verkenner .seg{background:var(--ds-hover);border-radius:11px;gap:4px;padding:4px;display:flex}.pagina-norm-verkenner .seg button{border-radius:var(--ds-radius-sm);color:var(--ds-text-secondary);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 8px;font-family:inherit;font-size:12.5px;font-weight:700;transition:all .15s;display:inline-flex}.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{margin-top:14px;overflow:hidden}.pagina-norm-verkenner .track{align-items:stretch;transition:transform .32s cubic-bezier(.4,0,.2,1);display:flex}.pagina-norm-verkenner .nv-card{box-sizing:border-box;background:var(--ds-card);min-width:100%}.pagina-norm-verkenner .nv-card p{color:var(--ds-text);min-height:132px;margin:0;font-size:14.5px;line-height:1.65}.pagina-norm-verkenner .swipe-hint{color:var(--ds-text-muted);justify-content:center;align-items:center;gap:5px;padding:8px 0 2px;font-size:10.5px;display:flex}.pagina-norm-verkenner .swipe-hint svg{font-size:13px}.pagina-norm-verkenner .bewijs{border-top:1px solid var(--ds-border);margin-top:14px;padding-top:16px}.pagina-norm-verkenner .bewijs-btn.open{background:var(--portal-color);color:#fff}.pagina-norm-verkenner .btag{text-transform:uppercase;letter-spacing:.05em;color:var(--portal-color);background:color-mix(in srgb, var(--portal-color) 12%, transparent);border-radius:6px;padding:3px 8px;font-size:9.5px;font-weight:800;display:inline-block}.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{flex-direction:column;gap:8px;display:flex}.pagina-norm-verkenner .bv-intro{color:var(--ds-text-muted);margin:0 0 2px;font-size:11.5px}.pagina-norm-verkenner .bv-list{flex-direction:column;gap:7px;display:flex}.pagina-norm-verkenner .bv-item{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:10px;align-items:center;gap:9px;padding:9px 11px;display:flex}.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{min-width:0;color:var(--ds-text);flex:1;font-size:12px;line-height:1.35}.pagina-norm-verkenner .bv-open{background:var(--portal-color);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:6px 11px;font-family:inherit;font-size:11.5px;font-weight:700;text-decoration:none;display:inline-flex}.pagina-norm-verkenner .bv-open svg{font-size:14px}.pagina-norm-verkenner .bv-open:hover{opacity:.9}.pagina-norm-verkenner .bl{color:var(--ds-text);word-break:break-word;margin:9px 0 12px;font-size:13px;font-weight:600;line-height:1.45}@media (width<=640px){.pagina-norm-verkenner .nv-jump{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;max-width:100%;display:flex;overflow-x:auto}.pagina-norm-verkenner .nv-jump::-webkit-scrollbar{display:none}.pagina-norm-verkenner .nv-jump>*{white-space:nowrap;flex:none}}.pagina-vvt .vvt-actions{align-items:center;gap:14px;margin-bottom:12px;display:flex}.pagina-vvt .vvt-actions .dl{background:var(--portal-color);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:8px 14px;font-weight:600;text-decoration:none;display:inline-block}.pagina-vvt .vvt-count{color:var(--ds-text-muted);font-size:13px}.pagina-vvt .vvt-doc{background:var(--ds-card);color:var(--ds-text);border-radius:8px;padding:24px;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%;color:var(--ds-text);table-layout:fixed;font-size:10.5px}.pagina-vvt .vvt-table th,.pagina-vvt .vvt-table td{border:1px solid var(--ds-border-strong);vertical-align:top;text-align:left;word-wrap:break-word;padding:4px 6px}.pagina-vvt .vvt-strip th{border:none;height:7px;padding:0}.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:0 0}.pagina-vvt .vvt-head th{background:var(--ds-card);border-top:none;font-size:10px;font-weight:700;line-height:1.25}.pagina-vvt .vvt-group td{background:var(--ds-hover);font-weight:700}.pagina-vvt .vvt-row .c-nr{white-space:nowrap;font-weight:600}.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;color:#1a7a3a;font-weight:700}.pagina-vvt .vvt-row .c-ja.nee{color:#b00}.pagina-vvt .vvt-row .c-x{text-align:center;color:var(--ds-text);font-size:13px;line-height:1}@media (width<=900px){.pagina-vvt .vvt-doc{-webkit-overflow-scrolling:touch;overflow-x:auto}.pagina-vvt .vvt-table{table-layout:auto;width:auto;min-width:1120px}.pagina-vvt .vvt-table thead th{white-space:nowrap}}.pagina-monitoring .mon{flex-direction:column;gap:16px;padding:16px;display:flex}.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{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.04em;margin:14px 0 8px;font-size:13px}.pagina-monitoring .mon .sub{color:var(--ds-text-muted);margin:0 0 12px;font-size:12.5px}.pagina-monitoring .stats{flex-wrap:wrap;gap:12px;display:flex}.pagina-monitoring .stat{background:var(--ds-hover);border-radius:10px;min-width:120px;padding:12px 16px}.pagina-monitoring .stat .n{font-size:24px;font-weight:800}.pagina-monitoring .stat .l{color:var(--ds-text-muted);font-size:11.5px}.pagina-monitoring .stat.danger .n{color:#dc2626}.pagina-monitoring .cols{grid-template-columns:1fr 1fr;gap:24px;margin-top:8px;display:grid}@media (width<=800px){.pagina-monitoring .cols{grid-template-columns:1fr}}.pagina-monitoring .bar{grid-template-columns:90px 1fr 54px;align-items:center;gap:8px;margin:4px 0;font-size:12.5px;display:grid}.pagina-monitoring .bar-lbl{white-space:nowrap}.pagina-monitoring .bar-lbl.dom{text-overflow:ellipsis;font-size:11px;overflow:hidden}.pagina-monitoring .bar-lbl.ok{color:#16a34a;font-weight:700}.pagina-monitoring .bar-fill{background:#dc2626;border-radius:4px;min-width:2px;height:14px}.pagina-monitoring .bar-fill.blue{background:var(--portal-color)}.pagina-monitoring .bar-val{text-align:right;font-variant-numeric:tabular-nums}.pagina-monitoring .tbl{border-collapse:collapse;width:100%;font-size:12.5px}.pagina-monitoring .tbl th{text-align:left;color:var(--ds-text-muted);border-bottom:1px solid var(--ds-border);padding:4px 6px;font-weight:600}.pagina-monitoring .tbl td{border-bottom:1px solid var(--ds-border);padding:4px 6px}.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{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.pagina-monitoring .chip.off{color:#dc2626}.pagina-monitoring .warn{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin:4px 0 8px;padding:9px 12px;font-size:12.5px}.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:0 0}.pagina-scope .lead{color:var(--ds-text-2);margin:0;font-size:15px;line-height:1.6}.pagina-scope .tag-row{flex-wrap:wrap;gap:8px;display:flex}.pagina-scope .tag{background:color-mix(in srgb, var(--portal-color) 12%, transparent);color:var(--portal-color);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.pagina-scope .tag svg{font-size:15px}.pagina-scope .clean-list{color:var(--ds-text-2);margin:0;padding-left:18px;line-height:1.8}.pagina-scope .verant{flex-direction:column;gap:8px;font-size:13px;display:flex}.pagina-scope .verant svg{vertical-align:middle;color:var(--portal-color);margin-right:4px}.pagina-pdca .sub-tabs{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:0 0 16px;display:grid}.pagina-pdca .sub-tab{background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text-2);cursor:pointer;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 16px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a}.pagina-pdca .sub-tab svg{color:var(--ds-text-muted);font-size:18px}.pagina-pdca .sub-tab:hover{border-color:var(--portal-color);color:var(--portal-color);transform:translateY(-2px);box-shadow:0 6px 18px -8px #0000002e}.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 (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{flex-direction:column;gap:20px;display:flex}.pagina-pdca .meta-pill{color:#4338ca;background:#eef2ff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.pagina-pdca .meta-pill.subtle{background:var(--ds-hover);color:var(--ds-text-2)}.pagina-pdca .live-topbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pagina-pdca .iso-ref{color:var(--cdt-text-secondary,var(--ds-text-muted));font-size:.8rem}.pagina-pdca .btn-play{border:1px solid color-mix(in srgb, var(--portal-color) 40%, transparent);background:color-mix(in srgb, var(--portal-color) 8%, transparent);color:#6366f1;cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.pagina-pdca .btn-play:hover{background:color-mix(in srgb, var(--portal-color) 18%, transparent)}.pagina-pdca .btn-play.is-running{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000}.pagina-pdca .pdca-wrapper{justify-content:center;align-items:center;padding:1.5rem 0 2rem;display:flex}.pagina-pdca .pdca-ring{aspect-ratio:1;width:min(480px,80vw);transform:rotate(var(--rotation,0deg));border-radius:50%;transition:transform 1.2s cubic-bezier(.4,0,.2,1);position:relative}.pagina-pdca .ring-bg{opacity:.1;filter:blur(2px);background:conic-gradient(from -45deg,#3b82f6 0deg 90deg,#f59e0b 90deg 180deg,#10b981 180deg 270deg,#ef4444 270deg 360deg);border-radius:50%;position:absolute;inset:0}.pagina-pdca .ring-bg.is-spinning{animation:24s linear infinite pagina-pdca-ring-spin}@keyframes pagina-pdca-ring-spin{to{transform:rotate(360deg)}}.pagina-pdca .phase-sector{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;border-radius:50%;transition:opacity .4s,transform .4s;position:absolute;inset:0}.pagina-pdca .phase-sector.is-active{opacity:.55;filter:drop-shadow(0 0 18px var(--phase-color));animation:2.4s ease-in-out infinite pagina-pdca-phase-pulse}@keyframes pagina-pdca-phase-pulse{0%,to{opacity:.5}50%{opacity:.85}}.pagina-pdca .phase-label{transform-origin:0 0;pointer-events:auto;cursor:pointer;color:var(--phase-color);background:#ffffffeb;border-radius:.7rem;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .6rem;transition:all .2s;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 4px 12px #00000014}.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-size:.9rem;font-weight:700}.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{transform:translate(-50%, -50%) rotate(calc(var(--rotation,0deg) * -1));aspect-ratio:1;width:42%;box-shadow:0 6px 24px #0000001f, inset 0 0 0 4px var(--phase-color,#6366f1);text-align:center;background:radial-gradient(circle,#fffffffa 60%,#ffffffb3);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;transition:box-shadow .5s;display:flex;position:absolute;top:50%;left:50%}.pagina-pdca .center-label{letter-spacing:.12em;color:var(--phase-color,#6366f1);font-size:.85rem;font-weight:700}.pagina-pdca .center-subtitle{color:var(--cdt-text-secondary,var(--ds-text-muted));text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.pagina-pdca .center-bignum{color:var(--phase-color,#6366f1);font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:800;line-height:1}.pagina-pdca .center-unit{color:var(--cdt-text-secondary,var(--ds-text-muted));text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.pagina-pdca .outer-pulse{border:2px solid var(--phase-color,#6366f1);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-8px}.pagina-pdca .outer-pulse.is-active{animation:3s ease-out infinite pagina-pdca-outer-pulse}@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-left:4px solid var(--phase-color,#6366f1);border-radius:16px;margin-bottom:1.5rem;padding:1.5rem;transition:border-color .4s;box-shadow:0 2px 8px #0000000d}.pagina-pdca .detail-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.pagina-pdca .detail-header svg{color:var(--phase-color);font-size:1.8rem}.pagina-pdca .detail-title{font-size:1.15rem;font-weight:700}.pagina-pdca .detail-iso{color:var(--cdt-text-secondary,var(--ds-text-muted));letter-spacing:.04em;font-size:.75rem}.pagina-pdca .detail-desc{color:var(--cdt-text-secondary,#4b5563);margin:0 0 1rem;font-size:.92rem;line-height:1.55}.pagina-pdca .stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.pagina-pdca .stat-card:hover{transform:translateY(-2px)}.pagina-pdca .stat-hint{color:var(--cdt-text-secondary,var(--ds-text-muted));margin-top:.15rem;font-size:.72rem}.pagina-pdca .activity-title{margin:1.2rem 0 .6rem;font-size:.95rem;font-weight:700}.pagina-pdca .activity-list{flex-direction:column;gap:.4rem;display:flex}.pagina-pdca .activity-row{border-left:2px solid var(--phase-color);background:#00000006;border-radius:8px;grid-template-columns:96px 1fr auto;align-items:center;gap:.6rem;padding:.6rem .75rem;transition:background .15s,transform .15s;animation:.4s both pagina-pdca-slide-in;display:grid}.pagina-pdca .activity-row:hover{background:color-mix(in srgb, var(--portal-color) 6%, transparent);transform:translate(2px)}@keyframes pagina-pdca-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.pagina-pdca .activity-date{color:var(--cdt-text-secondary,var(--ds-text-muted));font-variant-numeric:tabular-nums;font-size:.75rem}.pagina-pdca .activity-label{align-items:center;gap:.5rem;font-size:.88rem;font-weight:600;display:flex}.pagina-pdca .activity-detail{color:var(--cdt-text-secondary,var(--ds-text-muted));margin-top:.15rem;font-size:.78rem}.pagina-pdca .activity-iso{background:color-mix(in srgb, var(--portal-color) 12%, transparent);color:#6366f1;border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.pagina-pdca .badge[data-type=security]{color:#ef4444;background:#ef444426}.pagina-pdca .badge[data-type=fix]{color:#d97706;background:#f59e0b26}.pagina-pdca .badge[data-type=feature]{color:#2563eb;background:#3b82f626}.pagina-pdca .badge[data-type=docs]{background:color-mix(in srgb, var(--portal-color) 15%, transparent);color:#6366f1}.pagina-pdca .badge[data-type=config]{color:#059669;background:#10b98126}.pagina-pdca .badge[data-type=deploy]{color:#7c3aed;background:#a855f726}.pagina-pdca .badge[data-type=refactor]{background:color-mix(in srgb, var(--ds-text-muted) 15%, transparent);color:#4b5563}.pagina-pdca .activity-empty{text-align:center;color:var(--cdt-text-secondary,var(--ds-text-muted));padding:1rem;font-size:.85rem}.pagina-pdca .pdca-summary h3{margin:0 0 .85rem;font-size:1rem;font-weight:700}.pagina-pdca .summary-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.85rem;display:grid}.pagina-pdca .summary-tile{background:var(--cdt-bg-elevated,var(--ds-card));cursor:pointer;border:1px solid #0000000f;border-radius:12px;padding:1rem;transition:all .25s;position:relative;overflow:hidden}.pagina-pdca .summary-tile:before{content:"";background:var(--phase-color);height:3px;position:absolute;top:0;left:0;right:0}.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{align-items:center;gap:.55rem;margin-bottom:.65rem;display:flex}.pagina-pdca .tile-head svg{color:var(--phase-color);font-size:1.4rem}.pagina-pdca .tile-label{font-size:.95rem;font-weight:700}.pagina-pdca .tile-sub{color:var(--cdt-text-secondary,var(--ds-text-muted));font-size:.72rem}.pagina-pdca .tile-num{color:var(--phase-color);font-variant-numeric:tabular-nums;font-size:2.1rem;font-weight:800;line-height:1}.pagina-pdca .tile-foot{color:var(--cdt-text-secondary,var(--ds-text-muted));text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.72rem}@media (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{box-shadow:0 6px 20px color-mix(in srgb, var(--portal-color) 10%, transparent);background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 45%,#f5f3ff 100%);border:1px solid #c7d2fe;border-radius:22px;padding:44px 44px 36px;position:relative;overflow:hidden}.pagina-pdca .hero-bg{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%, #a78bfa38 0, transparent 42%);position:absolute;inset:0}.pagina-pdca .hero-inner{z-index:1;position:relative}.pagina-pdca .hero-eyebrow{color:#4338ca;letter-spacing:.5px;text-transform:uppercase;border:1px solid color-mix(in srgb, var(--portal-color) 25%, transparent);background:#ffffffb3;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.pagina-pdca .hero-eyebrow svg{font-size:14px}.pagina-pdca .hero-title{color:#1e1b4b;letter-spacing:-.5px;margin:16px 0 6px;font-size:34px;font-weight:800;line-height:1.15}.pagina-pdca .hero-sub{color:#4338ca;margin:0;font-size:17px;font-weight:500}.pagina-pdca .hero-quote{color:#1e1b4b;box-shadow:0 2px 8px color-mix(in srgb, var(--portal-color) 8%, transparent);background:#ffffffbf;border-left:4px solid #6366f1;border-radius:10px;margin:26px 0 24px;padding:18px 22px 18px 56px;font-size:16px;font-style:italic;line-height:1.55;position:relative}.pagina-pdca .quote-mark{color:#6366f1;font-size:24px;font-style:normal;position:absolute;top:18px;left:18px}.pagina-pdca .kpi-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.pagina-pdca .kpi-pill{background:#ffffffd9;border:2px solid;border-radius:14px;align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:0 1px 3px #0f172a0f}.pagina-pdca .kpi-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.pagina-pdca .kpi-meta{flex-direction:column;line-height:1.2;display:flex}.pagina-pdca .kpi-label{color:var(--ds-text-2);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.pagina-pdca .kpi-count{font-size:26px;font-weight:800;animation:.5s ease-out pagina-pdca-count-pop}@keyframes pagina-pdca-count-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(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{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.pagina-pdca .diagram-title{align-items:flex-start;gap:12px;display:flex}.pagina-pdca .diagram-title svg{color:#6366f1;margin-top:2px;font-size:28px}.pagina-pdca .diagram-title h2{color:var(--ds-text);margin:0;font-size:18px;font-weight:700}.pagina-pdca .diagram-title p{color:var(--ds-text-muted);margin:4px 0 0;font-size:13px}.pagina-pdca .diagram-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pagina-pdca .ctrl-btn{color:#fff;border-radius:var(--ds-radius-sm);cursor:pointer;background:#6366f1;border:none;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.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{background:var(--ds-bg);border:1px solid var(--ds-border);color:var(--ds-text-2);border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:12.5px;display:inline-flex}.pagina-pdca .speed-control svg{color:#6366f1;font-size:16px}.pagina-pdca .speed-control input[type=range]{accent-color:#6366f1;width:110px}.pagina-pdca .speed-val{color:#4338ca;text-align:right;min-width:38px;font-weight:700}.pagina-pdca .diagram-wrap{--anim-duration:60s;--anim-duration-inner:20s;justify-content:center;width:100%;display:flex}.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:2px}.pagina-pdca .arc-arrow-return{stroke:var(--ds-text-subtle);stroke-width:1.6px;stroke-dasharray:5 4}.pagina-pdca .phase-group{cursor:pointer;transition:transform .18s}.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:2px;transition:fill .2s,stroke .2s,stroke-width .2s}.pagina-pdca .phase-subblock{fill:var(--ds-hover);stroke:var(--ds-border);stroke-width:1.4px}.pagina-pdca .phase-title{fill:var(--ds-text);letter-spacing:1.5px;font-size:26px;font-weight:800}.pagina-pdca .phase-sub{fill:var(--ds-text-2);font-size:14px;font-weight:500}.pagina-pdca .phase-subtext{fill:var(--ds-text-2);font-size:12.5px}.pagina-pdca .phase-group.active .phase-rect.phase-plan{fill:#3b82f633;stroke:#3b82f6;stroke-width:3px}.pagina-pdca .phase-group.active .phase-rect.phase-do{fill:#f59e0b33;stroke:#f59e0b;stroke-width:3px}.pagina-pdca .phase-group.active .phase-rect.phase-check{fill:#10b98133;stroke:#10b981;stroke-width:3px}.pagina-pdca .phase-group.active .phase-rect.phase-act{fill:#ef444433;stroke:#ef4444;stroke-width:3px}.pagina-pdca .arc-label{fill:var(--ds-text-2);font-size:14px;font-weight:600}.pagina-pdca .arc-label-small{fill:var(--ds-text-muted);font-size:11px;font-weight:500}.pagina-pdca .inner-label{fill:#4338ca;font-size:15px;font-weight:700}.pagina-pdca .inner-label-sm{fill:#4338ca;font-size:12px;font-weight:600}.pagina-pdca .inner-sub{fill:var(--ds-text-muted);font-size:11px;font-style:italic}.pagina-pdca .inner-tile{fill:var(--ds-card);stroke-width:1.5px}.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{fill:var(--ds-text-2);font-size:11px;font-weight:600}.pagina-pdca .legend{border-top:1px dashed var(--ds-border);flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;padding-top:16px;display:flex}.pagina-pdca .legend-item{background:var(--ds-card);border:2px solid var(--ds-border);color:var(--ds-text-2);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.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{border-radius:3px;width:12px;height:12px;display:inline-block}.pagina-pdca .detail-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;padding:18px 20px}.pagina-pdca .detail-head{border-left:6px solid #6366f1;border-radius:10px;align-items:center;gap:16px;padding:14px 18px;display:flex}.pagina-pdca .detail-head-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pagina-pdca .detail-head-icon svg{font-size:24px}.pagina-pdca .detail-head h3{color:var(--ds-text);margin:0 0 4px;font-size:18px;font-weight:700}.pagina-pdca .detail-sub{color:var(--ds-text-2);font-size:15px;font-weight:500}.pagina-pdca .detail-summary{color:var(--ds-text-muted);margin:0;font-size:13.5px}.pagina-pdca .phase-grid{grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:18px;display:grid}.pagina-pdca .phase-card{background:var(--ds-card);border:1px solid var(--ds-border);border-top:4px solid var(--ds-border);border-radius:16px;flex-direction:column;gap:16px;padding:22px;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 1px 3px #0f172a0d}.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{align-items:center;gap:14px;display:flex}.pagina-pdca .pc-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.pagina-pdca .pc-icon svg{font-size:24px}.pagina-pdca .pc-titles h3{color:var(--ds-text);letter-spacing:.5px;margin:0;font-size:18px;font-weight:800}.pagina-pdca .pc-titles p{color:var(--ds-text-muted);margin:2px 0 0;font-size:13px}.pagina-pdca .pc-section h4{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.8px;margin:0 0 8px;font-size:11.5px;font-weight:700}.pagina-pdca .pc-clauses{flex-wrap:wrap;gap:6px;display:flex}.pagina-pdca .pc-chip{background:var(--ds-card);border:1.5px solid;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.pagina-pdca .pc-tasks{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pagina-pdca .pc-tasks li{color:var(--ds-text-2);align-items:flex-start;gap:8px;font-size:13.5px;line-height:1.45;display:flex}.pagina-pdca .pc-tasks svg{flex-shrink:0;margin-top:2px;font-size:16px}.pagina-pdca .pc-docs{flex-wrap:wrap;gap:6px;display:flex}.pagina-pdca .pc-doc-chip{background:var(--ds-hover);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);color:var(--ds-text-2);align-items:center;gap:6px;padding:5px 10px;font-size:12px;text-decoration:none;transition:background .15s;display:inline-flex}.pagina-pdca .pc-doc-chip:hover{background:var(--ds-border)}.pagina-pdca .pc-doc-chip svg{color:var(--ds-text-muted);font-size:13px}.pagina-pdca .pc-doc-chip code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}.pagina-pdca .pc-cta{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.pagina-pdca .pc-btn{color:#fff;border-radius:var(--ds-radius-sm);background:#6366f1;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s,background .15s;display:inline-flex}.pagina-pdca .pc-btn:hover{opacity:.9}.pagina-pdca .pc-btn.ghost{color:#6366f1;background:0 0;border:1.5px solid}.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{align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.pagina-pdca .ctx-head svg{color:#6366f1;margin-top:2px;font-size:26px}.pagina-pdca .ctx-head h2{color:var(--ds-text);margin:0;font-size:18px;font-weight:700}.pagina-pdca .ctx-head p{color:var(--ds-text-muted);margin:2px 0 0;font-size:13px}.pagina-pdca .ctx-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.pagina-pdca .ctx-list li{background:var(--ds-bg);border-left:4px solid #6366f1;border-radius:10px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.pagina-pdca .ctx-n{color:#fff;background:#6366f1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex}.pagina-pdca .ctx-body{flex-direction:column;gap:4px;display:flex}.pagina-pdca .ctx-q{color:var(--ds-text);margin:0;font-size:14px;font-weight:600;line-height:1.4}.pagina-pdca .ctx-a{color:var(--ds-text-2);align-items:flex-start;gap:6px;margin:4px 0 0;font-size:13px;line-height:1.45;display:flex}.pagina-pdca .ctx-a svg{color:#10b981;flex-shrink:0;margin-top:2px;font-size:15px}.pagina-pdca .ctx-link{color:#4338ca;align-self:flex-start;align-items:center;gap:5px;margin-top:2px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.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);border-radius:4px;padding:1px 5px;font-size:12.5px}.pagina-pdca .acc-callout{color:#7f1d1d;background:#ef444414;border-left:4px solid #ef4444;border-radius:8px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.pagina-pdca .acc-callout svg{color:#ef4444;flex-shrink:0;font-size:20px}.pagina-pdca .acc-list{flex-direction:column;gap:10px;margin:8px 0 4px;padding:0;list-style:none;display:flex}.pagina-pdca .acc-list li{background:var(--ds-bg);border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.pagina-pdca .acc-list svg{color:#6366f1;flex-shrink:0;margin-top:2px;font-size:18px}.pagina-pdca .acc-audit-list{flex-direction:column;gap:8px;margin:10px 0;padding:0;list-style:none;display:flex}.pagina-pdca .acc-audit-list li{background:var(--ds-bg);border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.pagina-pdca .acc-audit-list svg{flex-shrink:0;margin-top:2px;font-size:18px}.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{flex-direction:column;gap:2px;display:flex}.pagina-pdca .acc-audit-id{color:var(--ds-text);font-size:13px;font-weight:700}.pagina-pdca .acc-audit-scope{color:var(--ds-text-2);font-size:13px}.pagina-pdca .acc-audit-date{color:var(--ds-text-muted);font-size:12px}.pagina-pdca .acc-cta{color:#4338ca;align-items:center;gap:6px;margin-top:8px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.pagina-pdca .acc-cta:hover{text-decoration:underline}.pagina-pdca .source-foot{background:var(--ds-bg);border:1px solid var(--ds-border);color:var(--ds-text-2);border-radius:12px;align-items:flex-start;gap:12px;padding:16px 18px;font-size:12.5px;line-height:1.55;display:flex}.pagina-pdca .source-foot svg{color:#6366f1;flex-shrink:0;margin-top:1px;font-size:20px}.pagina-pdca .foot-text p{margin:0 0 8px}.pagina-pdca .foot-links{flex-wrap:wrap;gap:14px;display:flex}.pagina-pdca .foot-links a{color:#4338ca;align-items:center;gap:5px;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-flex}.pagina-pdca .foot-links a:hover{text-decoration:underline}.pagina-pdca .foot-links svg{color:#6366f1;margin:0;font-size:14px}@media (width<=880px){.pagina-pdca .hero{padding:28px 22px 24px}.pagina-pdca .hero-title{font-size:26px}.pagina-pdca .hero-quote{padding:14px 16px 14px 48px;font-size:14.5px}.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 (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 (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:none}.pagina-pdca .activity-label>span:not(.badge){flex:100%;min-width:0}.pagina-pdca .pdca-ring,.pagina-pdca .ring-bg{max-width:100%}}.pagina-correctieverzoeken .cv-card{margin-bottom:14px}.pagina-correctieverzoeken .cv-kop{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pagina-correctieverzoeken .cv-titel{align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.pagina-correctieverzoeken .cv-titel svg{color:var(--portal-color);font-size:18px}.pagina-correctieverzoeken .cv-sub{color:var(--ds-text-muted);margin-top:3px;font-size:12.5px}.pagina-correctieverzoeken .cv-omschrijving{color:var(--ds-text-muted);margin:10px 0 12px;font-size:13.5px;line-height:1.55}.pagina-correctieverzoeken .cv-acties{gap:10px;display:flex}.pagina-correctieverzoeken .cv-btn{border-radius:var(--ds-radius-sm);border:1.5px solid var(--portal-color);color:var(--portal-color);align-items:center;gap:7px;padding:9px 16px;font-size:13.5px;font-weight:700;text-decoration:none;display:inline-flex}.pagina-correctieverzoeken .cv-btn svg{font-size:16px}.pagina-correctieverzoeken button.cv-btn{cursor:pointer;background:0 0;font-family:inherit}.pagina-correctieverzoeken .badge-concept{background:color-mix(in srgb, var(--portal-color) 12%, transparent);color:#4f46e5}.pagina-correctieverzoeken .badge-verzonden{color:#1d4ed8;background:#2563eb1f}.pagina-correctieverzoeken .badge-behandeling{color:#b45309;background:#d9770624}.pagina-correctieverzoeken .badge-afgerond{color:#15803d;background:#16a34a24}.pagina-correctieverzoeken .badge-vervangen{color:var(--ds-text-muted);background:#6b728024}.pagina-correctieverzoeken .cv-mail{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;margin-top:12px;padding:12px 14px}.pagina-correctieverzoeken .cv-mail-kop{color:var(--ds-text);align-items:center;gap:7px;margin-bottom:8px;font-size:13px;font-weight:800;display:flex}.pagina-correctieverzoeken .cv-mail-kop svg{font-size:15px}.pagina-correctieverzoeken .cv-mail-regel{gap:8px;margin-bottom:4px;font-size:12.5px;display:flex}.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{background:var(--ds-card);border:1px solid var(--ds-border);white-space:pre-wrap;color:var(--ds-text-muted);border-radius:8px;max-height:260px;margin:10px 0 0;padding:10px 12px;font:12.5px/1.6 inherit;overflow:auto}.pagina-correctieverzoeken .cv-mail-let{color:#b45309;margin-top:8px;font-size:12px;font-weight:700}.pagina-correctieverzoeken .cv-leeg{color:var(--ds-text-muted);text-align:center;padding:22px}.pagina-correctieverzoeken .cv-uitleg{color:var(--ds-text-muted);margin-top:6px;font-size:12.5px;line-height:1.55}.pagina-correctieverzoeken .cv-uitleg-kop{color:var(--ds-text);align-items:center;gap:7px;margin-bottom:6px;font-weight:800;display:flex}.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{align-self:flex-start;margin-top:10px}.pagina-versiebeheer .vb-scope{flex-direction:column;gap:16px;display:flex}.pagina-versiebeheer .vb-note{background:color-mix(in srgb, var(--portal-color) 6%, transparent);border:1px solid color-mix(in srgb, var(--portal-color) 20%, transparent);color:var(--ds-text-2);border-radius:12px;align-items:flex-start;gap:12px;padding:13px 16px;font-size:13px;line-height:1.6;display:flex}.pagina-versiebeheer .vb-note svg{color:var(--portal-color);flex-shrink:0;margin-top:2px;font-size:18px}.pagina-versiebeheer .vb-note code{background:var(--ds-card-elevated);color:var(--portal-color);border:1px solid color-mix(in srgb, var(--portal-color) 20%, transparent);border-radius:5px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:12px}.pagina-versiebeheer .vb-kpi-row{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (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);box-shadow:var(--ds-shadow);border-radius:13px;padding:14px 16px;transition:transform .18s,box-shadow .18s}.pagina-versiebeheer .kpi-card:hover{box-shadow:var(--ds-shadow-lg);transform:translateY(-2px)}.pagina-versiebeheer .kpi-card .kl{text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);font-size:10.5px;font-weight:800}.pagina-versiebeheer .kpi-card .kv{color:var(--ds-text);margin:4px 0 2px;font-size:28px;font-weight:800;line-height:1.1}.pagina-versiebeheer .kpi-card .kv.vb-kv-sm{font-size:15px;font-weight:700;line-height:1.4}.pagina-versiebeheer .kpi-card .ks{color:var(--ds-text-muted);font-size:11.5px}.pagina-versiebeheer .vb-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pagina-versiebeheer .vb-search-wrap{flex:1;min-width:200px;position:relative}.pagina-versiebeheer .vb-search-wrap svg{color:var(--ds-text-muted);pointer-events:none;font-size:17px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.pagina-versiebeheer .vb-search{box-sizing:border-box;border:1px solid var(--ds-border);background:var(--ds-card);width:100%;color:var(--ds-text);border-radius:10px;outline:none;padding:10px 12px 10px 38px;font-size:13.5px;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{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);cursor:pointer;border-radius:10px;outline:none;padding:10px 12px;font-size:13.5px;transition:border-color .15s}.pagina-versiebeheer .vb-dd{position:relative}.pagina-versiebeheer .vb-dd-btn{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;align-items:center;gap:8px;padding:10px 13px;font-size:13.5px;font-weight:600;transition:border-color .15s;display:inline-flex}.pagina-versiebeheer .vb-dd-btn:hover{border-color:var(--portal-color)}.pagina-versiebeheer .vb-dd-caret{color:var(--ds-text-muted);margin-left:2px;font-size:11px}.pagina-versiebeheer .vb-dd-backdrop{z-index:40;position:fixed;inset:0}.pagina-versiebeheer .vb-dd-panel{z-index:50;background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;flex-direction:column;gap:2px;min-width:210px;max-height:320px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow:auto;box-shadow:0 14px 36px -12px #0006}.pagina-versiebeheer .vb-dd-opt{text-align:left;color:var(--ds-text);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:8px 11px;font-size:13px;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 (width<=640px){.pagina-versiebeheer .vb-dd{width:100%}.pagina-versiebeheer .vb-dd-btn{justify-content:space-between;width:100%}.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{text-align:center;color:var(--ds-text-muted);background:var(--ds-card);border:1px dashed var(--ds-border);border-radius:12px;padding:24px;font-size:13.5px}.pagina-versiebeheer .vb-state.err{color:#b91c1c;border-color:#ef444447;justify-content:center;align-items:center;gap:8px;display:flex}.pagina-versiebeheer .vb-timeline{flex-direction:column;gap:20px;display:flex}.pagina-versiebeheer .vb-day-hdr{align-items:center;gap:9px;margin-bottom:12px;display:flex}.pagina-versiebeheer .vb-day-dot{background:var(--portal-color);width:11px;height:11px;box-shadow:0 0 0 4px color-mix(in srgb, var(--portal-color) 15%, transparent);border-radius:50%;flex-shrink:0}.pagina-versiebeheer .vb-day-hdr svg{color:var(--portal-color);font-size:16px}.pagina-versiebeheer .vb-day-label{color:var(--ds-text);font-size:13.5px;font-weight:800}.pagina-versiebeheer .vb-day-count{color:var(--ds-text-muted);background:var(--ds-card-elevated);border:1px solid var(--ds-border-subtle);border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700}.pagina-versiebeheer .vb-entries{border-left:2px solid var(--ds-border);flex-direction:column;gap:10px;margin-left:4px;padding-left:6px;display:flex}.pagina-versiebeheer .vb-card{background:var(--ds-card);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow);border-radius:12px;transition:box-shadow .18s,transform .18s;display:flex;overflow:hidden}.pagina-versiebeheer .vb-card:hover{box-shadow:var(--ds-shadow-lg);transform:translate(2px)}.pagina-versiebeheer .vb-card-rail{background:var(--t-clr,#3b82f6);flex-shrink:0;width:4px}.pagina-versiebeheer .vb-card-main{flex:1;min-width:0;padding:13px 16px}.pagina-versiebeheer .vb-card-head{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:8px;display:flex}.pagina-versiebeheer .vb-badge,.pagina-versiebeheer .vb-chip{border-radius:var(--ds-radius-sm);border:1px solid #0000;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.pagina-versiebeheer .vb-badge svg,.pagina-versiebeheer .vb-chip svg{font-size:12px}.pagina-versiebeheer .vb-time{color:var(--ds-text-muted);align-items:center;gap:4px;margin-left:auto;font-size:11.5px;display:inline-flex}.pagina-versiebeheer .vb-time svg{font-size:12px}.pagina-versiebeheer .vb-card-title{color:var(--ds-text);font-size:14px;font-weight:700;line-height:1.35}.pagina-versiebeheer .vb-card-desc{color:var(--ds-text-2);margin-top:5px;font-size:13px;line-height:1.55}.pagina-versiebeheer .vb-files{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.pagina-versiebeheer .vb-file{color:var(--ds-text-muted);background:var(--ds-card-elevated);border:1px solid var(--ds-border-subtle);border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-family:ui-monospace,monospace;font-size:11px;display:inline-flex}.pagina-versiebeheer .vb-file svg{font-size:11px}.pagina-versiebeheer .vb-card-foot{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.pagina-versiebeheer .vb-iso{color:#6d28d9;background:#8b5cf61a;border:1px solid #8b5cf638;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.pagina-versiebeheer .vb-iso svg{font-size:12px}.pagina-versiebeheer .vb-author{color:var(--ds-text-muted);align-items:center;gap:4px;margin-left:auto;font-size:11.5px;display:inline-flex}.pagina-versiebeheer .vb-author svg{font-size:12px}.pagina-versiebeheer .vb-ai{color:#a855f7;background:#a855f71a;border:1px solid #a855f738;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.pagina-versiebeheer .vb-ai svg{font-size:12px}.pagina-versiebeheer .vb-ai-note{color:var(--ds-text-2);background:#a855f70f;border:1px solid #a855f738;border-radius:12px;align-items:flex-start;gap:12px;padding:13px 16px;font-size:13px;line-height:1.55;display:flex}.pagina-versiebeheer .vb-ai-note svg{color:#a855f7;flex-shrink:0;margin-top:2px;font-size:18px}.pagina-versiebeheer .vb-ai-note code{background:var(--ds-card-elevated);color:#6d28d9;border:1px solid #a855f733;border-radius:5px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:12px}.pagina-versiebeheer .vb-pager{background:var(--ds-card);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.pagina-versiebeheer .pager-info{color:var(--ds-text-muted);font-size:13px}.pagina-versiebeheer .pager-controls{align-items:center;gap:6px;display:flex}.pagina-versiebeheer .pager-btn{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);width:34px;height:34px;color:var(--ds-text-2);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.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{color:var(--ds-text);text-align:center;min-width:110px;padding:0 10px;font-size:13px;font-weight:600}.pagina-versiebeheer .pager-size{color:var(--ds-text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.pagina-versiebeheer .pager-size select{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);cursor:pointer;border-radius:8px;padding:6px 10px;font-size:13px}@media (width<=640px){.pagina-versiebeheer .vb-pager{flex-direction:column;align-items:stretch;gap:10px}.pagina-versiebeheer .pager-controls{justify-content:center}.pagina-versiebeheer .pager-info,.pagina-versiebeheer .pager-size{text-align:center;justify-content:center}}@media (width<=768px){.pagina-versiebeheer .vb-bar{flex-direction:column;align-items:stretch}.pagina-versiebeheer .vb-search-wrap{width:100%;min-width:0}.pagina-versiebeheer .vb-sel{width:100%}.pagina-versiebeheer .vb-note{padding:11px 13px;font-size:12.5px}.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{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}}@media (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{margin-left:2px;padding-left:4px}.pagina-versiebeheer .vb-card-rail{width:3px}.pagina-versiebeheer .vb-card-main{min-width:0;padding:10px 11px}.pagina-versiebeheer .vb-card-head{gap:5px}.pagina-versiebeheer .vb-badge,.pagina-versiebeheer .vb-chip{padding:2px 7px;font-size:10px}.pagina-versiebeheer .vb-time{margin-left:0;font-size:10.5px}.pagina-versiebeheer .vb-card-title{word-break:keep-all;overflow-wrap:break-word;font-size:13px}.pagina-versiebeheer .vb-card-desc{word-break:keep-all;overflow-wrap:break-word;font-size:12px}.pagina-versiebeheer .vb-file,.pagina-versiebeheer .vb-iso{padding:1px 6px;font-size:10px}.pagina-versiebeheer .vb-author{margin-left:0;font-size:10.5px}.pagina-versiebeheer .vb-card:hover{transform:none}}.pagina-app-versiebeheer .appv{-webkit-font-smoothing:antialiased;flex-direction:column;gap:16px;padding-bottom:24px;display:flex}.pagina-app-versiebeheer .appv-hero{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 55%,#3b82f6 100%);border-radius:18px;align-items:center;gap:16px;padding:22px 24px;display:flex;box-shadow:0 20px 44px -22px #6366f199}.pagina-app-versiebeheer .appv-ic{background:#ffffff2e;border-radius:13px;flex:none;place-items:center;width:46px;height:46px;display:grid}.pagina-app-versiebeheer .appv-ic svg{font-size:24px}.pagina-app-versiebeheer .appv-hero h1{letter-spacing:-.02em;margin:0;font-size:23px;font-weight:800}.pagina-app-versiebeheer .appv-hero p{opacity:.95;max-width:70ch;margin:5px 0 0;font-size:13.5px;line-height:1.5}.pagina-app-versiebeheer .appv-hero-txt{flex:auto;min-width:0}.pagina-app-versiebeheer .notify-btn{color:#fff;border-radius:var(--ds-radius-sm);cursor:pointer;white-space:nowrap;background:#ffffff2e;border:1px solid #ffffff80;flex:none;align-self:center;padding:9px 15px;font-size:13px;font-weight:700}.pagina-app-versiebeheer .notify-btn:hover:not(:disabled){background:#ffffff4d}.pagina-app-versiebeheer .notify-btn:disabled{opacity:.6;cursor:default}@media (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);box-shadow:var(--ds-shadow,0 1px 3px #0000000f);border-radius:16px;padding:18px 20px}.pagina-app-versiebeheer .ver-head{flex-wrap:wrap;align-items:center;gap:11px;display:flex}.pagina-app-versiebeheer .ver-badge{color:var(--portal-color);font-variant-numeric:tabular-nums;letter-spacing:-.02em;background:color-mix(in srgb, var(--portal-color) 12%, transparent);border-radius:9px;padding:3px 11px;font-size:17px;font-weight:800}.pagina-app-versiebeheer .ver-status{letter-spacing:.05em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800}.pagina-app-versiebeheer .st-live{color:#16a34a;background:#22c55e14;border-color:#22c55e55}.pagina-app-versiebeheer .st-in-review{color:#d97706;background:#f59e0b14;border-color:#f59e0b55}.pagina-app-versiebeheer .st-gepland{color:var(--ds-text-muted);border-color:var(--ds-border);background:0 0}.pagina-app-versiebeheer .ver-meta{color:var(--ds-text-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12.5px}.pagina-app-versiebeheer .ver-sum{color:var(--ds-text-2);margin:11px 0 14px;font-size:14px;line-height:1.55}.pagina-app-versiebeheer .wz{border-top:1px solid var(--ds-border-subtle,var(--ds-border));gap:12px;padding:11px 0;display:flex}.pagina-app-versiebeheer .wz:first-of-type{border-top:1px solid var(--ds-border)}.pagina-app-versiebeheer .wz-type{letter-spacing:.05em;text-transform:uppercase;text-align:center;border-radius:6px;flex:none;align-self:flex-start;min-width:64px;padding:3px 9px;font-size:10px;font-weight:800}.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{color:var(--ds-text);font-size:14px;font-weight:650}.pagina-app-versiebeheer .wz-d{color:var(--ds-text-2);margin-top:2px;font-size:13px;line-height:1.55}.pagina-app-versiebeheer .wz-m{color:var(--ds-text-subtle,var(--ds-text-muted));font-variant-numeric:tabular-nums;margin-top:4px;font-size:11.5px}.pagina-app-versiebeheer .wz-leeg{color:var(--ds-text-muted);padding:8px 0 2px;font-size:13px}.pagina-app-versiebeheer .appv-foot{color:var(--ds-text-muted);margin:4px 2px 0;font-size:12px}.pagina-app-versiebeheer .appv-foot code{background:color-mix(in srgb, var(--ds-text) 7%, transparent);color:var(--ds-text-2);white-space:pre-wrap;word-break:break-word;border-radius:6px;padding:2px 6px;font-family:ui-monospace,Menlo,monospace;font-size:11.5px}.pagina-iso .cl-tab{flex-direction:column;gap:18px;padding:4px 2px;display:flex}.pagina-iso .cl-summary{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (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);box-shadow:var(--ds-shadow);border-top:3px solid var(--ds-text-subtle);border-radius:12px;flex-direction:column;gap:3px;padding:14px 16px;display:flex}.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{color:var(--ds-text);font-size:26px;font-weight:800;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{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.pagina-iso .cl-intro{color:var(--ds-text-2);margin:0;font-size:13.5px;line-height:1.6}.pagina-iso .cl-hfd{flex-direction:column;gap:10px;display:flex}.pagina-iso .cl-hfd-head{align-items:flex-start;gap:14px;margin-top:8px;display:flex}.pagina-iso .cl-hfd-nr{background:linear-gradient(135deg,var(--portal-color),var(--portal-color-dark));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:800;display:flex}.pagina-iso .cl-hfd-title-wrap{flex-direction:column;gap:2px;min-width:0;display:flex}.pagina-iso .cl-hfd-title{color:var(--ds-text);font-size:16px;font-weight:800}.pagina-iso .cl-hfd-intro{color:var(--ds-text-muted);font-size:12.5px;line-height:1.5}.pagina-iso .cl-card{background:var(--ds-card);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow);border-left:4px solid var(--ds-text-subtle);border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.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{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pagina-iso .cl-id{background:var(--ds-card-elevated);color:var(--portal-color);border:1px solid var(--ds-border);border-radius:6px;padding:2px 8px;font-family:ui-monospace,monospace;font-size:12px;font-weight:800}.pagina-iso .cl-titel{color:var(--ds-text);flex:1;min-width:0;font-size:14px;font-weight:700}.pagina-iso .cl-status{border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.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{flex-direction:column;gap:3px;display:flex}.pagina-iso .cl-block-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);font-size:10.5px;font-weight:800}.pagina-iso .cl-block-label.impl{color:var(--portal-color)}.pagina-iso .cl-block-text{color:var(--ds-text-2);margin:0;font-size:13px;line-height:1.55}.pagina-iso .cl-card-foot{flex-wrap:wrap;align-items:center;gap:12px;padding-top:2px;display:flex}.pagina-iso .cl-bewijs{color:var(--ds-text-muted);align-items:center;gap:5px;font-family:ui-monospace,monospace;font-size:11px;display:inline-flex}.pagina-iso .cl-bewijs svg{font-size:13px}.pagina-iso .cl-link{color:var(--portal-color);align-items:center;gap:5px;margin-left:auto;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.pagina-iso .cl-link:hover{text-decoration:underline}.pagina-iso .cl-link svg{font-size:13px}.pagina-iso .cl-actie{background:color-mix(in srgb, var(--ds-warning) 8%, transparent);border:1px solid color-mix(in srgb, var(--ds-warning) 25%, transparent);color:var(--ds-text-2);border-radius:8px;align-items:flex-start;gap:7px;padding:8px 11px;font-size:12px;line-height:1.5;display:flex}.pagina-iso .cl-actie svg{color:var(--ds-warning);flex-shrink:0;margin-top:1px;font-size:15px}.pagina-iso .cl-source{color:var(--ds-text-subtle);border-top:1px solid var(--ds-border);margin-top:6px;padding:6px 0;font-size:11px;line-height:1.5}.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) 0%,color-mix(in srgb, var(--ds-info) 5%, transparent) 100%);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow);border-radius:16px;padding:1.75rem;position:relative;overflow:hidden}.pagina-iso .iso-hero:before{content:"";background:radial-gradient(ellipse at 80% 50%, color-mix(in srgb, var(--ds-success) 6%, transparent) 0%, transparent 60%);pointer-events:none;position:absolute;inset:0}.pagina-iso .hero-inner{flex-wrap:wrap;align-items:center;gap:2rem;display:flex}.pagina-iso .hero-left{align-items:center;gap:1.75rem;display:flex}.pagina-iso .score-ring-wrap{width:130px;height:130px;filter:drop-shadow(0 4px 12px color-mix(in srgb, var(--ds-success) 20%, transparent));flex-shrink:0;position:relative}.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:10px}.pagina-iso .ring-fill{fill:none;stroke:var(--acc);stroke-width:10px;stroke-linecap:round;stroke-dasharray:345;transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1)}.pagina-iso .ring-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pagina-iso .ring-score{color:var(--ds-text);font-size:2.1rem;font-weight:900;line-height:1}.pagina-iso .ring-label{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.6px;margin-top:.2rem;font-size:.58rem}.pagina-iso .hero-text h1{color:var(--ds-text);margin-bottom:.4rem;font-size:1.55rem;font-weight:900;line-height:1.2}.pagina-iso .hero-text p{color:var(--ds-text-muted);max-width:440px;font-size:.84rem;line-height:1.5}.pagina-iso .hero-badges{flex-wrap:wrap;gap:.45rem;margin-top:.8rem;display:flex}.pagina-iso .hbadge{background:var(--acc-dim);border:1px solid var(--acc-glow);color:var(--ds-success);border-radius:20px;align-items:center;gap:.3rem;padding:.22rem .75rem;font-size:.7rem;font-weight:600;display:inline-flex}.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{grid-template-columns:repeat(6,1fr);gap:.65rem;display:grid}@media (width<=900px){.pagina-iso .kpi-row{grid-template-columns:repeat(3,1fr)}}@media (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);box-shadow:var(--ds-shadow);border-radius:12px;padding:.9rem 1rem;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{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:.2rem;font-size:.67rem}.pagina-iso .ks{margin-top:.18rem;font-size:.7rem}.pagina-iso .tab-nav-wrap{border-bottom:1px solid var(--ds-border)}.pagina-iso .tab-nav{scrollbar-width:none;gap:0;display:flex;overflow-x:auto}.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{flex-direction:column;gap:14px;padding:12px 0;display:flex}.pagina-iso .rm-milestones{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:10px;display:grid}.pagina-iso .rm-ms-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;flex-direction:column;gap:5px;padding:13px 16px;display:flex}.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{justify-content:space-between;align-items:center;display:flex}.pagina-iso .rm-ms-key{color:var(--portal-color);font-family:ui-monospace,Menlo,monospace;font-size:14px;font-weight:800}.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{color:var(--ds-text-muted);font-family:ui-monospace,Menlo,monospace;font-size:11.5px}.pagina-iso .rm-ms-label{color:var(--ds-text);font-size:13px;font-weight:700}.pagina-iso .rm-ms-target{color:var(--ds-text-2);font-size:11.5px;line-height:1.4}.pagina-iso .rm-ms-bar{background:var(--ds-border);border-radius:999px;height:6px;margin-top:4px;overflow:hidden}.pagina-iso .rm-ms-bar-fill{background:linear-gradient(90deg, var(--portal-color), var(--portal-color-dark));height:100%;transition:width .4s}.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{color:var(--ds-text-muted);margin-top:2px;font-size:11px}.pagina-iso .rm-ms-stats strong{color:var(--ds-text)}.pagina-iso .rm-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.pagina-iso .rm-pills{flex-wrap:wrap;gap:6px;display:flex}.pagina-iso .rm-pill{background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text-muted);cursor:pointer;border-radius:999px;padding:5px 11px;font-size:11.5px;font-weight:600;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{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.pagina-iso .rm-row{border-bottom:1px solid var(--ds-border-subtle,var(--ds-border));grid-template-columns:70px 2.6fr 1.2fr 60px 60px 110px 36px;align-items:center;gap:12px;padding:10px 14px;font-size:12px;display:grid}.pagina-iso .rm-row:last-child{border-bottom:none}.pagina-iso .rm-row.rm-head{background:var(--ds-deep);text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);font-size:10.5px;font-weight:700}.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{opacity:.65;text-decoration:line-through}.pagina-iso .rm-id.mono{color:var(--portal-color);font-family:ui-monospace,Menlo,monospace;font-size:11px;font-weight:700}.pagina-iso .rm-action{color:var(--ds-text);line-height:1.45}.pagina-iso .rm-title{color:var(--ds-text-muted);margin-top:2px;font-size:11px}.pagina-iso .rm-owner{color:var(--ds-text-2);font-size:11.5px}.pagina-iso .rm-prio-pill{border-radius:999px;padding:2px 8px;font-family:ui-monospace,Menlo,monospace;font-size:10.5px;font-weight:700;display:inline-flex}.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{background:var(--ds-deep);color:var(--ds-text-2);border-radius:999px;padding:2px 8px;font-family:ui-monospace,Menlo,monospace;font-size:10.5px;font-weight:700;display:inline-flex}.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{color:var(--ds-text);font-family:ui-monospace,Menlo,monospace;font-size:11.5px}.pagina-iso .rm-rel{color:var(--ds-text-muted);margin-top:1px;font-size:10.5px}.pagina-iso .rm-rel.late{color:var(--ds-danger);font-weight:700}.pagina-iso .rm-check-btn{cursor:pointer;color:var(--ds-text-muted);border-radius:var(--ds-radius-sm);background:0 0;border:none;padding:4px;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{text-align:center;color:var(--ds-text-muted);padding:30px;font-size:13px}@media (width<=900px){.pagina-iso .rm-row{grid-template-columns:1fr 1fr 36px;align-items:start;gap:4px 10px}.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{flex-direction:column;gap:14px;padding:12px 0;display:flex}.pagina-iso .ar-schedule{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:10px;display:grid}.pagina-iso .ar-sched-item{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;grid-template-columns:38px 1fr;align-items:start;gap:10px;padding:12px 14px;display:grid}.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{background:color-mix(in srgb, var(--portal-color) 12%, transparent);width:38px;height:38px;color:var(--portal-color);border-radius:10px;place-items:center;display:grid}.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{text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);font-size:10.5px;font-weight:700}.pagina-iso .ar-sched-when{flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:2px;display:flex}.pagina-iso .ar-sched-when strong{color:var(--ds-text);font-family:ui-monospace,Menlo,monospace;font-size:14px}.pagina-iso .ar-sched-rel{color:var(--ds-text-muted);font-size:11.5px;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{color:var(--ds-text-2);margin-top:4px;font-size:12px}.pagina-iso .ar-exporter{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;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.pagina-iso .ar-export-info h3{color:var(--ds-text);align-items:center;gap:6px;margin:0 0 4px;font-size:14px;font-weight:700;display:flex}.pagina-iso .ar-export-info h3 svg{color:var(--portal-color);font-size:17px}.pagina-iso .ar-export-info p{color:var(--ds-text-2);max-width:540px;margin:0;font-size:12.5px;line-height:1.45}.pagina-iso .ar-btn{border-radius:var(--ds-radius-sm);font:inherit;cursor:pointer;border:1px solid #0000;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.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{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.pagina-iso .ar-row{border-bottom:1px solid var(--ds-border-subtle,var(--ds-border));grid-template-columns:130px 100px 2fr 90px 90px 1.2fr 110px 110px;align-items:center;gap:12px;padding:10px 14px;font-size:12px;display:grid}.pagina-iso .ar-row:last-child{border-bottom:none}.pagina-iso .ar-row.ar-head{background:var(--ds-deep);text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);font-size:10.5px;font-weight:700}.pagina-iso .ar-id.mono,.pagina-iso .ar-date{color:var(--ds-text);font-family:ui-monospace,Menlo,monospace;font-size:11.5px}.pagina-iso .ar-kind-pill{background:color-mix(in srgb, var(--portal-color) 12%, transparent);color:var(--portal-color);border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.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{border-radius:999px;padding:2px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.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{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:10px;display:grid}.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{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:5px;display:flex}.pagina-iso .ar-f-id{color:var(--ds-text);font-size:11px;font-weight:700}.pagina-iso .ar-f-sev{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:700}.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{background:var(--ds-border);color:var(--ds-text-muted);border-radius:999px;padding:1px 7px;font-size:10px;font-weight:700}.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{color:var(--ds-text);margin-bottom:4px;font-size:12.5px;font-weight:600}.pagina-iso .ar-f-capa{color:var(--ds-text-muted);font-size:11.5px}@media (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{flex-direction:column;gap:14px;padding:12px 0;display:flex}.pagina-iso .mx-summary{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.pagina-iso .mx-sum-card{background:var(--ds-card);border:1px solid var(--ds-border);cursor:pointer;border-radius:11px;padding:12px 14px;transition:border-color .15s,transform .15s}.pagina-iso .mx-sum-card:hover{border-color:var(--portal-color);transform:translateY(-1px)}.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{color:var(--ds-text);font-size:22px;font-weight:800;line-height:1}.pagina-iso .mx-sum-lbl{text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted);margin-top:4px;font-size:11px;font-weight:700}.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{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pagina-iso .mx-search{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;flex:1;align-items:center;gap:8px;min-width:240px;padding:8px 12px;display:flex}.pagina-iso .mx-search svg{color:var(--ds-text-muted);font-size:17px}.pagina-iso .mx-search input{font:inherit;color:var(--ds-text);background:0 0;border:none;outline:none;flex:1;font-size:13.5px}.pagina-iso .mx-domain-pills{flex-wrap:wrap;gap:6px;display:flex}.pagina-iso .mx-pill{background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text-muted);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;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{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.pagina-iso .mx-row{border-bottom:1px solid var(--ds-border-subtle,var(--ds-border));grid-template-columns:70px 2.4fr 1.4fr 1.6fr 1.6fr 110px;align-items:center;gap:14px;padding:10px 14px;font-size:12.5px;display:grid}.pagina-iso .mx-row:last-child{border-bottom:none}.pagina-iso .mx-row.mx-head{background:var(--ds-deep);text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);padding:9px 14px;font-size:10.5px;font-weight:700}.pagina-iso .mx-id-badge{background:color-mix(in srgb, var(--portal-color) 10%, transparent);color:var(--portal-color);border-radius:6px;padding:3px 8px;font-family:ui-monospace,Menlo,monospace;font-size:11.5px;font-weight:700;display:inline-flex}.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-size:12px;font-weight:500}.pagina-iso .mx-owner{color:var(--ds-text-2);align-items:center;gap:5px;font-size:12px;display:inline-flex}.pagina-iso .mx-owner svg{color:var(--ds-text-muted);font-size:14px}.pagina-iso .mx-doc a,.pagina-iso .mx-evidence-link{color:var(--portal-color);align-items:center;gap:5px;font-size:12px;text-decoration:none;display:inline-flex}.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{border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.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{text-align:center;color:var(--ds-text-muted);padding:30px;font-size:13px}@media (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 (width<=768px){.pagina-iso .iso-hero{padding:1.25rem 1rem}.pagina-iso .hero-inner{gap:1rem}.pagina-iso .hero-left{flex-direction:column;align-items:flex-start;gap:1rem}.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 (width<=480px){.pagina-iso .iso-hero{border-radius:12px;padding:1rem .85rem}.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:8px}.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{padding:.18rem .55rem;font-size:.62rem}.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{color:var(--ds-text-muted);margin-bottom:1.25rem;font-size:.82rem;line-height:1.55}.pagina-iso .plan-section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--ds-text-muted);margin-bottom:.75rem;font-size:.72rem;font-weight:800}.pagina-iso .plan-calendar{grid-template-columns:repeat(auto-fill,minmax(min(210px,100%),1fr));gap:.7rem;display:grid}.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{justify-content:space-between;align-items:center;margin-bottom:.55rem;display:flex}.pagina-iso .plan-month-name{color:var(--ds-text);font-size:.78rem;font-weight:700}.pagina-iso .plan-month-badge{background:var(--portal-color);color:#fff;border-radius:99px;padding:.1rem .45rem;font-size:.62rem;font-weight:700}.pagina-iso .plan-item{align-items:flex-start;gap:.45rem;margin-bottom:.45rem;font-size:.76rem;display:flex}.pagina-iso .plan-item svg{color:var(--portal-color);flex-shrink:0;margin-top:.1rem;font-size:.85rem}.pagina-iso .plan-item-title{color:var(--ds-text);line-height:1.35}.pagina-iso .plan-item-meta{color:var(--ds-text-muted);margin-top:.1rem;font-size:.65rem}.pagina-iso .plan-empty{color:var(--ds-text-muted);font-size:.74rem;font-style:italic}.pagina-iso .plan-cycles{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:.7rem;display:grid}.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{color:var(--portal-color);align-items:center;gap:.4rem;margin-bottom:.6rem;font-size:.74rem;font-weight:700;display:flex}.pagina-iso .plan-cycle-freq svg{font-size:.9rem}.pagina-iso .plan-cycle-item{align-items:flex-start;gap:.5rem;margin-bottom:.4rem;display:flex}.pagina-iso .plan-cycle-dot{background:var(--portal-color);border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:.45rem}.pagina-iso .plan-cycle-title{color:var(--ds-text);font-size:.76rem;line-height:1.35}.pagina-iso .plan-cycle-iso{color:var(--ds-text-muted);margin-top:.08rem;font-size:.64rem}@media (width<=600px){.pagina-iso .plan-calendar{grid-template-columns:1fr 1fr}.pagina-iso .plan-cycles{grid-template-columns:1fr}}@media (width<=400px){.pagina-iso .plan-calendar{grid-template-columns:1fr}}.pagina-iso .sec-title{color:var(--ds-text);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.5rem;margin:1.5rem 0 .85rem;font-size:.9rem;font-weight:800;display:flex}.pagina-iso .sec-title:after{content:"";background:var(--ds-border);flex:1;height:1px}.pagina-iso .sec-title svg{color:var(--portal-color)}.pagina-iso .annex-domain{margin-bottom:1.5rem}.pagina-iso .domain-header{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.8rem 1.1rem;transition:border-color .15s;display:flex}.pagina-iso .domain-header:hover{border-color:color-mix(in srgb, var(--portal-color) 40%, transparent)}.pagina-iso .domain-title{color:var(--ds-text);align-items:center;gap:.5rem;font-size:.88rem;font-weight:700;display:flex}.pagina-iso .domain-stats{align-items:center;gap:.5rem;font-size:.72rem;display:flex}.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{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:.45rem;display:grid}.pagina-iso .ctrl{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:8px;align-items:flex-start;gap:.5rem;padding:.6rem .85rem;font-size:.76rem;transition:border-color .15s,transform .15s;display:flex}.pagina-iso .ctrl:hover{border-color:color-mix(in srgb, var(--portal-color) 30%, transparent);transform:translate(2px)}.pagina-iso .ctrl-id{color:var(--ds-text-muted);flex-shrink:0;min-width:52px;font-size:.68rem;font-weight:700}.pagina-iso .ctrl-name{color:var(--ds-text-2);flex:1;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;transition:border-color .2s,box-shadow .2s;overflow:hidden}.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{align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.pagina-iso .afw-id{color:var(--ds-text-muted);min-width:90px;font-size:.7rem;font-weight:700}.pagina-iso .afw-title{color:var(--ds-text);flex:1;font-size:.88rem;font-weight:600}.pagina-iso .afw-meta{align-items:center;gap:.5rem;display:flex}.pagina-iso .badge{text-transform:uppercase;letter-spacing:.03em;border-radius:20px;padding:.18rem .65rem;font-size:.67rem;font-weight:700;display:inline-block}.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{border-top:1px solid var(--ds-border);padding:0 1.25rem 1.25rem}.pagina-iso .afw-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem;display:grid}@media (width<=600px){.pagina-iso .afw-grid{grid-template-columns:1fr}}.pagina-iso .afw-field label{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-size:.65rem;display:block}.pagina-iso .afw-field p{color:var(--ds-text-2);font-size:.8rem;line-height:1.55}.pagina-iso .evidence-block{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;margin-top:.75rem;padding:.9rem 1rem}.pagina-iso .evidence-block .ev-title{color:var(--ds-success);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.4rem;font-size:.7rem;font-weight:700}.pagina-iso .evidence-block p{color:var(--ds-text-2);font-size:.78rem;line-height:1.55}.pagina-iso .infra-tier{margin-bottom:1.25rem}.pagina-iso .tier-label{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.68rem;font-weight:800;display:flex}.pagina-iso .tier-label:after{content:"";background:var(--ds-border);flex:1;height:1px}.pagina-iso .server-grid{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:.65rem;display:grid}.pagina-iso .server-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;padding:.9rem 1rem;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.pagina-iso .server-card:hover{border-color:color-mix(in srgb, var(--portal-color) 40%, transparent);transform:translateY(-2px)}.pagina-iso .server-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.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{color:var(--ds-text);margin-bottom:.2rem;font-size:.9rem;font-weight:700}.pagina-iso .server-ip{color:var(--ds-text-muted);margin-bottom:.55rem;font-family:monospace;font-size:.72rem}.pagina-iso .server-tags{flex-wrap:wrap;gap:.3rem;display:flex}.pagina-iso .stag{border-radius:4px;padding:.12rem .45rem;font-size:.65rem;font-weight:600}.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{background:var(--acc);border-radius:50%;width:7px;height:7px;position:absolute;top:.9rem;right:.9rem}.pagina-iso .tech-grid{grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:.75rem;display:grid}.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{margin-bottom:.4rem;font-size:1.5rem}.pagina-iso .tech-title{color:var(--ds-text);margin-bottom:.3rem;font-size:.88rem;font-weight:700}.pagina-iso .tech-body{color:var(--ds-text-muted);font-size:.77rem;line-height:1.5}.pagina-iso .tech-status{align-items:center;gap:.3rem;margin-top:.5rem;font-size:.72rem;font-weight:600;display:flex}.pagina-iso .timeline{padding-left:2rem;position:relative}.pagina-iso .timeline:before{content:"";background:var(--ds-border);width:2px;position:absolute;top:0;bottom:0;left:.55rem}.pagina-iso .tl-item{margin-bottom:1.1rem;position:relative}.pagina-iso .tl-dot{border:2px solid var(--ds-card);z-index:1;border-radius:50%;width:10px;height:10px;position:absolute;top:.3rem;left:-1.45rem}.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{color:var(--ds-text-muted);margin-bottom:.15rem;font-size:.67rem}.pagina-iso .tl-title{color:var(--ds-text);margin-bottom:.2rem;font-size:.85rem;font-weight:700}.pagina-iso .tl-desc{color:var(--ds-text-muted);font-size:.77rem;line-height:1.45}.pagina-iso .ev-table,.pagina-iso .f2b-table{border-collapse:collapse;width:100%;margin-bottom:1rem;font-size:.78rem}.pagina-iso .ev-table th,.pagina-iso .f2b-table th{text-align:left;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);padding:.55rem .8rem;font-size:.68rem}.pagina-iso .ev-table td,.pagina-iso .f2b-table td{border-bottom:1px solid var(--ds-border-subtle);vertical-align:top;color:var(--ds-text-2);padding:.55rem .8rem}.pagina-iso .ev-table tr:hover td,.pagina-iso .f2b-table tr:hover td{background:var(--ds-hover)}.pagina-iso .mono{color:var(--ds-info);font-family:monospace;font-size:.75rem}.pagina-iso .card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;margin-bottom:1rem;padding:1.25rem 1.4rem}.pagina-iso .row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.pagina-iso .prog-bar{background:var(--ds-border);border-radius:3px;height:5px;margin-top:.35rem;overflow:hidden}.pagina-iso .prog-fill{border-radius:3px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.pagina-iso .clausule-grid{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:.6rem;margin-bottom:1.25rem;display:grid}.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{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.pagina-iso .cla-name{color:var(--ds-text);font-size:.8rem;font-weight:700}.pagina-iso .cla-pct{font-size:.85rem;font-weight:800}.pagina-iso .doc-downloads{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.pagina-iso .doc-dl-btn{border-radius:var(--ds-radius-sm);align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:opacity .15s,transform .15s;display:inline-flex}.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{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.7px;margin:1.35rem 0 .6rem;font-size:.7rem;font-weight:800}.pagina-iso .doc-grid{grid-template-columns:repeat(auto-fill,minmax(min(270px,100%),1fr));gap:.55rem;display:grid}.pagina-iso .doc-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;align-items:center;gap:.7rem;padding:.7rem .9rem;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.pagina-iso .doc-card:hover{border-color:var(--portal-color);box-shadow:var(--ds-shadow);transform:translate(2px)}.pagina-iso .doc-ic{background:color-mix(in srgb, var(--ds-danger) 12%, transparent);width:34px;height:34px;color:var(--ds-danger);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.05rem;display:flex}.pagina-iso .doc-meta{min-width:0}.pagina-iso .doc-code{color:var(--ds-text-muted);letter-spacing:.35px;font-size:.62rem;font-weight:700}.pagina-iso .doc-title{color:var(--ds-text);font-size:.8rem;font-weight:600;line-height:1.25}@media (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 (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{flex-wrap:wrap;gap:.5rem;padding:.65rem .85rem}.pagina-iso .domain-title{font-size:.82rem}.pagina-iso .afw-card{margin-bottom:.7rem}.pagina-iso .afw-header{gap:.5rem;padding:.75rem .9rem}.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{gap:.55rem;padding:.6rem .75rem}.pagina-iso .doc-title{word-break:keep-all;overflow-wrap:break-word;font-size:.76rem}.pagina-iso .ctrl{padding:.55rem .7rem;font-size:.72rem}.pagina-iso .doc-downloads .doc-dl-btn{padding:.5rem .8rem;font-size:.74rem}.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{padding:.16rem .55rem;font-size:.6rem}}.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{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.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{align-items:center;gap:.25rem;display:inline-flex}.pagina-iso .badge svg,.pagina-iso .stag svg,.pagina-iso .ctrl-status svg{font-size:.85em}.pagina-iso .stag{align-items:center;gap:.2rem;display:inline-flex}.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{border-bottom:1px solid var(--ds-border);gap:2px;min-width:max-content;display:flex}.pagina-iso .tech-icon svg{color:var(--portal-color);font-size:1.4rem}.pagina-iso27001 .vraag-grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:12px;display:grid}.pagina-iso27001 .vraag-card{border:1px solid var(--ds-border);background:var(--ds-card-elevated);border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex}.pagina-iso27001 .vraag-head{color:var(--ds-text);align-items:flex-start;gap:6px;font-size:14px;font-weight:700;display:flex}.pagina-iso27001 .vraag-head svg{color:var(--ds-success);flex-shrink:0;margin-top:1px;font-size:17px}.pagina-iso27001 .vraag-antwoord{color:var(--ds-text-muted);flex:1;font-size:13px;line-height:1.45}.pagina-iso27001 .pill-row{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.pagina-iso27001 .pill-row.inline{margin:0}.pagina-iso27001 .clausule{border-top:1px solid var(--ds-border);padding:14px 0}.pagina-iso27001 .clausule:first-of-type{border-top:none;padding-top:0}.pagina-iso27001 .clausule-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pagina-iso27001 .clausule-nr{color:#fff;background:linear-gradient(135deg, var(--portal-color-light), var(--portal-color));border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:800;display:inline-flex}.pagina-iso27001 .clausule-titel{color:var(--ds-text);flex:1;font-size:15px;font-weight:700}.pagina-iso27001 .clausule-eis{color:var(--ds-text-muted);margin:6px 0 8px;font-size:13px;line-height:1.5}.pagina-iso27001 .link-pill,.pagina-iso27001 .doc-pill{border-radius:999px;align-items:center;gap:4px;padding:5px 11px;font-size:12px;font-weight:600;text-decoration:none;transition:filter .12s;display:inline-flex}.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{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.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:none}@media (width<=640px){.pagina-iso27001 .pill-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;max-width:100%;display:flex;overflow-x:auto}.pagina-iso27001 .pill-row::-webkit-scrollbar{display:none}.pagina-iso27001 .pill-row>*{white-space:nowrap;flex:none}}.pagina-isms-flow .pdca-banner{flex-wrap:wrap;align-items:center;gap:18px;padding:18px 20px;display:flex}.pagina-isms-flow .pdca-ring{border:2px solid var(--ds-border);border-radius:50%;flex-shrink:0;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;width:120px;height:120px;display:grid;position:relative;overflow:hidden}.pagina-isms-flow .pdca-q{color:#fff;place-items:center;font-size:11px;font-weight:800;display:grid}.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{color:var(--portal-color);background:var(--ds-card);border-radius:50%;padding:6px;font-size:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0003}.pagina-isms-flow .pdca-text{min-width:240px;color:var(--ds-text-2);flex:1;font-size:13px;line-height:1.6}.pagina-isms-flow .pdca-text strong{color:var(--ds-text)}.pagina-isms-flow .flow-section{flex-direction:column;gap:10px;display:flex}.pagina-isms-flow .flow-section.two-col{grid-template-columns:1fr 1fr;gap:20px;display:grid}.pagina-isms-flow .flow-fase{text-transform:uppercase;letter-spacing:.05em;color:#fff;border-radius:8px;width:fit-content;margin:0;padding:7px 14px;font-size:13px;font-weight:800;display:inline-block}.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{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.pagina-isms-flow .flow-node{background:var(--ds-card);border:1px solid var(--ds-border);min-width:150px;box-shadow:var(--ds-shadow);border-radius:11px;flex-direction:column;flex:1;gap:3px;padding:13px 15px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex;position:relative}.pagina-isms-flow .flow-node:hover{border-color:var(--portal-color);transform:translateY(-2px)}.pagina-isms-flow .fn-clausule{color:var(--portal-color);font-size:10px;font-weight:800}.pagina-isms-flow .fn-label{color:var(--ds-text);font-size:13.5px;font-weight:800}.pagina-isms-flow .fn-sub{color:var(--ds-text-muted);font-size:11px;line-height:1.4}.pagina-isms-flow .fn-arrow{color:var(--portal-color);z-index:2;background:var(--ds-bg,var(--ds-card));font-size:16px;position:absolute;top:50%;right:-16px;transform:translateY(-50%)}.pagina-isms-flow .flow-down{text-align:center}.pagina-isms-flow .flow-down svg{color:var(--portal-color);font-size:24px}.pagina-isms-flow .cycle-back{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;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:12.5px;font-weight:600;display:flex}.pagina-isms-flow .detail-flow{padding:18px 20px}.pagina-isms-flow .detail-flow h2{color:var(--ds-text);align-items:center;gap:8px;margin:0 0 4px;font-size:15px;font-weight:800;display:flex}.pagina-isms-flow .detail-sub{color:var(--ds-text-muted);margin:0 0 16px;font-size:12.5px}.pagina-isms-flow .rb-flow{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pagina-isms-flow .rb-inputs{flex-direction:column;gap:8px;display:flex}.pagina-isms-flow .rb-input{background:var(--ds-hover);border:1px solid var(--ds-border);border-radius:9px;flex-direction:column;gap:1px;min-width:130px;padding:10px 14px;text-decoration:none;display:flex}.pagina-isms-flow .rb-input span{color:var(--ds-text);font-size:13px;font-weight:800}.pagina-isms-flow .rb-input small{color:var(--ds-text-muted);font-size:10.5px}.pagina-isms-flow .rb-arrow{color:var(--portal-color);flex-shrink:0;font-size:22px}.pagina-isms-flow .rb-steps{flex-direction:column;flex:1;gap:4px;min-width:240px;display:flex}.pagina-isms-flow .rb-step{background:var(--ds-hover);border-radius:9px;align-items:center;gap:11px;padding:11px 14px;display:flex}.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{background:var(--portal-color);color:#fff;border-radius:7px;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:13px;font-weight:800;display:grid}.pagina-isms-flow .rb-step strong{color:var(--ds-text);font-size:13px;display:block}.pagina-isms-flow .rb-step small{color:var(--ds-text-muted);font-size:11px}.pagina-isms-flow .rb-down{color:var(--portal-color);margin-left:12px;font-size:16px}.pagina-isms-flow .rb-links{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.pagina-isms-flow .rb-link{color:var(--portal-color);font-size:12px;font-weight:600;text-decoration:none}.pagina-isms-flow .norm-link{background:#6366f10a;border:1px solid #6366f133;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;display:flex}.pagina-isms-flow .norm-link>svg{color:var(--portal-color);flex-shrink:0;font-size:24px}.pagina-isms-flow .norm-link strong{color:var(--ds-text);font-size:13px}.pagina-isms-flow .norm-link p{color:var(--ds-text-muted);margin:2px 0 0;font-size:12px}.pagina-isms-flow .nl-btns{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.pagina-isms-flow .nl-btn{color:var(--portal-color);border:1px solid var(--portal-color);border-radius:var(--ds-radius-sm);white-space:nowrap;padding:6px 10px;font-size:12px;font-weight:600;text-decoration:none}@media (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{place-items:center;display:grid}.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{color:#b45309;background:#eab30826}.pagina-isms-dashboard .section h2{color:var(--ds-text);margin:0 0 12px;font-size:16px;font-weight:700}.pagina-isms-dashboard .section-intro{color:var(--ds-text-muted);margin:0 0 16px;font-size:12px}.pagina-isms-dashboard .clausule-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:14px;display:grid}.pagina-isms-dashboard .clausule-card{background:var(--ds-hover);border:1px solid var(--ds-border);cursor:pointer;border-radius:10px;flex-direction:column;padding:16px;transition:all .2s;display:flex}.pagina-isms-dashboard .clausule-card:hover{border-color:var(--portal-color);transform:translateY(-2px);box-shadow:0 4px 12px #6366f11a}.pagina-isms-dashboard .card-number{background:var(--portal-color);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:flex}.pagina-isms-dashboard .card-desc{color:var(--ds-text-muted);margin:8px 0;font-size:11px;line-height:1.4}.pagina-isms-dashboard .progress-bar{background:var(--ds-border);border-radius:3px;height:6px;margin:8px 0;overflow:hidden}.pagina-isms-dashboard .progress-fill{background:var(--portal-color);height:100%;transition:width .3s}.pagina-isms-dashboard .progress-text{color:var(--ds-text-muted);text-align:right;font-size:10px}.pagina-isms-dashboard .card-btn{background:var(--portal-color);color:#fff;border-radius:var(--ds-radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:auto;padding:8px 12px;font-size:11px;font-weight:600;display:flex}.pagina-isms-dashboard .card-btn:hover{opacity:.9}.pagina-isms-dashboard .extra-grid{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:14px;margin-top:14px;display:grid}.pagina-isms-dashboard .extra-card{background:var(--ds-hover);border:1px solid var(--ds-border);cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;padding:16px;transition:all .2s;display:flex}.pagina-isms-dashboard .extra-card:hover{border-color:var(--portal-color);transform:translateY(-2px)}.pagina-isms-dashboard .extra-card svg{color:var(--portal-color);margin:0 auto 8px;font-size:32px}.pagina-isms-dashboard .extra-card h3{color:var(--ds-text);margin:0 0 6px;font-size:13px;font-weight:700}.pagina-isms-dashboard .extra-card p{color:var(--ds-text-muted);margin:0 0 12px;font-size:11px}.pagina-isms-dashboard .extra-btn{background:var(--portal-color);color:#fff;border-radius:var(--ds-radius-sm);cursor:pointer;border:none;width:100%;padding:8px 12px;font-size:11px;font-weight:600}.pagina-isms-dashboard .audit-info{background:#6366f10d;border-color:#6366f133}.pagina-isms-dashboard .timeline{gap:16px;padding:12px 0;display:flex;position:relative;overflow-x:auto}.pagina-isms-dashboard .timeline-item{background:var(--ds-hover);border:1px solid var(--ds-border);border-radius:8px;flex-shrink:0;width:140px;padding:12px}.pagina-isms-dashboard .timeline-item.active{border-color:var(--portal-color);background:#6366f11a}.pagina-isms-dashboard .timeline-date{color:var(--portal-color);font-size:11px;font-weight:700}.pagina-isms-dashboard .timeline-label{color:var(--ds-text);margin-top:4px;font-size:12px;font-weight:600}.pagina-isms-dashboard .timeline-desc{color:var(--ds-text-muted);margin-top:4px;font-size:10px}.pagina-isms-dashboard .status-badge.status-complete{color:#16a34a;background:#22c55e33}.pagina-isms-dashboard .status-badge.status-in-progress{color:#b45309;background:#eab30833}.pagina-isms-dashboard .status-badge.status-draft{color:#4b5563;background:#6b728033}.pagina-isms-dashboard .clausule-card .card-header{background:0 0;border-bottom:none;justify-content:flex-start;align-items:center;gap:10px;margin-bottom:10px;padding:0;display:flex}.pagina-isms-dashboard .clausule-card .card-title{color:var(--ds-text);border-bottom:none;flex:1;margin:0;padding:0;font-size:13px;font-weight:600;display:block}.pagina-isms-dashboard.page-container>.page-topbar{box-shadow:none;background:linear-gradient(135deg, var(--portal-color) 0%, #4f46e5 100%);color:#fff;border:none;border-radius:12px;padding:20px;display:block}.pagina-isms-dashboard.page-container>.page-topbar .page-title{color:#fff;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.pagina-isms-dashboard.page-container>.page-topbar .page-meta{opacity:.9;color:#fff;margin-top:6px;font-size:12px}.pagina-isms-dashboard .clausule-card,.pagina-isms-dashboard .extra-card{color:inherit;text-decoration:none}.pagina-isms-dashboard .section h2{align-items:center;gap:8px;display:flex}.pagina-isms-dashboard .section h2 svg{color:var(--portal-color);font-size:17px}.pagina-isms-dashboard .extra-btn{text-align:center;margin-top:auto;display:block}.pagina-clause-6 .vraag-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.pagina-clause-6 .vraag-item{background:var(--ds-hover);border-radius:10px;gap:12px;padding:12px 14px;display:flex}.pagina-clause-6 .vraag-nr{background:var(--portal-color);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:13px;font-weight:800;display:grid}.pagina-clause-6 .vraag-body{flex:1}.pagina-clause-6 .vraag-tekst{color:var(--ds-text);font-size:12.5px;font-weight:700;line-height:1.45}.pagina-clause-6 .vraag-antwoord{color:var(--ds-text-secondary);align-items:flex-start;gap:6px;margin-top:5px;font-size:12px;line-height:1.5;display:flex}.pagina-clause-6 .vraag-antwoord svg{color:#16a34a;flex-shrink:0;margin-top:1px;font-size:14px}.pagina-clause-6 .vraag-ref{color:var(--portal-color);background:color-mix(in srgb, var(--portal-color) 10%, transparent);border-radius:999px;margin-top:5px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-block}.pagina-clause-6 .doel-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.pagina-clause-6 .doel-item{background:var(--ds-hover);border-radius:8px;align-items:flex-start;gap:9px;padding:10px 12px;display:flex}.pagina-clause-6 .doel-item svg{color:#16a34a;flex-shrink:0;margin-top:1px;font-size:16px}.pagina-clause-6 .doel-item>div{flex-direction:column;gap:3px;display:flex}.pagina-clause-6 .doel-tekst{color:var(--ds-text);font-size:12px;font-weight:700;line-height:1.4}.pagina-clause-6 .doel-hoe{color:var(--ds-text-secondary);font-size:11.5px;line-height:1.45}.pagina-clause-6 .sub-elem-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.pagina-clause-6 .sub-elem{color:var(--portal-color);border:1px solid var(--portal-color);border-radius:999px;padding:4px 11px;font-size:11px;font-weight:700}.pagina-clause-6 .proc-steps{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:10px;margin-top:12px;display:grid}.pagina-clause-6 .proc-step{background:var(--ds-hover);border-radius:10px;gap:10px;padding:12px;display:flex}.pagina-clause-6 .ps-nr{background:var(--portal-color);color:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:13px;font-weight:800;display:grid}.pagina-clause-6 .ps-body{flex-direction:column;gap:3px;display:flex}.pagina-clause-6 .ps-titel{color:var(--ds-text);font-size:12.5px;font-weight:800}.pagina-clause-6 .ps-desc{color:var(--ds-text-secondary);font-size:11.5px;line-height:1.45}.pagina-clause-6 .accept-box,.pagina-clause-6 .valkuil-box{border-radius:10px;align-items:flex-start;gap:11px;margin-top:12px;padding:13px 15px;display:flex}.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{color:var(--portal-color);flex-shrink:0;margin-top:1px;font-size:20px}.pagina-clause-6 .valkuil-box{background:#f59e0b14;border:1px solid #f59e0b4d}.pagina-clause-6 .valkuil-box svg{color:#d97706;flex-shrink:0;margin-top:1px;font-size:20px}.pagina-clause-6 .accept-box div,.pagina-clause-6 .valkuil-box div{color:var(--ds-text-2);font-size:12px;line-height:1.55}.pagina-clause-6 .accept-box strong,.pagina-clause-6 .valkuil-box strong{color:var(--ds-text)}@media (width<=640px){.pagina-clause-6 .doel-grid{grid-template-columns:1fr}}.pagina-clause-6 .section h2{color:var(--ds-text);margin:0 0 14px;font-size:16px;font-weight:700}.pagina-clause-6 .norm-text{border-left:4px solid var(--portal-color);color:var(--ds-text);background:#6366f114;border-radius:6px;padding:14px;font-size:13px;line-height:1.6}.pagina-clause-6 .checklist{flex-direction:column;gap:10px;display:flex}.pagina-clause-6 .check-item{background:var(--ds-hover);border-radius:8px;gap:12px;padding:12px;display:flex}.pagina-clause-6 .check-item.done svg{color:#16a34a;flex-shrink:0;font-size:20px}.pagina-clause-6 .check-content h4{color:var(--ds-text);margin:0 0 4px;font-size:12px;font-weight:600}.pagina-clause-6 .check-content p{color:var(--ds-text-secondary);margin:0;font-size:11px;line-height:1.4}.pagina-clause-6 .risk-table-wrap{border:1px solid var(--ds-border);border-radius:8px;margin-bottom:10px;overflow-x:auto}.pagina-clause-6 .sh-table{border-collapse:collapse;width:100%;font-size:12px}.pagina-clause-6 .sh-table th{background:var(--ds-hover);text-align:left;color:var(--ds-text-secondary);border-bottom:1px solid var(--ds-border);padding:10px 12px;font-size:11px;font-weight:700}.pagina-clause-6 .sh-table td{border-bottom:1px solid var(--ds-border);vertical-align:top;color:var(--ds-text);padding:10px 12px;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{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.pagina-clause-6 .risk-score.high{color:#dc2626;background:#ef44441f}.pagina-clause-6 .status-dot:before{content:"";border-radius:50%;width:7px;height:7px;display:inline-block}.pagina-clause-6 .dot-green:before{background:#16a34a}.pagina-clause-6 .evidence-link{color:var(--portal-color);font-size:12px;font-weight:600;text-decoration:none;display:inline-block}.pagina-clause-6 .evidence-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.pagina-clause-6 .evidence-card.pdf{border-style:dashed}.pagina-clause-6 .evidence-card{background:var(--ds-hover);border:1px solid var(--ds-border);border-radius:8px;flex-direction:column;gap:6px;padding:14px;text-decoration:none;transition:border-color .15s;display:flex}.pagina-clause-6 .evidence-card:hover{border-color:var(--portal-color)}.pagina-clause-6 .evidence-card svg{color:var(--portal-color);font-size:20px}.pagina-clause-6 .evidence-card h4{color:var(--ds-text);margin:0;font-size:12px;font-weight:600}.pagina-clause-6 .evidence-card p{color:var(--ds-text-secondary);margin:0;font-size:11px}.pagina-clause-6 .audit-status{background:#22c55e0d;border-color:#22c55e33}.pagina-clause-6 .status-bar{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.pagina-clause-6 .status-item{background:var(--ds-card);border-radius:6px;align-items:center;gap:8px;padding:8px;font-size:12px;display:flex}.pagina-clause-6 .status-item.completed{color:#16a34a}.pagina-clause-6 .status-item svg{font-size:16px}.pagina-clause-6 .completion p{color:var(--ds-text-secondary);margin:0;font-size:12px}.pagina-clause-6 .status-dot{background:0 0;border-radius:0;flex-shrink:1;align-items:center;gap:5px;width:auto;height:auto;font-size:11px;font-weight:600;display:inline-flex}.pagina-clause-6 .link-btn{border-radius:var(--ds-radius-sm);border:1px dashed var(--ds-border);background:var(--ds-hover);color:var(--portal-color);white-space:nowrap;align-self:start;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:700;text-decoration:none;transition:border-color .15s;display:inline-flex}.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{color:var(--ds-text-2);margin:0 0 4px;font-size:12.5px;line-height:1.55}.pagina-clause-6 .msr-table-wrap{border:1px solid var(--ds-border);border-radius:8px;margin-bottom:10px;overflow-x:auto}.pagina-clause-6 .aanw-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.pagina-clause-6 .aanw-item{background:var(--ds-hover);border-radius:10px;padding:12px 14px}.pagina-clause-6 .aanw-vraag{color:var(--ds-text);align-items:flex-start;gap:7px;font-size:12.5px;font-weight:700;line-height:1.45;display:flex}.pagina-clause-6 .aanw-vraag svg{color:var(--portal-color);flex-shrink:0;margin-top:1px;font-size:15px}.pagina-clause-6 .aanw-antwoord{color:var(--ds-text-2);align-items:flex-start;gap:7px;margin-top:6px;font-size:12px;line-height:1.5;display:flex}.pagina-clause-6 .aanw-antwoord svg{color:#16a34a;flex-shrink:0;margin-top:1px;font-size:14px}@media (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{color:var(--ds-text);margin:0 0 14px;font-size:16px;font-weight:700}.pagina-clause-7 .norm-text{border-left:4px solid var(--portal-color);color:var(--ds-text);background:#6366f114;border-radius:6px;padding:14px;font-size:13px;line-height:1.6}.pagina-clause-7 .checklist{flex-direction:column;gap:10px;display:flex}.pagina-clause-7 .check-item{background:var(--ds-hover);border-radius:8px;gap:12px;padding:12px;display:flex}.pagina-clause-7 .check-item.done svg{color:#16a34a;flex-shrink:0;font-size:20px}.pagina-clause-7 .check-content h4{color:var(--ds-text);margin:0 0 4px;font-size:12px;font-weight:600}.pagina-clause-7 .check-content p{color:var(--ds-text-secondary);margin:0;font-size:11px;line-height:1.4}.pagina-clause-7 .risk-table-wrap{border:1px solid var(--ds-border);border-radius:8px;overflow-x:auto}.pagina-clause-7 .sh-table{border-collapse:collapse;width:100%;font-size:12px}.pagina-clause-7 .sh-table th{background:var(--ds-hover);text-align:left;color:var(--ds-text-secondary);border-bottom:1px solid var(--ds-border);padding:10px 12px;font-size:11px;font-weight:700}.pagina-clause-7 .sh-table td{border-bottom:1px solid var(--ds-border);vertical-align:top;color:var(--ds-text);padding:10px 12px;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:"";border-radius:50%;width:7px;height:7px;display:inline-block}.pagina-clause-7 .dot-green:before{background:#16a34a}.pagina-clause-7 .evidence-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.pagina-clause-7 .evidence-card{background:var(--ds-hover);border:1px solid var(--ds-border);border-radius:8px;flex-direction:column;gap:6px;padding:14px;text-decoration:none;transition:border-color .15s;display:flex}.pagina-clause-7 .evidence-card:hover{border-color:var(--portal-color)}.pagina-clause-7 .evidence-card svg{color:var(--portal-color);font-size:20px}.pagina-clause-7 .evidence-card h4{color:var(--ds-text);margin:0;font-size:12px;font-weight:600}.pagina-clause-7 .evidence-card p{color:var(--ds-text-secondary);margin:0;font-size:11px}.pagina-clause-7 .audit-status{background:#22c55e0d;border-color:#22c55e33}.pagina-clause-7 .status-bar{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.pagina-clause-7 .status-item{background:var(--ds-card);border-radius:6px;align-items:center;gap:8px;padding:8px;font-size:12px;display:flex}.pagina-clause-7 .status-item.completed{color:#16a34a}.pagina-clause-7 .status-item svg{font-size:16px}.pagina-clause-7 .completion p{color:var(--ds-text-secondary);margin:0;font-size:12px}.pagina-clause-7 .status-dot{background:0 0;border-radius:0;flex-shrink:1;align-items:center;gap:5px;width:auto;height:auto;font-size:11px;font-weight:600;display:inline-flex}.pagina-clause-7 .link-btn{border-radius:var(--ds-radius-sm);border:1px dashed var(--ds-border);background:var(--ds-hover);color:var(--portal-color);white-space:nowrap;align-self:start;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:700;text-decoration:none;transition:border-color .15s;display:inline-flex}.pagina-clause-7 .link-btn:hover{border-color:var(--portal-color)}.pagina-clause-7 .link-btn svg{font-size:15px}@media (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{color:var(--ds-text);margin:0 0 14px;font-size:16px;font-weight:700}.pagina-clause-8 .norm-text{border-left:4px solid var(--portal-color);color:var(--ds-text);background:#6366f114;border-radius:6px;padding:14px;font-size:13px;line-height:1.6}.pagina-clause-8 .checklist{flex-direction:column;gap:10px;display:flex}.pagina-clause-8 .check-item{background:var(--ds-hover);border-radius:8px;gap:12px;padding:12px;display:flex}.pagina-clause-8 .check-item.done svg{color:#16a34a;flex-shrink:0;font-size:20px}.pagina-clause-8 .check-content h4{color:var(--ds-text);margin:0 0 4px;font-size:12px;font-weight:600}.pagina-clause-8 .check-content p{color:var(--ds-text-secondary);margin:0;font-size:11px;line-height:1.4}.pagina-clause-8 .controls-grid{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:10px;display:grid}.pagina-clause-8 .control-card{background:var(--ds-hover);border:1px solid var(--ds-border);border-radius:8px;padding:12px}.pagina-clause-8 .control-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.pagina-clause-8 .control-ref{color:var(--portal-color);font-size:10px;font-weight:700}.pagina-clause-8 .control-card h4{color:var(--ds-text);margin:0 0 4px;font-size:12px;font-weight:600}.pagina-clause-8 .control-card p{color:var(--ds-text-secondary);margin:0;font-size:11px;line-height:1.4}.pagina-clause-8 .status-dot:before{content:"";border-radius:50%;width:6px;height:6px;display:inline-block}.pagina-clause-8 .dot-green:before{background:#16a34a}.pagina-clause-8 .evidence-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.pagina-clause-8 .evidence-card{background:var(--ds-hover);border:1px solid var(--ds-border);border-radius:8px;flex-direction:column;gap:6px;padding:14px;text-decoration:none;transition:border-color .15s;display:flex}.pagina-clause-8 .evidence-card:hover{border-color:var(--portal-color)}.pagina-clause-8 .evidence-card svg{color:var(--portal-color);font-size:20px}.pagina-clause-8 .evidence-card h4{color:var(--ds-text);margin:0;font-size:12px;font-weight:600}.pagina-clause-8 .evidence-card p{color:var(--ds-text-secondary);margin:0;font-size:11px}.pagina-clause-8 .audit-status{background:#22c55e0d;border-color:#22c55e33}.pagina-clause-8 .status-bar{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.pagina-clause-8 .status-item{background:var(--ds-card);border-radius:6px;align-items:center;gap:8px;padding:8px;font-size:12px;display:flex}.pagina-clause-8 .status-item.completed{color:#16a34a}.pagina-clause-8 .status-item svg{font-size:16px}.pagina-clause-8 .completion p{color:var(--ds-text-secondary);margin:0;font-size:12px}.pagina-clause-8 .status-dot{background:0 0;border-radius:0;flex-shrink:1;align-items:center;gap:5px;width:auto;height:auto;font-size:11px;font-weight:600;display:inline-flex}.pagina-clause-8 .link-btn{border-radius:var(--ds-radius-sm);border:1px dashed var(--ds-border);background:var(--ds-hover);color:var(--portal-color);white-space:nowrap;align-self:start;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:700;text-decoration:none;transition:border-color .15s;display:inline-flex}.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{color:var(--ds-text);margin:0 0 14px;font-size:16px;font-weight:700}.pagina-clause-9 .norm-text{border-left:4px solid var(--portal-color);color:var(--ds-text);background:#6366f114;border-radius:6px;padding:14px;font-size:13px;line-height:1.6}.pagina-clause-9 .checklist{flex-direction:column;gap:10px;display:flex}.pagina-clause-9 .check-item{background:var(--ds-hover);border-radius:8px;gap:12px;padding:12px;display:flex}.pagina-clause-9 .check-item.done svg{color:#16a34a;flex-shrink:0;font-size:20px}.pagina-clause-9 .check-content h4{color:var(--ds-text);margin:0 0 4px;font-size:12px;font-weight:600}.pagina-clause-9 .check-content p{color:var(--ds-text-secondary);margin:0;font-size:11px;line-height:1.4}.pagina-clause-9 .kpi-card{background:var(--ds-hover);border:1px solid var(--ds-border);text-align:center;border-radius:8px;padding:14px}.pagina-clause-9 .kpi-value{color:var(--portal-color);font-size:22px;font-weight:800}.pagina-clause-9 .kpi-label{color:var(--ds-text);margin:4px 0 2px;font-size:11px;font-weight:600}.pagina-clause-9 .kpi-target{color:var(--ds-text-secondary);margin-bottom:6px;font-size:10px}.pagina-clause-9 .status-dot:before{content:"";border-radius:50%;width:6px;height:6px;display:inline-block}.pagina-clause-9 .dot-green:before{background:#16a34a}.pagina-clause-9 .dot-orange:before{background:#ea580c}.pagina-clause-9 .besluit-list{flex-direction:column;gap:10px;display:flex}.pagina-clause-9 .besluit{background:var(--ds-hover);border-radius:8px;align-items:flex-start;gap:12px;padding:12px;display:flex}.pagina-clause-9 .besluit-id{color:var(--portal-color);white-space:nowrap;background:#6366f11a;border-radius:8px;padding:2px 8px;font-size:10px;font-weight:800}.pagina-clause-9 .besluit strong{color:var(--ds-text);font-size:12px;font-weight:700}.pagina-clause-9 .besluit p{color:var(--ds-text-secondary);margin:4px 0 0;font-size:11px;line-height:1.4}.pagina-clause-9 .evidence-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.pagina-clause-9 .evidence-card{background:var(--ds-hover);border:1px solid var(--ds-border);border-radius:8px;flex-direction:column;gap:6px;padding:14px;text-decoration:none;transition:border-color .15s;display:flex}.pagina-clause-9 .evidence-card:hover{border-color:var(--portal-color)}.pagina-clause-9 .evidence-card svg{color:var(--portal-color);font-size:20px}.pagina-clause-9 .evidence-card h4{color:var(--ds-text);margin:0;font-size:12px;font-weight:600}.pagina-clause-9 .evidence-card p{color:var(--ds-text-secondary);margin:0;font-size:11px}.pagina-clause-9 .audit-status{background:#22c55e0d;border-color:#22c55e33}.pagina-clause-9 .status-bar{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.pagina-clause-9 .status-item{background:var(--ds-card);border-radius:6px;align-items:center;gap:8px;padding:8px;font-size:12px;display:flex}.pagina-clause-9 .status-item.completed{color:#16a34a}.pagina-clause-9 .status-item svg{font-size:16px}.pagina-clause-9 .completion p{color:var(--ds-text-secondary);margin:0;font-size:12px}.pagina-clause-9 .status-dot{background:0 0;border-radius:0;flex-shrink:1;align-items:center;gap:5px;width:auto;height:auto;font-size:11px;font-weight:600;display:inline-flex}.pagina-clause-9 .link-btn{border-radius:var(--ds-radius-sm);border:1px dashed var(--ds-border);background:var(--ds-hover);color:var(--portal-color);white-space:nowrap;align-self:start;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:700;text-decoration:none;transition:border-color .15s;display:inline-flex}.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{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}@media (width<=640px){.pagina-clause-9 .besluit>div{flex:auto;min-width:0}}.pagina-clause-10 .section h2{color:var(--ds-text);margin:0 0 14px;font-size:16px;font-weight:700}.pagina-clause-10 .norm-text{border-left:4px solid var(--portal-color);color:var(--ds-text);background:#6366f114;border-radius:6px;padding:14px;font-size:13px;line-height:1.6}.pagina-clause-10 .checklist{flex-direction:column;gap:10px;display:flex}.pagina-clause-10 .check-item{background:var(--ds-hover);border-radius:8px;gap:12px;padding:12px;display:flex}.pagina-clause-10 .check-item.done svg{color:#16a34a;flex-shrink:0;font-size:20px}.pagina-clause-10 .check-content h4{color:var(--ds-text);margin:0 0 4px;font-size:12px;font-weight:600}.pagina-clause-10 .check-content p{color:var(--ds-text-secondary);margin:0;font-size:11px;line-height:1.4}.pagina-clause-10 .stat-pill{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}.pagina-clause-10 .stat-pill.green{color:#16a34a;background:#22c55e1f}.pagina-clause-10 .stat-pill.orange{color:#d97706;background:#f59e0b1f}.pagina-clause-10 .stat-pill.gray{background:var(--ds-hover);color:var(--ds-text-secondary)}.pagina-clause-10 .afw-table-wrap{border:1px solid var(--ds-border);border-radius:8px;margin-bottom:10px;overflow-x:auto}.pagina-clause-10 .sh-table{border-collapse:collapse;width:100%;font-size:12px}.pagina-clause-10 .sh-table th{background:var(--ds-hover);text-align:left;color:var(--ds-text-secondary);border-bottom:1px solid var(--ds-border);padding:10px 12px;font-size:11px;font-weight:700}.pagina-clause-10 .sh-table td{border-bottom:1px solid var(--ds-border);vertical-align:top;color:var(--ds-text);padding:10px 12px;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:"";border-radius:50%;width:7px;height:7px;display:inline-block}.pagina-clause-10 .dot-green:before{background:#16a34a}.pagina-clause-10 .dot-orange:before{background:#ea580c}.pagina-clause-10 .evidence-link{color:var(--portal-color);font-size:12px;font-weight:600;text-decoration:none;display:inline-block}.pagina-clause-10 .evidence-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.pagina-clause-10 .evidence-card{background:var(--ds-hover);border:1px solid var(--ds-border);border-radius:8px;flex-direction:column;gap:6px;padding:14px;text-decoration:none;transition:border-color .15s;display:flex}.pagina-clause-10 .evidence-card:hover{border-color:var(--portal-color)}.pagina-clause-10 .evidence-card svg{color:var(--portal-color);font-size:20px}.pagina-clause-10 .evidence-card h4{color:var(--ds-text);margin:0;font-size:12px;font-weight:600}.pagina-clause-10 .evidence-card p{color:var(--ds-text-secondary);margin:0;font-size:11px}.pagina-clause-10 .audit-status{background:#22c55e0d;border-color:#22c55e33}.pagina-clause-10 .status-bar{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.pagina-clause-10 .status-item{background:var(--ds-card);border-radius:6px;align-items:center;gap:8px;padding:8px;font-size:12px;display:flex}.pagina-clause-10 .status-item.completed{color:#16a34a}.pagina-clause-10 .status-item svg{font-size:16px}.pagina-clause-10 .completion p{color:var(--ds-text-secondary);margin:0;font-size:12px}.pagina-clause-10 .status-dot{background:0 0;border-radius:0;flex-shrink:1;align-items:center;gap:5px;width:auto;height:auto;font-size:11px;font-weight:600;display:inline-flex}.pagina-clause-10 .link-btn{border-radius:var(--ds-radius-sm);border:1px dashed var(--ds-border);background:var(--ds-hover);color:var(--portal-color);white-space:nowrap;align-self:start;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:700;text-decoration:none;transition:border-color .15s;display:inline-flex}.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{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}@media (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{color:var(--ds-text);margin:0 0 12px;font-size:16px;font-weight:700}.pagina-hub-norm .sub{color:var(--ds-text-secondary);margin:-6px 0 12px;font-size:12px}.pagina-hub-norm .clause-banner{background:#6366f114;border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:12px;padding:14px;display:flex}.pagina-hub-norm .clause-banner svg{color:var(--portal-color);flex-shrink:0;font-size:26px}.pagina-hub-norm .clause-banner h2{margin:0 0 4px;font-size:14px}.pagina-hub-norm .clause-link{color:var(--portal-color);font-size:12px;font-weight:600;text-decoration:none}.pagina-hub-norm .clause-link:hover{text-decoration:underline}.pagina-hub-norm .norm-text{background:var(--ds-hover);border-left:4px solid var(--portal-color);color:var(--ds-text);border-radius:6px;padding:14px;font-size:13px;line-height:1.6}.pagina-hub-norm .eisen-list{flex-direction:column;gap:8px;display:flex}.pagina-hub-norm .eis{background:var(--ds-hover);border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.pagina-hub-norm .eis svg{color:#16a34a;flex-shrink:0;margin-top:1px;font-size:18px}.pagina-hub-norm .eis span{color:var(--ds-text);font-size:12px;line-height:1.4}.pagina-hub-norm .bewijs-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:10px;display:grid}.pagina-hub-norm .bewijs-card{background:var(--ds-hover);border:1px solid var(--ds-border);border-radius:10px;padding:14px;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{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.pagina-hub-norm .bc-head h4{color:var(--ds-text);margin:0;font-size:13px;font-weight:700}.pagina-hub-norm .bc-head svg{color:var(--portal-color);font-size:16px}.pagina-hub-norm .bewijs-card p{color:var(--ds-text-secondary);margin:0;font-size:11px;line-height:1.4}.pagina-hub-norm .doc-list{flex-direction:column;gap:8px;display:flex}.pagina-hub-norm .doc-item{background:var(--ds-hover);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;transition:background .15s;display:flex}.pagina-hub-norm .doc-item:hover{background:#6366f114}.pagina-hub-norm .doc-item svg{color:var(--portal-color);flex-shrink:0;font-size:17px}.pagina-hub-norm .doc-item span{color:var(--ds-text);flex:1;font-size:12px;font-weight:500}.pagina-hub-norm .doc-item .ext{color:var(--ds-text-secondary);font-size:13px}.pagina-beleid .hoofd{background:var(--portal-color);color:#fff;box-shadow:0 4px 14px -4px var(--portal-color);border-radius:14px;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;display:flex}.pagina-beleid .hoofd-ic svg{font-size:30px}.pagina-beleid .hoofd-txt{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pagina-beleid .hoofd-lbl{text-transform:uppercase;letter-spacing:.05em;opacity:.85;font-size:11px;font-weight:700}.pagina-beleid .hoofd-txt strong{font-size:16px}.pagina-beleid .hoofd-id{opacity:.8;font-variant-numeric:tabular-nums;font-size:11.5px}.pagina-beleid .hoofd .go{opacity:.9;font-size:20px}.pagina-beleid .bundel{border:1px dashed var(--portal-color);background:color-mix(in srgb, var(--portal-color) 7%, transparent);color:var(--portal-color);border-radius:12px;align-items:center;gap:11px;padding:12px 16px;font-size:13.5px;text-decoration:none;display:flex}.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{grid-template-columns:repeat(auto-fill,minmax(min(330px,100%),1fr));gap:12px;display:grid}.pagina-beleid .kaart{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:12px;align-items:center;gap:13px;padding:14px 15px;display:flex}.pagina-beleid .nr{background:color-mix(in srgb, var(--portal-color) 12%, transparent);width:34px;height:34px;color:var(--portal-color);border-radius:999px;flex-shrink:0;place-items:center;font-size:15px;font-weight:800;display:grid}.pagina-beleid .body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pagina-beleid .punt{color:var(--ds-text-muted);font-size:11.5px;font-weight:600}.pagina-beleid .titel{color:var(--ds-text);font-size:13.5px;font-weight:700;line-height:1.35}.pagina-beleid .id{color:var(--ds-text-muted);font-variant-numeric:tabular-nums;font-size:11px}.pagina-beleid .acties{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.pagina-beleid .btn{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-secondary);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:6px 11px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.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 (width<=560px){.pagina-beleid .kaart{flex-wrap:wrap}.pagina-beleid .acties{flex-direction:row;width:100%}}.pagina-procedures .info-bar{align-items:flex-start;gap:12px;padding:13px 16px;display:flex}.pagina-procedures .info-bar>svg{color:var(--portal-color);flex-shrink:0;margin-top:1px;font-size:22px}.pagina-procedures .info-bar strong{color:var(--ds-text)}.pagina-procedures .info-bar div{color:var(--ds-text-2);font-size:12.5px;line-height:1.55}.pagina-procedures .scen-grid{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:14px;display:grid}.pagina-procedures .scen-card{background:var(--ds-card);border:1px solid var(--ds-border);border-left:4px solid var(--accent,var(--portal-color));cursor:pointer;box-shadow:var(--ds-shadow);border-radius:12px;flex-direction:column;gap:12px;padding:16px;transition:transform .15s,box-shadow .15s;display:flex}.pagina-procedures .scen-card:hover{box-shadow:var(--ds-shadow-lg);transform:translateY(-2px)}.pagina-procedures .sc-icon{background:color-mix(in srgb, var(--accent) 14%, var(--ds-card));border-radius:11px;place-items:center;width:44px;height:44px;display:grid}.pagina-procedures .sc-icon svg{color:var(--accent);font-size:22px}.pagina-procedures .sc-body{flex-direction:column;gap:4px;display:flex}.pagina-procedures .sc-body strong{color:var(--ds-text);font-size:14px}.pagina-procedures .sc-trigger{color:var(--ds-text-secondary);font-size:12px;line-height:1.45}.pagina-procedures .sc-norm{text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted);margin-top:2px;font-size:10.5px;font-weight:700}.pagina-procedures .sc-actions{border-top:1px solid var(--ds-border-subtle);justify-content:space-between;align-items:center;padding-top:10px;display:flex}.pagina-procedures .sc-steps{color:var(--ds-text-secondary);align-items:center;gap:5px;font-size:11.5px;font-weight:600;display:inline-flex}.pagina-procedures .sc-pdf{color:var(--accent);border:1px solid var(--accent);border-radius:7px;align-items:center;gap:5px;padding:4px 9px;font-size:11.5px;font-weight:700;text-decoration:none;display:inline-flex}.pagina-procedures .sc-pdf:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}.pagina-procedures .norm-link{background:#6366f10a;border:1px solid #6366f133;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;display:flex}.pagina-procedures .norm-link>svg{color:var(--portal-color);flex-shrink:0;font-size:24px}.pagina-procedures .norm-link strong{color:var(--ds-text);font-size:13px}.pagina-procedures .norm-link p{color:var(--ds-text-secondary);margin:2px 0 0;font-size:12px}.pagina-procedures .nl-btns{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.pagina-procedures .nl-btn{color:var(--portal-color);border:1px solid var(--portal-color);border-radius:var(--ds-radius-sm);white-space:nowrap;padding:6px 10px;font-size:12px;font-weight:600;text-decoration:none}@keyframes pagina-procedures-fadeIn{0%{opacity:0}to{opacity:1}}.pagina-procedures .modal-header h3 svg{color:var(--accent)}.pagina-procedures .m-trigger{color:var(--ds-text);background:var(--ds-hover);border-radius:8px;margin-bottom:8px;padding:10px 12px;font-size:13px;line-height:1.5}.pagina-procedures .m-norm{text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted);margin-bottom:16px;font-size:10.5px;font-weight:700}.pagina-procedures .stap{margin-bottom:16px}.pagina-procedures .stap-head{color:var(--ds-text);align-items:center;gap:9px;margin-bottom:8px;font-size:13.5px;font-weight:700;display:flex}.pagina-procedures .stap-num{background:var(--accent);color:#fff;border-radius:7px;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:grid}.pagina-procedures .stap-acties{flex-direction:column;gap:5px;margin:0;padding-left:34px;display:flex}.pagina-procedures .stap-acties li{color:var(--ds-text-2);font-size:12.5px;line-height:1.5}.pagina-procedures .m-contact{background:#ef44440f;border:1px solid #ef444433;border-radius:10px;align-items:center;gap:10px;margin-top:10px;padding:12px 14px;display:flex}.pagina-procedures .m-contact svg{color:#dc2626;flex-shrink:0;font-size:20px}.pagina-procedures .m-contact span{color:var(--ds-text);font-size:12.5px}.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.2px}.pagina-structuur .arch-svg .box-accent{stroke:var(--portal-color);stroke-width:1.6px}.pagina-structuur .arch-svg .box-ok{stroke:var(--ds-success);stroke-width:1.6px}.pagina-structuur .arch-svg .box-warn{stroke:var(--ds-warning);stroke-width:1.6px}.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{opacity:.72;font-size:11.5px}.pagina-structuur .arch-svg .lbl{fill:var(--ds-text-muted);text-anchor:middle;font-family:inherit;font-size:10.5px}.pagina-structuur .arch-svg .lijn path{fill:none;stroke:var(--ds-text-muted);stroke-width:1.4px;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{color:var(--ds-text-muted);flex-wrap:wrap;gap:14px;margin-top:10px;font-size:12.5px;display:flex}.pagina-structuur .leg{align-items:center;gap:6px;display:inline-flex}.pagina-structuur .dot{border:2px solid var(--ds-text-muted);border-radius:3px;width:10px;height:10px;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{color:var(--ds-text-muted);margin:10px 2px 0;font-size:12.5px}.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);box-shadow:var(--ds-shadow);border-radius:14px;padding:16px 18px}.pagina-checklist .cl-progress-head{color:var(--ds-text-muted);justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:13px;display:flex}.pagina-checklist .cl-progress-head strong{color:var(--ds-text);font-size:20px;font-weight:800}.pagina-checklist .cl-bar{background:#94a3b82e;border-radius:999px;height:8px;overflow:hidden}.pagina-checklist .cl-bar-fill{border-radius:inherit;background:linear-gradient(90deg,#22c55e,#16a34a);height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.pagina-checklist .cl-progress-stats{gap:16px;margin-top:12px;font-size:12px;display:flex}.pagina-checklist .cl-stat{align-items:center;gap:5px;font-weight:600;display:inline-flex}.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{flex-wrap:wrap;gap:7px;display:flex}.pagina-checklist .cl-tab{background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text-2);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:700;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.pagina-checklist .cl-tab:hover{border-color:var(--dom-clr);color:var(--dom-clr)}.pagina-checklist .cl-tab svg{color:var(--dom-clr);font-size:15px}.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{opacity:.75;font-size:10px;font-weight:800}.pagina-checklist .cl-bar-row{flex-wrap:wrap;gap:10px;display:flex}.pagina-checklist .cl-search{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:9px;flex:1;align-items:center;gap:7px;min-width:200px;padding:0 11px;transition:border-color .15s;display:flex}.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{color:var(--ds-text);font:inherit;background:0 0;border:none;outline:none;flex:1;padding:9px 0;font-size:13px}.pagina-checklist .cl-sel{background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text);font:inherit;border-radius:9px;padding:9px 10px;font-size:13px;transition:border-color .15s}.pagina-checklist .cl-sel:focus{border-color:var(--portal-color);outline:none}.pagina-checklist .cl-view-toggle{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:9px;gap:2px;padding:3px;display:inline-flex}.pagina-checklist .cl-vbtn{width:34px;height:34px;color:var(--ds-text-muted);border-radius:var(--ds-radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.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{gap:9px;padding:7px 10px}.pagina-checklist .cl-groups.compact .cl-item-detail{display:none}.pagina-checklist .cl-groups.compact .cl-item-body{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pagina-checklist .cl-groups.compact .cl-item-title{flex:1;min-width:160px;margin:0;font-size:13px}.pagina-checklist .cl-groups.compact .cl-item-meta{margin:0}.pagina-checklist .cl-board{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (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;flex-direction:column;min-height:140px;padding:12px;display:flex}.pagina-checklist .cl-col-head{text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--ds-border);justify-content:space-between;align-items:center;margin-bottom:10px;padding:4px 6px 10px;font-size:11px;font-weight:800;display:flex}.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{background:var(--ds-card);color:var(--ds-text-muted);border:1px solid var(--ds-border-subtle);border-radius:999px;padding:2px 8px;font-size:11px}.pagina-checklist .cl-col-body{flex-direction:column;flex:1;gap:8px;display:flex}.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);cursor:grab;border-radius:10px;padding:10px 12px;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{opacity:.75;border-left-color:#22c55e}.pagina-checklist .cl-bc-title{color:var(--ds-text);margin-bottom:7px;font-size:13px;font-weight:600;line-height:1.35}.pagina-checklist .cl-bc-meta{flex-wrap:wrap;gap:5px;display:flex}.pagina-checklist .cl-col-empty{color:var(--ds-text-subtle);text-align:center;border:1px dashed var(--ds-border);border-radius:9px;padding:20px 8px;font-size:12px}.pagina-checklist .cl-groups{flex-direction:column;gap:14px;display:flex}.pagina-checklist .cl-group{background:var(--ds-card);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow);border-radius:14px;padding:14px 16px}.pagina-checklist .cl-group-head{text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted);align-items:center;gap:8px;margin-bottom:12px;font-size:12.5px;font-weight:800;display:flex}.pagina-checklist .cl-group-head span{background:var(--ds-card);border:1px solid var(--ds-border-subtle);border-radius:999px;padding:1px 8px;font-size:10.5px;font-weight:700}.pagina-checklist .cl-item{border-top:1px solid var(--ds-border-subtle);gap:11px;padding:10px 0;transition:background .15s;display:flex}.pagina-checklist .cl-item:first-of-type{border-top:none}.pagina-checklist .cl-check{border:1px solid var(--ds-border);background:var(--ds-card);cursor:pointer;width:30px;height:30px;color:var(--ds-text-subtle);border-radius:8px;flex-shrink:0;place-items:center;font-size:18px;transition:border-color .15s,background .15s;display:grid}.pagina-checklist .cl-check:hover{border-color:var(--portal-color)}.pagina-checklist .cl-item.done .cl-check{color:#16a34a;background:#22c55e12;border-color:#22c55e66}.pagina-checklist .cl-item.busy .cl-check{color:#d97706;background:#f59e0b12;border-color:#f59e0b66}.pagina-checklist .cl-item-body{flex:1;min-width:0}.pagina-checklist .cl-item-title{color:var(--ds-text);font-size:13.5px;font-weight:700;line-height:1.3}.pagina-checklist .cl-item.done .cl-item-title{color:var(--ds-text-muted);text-decoration:line-through}.pagina-checklist .cl-item-detail{color:var(--ds-text-muted);margin:4px 0 7px;font-size:12px;line-height:1.5}.pagina-checklist .cl-item-meta{flex-wrap:wrap;gap:6px;display:flex}.pagina-checklist .cl-chip{text-transform:uppercase;letter-spacing:.03em;background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text-muted);border-radius:999px;padding:2px 7px;font-size:10px;font-weight:800}.pagina-checklist .cl-chip.prio1{color:#dc2626;background:#ef44441f;border-color:#ef444447}.pagina-checklist .cl-chip.prio2{color:#d97706;background:#f59e0b1f;border-color:#f59e0b47}.pagina-checklist .cl-chip.prio3{color:#2563eb;background:#3b82f61a;border-color:#3b82f638}.pagina-checklist .cl-empty,.pagina-checklist .cl-empty-all{color:var(--ds-text-muted);text-align:center;padding:14px;font-size:12.5px;font-style:italic}@media (width<=768px){.pagina-checklist .cl-progress-card{padding:14px}.pagina-checklist .cl-progress-head strong{font-size:18px}.pagina-checklist .cl-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:5px;padding-bottom:4px;overflow-x:auto}.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 (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{flex-wrap:wrap;gap:11px;font-size:11.5px}.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{box-sizing:border-box;width:100%}.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{padding:2px 6px;font-size:9.5px}.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{color:var(--portal-color);font-size:17px}.pagina-externe-audit .auditor-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.pagina-externe-audit .field label{text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted);margin-bottom:5px;font-size:11px;font-weight:700;display:block}.pagina-externe-audit .field input,.pagina-externe-audit .field select{box-sizing:border-box;border:1px solid var(--ds-border);background:var(--ds-card);width:100%;color:var(--ds-text);border-radius:8px;padding:8px 11px;font-size:13.5px}.pagina-externe-audit .field input:focus,.pagina-externe-audit .field select:focus{border-color:var(--portal-color);background:var(--ds-card);outline:none}.pagina-externe-audit .score-row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.pagina-externe-audit .score-item{background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:10px;flex-direction:column;align-items:center;min-width:70px;padding:10px 14px;display:flex}.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{color:var(--ds-text);font-size:28px;font-weight:800;line-height:1}.pagina-externe-audit .score-lbl{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-top:3px;font-size:10px;font-weight:600}.pagina-externe-audit .progress-bar-wrap{align-items:center;gap:12px;margin-bottom:12px;display:flex}.pagina-externe-audit .progress-bar{background:var(--ds-border);border-radius:4px;flex:1;height:8px;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{color:var(--ds-text-muted);white-space:nowrap;font-size:12px;font-weight:600}.pagina-externe-audit .verdict{background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.pagina-externe-audit .verdict svg{font-size:18px}.pagina-externe-audit .verdict.pass{color:#166534;background:#f0fdf4;border-color:#86efac}.pagina-externe-audit .verdict.minor{color:#92400e;background:#fffbeb;border-color:#fcd34d}.pagina-externe-audit .verdict.fail{color:#991b1b;background:#fef2f2;border-color:#fca5a5}.pagina-externe-audit .filter-bar svg{color:var(--portal-color);font-size:16px}.pagina-externe-audit .filter-bar label{color:var(--ds-text-2);font-weight:600}.pagina-externe-audit .btn-reset{border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-card);cursor:pointer;color:var(--ds-text-muted);white-space:nowrap;margin-left:auto;padding:6px 12px;font-size:12px;font-weight:500}.pagina-externe-audit .btn-reset:hover{background:var(--ds-bg)}.pagina-externe-audit .btn-print{border:1px solid var(--portal-color);border-radius:var(--ds-radius-sm);background:var(--portal-color);color:#fff;cursor:pointer;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.pagina-externe-audit .btn-print:hover{background:#4f46e5}.pagina-externe-audit .sectie-block{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:12px;overflow:hidden}.pagina-externe-audit .sectie-header{background:var(--ds-bg);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:12px 16px;font-size:13.5px;transition:background .12s;display:flex}.pagina-externe-audit .sectie-header:hover{background:var(--ds-hover)}.pagina-externe-audit .sectie-header svg{color:var(--ds-text-subtle);flex-shrink:0;font-size:16px}.pagina-externe-audit .sectie-clausule{color:var(--portal-color);text-transform:uppercase;letter-spacing:.04em;min-width:90px;font-size:12px;font-weight:700}.pagina-externe-audit .sectie-titel{color:var(--ds-text);flex:1;font-weight:600}.pagina-externe-audit .sectie-score{color:var(--ds-text-muted);white-space:nowrap;font-size:12px}.pagina-externe-audit .nc-badge{color:#ef4444;background:#fef2f2;border-radius:6px;margin-left:6px;padding:2px 7px;font-size:11px;font-weight:700}.pagina-externe-audit .sectie-items{background:var(--ds-bg);flex-direction:column;gap:6px;padding:8px;display:flex}.pagina-externe-audit .check-item{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:10px;padding:12px 14px;transition:border-color .15s,background .15s}.pagina-externe-audit .check-item.conform{background:#f0fdf4;border-color:#86efac}.pagina-externe-audit .check-item.minor-nc{background:#fffbeb;border-color:#fcd34d}.pagina-externe-audit .check-item.major-nc{background:#fef2f2;border-color:#fca5a5}.pagina-externe-audit .check-item.ofi{background:#eff6ff;border-color:#93c5fd}.pagina-externe-audit .check-item.nvt{opacity:.55}.pagina-externe-audit .item-header{align-items:flex-start;gap:10px;margin-bottom:6px;display:flex}.pagina-externe-audit .item-id{color:var(--portal-color);white-space:nowrap;min-width:65px;padding-top:1px;font-size:12px;font-weight:800}.pagina-externe-audit .item-eis{color:var(--ds-text);font-size:13.5px;font-weight:500;line-height:1.45}.pagina-externe-audit .item-bewijs{color:var(--ds-text-muted);flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:8px;font-size:12px;display:flex}.pagina-externe-audit .item-bewijs svg{color:var(--ds-text-subtle);flex-shrink:0;font-size:13px}.pagina-externe-audit .bewijs-text{color:var(--ds-text-muted);font-style:italic}.pagina-externe-audit .bewijs-link{color:var(--portal-color);border:1px solid #c7d2fe;border-radius:6px;align-items:center;gap:3px;padding:2px 8px;font-size:11.5px;font-weight:600;text-decoration:none;transition:background .12s;display:inline-flex}.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{flex-direction:column;gap:8px;display:flex}.pagina-externe-audit .status-btns{flex-wrap:wrap;gap:5px;display:flex}.pagina-externe-audit .status-btns button{border:1px solid var(--btn-color,var(--ds-border-strong));color:var(--btn-color,var(--ds-text-subtle));cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:600;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{box-sizing:border-box;border:1px solid var(--ds-border);background:var(--ds-bg);resize:vertical;width:100%;color:var(--ds-text);border-radius:8px;padding:7px 10px;font-family:inherit;font-size:12.5px}.pagina-externe-audit .item-controls textarea:focus{border-color:var(--portal-color);background:var(--ds-card);outline:none}.pagina-externe-audit .empty-filter{text-align:center;color:var(--ds-text-subtle);padding:16px;font-size:13px}@media (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{color:var(--portal-color);align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:700;display:flex}.pagina-externe-audit .section-header svg{color:var(--portal-color)}.pagina-externe-audit .filter-bar{background:var(--ds-card);border:1px solid var(--ds-border);color:var(--ds-text-2);border-radius:10px;align-items:center;gap:10px;margin-bottom:0;padding:10px 14px;font-size:13px}@media (width<=640px){.pagina-externe-audit .sectie-header{flex-wrap:wrap;row-gap:4px}.pagina-externe-audit .sectie-titel{flex:100%;min-width:0}}.pagina-kiwa-agenda .dossiers .bev-header{border-bottom:none}.pagina-kiwa-agenda .ag-index{border:1px solid var(--portal-color);background:var(--ds-hover);color:var(--ds-text);border-radius:10px;align-items:center;gap:10px;margin:0 18px 10px;padding:11px 14px;font-size:12.5px;text-decoration:none;display:flex}.pagina-kiwa-agenda .ag-index:hover{background:var(--ds-card)}.pagina-kiwa-agenda .ag-index>svg:first-child{color:var(--portal-color);flex-shrink:0;font-size:20px}.pagina-kiwa-agenda .ag-index span{flex:1;min-width:0}.pagina-kiwa-agenda .ag-index .ag-index-go{color:var(--portal-color);flex-shrink:0;font-size:16px}.pagina-kiwa-agenda .ag-day{color:var(--portal-color);text-transform:uppercase;letter-spacing:.04em;padding:8px 18px 4px;font-size:12px;font-weight:800}.pagina-kiwa-agenda .ag-list{flex-direction:column;gap:6px;padding:0 18px 8px;display:flex}.pagina-kiwa-agenda .agblok{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.pagina-kiwa-agenda .agblok:hover{border-color:var(--portal-color)}.pagina-kiwa-agenda .ag-time{color:var(--ds-text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;width:44px;font-size:12px;font-weight:800}.pagina-kiwa-agenda .ag-body{flex:1;min-width:0}.pagina-kiwa-agenda .ag-title{color:var(--ds-text);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.pagina-kiwa-agenda .ag-scope{color:var(--ds-text-muted);margin-top:3px;font-size:11px}.pagina-kiwa-agenda .ag-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.pagina-kiwa-agenda .ag-go{background:var(--portal-color);color:#fff;white-space:nowrap;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:700;text-decoration:none}.pagina-kiwa-agenda .ag-go:hover{opacity:.9}.pagina-kiwa-agenda .ag-pdf{border:1px solid var(--ds-border);background:var(--ds-hover);width:36px;height:32px;color:var(--portal-color);border-radius:8px;justify-content:center;align-items:center;text-decoration:none;display:flex}.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{border-radius:var(--ds-radius-sm);background:var(--portal-color);color:#fff;border:none;align-items:center;gap:9px;margin:8px 0;padding:11px 13px;font-size:12.5px;font-weight:600;text-decoration:none;display:flex}.pagina-kiwa-agenda .ses-verk:hover{opacity:.92}.pagina-kiwa-agenda .ses-verk>svg:first-child{flex-shrink:0;font-size:18px}.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{flex-shrink:0;font-size:15px}.pagina-kiwa-agenda .ses-dossier{border:1px solid var(--portal-color);background:var(--ds-hover);color:var(--ds-text);border-radius:8px;align-items:center;gap:8px;margin:8px 0;padding:9px 12px;font-size:12.5px;font-weight:600;text-decoration:none;display:flex}.pagina-kiwa-agenda .ses-dossier:hover{background:var(--portal-color);color:#fff}.pagina-kiwa-agenda .ses-dossier>svg:first-child{color:var(--portal-color);flex-shrink:0;font-size:17px}.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{flex-shrink:0;font-size:14px}.pagina-kiwa-agenda .d-nr{color:#fff;background:var(--portal-color);border-radius:6px;flex-shrink:0;padding:2px 7px;font-size:11px;font-weight:800}.pagina-kiwa-agenda .rm-body{color:var(--ds-text-muted);padding:4px 18px 18px;font-size:12.5px;line-height:1.6}.pagina-kiwa-agenda .rm-body p{margin:8px 0}.pagina-kiwa-agenda .rm-body strong{color:var(--ds-text)}@media (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{border-bottom:1px solid var(--ds-border);align-items:flex-start;gap:12px;padding:16px 18px 10px;display:flex}.pagina-kiwa-agenda .bev-header svg{color:var(--portal-color);flex-shrink:0;margin-top:2px;font-size:22px}.pagina-kiwa-agenda .bev-header h3{color:var(--ds-text);margin:0 0 3px;font-size:15px;font-weight:700}.pagina-kiwa-agenda .bev-header p{color:var(--ds-text-muted);margin:0;font-size:12.5px}.pagina-kiwa-agenda .bev-item{border-bottom:1px solid var(--ds-border-subtle);gap:0;display:flex}.pagina-kiwa-agenda .bev-item:last-child{border-bottom:none}.pagina-kiwa-agenda .bev-badge{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-right:1px solid var(--ds-border-subtle);flex-shrink:0;padding:14px 8px;font-size:10px;font-weight:800;transform:rotate(180deg)}.pagina-kiwa-agenda .bev-badge-ka{color:#dc2626;background:#fef2f2;border-color:#fecaca}.pagina-kiwa-agenda .bev-badge-nka{color:#d97706;background:#fff7ed;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{flex-direction:column;flex:1;gap:5px;padding:14px 16px;display:flex}.pagina-kiwa-agenda .bev-titel{color:var(--ds-text);margin-bottom:2px;font-size:14px;font-weight:700}.pagina-kiwa-agenda .bev-eis,.pagina-kiwa-agenda .bev-bevinding,.pagina-kiwa-agenda .bev-verwacht{color:var(--ds-text-muted);font-size:12.5px;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{border-radius:20px;width:fit-content;padding:2px 10px;font-size:10.5px;font-weight:700;display:inline-block}.pagina-kiwa-agenda .bev-status-ok{color:#166534;background:#dcfce7}.pagina-kiwa-agenda .bev-docs{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.pagina-kiwa-agenda .bev-dl{color:var(--portal-color);border:1px solid color-mix(in srgb, var(--portal-color) 30%, transparent);background:color-mix(in srgb, var(--portal-color) 6%, transparent);border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.pagina-kiwa-agenda .bev-dl:hover{background:color-mix(in srgb, var(--portal-color) 14%, transparent)}.pagina-kiwa-agenda .bev-dl svg{font-size:14px}.pagina-kiwa-agenda .alle-docs{overflow:hidden}.pagina-kiwa-agenda .ad-header{border-bottom:1px solid var(--ds-border);align-items:flex-start;gap:12px;padding:16px 18px 12px;display:flex}.pagina-kiwa-agenda .ad-header svg{color:var(--portal-color);flex-shrink:0;margin-top:2px;font-size:22px}.pagina-kiwa-agenda .ad-header h3{color:var(--ds-text);margin:0 0 3px;font-size:15px;font-weight:700}.pagina-kiwa-agenda .ad-header p{color:var(--ds-text-muted);margin:0;font-size:12.5px}.pagina-kiwa-agenda .all-grid{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:0;display:grid}.pagina-kiwa-agenda .ad-item{border-bottom:1px solid var(--ds-border-subtle);border-right:1px solid var(--ds-border-subtle);color:var(--ds-text);align-items:center;gap:10px;padding:9px 14px;font-size:12.5px;text-decoration:none;transition:background .12s;display:flex}.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{color:var(--portal-color);background:color-mix(in srgb, var(--portal-color) 10%, transparent);text-align:center;border-radius:4px;flex-shrink:0;min-width:28px;padding:1px 5px;font-size:10px;font-weight:800}.pagina-kiwa-agenda .ad-titel{flex:1;line-height:1.4}.pagina-kiwa-agenda .ad-tag{color:#166534;white-space:nowrap;background:#dcfce7;border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:9.5px;font-weight:700}.pagina-kiwa-agenda .info-head{grid-template-columns:1fr 1fr;gap:14px;padding:16px 18px;display:grid}.pagina-kiwa-agenda .ih-block{flex-direction:column;gap:3px;display:flex}.pagina-kiwa-agenda .ih-label{text-transform:uppercase;letter-spacing:.05em;color:var(--portal-color);font-size:10px;font-weight:800}.pagina-kiwa-agenda .ih-val{color:var(--ds-text);font-size:13px;line-height:1.5}.pagina-kiwa-agenda .timeline-markers{background:var(--ds-card);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow);border-radius:14px;gap:0;display:flex;overflow:hidden}.pagina-kiwa-agenda .marker{border-right:1px solid var(--ds-border);flex-direction:column;flex:1;align-items:center;gap:5px;padding:14px 8px;display:flex}.pagina-kiwa-agenda .marker:last-child{border-right:none}.pagina-kiwa-agenda .m-dot{background:var(--ds-border);border:2px solid var(--ds-border);border-radius:50%;width:10px;height:10px}.pagina-kiwa-agenda .marker.active .m-dot{background:var(--portal-color);border-color:var(--portal-color)}.pagina-kiwa-agenda .m-date{color:var(--ds-text-muted);font-size:11px;font-weight:700}.pagina-kiwa-agenda .m-name{color:var(--ds-text);text-align:center;font-size:11.5px;font-weight:600}.pagina-kiwa-agenda .marker.active .m-name{color:var(--portal-color)}.pagina-kiwa-agenda .downloads{padding:16px 18px}.pagina-kiwa-agenda .downloads h3{color:var(--ds-text);align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:700;display:flex}.pagina-kiwa-agenda .downloads h3 svg{color:var(--portal-color)}.pagina-kiwa-agenda .dl-grid{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:8px;display:grid}.pagina-kiwa-agenda .dl-card{background:var(--ds-bg);border:1px solid var(--ds-border);color:var(--ds-text);border-radius:8px;align-items:center;gap:9px;padding:10px 12px;font-size:12.5px;font-weight:500;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.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{color:var(--portal-color);flex-shrink:0;font-size:16px}.pagina-kiwa-agenda .dl-card span{flex:1}.pagina-kiwa-agenda .dag{background:var(--ds-card);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow);border-radius:14px;overflow:hidden}.pagina-kiwa-agenda .dag-head{background:linear-gradient(135deg, var(--portal-color), color-mix(in srgb, var(--portal-color) 70%, #000));color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:14px 18px;display:flex}.pagina-kiwa-agenda .dag-head.remote{background:linear-gradient(135deg,#64748b,#475569)}.pagina-kiwa-agenda .dh-date{align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.pagina-kiwa-agenda .dh-fase{opacity:.9;margin-top:2px;font-size:12px}.pagina-kiwa-agenda .dh-loc{opacity:.95;align-items:center;gap:5px;font-size:12px;display:flex}.pagina-kiwa-agenda .sessie{border-bottom:1px solid var(--ds-border-subtle);gap:14px;padding:14px 18px;display:flex}.pagina-kiwa-agenda .sessie:last-child{border-bottom:none}.pagina-kiwa-agenda .ses-time{flex-direction:column;flex-shrink:0;align-items:center;width:52px;display:flex}.pagina-kiwa-agenda .t-van,.pagina-kiwa-agenda .t-tot{color:var(--ds-text);font-size:11.5px;font-weight:700}.pagina-kiwa-agenda .t-bar{background:var(--ds-border);flex:1;width:2px;min-height:12px;margin:3px 0}.pagina-kiwa-agenda .ses-body{flex:1}.pagina-kiwa-agenda .ses-body h4{color:var(--ds-text);margin:0 0 5px;font-size:14px;font-weight:700}.pagina-kiwa-agenda .ses-rol{color:var(--ds-text-muted);align-items:center;gap:5px;margin-bottom:7px;font-size:12px;display:flex}.pagina-kiwa-agenda .ses-norm{margin:0 0 8px;padding-left:16px}.pagina-kiwa-agenda .ses-norm li{color:var(--ds-text-muted);margin-bottom:3px;font-size:12.5px;line-height:1.5}.pagina-kiwa-agenda .ses-links{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pagina-kiwa-agenda .sl-label{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-right:4px;font-size:11px;font-weight:700}.pagina-kiwa-agenda .sl-pill{color:var(--portal-color);border:1px solid color-mix(in srgb, var(--portal-color) 30%, transparent);background:color-mix(in srgb, var(--portal-color) 6%, transparent);border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11.5px;font-weight:500;text-decoration:none;transition:background .13s;display:inline-flex}.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);box-shadow:var(--ds-shadow);border-radius:14px;align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.pagina-kiwa-agenda .norm-link svg{color:var(--portal-color);flex-shrink:0;margin-top:2px;font-size:22px}.pagina-kiwa-agenda .norm-link strong{color:var(--ds-text);font-size:14px}.pagina-kiwa-agenda .norm-link p{color:var(--ds-text-muted);margin:4px 0 0;font-size:12.5px;line-height:1.55}.pagina-kiwa-agenda .nl-btns{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.pagina-kiwa-agenda .nl-btn{color:var(--portal-color);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);white-space:nowrap;padding:5px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:background .13s}.pagina-kiwa-agenda .nl-btn:hover{background:color-mix(in srgb, var(--portal-color) 14%, transparent)}@media (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;border-right:none;border-bottom:1px solid var(--ds-border-subtle);padding:8px 12px;transform:none}.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,.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 (width<=620px){.pagina-kiwa-agenda .ag-body{flex:100%;min-width:0}}.pagina-kiwa-agenda .ses-dossier>span{flex:1;min-width:0}@media (width<=640px){.pagina-kiwa-agenda .sessie{flex-wrap:wrap;row-gap:6px}.pagina-kiwa-agenda .ses-body{flex:100%;min-width:0}.pagina-kiwa-agenda .ses-links{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;max-width:100%;display:flex;overflow-x:auto}.pagina-kiwa-agenda .ses-links::-webkit-scrollbar{display:none}.pagina-kiwa-agenda .ses-links>*{white-space:nowrap;flex:none}}.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 #0000001f,0 10px 30px -18px #00000059);--mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;color:var(--ink);display:block}.pagina-systeemkaart .seclayers *{box-sizing:border-box}.pagina-systeemkaart .sl-head{flex-wrap:wrap;align-items:flex-end;gap:10px 20px;display:flex}.pagina-systeemkaart .sl-brand{flex:auto;min-width:250px}.pagina-systeemkaart .sl-eyebrow{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:11px}.pagina-systeemkaart .seclayers h1{letter-spacing:-.02em;margin:6px 0 3px;font-size:clamp(22px,3.6vw,32px);font-weight:820}.pagina-systeemkaart .sl-lede{color:var(--ink-soft);max-width:64ch;margin:0;font-size:13.5px;line-height:1.5}.pagina-systeemkaart .seclayers .keys{color:var(--ink-soft);flex-wrap:wrap;gap:16px;margin:16px 0 6px;font-size:12px;display:flex}.pagina-systeemkaart .seclayers .keys b{align-items:center;gap:6px;font-weight:600;display:inline-flex}.pagina-systeemkaart .seclayers .keys i{border-radius:50%;width:10px;height:10px}.pagina-systeemkaart .seclayers .chain{max-width:920px;margin-top:8px;position:relative}.pagina-systeemkaart .seclayers .cap{border:1px dashed var(--line-2);background:var(--panel);color:var(--ink-soft);box-shadow:var(--shadow);border-radius:13px;align-items:center;gap:10px;margin-left:44px;padding:12px 16px;font-size:12.5px;display:flex}.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{border-style:solid;border-color:color-mix(in srgb,var(--data) 45%,var(--line-2));color:var(--ink);margin-top:10px}.pagina-systeemkaart .seclayers .rows{position:relative}.pagina-systeemkaart .seclayers .beam{background:var(--beam);opacity:.35;border-radius:3px;width:4px;position:absolute;top:8px;bottom:8px;left:19px}.pagina-systeemkaart .seclayers .runner{z-index:5;pointer-events:none;background:radial-gradient(circle at 38% 34%,var(--ds-card),var(--acc));width:18px;height:18px;box-shadow:0 0 16px 3px color-mix(in srgb,var(--acc) 55%,transparent);border-radius:50%;position:absolute;left:12px}.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{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:13px;grid-template-columns:40px 1fr auto;align-items:center;gap:14px;margin:8px 0;padding:13px 16px 13px 4px;transition:transform .25s,box-shadow .25s,border-color .25s;display:grid;position:relative}.pagina-systeemkaart .seclayers .lyr .node{width:38px;height:38px;font-family:var(--mono);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;border-radius:11px;place-items:center;font-size:14px;font-weight:800;transition:all .25s;display:grid}.pagina-systeemkaart .seclayers .lyr .body .t{font-size:14.5px;font-weight:750}.pagina-systeemkaart .seclayers .lyr .body .d{color:var(--ink-soft);margin-top:1px;font-size:12.5px}.pagina-systeemkaart .seclayers .lyr .meta{text-align:right;font-family:var(--mono);color:var(--ink-dim);white-space:nowrap;font-size:10.5px}.pagina-systeemkaart .seclayers .lyr.on{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);transform:translate(4px)}.pagina-systeemkaart .seclayers .lyr.on .node{background:var(--cat);color:#fff;box-shadow:0 0 18px -2px var(--cat)}.pagina-systeemkaart .seclayers .lyr .blocked{color:var(--red);background:color-mix(in srgb,var(--red) 12%,var(--panel));border:1px solid color-mix(in srgb,var(--red) 40%,transparent);border-radius:20px;align-items:center;gap:6px;padding:4px 9px;font-size:11.5px;font-weight:700;display:none;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.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{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);font-size:13px;font-family:var(--mono);margin:30px 0 12px;font-weight:700}.pagina-systeemkaart .seclayers .extra{grid-template-columns:repeat(auto-fill,minmax(min(215px,100%),1fr));gap:12px;display:grid}.pagina-systeemkaart .seclayers .ec{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:13px 15px}.pagina-systeemkaart .seclayers .ec .h{align-items:center;gap:9px;font-size:13.5px;font-weight:700;display:flex}.pagina-systeemkaart .seclayers .ec .h .g{border:1px solid color-mix(in srgb,var(--c) 40%,transparent);width:26px;height:26px;color:var(--c);background:color-mix(in srgb,var(--c) 10%,transparent);border-radius:8px;place-items:center;font-size:13px;display:grid}.pagina-systeemkaart .seclayers .ec p{color:var(--ink-soft);margin:8px 0 0;font-size:12.5px;line-height:1.45}.pagina-systeemkaart .seclayers .comp{flex-wrap:wrap;gap:8px;display:flex}.pagina-systeemkaart .seclayers .chip{font-family:var(--mono);background:var(--panel);border:1px solid var(--line);border-radius:var(--ds-radius-sm);color:var(--ink-soft);padding:6px 10px;font-size:11.5px}.pagina-systeemkaart .seclayers .chip b{color:var(--ink)}.pagina-systeemkaart .sl-foot{color:var(--ink-dim);margin-top:22px;font-size:12px}.pagina-systeemkaart .seclayers .rows{padding:2px 0}.pagina-systeemkaart .seclayers .cap .ic svg{font-size:15px;display:block}.pagina-systeemkaart .seclayers .ec .h .g svg{font-size:13px;display:block}.pagina-systeemkaart .seclayers .lyr .blocked svg{font-size:12px}.pagina-systeemkaart .seclayers{padding-top:4px}@media (width<=640px){.pagina-systeemkaart .seclayers .lyr{grid-template-columns:40px 1fr;align-items:start;row-gap:6px}.pagina-systeemkaart .seclayers .lyr>:nth-child(3){grid-column:1/-1}.pagina-systeemkaart .seclayers .comp{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;max-width:100%;overflow-x:auto}.pagina-systeemkaart .seclayers .comp::-webkit-scrollbar{display:none}.pagina-systeemkaart .seclayers .comp>*{white-space:nowrap;flex:none}}.pagina-infra-beveiliging .card-title svg{color:var(--portal-color);flex-shrink:0;font-size:17px}.pagina-infra-beveiliging .hero-bar{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 45%,#052e16 100%);border:1px solid #6366f159;border-radius:18px;flex-wrap:wrap;align-items:center;gap:24px;padding:22px 24px;animation:.4s both pagina-infra-beveiliging-fadeUp;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 32px -8px #6366f166}.pagina-infra-beveiliging .hero-bar:before{content:"";pointer-events:none;background:radial-gradient(at 20%,#6366f126 0%,#0000 60%),radial-gradient(at 80%,#22c55e1a 0%,#0000 60%);position:absolute;inset:0}.pagina-infra-beveiliging .hero-ring-wrap{flex-shrink:0;width:120px;height:120px;position:relative}.pagina-infra-beveiliging .hero-ring{width:120px;height:120px}.pagina-infra-beveiliging .ring-arc{stroke-dashoffset:314px;animation:1.6s cubic-bezier(.4,0,.2,1) forwards pagina-infra-beveiliging-ringDraw}@keyframes pagina-infra-beveiliging-ringDraw{0%{stroke-dashoffset:314px}to{stroke-dashoffset:31px}}.pagina-infra-beveiliging .hero-pct{justify-content:center;align-items:center;gap:1px;display:flex;position:absolute;inset:0}.pagina-infra-beveiliging .hero-num{color:#fff;font-size:28px;font-weight:900}.pagina-infra-beveiliging .hero-sym{color:#fff9;align-self:flex-end;padding-bottom:4px;font-size:14px;font-weight:700}.pagina-infra-beveiliging .hero-info{flex:1;min-width:200px}.pagina-infra-beveiliging .hero-title{color:#fff;letter-spacing:-.02em;margin-bottom:5px;font-size:20px;font-weight:900}.pagina-infra-beveiliging .hero-sub{color:#ffffff8c;margin-bottom:12px;font-size:11.5px;line-height:1.5}.pagina-infra-beveiliging .hero-chips{flex-wrap:wrap;gap:6px;display:flex}.pagina-infra-beveiliging .hchip{border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:10.5px;font-weight:700;display:inline-flex}.pagina-infra-beveiliging .hchip svg{font-size:12px}.pagina-infra-beveiliging .hchip.green{color:#4ade80;background:#22c55e33;border:1px solid #22c55e4d}.pagina-infra-beveiliging .hchip.amber{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b4d}.pagina-infra-beveiliging .hero-stats{gap:20px;display:flex}.pagina-infra-beveiliging .hstat-val{color:#fff;font-size:26px;font-weight:900;line-height:1}.pagina-infra-beveiliging .hstat-val.green{color:#4ade80}.pagina-infra-beveiliging .hstat-val.amber{color:#fbbf24}.pagina-infra-beveiliging .hstat-lbl{text-transform:uppercase;letter-spacing:.06em;color:#ffffff73;margin-top:3px;font-size:9.5px;font-weight:700}.pagina-infra-beveiliging .begrip-intro{color:var(--ds-text-muted);margin-bottom:14px;font-size:12.5px;line-height:1.6}.pagina-infra-beveiliging .bc-count{color:var(--ds-text-muted);margin-left:8px;font-size:11px;font-weight:600}.pagina-infra-beveiliging .begrip-toolbar{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.pagina-infra-beveiliging .begrip-search-wrap{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:10px;align-items:center;gap:8px;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:flex}.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{color:var(--ds-text-muted);flex-shrink:0;font-size:16px}.pagina-infra-beveiliging .begrip-search{color:var(--ds-text);background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-family:inherit;font-size:13px}.pagina-infra-beveiliging .begrip-search::placeholder{color:var(--ds-text-muted)}.pagina-infra-beveiliging .begrip-clear{cursor:pointer;color:var(--ds-text-muted);background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:13px;transition:color .15s}.pagina-infra-beveiliging .begrip-clear:hover{color:var(--ds-text)}.pagina-infra-beveiliging .begrip-cats{flex-wrap:wrap;gap:6px;display:flex}.pagina-infra-beveiliging .bc-cat{border:1px solid var(--ds-border);background:var(--ds-bg);color:var(--ds-text-muted);cursor:pointer;border-radius:999px;padding:5px 13px;font-size:11px;font-weight:700;transition:all .15s}.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{color:var(--ds-text-muted);flex-direction:column;align-items:center;gap:8px;padding:32px 16px;font-size:13px;display:flex}.pagina-infra-beveiliging .begrip-empty svg{font-size:32px}.pagina-infra-beveiliging .begrip-grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:10px;display:grid}.pagina-infra-beveiliging .begrip-card{border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:13px;padding:14px 16px;transition:border-color .2s,transform .18s,box-shadow .2s;animation:.3s both pagina-infra-beveiliging-fadeUp;position:relative}.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{letter-spacing:.05em;text-transform:uppercase;color:#4f46e5;background:#6366f11a;border:1px solid #6366f126;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:800;position:absolute;top:10px;right:10px}.pagina-infra-beveiliging .bc-term{color:var(--portal-color);margin-bottom:2px;padding-right:64px;font-size:13px;font-weight:900}.pagina-infra-beveiliging .bc-short{text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);margin-bottom:8px;font-size:10px;font-weight:700}.pagina-infra-beveiliging .bc-body{color:var(--ds-text-2);margin-bottom:8px;font-size:11.5px;line-height:1.65}.pagina-infra-beveiliging .bc-voorbeeld{color:var(--ds-text-muted);background:#6366f10f;border:1px solid #6366f126;border-radius:7px;padding:6px 10px;font-size:11px;line-height:1.5}.pagina-infra-beveiliging .bc-vb-lbl{color:var(--portal-color);font-weight:800}.pagina-infra-beveiliging .ssh-path-intro{color:var(--ds-text-muted);margin-bottom:16px;font-size:12.5px;line-height:1.65}.pagina-infra-beveiliging .ssh-path-intro strong{color:var(--ds-text)}.pagina-infra-beveiliging .ssh-flow{flex-direction:column;gap:6px;display:flex}.pagina-infra-beveiliging .ssh-step{border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:12px;grid-template-columns:28px 38px 1fr 22px;align-items:start;gap:12px;padding:14px 15px;transition:border-color .2s,box-shadow .2s;animation:.4s both pagina-infra-beveiliging-slideIn;display:grid;position:relative;overflow:hidden}.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:"";background:var(--portal-color);opacity:.35;width:3px;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0}.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{background:var(--portal-color);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;font-size:11px;font-weight:900;display:flex}.pagina-infra-beveiliging .ss-icon{border-radius:9px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.pagina-infra-beveiliging .ss-icon.laptop{color:#8b5cf6;background:#8b5cf624}.pagina-infra-beveiliging .ss-icon.net{color:#3b82f6;background:#3b82f624}.pagina-infra-beveiliging .ss-icon.key{color:#f59e0b;background:#f59e0b24}.pagina-infra-beveiliging .ss-icon.eye{color:#6366f1;background:#6366f124}.pagina-infra-beveiliging .ss-icon.alert{color:#16a34a;background:#22c55e24}.pagina-infra-beveiliging .ss-icon.dash{color:#3b82f6;background:#3b82f624}.pagina-infra-beveiliging .ss-title{color:var(--ds-text);margin-bottom:4px;font-size:12.5px;font-weight:800}.pagina-infra-beveiliging .ss-text{color:var(--ds-text-muted);margin-bottom:4px;font-size:11px;line-height:1.65}.pagina-infra-beveiliging .ss-code{color:var(--ds-text-2);border:1px solid var(--ds-border);background:#00000012;border-radius:7px;margin-top:6px;padding:5px 10px;font-family:ui-monospace,Menlo,monospace;font-size:10.5px}.pagina-infra-beveiliging .ss-why{color:#16a34a;font-size:10.5px;line-height:1.55}.pagina-infra-beveiliging .ss-why-lbl{font-weight:800}.pagina-infra-beveiliging .ss-ok{color:#22c55e;flex-shrink:0;margin-top:2px;font-size:20px}.pagina-infra-beveiliging .ssh-block-note{color:var(--ds-text-2);background:#ef44440d;border:1px solid #ef444440;border-radius:11px;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;font-size:11.5px;line-height:1.65;display:flex}.pagina-infra-beveiliging .ssh-block-note svg{color:#ef4444;flex-shrink:0;margin-top:2px;font-size:18px}.pagina-infra-beveiliging .ssh-block-note strong{color:var(--ds-text)}.pagina-infra-beveiliging .ssh-block-note code{background:#00000012;border-radius:4px;padding:1px 5px;font-family:ui-monospace,Menlo,monospace;font-size:10.5px}.pagina-infra-beveiliging .watch-intro{color:var(--ds-text-muted);margin-bottom:16px;font-size:12.5px;line-height:1.65}.pagina-infra-beveiliging .watch-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:10px;margin-bottom:18px;display:grid}.pagina-infra-beveiliging .watch-item{border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:12px;align-items:flex-start;gap:12px;padding:13px 14px;transition:border-color .2s,transform .18s;display:flex}.pagina-infra-beveiliging .watch-item:hover{border-color:var(--portal-color);transform:translateY(-2px)}.pagina-infra-beveiliging .wi-icon{border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.pagina-infra-beveiliging .wi-icon.blue{color:#3b82f6;background:#3b82f624}.pagina-infra-beveiliging .wi-icon.green{color:#16a34a;background:#22c55e24}.pagina-infra-beveiliging .wi-icon.amber{color:#f59e0b;background:#f59e0b24}.pagina-infra-beveiliging .wi-icon.purple{color:#8b5cf6;background:#8b5cf624}.pagina-infra-beveiliging .wi-icon.red{color:#dc2626;background:#ef44441f}.pagina-infra-beveiliging .wi-title{color:var(--ds-text);margin-bottom:5px;font-size:12.5px;font-weight:800}.pagina-infra-beveiliging .wi-text{color:var(--ds-text-muted);font-size:11px;line-height:1.65}.pagina-infra-beveiliging .watch-keys{background:#3b82f60a;border:1px solid #3b82f640;border-radius:12px;padding:14px 16px}.pagina-infra-beveiliging .wk-header{letter-spacing:.04em;text-transform:uppercase;color:var(--ds-text-muted);align-items:center;gap:7px;margin-bottom:8px;font-size:11px;font-weight:800;display:flex}.pagina-infra-beveiliging .wk-note{color:var(--ds-text-muted);background:#f59e0b12;border:1px solid #f59e0b33;border-radius:8px;margin-bottom:12px;padding:8px 10px;font-size:11px;line-height:1.6}.pagina-infra-beveiliging .wk-note em{color:#d97706;font-style:normal;font-weight:700}.pagina-infra-beveiliging .wk-rows{flex-direction:column;gap:5px;display:flex}.pagina-infra-beveiliging .wk-row{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:9px;grid-template-columns:12px 1fr 1fr auto;align-items:center;gap:10px;padding:8px 12px;font-size:11.5px;display:grid}.pagina-infra-beveiliging .wk-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.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{color:var(--ds-text);font-weight:800}.pagina-infra-beveiliging .wk-desc{color:var(--ds-text-muted);font-size:10.5px}.pagina-infra-beveiliging .wk-badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:6px;padding:2px 7px;font-size:9px;font-weight:800}.pagina-infra-beveiliging .wk-badge.laptop{color:#7c3aed;background:#8b5cf61f;border:1px solid #8b5cf633}.pagina-infra-beveiliging .wk-badge.monitor{color:#1d4ed8;background:#3b82f61f;border:1px solid #3b82f633}.pagina-infra-beveiliging .wk-badge.server{color:#15803d;background:#22c55e1f;border:1px solid #22c55e33}.pagina-infra-beveiliging .alerts-intro{color:var(--ds-text-muted);margin-bottom:18px;font-size:12.5px;line-height:1.65}.pagina-infra-beveiliging .alerts-intro strong{color:var(--ds-text)}.pagina-infra-beveiliging .alert-scenarios{flex-direction:column;gap:24px;display:flex}.pagina-infra-beveiliging .scenario{flex-direction:column;gap:10px;display:flex}.pagina-infra-beveiliging .sc-trigger{border-radius:10px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:12px;display:flex}.pagina-infra-beveiliging .sc-trigger svg{flex-shrink:0;margin-top:1px;font-size:20px}.pagina-infra-beveiliging .sc-trigger.trusted{color:var(--ds-text-2);background:#22c55e14;border:1px solid #22c55e40}.pagina-infra-beveiliging .sc-trigger.trusted svg{color:#16a34a}.pagina-infra-beveiliging .sc-trigger.unknown{color:var(--ds-text-2);background:#f59e0b14;border:1px solid #f59e0b40}.pagina-infra-beveiliging .sc-trigger.unknown svg{color:#d97706}.pagina-infra-beveiliging .sc-trigger.alarm{color:var(--ds-text-2);background:#dc262614;border:1px solid #dc262659;animation:1.8s infinite pagina-infra-beveiliging-alarmPulse}.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{color:var(--ds-text);margin-bottom:3px;font-size:12.5px;font-weight:800}.pagina-infra-beveiliging .sc-trig-sub{color:var(--ds-text-muted);font-size:11px;line-height:1.5}.pagina-infra-beveiliging .sc-mocks{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pagina-infra-beveiliging .mock-email{border:1px solid var(--ds-border);border-radius:12px;font-size:11px;overflow:hidden;box-shadow:0 4px 16px -8px #00000026}.pagina-infra-beveiliging .mock-bar{background:var(--ds-hover);border-bottom:1px solid var(--ds-border);align-items:center;gap:5px;padding:7px 10px;display:flex}.pagina-infra-beveiliging .md{border-radius:50%;width:9px;height:9px}.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{color:var(--ds-text-muted);margin-left:4px;font-size:10px;font-weight:600}.pagina-infra-beveiliging .mock-header{color:#fff;background:#4f46e5;align-items:center;gap:8px;padding:10px 12px;font-size:11.5px;font-weight:800;display:flex}.pagina-infra-beveiliging .mock-header svg{font-size:14px}.pagina-infra-beveiliging .mock-body{background:var(--ds-bg);padding:10px 12px}.pagina-infra-beveiliging .mock-meta{color:var(--ds-text-muted);font-size:9.5px;line-height:1.8}.pagina-infra-beveiliging .mock-subj{color:var(--ds-text);margin:8px 0 6px;font-size:11.5px;font-weight:800}.pagina-infra-beveiliging .mock-content{color:var(--ds-text-2);font-size:10.5px;line-height:1.7}.pagina-infra-beveiliging .mock-tg{border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:12px;overflow:hidden;box-shadow:0 4px 16px -8px #00000026}.pagina-infra-beveiliging .mock-tg-head{border-bottom:1px solid var(--ds-border);background:var(--ds-card);align-items:center;gap:10px;padding:10px 12px;display:flex}.pagina-infra-beveiliging .tg-av{background:#2563eb;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.pagina-infra-beveiliging .tg-name{color:var(--ds-text);font-size:12px;font-weight:800}.pagina-infra-beveiliging .tg-bot{color:#2563eb;font-size:10px}.pagina-infra-beveiliging .mock-tg-bubble{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px 12px 12px 3px;margin:10px;padding:10px 12px}.pagina-infra-beveiliging .mock-tg-txt{color:var(--ds-text-2);font-size:10.5px;line-height:1.7}.pagina-infra-beveiliging .mock-tg-time{text-align:right;color:var(--ds-text-muted);margin-top:5px;font-size:9px}.pagina-infra-beveiliging .sc-action{color:var(--ds-text-2);background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:9px;align-items:flex-start;gap:8px;padding:9px 12px;font-size:11.5px;line-height:1.55;display:flex}.pagina-infra-beveiliging .sc-action svg{color:var(--portal-color);flex-shrink:0;margin-top:1px;font-size:15px}.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{color:var(--ds-text-muted);margin:0 0 10px;font-size:12.5px;line-height:1.7}.pagina-infra-beveiliging .wg-hero-text strong{color:var(--ds-text)}.pagina-infra-beveiliging .wg-items{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:10px;margin-bottom:18px;display:grid}.pagina-infra-beveiliging .wg-item{border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:12px;align-items:flex-start;gap:12px;padding:13px 14px;transition:border-color .2s,transform .18s;animation:.35s both pagina-infra-beveiliging-fadeUp;display:flex}.pagina-infra-beveiliging .wg-item:hover{border-color:var(--portal-color);transform:translateY(-2px)}.pagina-infra-beveiliging .wg-peers-table{border:1px solid var(--ds-border);border-radius:12px;overflow:hidden}.pagina-infra-beveiliging .wpt-title{letter-spacing:.04em;text-transform:uppercase;color:var(--ds-text-muted);border-bottom:1px solid var(--ds-border);background:var(--ds-bg);align-items:center;gap:7px;padding:10px 14px;font-size:11px;font-weight:800;display:flex}.pagina-infra-beveiliging .wpt-title svg{color:var(--portal-color);font-size:14px}.pagina-infra-beveiliging .wpt-head{background:var(--ds-hover);letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-muted);grid-template-columns:110px 110px 1fr 90px;gap:8px;padding:7px 14px;font-size:10px;font-weight:800;display:grid}.pagina-infra-beveiliging .wpt-row{border-top:1px solid var(--ds-border);grid-template-columns:110px 110px 1fr 90px;align-items:center;gap:8px;padding:10px 14px;transition:background .12s;display:grid}.pagina-infra-beveiliging .wpt-row:hover{background:var(--ds-hover)}.pagina-infra-beveiliging .wptr-name{color:var(--ds-text);font-family:ui-monospace,Menlo,monospace;font-size:12px;font-weight:800}.pagina-infra-beveiliging .wptr-ip{color:#16a34a;font-family:ui-monospace,Menlo,monospace;font-size:11.5px;font-weight:700}.pagina-infra-beveiliging .wptr-role{color:var(--ds-text-muted);font-size:11px}.pagina-infra-beveiliging .wptr-layer{text-align:center;text-transform:uppercase;letter-spacing:.04em;border-radius:6px;padding:2px 8px;font-size:9.5px;font-weight:800}.pagina-infra-beveiliging .db-intro{color:var(--ds-text-muted);margin-bottom:16px;font-size:12.5px;line-height:1.65}.pagina-infra-beveiliging .db-isol{margin-bottom:18px}.pagina-infra-beveiliging .db-isol-title{text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);margin-bottom:10px;font-size:11px;font-weight:800}.pagina-infra-beveiliging .db-diagram{background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:0;margin-bottom:10px;padding:16px;display:flex}.pagina-infra-beveiliging .dbd-node{text-align:center;border:1px solid var(--ds-border);min-width:105px;color:var(--ds-text);border-radius:11px;flex-direction:column;align-items:center;gap:6px;padding:12px 14px;font-size:11px;font-weight:700;transition:transform .18s;display:flex}.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{background:#22c55e0d;border-color:#22c55e66}.pagina-infra-beveiliging .dbd-node.dbn svg{color:#16a34a}.pagina-infra-beveiliging .dbd-status{text-transform:uppercase;border-radius:6px;align-items:center;gap:4px;padding:3px 7px;font-size:9.5px;font-weight:800;display:flex}.pagina-infra-beveiliging .dbd-status.block{color:#dc2626;background:#ef44441a}.pagina-infra-beveiliging .dbd-status.ok{color:#16a34a;background:#22c55e1a}.pagina-infra-beveiliging .dbd-arr{color:var(--ds-text-muted);flex-shrink:0;align-self:center;padding:0 4px;font-size:18px}.pagina-infra-beveiliging .db-isol-note{color:var(--ds-text-muted);background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:9px;padding:10px 14px;font-size:11.5px;line-height:1.65}.pagina-infra-beveiliging .db-details{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:10px;margin-bottom:18px;display:grid}.pagina-infra-beveiliging .db-det-item{border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:12px;align-items:flex-start;gap:12px;padding:13px 14px;transition:border-color .2s,transform .18s;animation:.35s both pagina-infra-beveiliging-fadeUp;display:flex}.pagina-infra-beveiliging .db-det-item:hover{border-color:#22c55e;transform:translateY(-2px)}.pagina-infra-beveiliging .ddi-icon{border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.pagina-infra-beveiliging .ddi-icon.green{color:#16a34a;background:#22c55e24}.pagina-infra-beveiliging .ddi-icon.blue{color:#3b82f6;background:#3b82f624}.pagina-infra-beveiliging .ddi-icon.amber{color:#f59e0b;background:#f59e0b24}.pagina-infra-beveiliging .ddi-icon.purple{color:#8b5cf6;background:#8b5cf624}.pagina-infra-beveiliging .ddi-icon.red{color:#dc2626;background:#ef44441f}.pagina-infra-beveiliging .ddi-title{text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted);margin-bottom:3px;font-size:10.5px;font-weight:800}.pagina-infra-beveiliging .ddi-val{color:var(--ds-text);margin-bottom:4px;font-size:13px;font-weight:800}.pagina-infra-beveiliging .ddi-text{color:var(--ds-text-muted);font-size:11px;line-height:1.6}.pagina-infra-beveiliging .pg-block{background:#22c55e0a;border:1px solid #22c55e40;border-radius:12px;margin-bottom:14px;padding:14px 16px}.pagina-infra-beveiliging .pg-title{letter-spacing:.04em;text-transform:uppercase;color:var(--ds-text-muted);align-items:center;gap:7px;margin-bottom:8px;font-size:11px;font-weight:800;display:flex}.pagina-infra-beveiliging .pg-title svg{color:#16a34a;font-size:14px}.pagina-infra-beveiliging .pg-explain{color:var(--ds-text-muted);margin-bottom:12px;font-size:11.5px;line-height:1.65}.pagina-infra-beveiliging .pg-explain code{color:var(--ds-text-2);background:#00000012;border-radius:4px;padding:1px 5px;font-family:ui-monospace,Menlo,monospace;font-size:10.5px}.pagina-infra-beveiliging .pg-explain em{color:var(--ds-text);font-style:normal;font-weight:700}.pagina-infra-beveiliging .pg-rules{flex-direction:column;gap:4px;display:flex}.pagina-infra-beveiliging .pg-rule-head{background:var(--ds-hover);letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-muted);border-radius:7px;grid-template-columns:80px 100px 130px 130px 1fr;gap:8px;padding:6px 10px;font-size:10px;font-weight:800;display:grid}.pagina-infra-beveiliging .pg-rule{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:9px;grid-template-columns:80px 100px 130px 130px 1fr;align-items:center;gap:8px;padding:8px 10px;font-size:10.5px;transition:background .12s;display:grid}.pagina-infra-beveiliging .pg-rule:hover{background:var(--ds-bg)}.pagina-infra-beveiliging .pgr-type{text-align:center;border-radius:5px;padding:2px 7px;font-family:ui-monospace,Menlo,monospace;font-weight:800}.pagina-infra-beveiliging .pgr-type.allow{color:#15803d;background:#22c55e1f}.pagina-infra-beveiliging .pgr-type.reject{color:#b91c1c;background:#ef44441f}.pagina-infra-beveiliging .pgr-db{color:var(--ds-text-2);font-family:ui-monospace,Menlo,monospace}.pagina-infra-beveiliging .pgr-addr{color:#2563eb;font-family:ui-monospace,Menlo,monospace}.pagina-infra-beveiliging .pgr-method{color:#8b5cf6;font-family:ui-monospace,Menlo,monospace;font-weight:700}.pagina-infra-beveiliging .pgr-expl{color:var(--ds-text-muted);font-size:10.5px}.pagina-infra-beveiliging .repl-block{background:#3b82f60a;border:1px solid #3b82f640;border-radius:12px;padding:14px 16px}.pagina-infra-beveiliging .repl-title{letter-spacing:.04em;text-transform:uppercase;color:var(--ds-text-muted);align-items:center;gap:7px;margin-bottom:12px;font-size:11px;font-weight:800;display:flex}.pagina-infra-beveiliging .repl-title svg{color:#3b82f6;font-size:14px}.pagina-infra-beveiliging .repl-steps{flex-direction:column;gap:8px;display:flex}.pagina-infra-beveiliging .repl-step{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.pagina-infra-beveiliging .rs-icon{border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.pagina-infra-beveiliging .rs-icon.blue{color:#3b82f6;background:#3b82f624}.pagina-infra-beveiliging .rs-icon.green{color:#16a34a;background:#22c55e24}.pagina-infra-beveiliging .rs-icon.amber{color:#f59e0b;background:#f59e0b24}.pagina-infra-beveiliging .rs-title{color:var(--ds-text);margin-bottom:3px;font-size:12px;font-weight:800}.pagina-infra-beveiliging .rs-text{color:var(--ds-text-muted);font-size:11px;line-height:1.6}.pagina-infra-beveiliging .did-intro{color:var(--ds-text-muted);margin-bottom:14px;font-size:12.5px;line-height:1.65}.pagina-infra-beveiliging .did-intro strong{color:var(--ds-text)}.pagina-infra-beveiliging .layers-v2{flex-direction:column;gap:6px;display:flex}.pagina-infra-beveiliging .lv2{border:1px solid var(--ds-border);background:var(--ds-bg);border-radius:12px;grid-template-columns:56px 1fr auto;align-items:start;gap:12px;padding:13px 16px;transition:border-color .2s,box-shadow .2s;animation:.35s both pagina-infra-beveiliging-fadeUp;display:grid;position:relative;overflow:hidden}.pagina-infra-beveiliging .lv2:hover{box-shadow:0 4px 20px -8px #0003}.pagina-infra-beveiliging .lv2:before{content:"";width:3px;position:absolute;top:0;bottom:0;left:0}.pagina-infra-beveiliging .lv2-left{align-items:center;gap:8px;display:flex}.pagina-infra-beveiliging .lv2-num{background:var(--ds-border);width:22px;height:22px;color:var(--ds-text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:900;display:flex}.pagina-infra-beveiliging .lv2-icon{border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:16px;display:grid}.pagina-infra-beveiliging .lv2-internet .lv2-icon{color:#64748b;background:#64748b24}.pagina-infra-beveiliging .lv2-proxy .lv2-icon{color:#8b5cf6;background:#8b5cf624}.pagina-infra-beveiliging .lv2-firewall .lv2-icon{color:#f59e0b;background:#f59e0b24}.pagina-infra-beveiliging .lv2-wg .lv2-icon{color:#6366f1;background:#6366f124}.pagina-infra-beveiliging .lv2-ssh .lv2-icon{color:#3b82f6;background:#3b82f624}.pagina-infra-beveiliging .lv2-mtls .lv2-icon{color:#f43f5e;background:#f43f5e1f}.pagina-infra-beveiliging .lv2-db .lv2-icon{color:#16a34a;background:#22c55e24}.pagina-infra-beveiliging .lv2-title{color:var(--ds-text);margin-bottom:2px;font-size:12.5px;font-weight:800}.pagina-infra-beveiliging .lv2-sub{color:var(--ds-text-muted);margin-bottom:4px;font-size:11px}.pagina-infra-beveiliging .lv2-detail{color:var(--ds-text-2);font-size:11px;line-height:1.6}.pagina-infra-beveiliging .lv2-right{flex-direction:column;align-items:flex-end;gap:5px;padding-top:2px;display:flex}.pagina-infra-beveiliging .iso-chip{white-space:nowrap;color:#4f46e5;background:#6366f11a;border:1px solid #6366f133;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:800}.pagina-infra-beveiliging .lv2-ok{color:#22c55e;font-size:20px}.pagina-infra-beveiliging .iso-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:8px;display:grid}.pagina-infra-beveiliging .iso-item{background:#6366f10a;border:1px solid #6366f126;border-radius:11px;align-items:flex-start;gap:10px;padding:11px 13px;transition:border-color .2s;animation:.35s both pagina-infra-beveiliging-fadeUp;display:flex}.pagina-infra-beveiliging .iso-item:hover{border-color:#6366f166}.pagina-infra-beveiliging .iso-chk{color:#22c55e;flex-shrink:0;margin-top:1px;font-size:18px}.pagina-infra-beveiliging .iso-ctrl{letter-spacing:.06em;color:#4f46e5;margin-bottom:2px;font-size:10px;font-weight:900}.pagina-infra-beveiliging .iso-title{color:var(--ds-text);margin-bottom:3px;font-size:11.5px;font-weight:800}.pagina-infra-beveiliging .iso-impl{color:var(--ds-text-muted);font-size:10.5px;line-height:1.55}.pagina-infra-beveiliging .limit-card{background:color-mix(in srgb, #f59e0b 4%, var(--ds-card));border-color:#f59e0b4d}.pagina-infra-beveiliging .limit-item{align-items:flex-start;gap:14px;display:flex}.pagina-infra-beveiliging .limit-badge{color:#d97706;letter-spacing:.06em;text-transform:uppercase;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:6px;flex-shrink:0;margin-top:2px;padding:3px 8px;font-size:9px;font-weight:900}.pagina-infra-beveiliging .limit-title{color:var(--ds-text);margin-bottom:8px;font-size:13px;font-weight:800}.pagina-infra-beveiliging .limit-reason{color:var(--ds-text-muted);margin-bottom:8px;font-size:12px;line-height:1.7}.pagina-infra-beveiliging .limit-reason strong{color:var(--ds-text)}.pagina-infra-beveiliging .limit-meta{color:var(--ds-text-muted);font-size:11px}@keyframes pagina-infra-beveiliging-fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (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 (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 (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 (width<=640px){.pagina-infra-beveiliging .begrip-cats{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;max-width:100%;overflow-x:auto}.pagina-infra-beveiliging .begrip-cats::-webkit-scrollbar{display:none}.pagina-infra-beveiliging .bc-cat{white-space:nowrap;flex:none}.pagina-infra-beveiliging .wpt-row{grid-template-columns:1fr;row-gap:2px}}.pagina-kantoor .info-banner{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);border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;transition:background .2s,border-color .2s;display:flex}.pagina-kantoor .info-banner svg{color:var(--portal-color);flex-shrink:0;font-size:20px}.pagina-kantoor .info-link{color:var(--portal-color);white-space:nowrap;border:1px solid color-mix(in srgb, var(--portal-color) 30%, transparent);border-radius:7px;align-items:center;gap:5px;margin-left:auto;padding:6px 10px;font-size:12px;font-weight:700;text-decoration:none;transition:background .18s,border-color .18s;display:inline-flex}.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 (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{border-radius:11px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.pagina-kantoor .stat-ic.blue{color:#3b82f6;background:#3b82f61f}.pagina-kantoor .stat-ic.green{color:#22c55e;background:#22c55e1f}.pagina-kantoor .stat-ic.purple{color:#8b5cf6;background:#8b5cf61f}.pagina-kantoor .stat-v{color:var(--ds-text);font-size:24px;font-weight:800;line-height:1}.pagina-kantoor .stat-l{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:3px;font-size:11.5px}.pagina-kantoor .floorplan{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=900px){.pagina-kantoor .floorplan{grid-template-columns:repeat(2,1fr)}}@media (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);min-height:110px;box-shadow:var(--ds-shadow);border-radius:13px;padding:14px;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{color:var(--ds-text);align-items:center;gap:8px;margin-bottom:2px;font-weight:700;display:flex}.pagina-kantoor .room-head svg{color:var(--room-clr);flex-shrink:0;font-size:17px}.pagina-kantoor .room-name{font-size:13.5px}.pagina-kantoor .room-meta{color:var(--ds-text-muted);margin:5px 0 10px;font-size:11px;line-height:1.4}.pagina-kantoor .room-seats{flex-wrap:wrap;gap:4px;display:flex}.pagina-kantoor .seat{background:var(--room-clr);opacity:.3;border-radius:3px;width:12px;height:9px}@media (width<=768px){.pagina-kantoor .info-banner{flex-wrap:wrap;padding:11px 13px;font-size:12.5px}.pagina-kantoor .info-link{margin-left:0}}@media (width<=600px){.pagina-kantoor .stats-row{grid-template-columns:1fr;gap:8px}.pagina-kantoor .stat-card{padding:12px}}@media (width<=480px){.pagina-kantoor .info-banner{gap:8px;padding:10px 12px;font-size:12px}.pagina-kantoor .info-link{padding:5px 9px;font-size:11px}.pagina-kantoor .stat-card{gap:11px;padding: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{min-height:90px;padding:11px}.pagina-kantoor .room-name{word-break:keep-all;overflow-wrap:break-word;font-size:12.5px}.pagina-kantoor .room-meta{font-size:10.5px}}.pagina-kantoor .stats-row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.pagina-kantoor .stat-card{align-items:center;gap:14px;padding:16px;display:flex}@media (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 (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{text-align:center;background:var(--ds-card);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow);border-radius:16px;flex-direction:column;align-items:center;gap:14px;padding:56px 24px;display:flex}.pagina-freeform .ff-icon{background:linear-gradient(135deg, var(--portal-color), var(--portal-color-dark));color:#fff;width:72px;height:72px;box-shadow:0 8px 24px -8px var(--portal-color);border-radius:18px;place-items:center;display:grid}.pagina-freeform .ff-icon svg{font-size:36px}.pagina-freeform .ff-launch h2{color:var(--ds-text);margin:4px 0 0;font-size:20px;font-weight:800}.pagina-freeform .ff-launch p{color:var(--ds-text-muted);max-width:460px;margin:0;font-size:13.5px;line-height:1.6}.pagina-freeform .ff-btn{background:var(--portal-color);color:#fff;border-radius:var(--ds-radius-sm);align-items:center;gap:8px;margin-top:8px;padding:12px 22px;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s,transform .1s,box-shadow .15s;display:inline-flex}.pagina-freeform .ff-btn:hover{background:var(--portal-color-dark);box-shadow:0 6px 18px -6px var(--portal-color);transform:translateY(-1px)}@media (width<=768px){.pagina-freeform .ff-launch{gap:12px;padding:38px 18px}.pagina-freeform .ff-icon{border-radius:14px;width:60px;height:60px}.pagina-freeform .ff-icon svg{font-size:30px}.pagina-freeform .ff-launch h2{font-size:17px}.pagina-freeform .ff-launch p{word-break:keep-all;overflow-wrap:break-word;font-size:12.5px}.pagina-freeform .ff-btn{padding:10px 18px;font-size:13px}}@media (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{justify-content:center;width:100%;padding:11px 16px}}.pagina-freeform .ff-icon svg{font-size:36px;display:block}.pagina-freeform .ff-btn svg{font-size:18px}@media (width<=768px){.pagina-freeform .ff-icon svg{font-size:30px}}@media (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:#f59e0b26;--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);flex-direction:column;gap:0;display:flex}.pagina-levenscyclus .lc-sec-head{align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.pagina-levenscyclus .lc-sec-head h2{color:var(--text);flex:1;margin:0;font-size:.95rem;font-weight:700}.pagina-levenscyclus .lc-sec-head svg{color:var(--acc);font-size:1.1rem}.pagina-levenscyclus .lc-badge{border-radius:10px;padding:.15rem .6rem;font-size:.7rem;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{flex-wrap:wrap;align-items:stretch;gap:0;margin:1rem 0;display:flex}.pagina-levenscyclus .lc-df-node{background:var(--ds-card);border:1px solid var(--border);border-radius:10px;flex:1;min-width:140px;padding:.75rem 1rem}.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{color:var(--ds-text);margin:0 0 .35rem;font-size:.78rem;font-weight:700}.pagina-levenscyclus .lc-df-node p{color:var(--ds-text-2);margin:0;font-size:.7rem;line-height:1.4}.pagina-levenscyclus .lc-df-arrow{color:var(--ds-text-muted);flex-shrink:0;align-items:center;padding:0 .35rem;font-size:1.1rem;display:flex}.pagina-levenscyclus .policy-tag{border-radius:4px;align-items:center;gap:.25rem;padding:.12rem .45rem;font-size:.68rem;font-weight:700;display:inline-flex}.pagina-levenscyclus .policy-tag.encrypt{color:var(--cyan);background:#06b6d41f}.pagina-levenscyclus .policy-tag.gdpr{color:var(--purple);background:#a855f71f}.pagina-levenscyclus .policy-tag.local{color:var(--green);background:#22c55e1f}.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 (width<=900px){.pagina-levenscyclus .lc-dataflow{flex-direction:column}.pagina-levenscyclus .lc-df-arrow{align-self:center;transform:rotate(90deg)}}.pagina-groei-academy .aca-card{cursor:pointer;align-items:flex-start;gap:14px;transition:transform .15s,box-shadow .15s;display:flex}.pagina-groei-academy .aca-card:hover{box-shadow:var(--g-shadow-lg);transform:translateY(-2px)}.pagina-groei-academy .aca-num{background:var(--g-grad-soft);border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.pagina-groei-academy .aca-num svg{color:var(--portal-color);font-size:20px}.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{color:var(--ds-text);margin-bottom:3px;font-size:14px;font-weight:700}.pagina-groei-academy .aca-vraag{color:var(--ds-text);margin:6px 0 14px;font-size:16px;font-weight:650;line-height:1.4}.pagina-groei-academy .aca-opties{flex-direction:column;gap:9px;display:flex}.pagina-groei-academy .aca-optie{text-align:left;border:1px solid var(--ds-border);background:var(--ds-card);cursor:pointer;color:var(--ds-text-2);border-radius:11px;align-items:center;gap:9px;padding:13px 15px;font-size:14px;transition:all .15s;display:flex}.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{background:var(--g-grad);border-radius:50%;place-items:center;width:80px;height:80px;margin:0 auto;display:grid}.pagina-groei-academy .aca-badge svg{color:#fff;font-size:38px}.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{background:var(--g-grad-soft);border-color:var(--g-ring);margin-top:14px}.pagina-groei-academy .aca-waarom p{color:var(--ds-text-2);margin:0;font-size:13.5px;line-height:1.6}.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{color:var(--ds-text-2);margin-bottom:8px;font-size:13.5px;line-height:1.5}.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{color:var(--ds-text);margin:14px 0 6px}.pagina-groei-academy .aca-uitslag-knoppen{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.pagina-groei-academy .aca-verder svg{transform:rotate(180deg)}.pagina-kluis .vault-lock{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:32px 16px 24px;display:flex}.pagina-kluis .vault-lock-icon{color:#3b82f6;background:linear-gradient(135deg,#3b82f626,#2563eb1a);border-radius:16px;place-items:center;width:64px;height:64px;margin-bottom:4px;font-size:30px;transition:transform .2s;display:grid;box-shadow:0 0 0 1px #3b82f626,0 4px 16px #3b82f61f}.pagina-kluis .vault-lock-icon:hover{transform:scale(1.04)}.pagina-kluis .vault-lock h2{color:var(--ds-text);letter-spacing:-.3px;margin:0;font-size:19px;font-weight:800}.pagina-kluis .vault-desc{color:var(--ds-text-muted);margin:0 0 10px;font-size:13px}.pagina-kluis .vault-form{flex-direction:column;gap:10px;width:100%;max-width:420px;display:flex}.pagina-kluis .v-hint{color:var(--ds-text-muted);margin:0;font-size:12.5px;line-height:1.5}.pagina-kluis .v-input{border:1px solid var(--ds-border);background:var(--ds-card);width:100%;min-height:42px;color:var(--ds-text);font:inherit;box-sizing:border-box;border-radius:9px;padding:9px 13px;font-size:13px;transition:border-color .15s,box-shadow .15s}.pagina-kluis .v-input:focus{border-color:var(--portal-color);outline:none;box-shadow:0 0 0 3px #6366f11f}.pagina-kluis .v-row-btns{justify-content:center;gap:8px;display:flex}.pagina-kluis .step-indicator{justify-content:center;align-items:center;gap:10px;margin-bottom:10px;display:flex}.pagina-kluis .step-dot{background:#94a3b833;border:1px solid #94a3b840;border-radius:50%;width:10px;height:10px;transition:background .25s,box-shadow .25s,transform .2s}.pagina-kluis .step-dot.active{background:#3b82f6;border-color:#0000;transform:scale(1.25);box-shadow:0 0 10px #3b82f680}.pagina-kluis .recovery-box{text-align:left;background:#ef44440f;border:1px solid #ef444433;border-radius:12px;padding:16px}.pagina-kluis .rb-warn{color:#dc2626;margin:0 0 8px;font-size:13px}.pagina-kluis .rb-text{color:var(--ds-text-muted);margin:0 0 12px;font-size:12px;line-height:1.55}.pagina-kluis .rb-text strong{color:var(--ds-text)}.pagina-kluis .recovery-key{letter-spacing:2px;color:#d97706;text-align:center;-webkit-user-select:all;user-select:all;background:#d977060f;border-radius:8px;padding:10px 0;font-family:ui-monospace,Menlo,monospace;font-size:17px;font-weight:700}.pagina-kluis .vault-btn{border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);min-height:40px;font:inherit;cursor:pointer;background:var(--ds-card);color:var(--ds-text-2);padding:0 16px;font-size:13px;font-weight:700;transition:opacity .15s,transform .15s,box-shadow .15s}.pagina-kluis .vault-btn:hover{opacity:.88}.pagina-kluis .vault-btn.primary{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border-color:#0000}.pagina-kluis .vault-btn.primary:hover{opacity:1;transform:translateY(-1px);box-shadow:0 4px 14px #2563eb59}.pagina-kluis .vault-btn.ghost{background:0 0}.pagina-kluis .vault-btn.danger{color:#dc2626;background:0 0;border-color:#ef44444d}.pagina-kluis .vault-btn.danger:hover{opacity:1;background:#ef44440f}.pagina-kluis .vault-btn.sm{min-height:34px;padding:0 12px;font-size:12px}.pagina-kluis .vault-btn:disabled{opacity:.65;cursor:wait;box-shadow:none;transform:none}.pagina-kluis .vault-link{color:var(--portal-color);cursor:pointer;font-size:12px;text-decoration:underline;transition:opacity .15s}.pagina-kluis .vault-link:hover{opacity:.75}.pagina-kluis .vault-error{color:#dc2626;font-size:12.5px}.pagina-kluis .vault-success{color:#16a34a;font-size:12.5px}.pagina-kluis .vault-note{color:var(--ds-text-muted);align-items:center;gap:5px;margin-top:10px;font-size:11px;display:flex}.pagina-kluis .vault-note svg{color:#3b82f6;font-size:13px}.pagina-kluis .vault-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.pagina-kluis .vault-search{border:1px solid var(--ds-border);background:var(--ds-card);min-width:160px;min-height:36px;color:var(--ds-text);font:inherit;border-radius:9px;flex:1;padding:8px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.pagina-kluis .vault-search:focus{border-color:var(--portal-color);outline:none;box-shadow:0 0 0 3px #6366f11f}.pagina-kluis .vault-list{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.pagina-kluis .vault-item{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.pagina-kluis .vault-item:hover{box-shadow:var(--ds-shadow);border-color:#6366f14d;transform:translate(2px)}.pagina-kluis .vault-item-icon{color:#fff;text-transform:uppercase;border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:16px;font-weight:800;display:grid}.pagina-kluis .vault-item-info{flex:1;min-width:0}.pagina-kluis .vault-item-title{color:var(--ds-text);font-size:13px;font-weight:700}.pagina-kluis .vault-item-user{color:var(--ds-text-muted);font-size:11px}.pagina-kluis .vault-item-actions{gap:6px;display:flex}.pagina-kluis .vault-item-btn{border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);background:var(--ds-card);cursor:pointer;width:32px;height:32px;font-size:14px;transition:border-color .15s,background .15s}.pagina-kluis .vault-item-btn:hover{background:#6366f10f;border-color:#6366f14d}.pagina-kluis .vault-item-btn.copied{color:#16a34a;border-color:#22c55e66}.pagina-kluis .vault-empty{text-align:center;color:var(--ds-text-muted);padding:28px;font-size:13px}.pagina-kluis .vault-modal-bg{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.pagina-kluis .vault-modal{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:16px;width:100%;max-width:480px;max-height:88vh;padding:22px;overflow-y:auto;box-shadow:0 24px 64px #00000073}.pagina-kluis .vault-modal.sm-modal{max-width:460px}.pagina-kluis .modal-h{color:var(--ds-text);align-items:center;gap:10px;margin:0 0 14px;font-size:16px;font-weight:800;display:flex}.pagina-kluis .modal-badge{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.pagina-kluis .vault-field{margin-bottom:12px}.pagina-kluis .vault-field label{text-transform:uppercase;letter-spacing:.5px;color:var(--ds-text-muted);margin-bottom:5px;font-size:11px;font-weight:700;display:block}.pagina-kluis .vault-field input,.pagina-kluis .vault-field textarea{border:1px solid var(--ds-border);background:var(--ds-card);width:100%;min-height:38px;color:var(--ds-text);font:inherit;box-sizing:border-box;border-radius:9px;padding:9px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.pagina-kluis .vault-field input:focus,.pagina-kluis .vault-field textarea:focus{border-color:var(--portal-color);outline:none;box-shadow:0 0 0 3px #6366f11f}.pagina-kluis .vault-field textarea{resize:vertical;min-height:60px}.pagina-kluis .vault-pw-row{gap:6px;display:flex}.pagina-kluis .vault-pw-row input{flex:1}.pagina-kluis .vault-gen-btn{border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-2);cursor:pointer;padding:0 10px;font-size:11px;font-weight:700;transition:border-color .15s,background .15s}.pagina-kluis .vault-gen-btn:hover{border-color:var(--portal-color);background:#6366f10f}.pagina-kluis .vault-custom-fields{flex-direction:column;gap:8px;display:flex}.pagina-kluis .vault-cf-row{gap:6px;display:flex}.pagina-kluis .vault-cf-row input:first-child{flex-shrink:0;width:35%}.pagina-kluis .vault-cf-row input{border:1px solid var(--ds-border);background:var(--ds-card);min-height:36px;color:var(--ds-text);font:inherit;box-sizing:border-box;border-radius:8px;flex:1;padding:8px 10px;font-size:12px;transition:border-color .15s,box-shadow .15s}.pagina-kluis .vault-cf-row input:focus{border-color:var(--portal-color);outline:none;box-shadow:0 0 0 3px #6366f11a}.pagina-kluis .vault-cf-del{color:#dc2626;cursor:pointer;background:0 0;border:1px solid #ef444433;border-radius:8px;flex-shrink:0;width:34px;transition:background .15s}.pagina-kluis .vault-cf-del:hover{background:#ef444414}.pagina-kluis .vault-add-field{color:var(--portal-color);cursor:pointer;background:0 0;border:1px dashed #3b82f64d;border-radius:8px;margin-top:8px;padding:6px 14px;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{border-top:1px solid var(--ds-border-subtle);justify-content:flex-end;gap:8px;margin-top:16px;padding-top:14px;display:flex}.pagina-kluis .vault-modal-actions.center{justify-content:center}.pagina-kluis .totp-tabs{border:1px solid var(--ds-border);border-radius:10px;margin-bottom:16px;display:flex;overflow:hidden}.pagina-kluis .totp-tab{color:var(--ds-text-muted);font:inherit;cursor:pointer;background:0 0;border:none;flex:1;padding:9px;font-size:12px;font-weight:700;transition:background .2s,color .2s}.pagina-kluis .totp-tab:hover{color:var(--ds-text)}.pagina-kluis .totp-tab.active{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6)}.pagina-kluis .qr-wrap{justify-content:center;margin:12px 0;display:flex}.pagina-kluis .qr-wrap img{background:var(--ds-card);border-radius:12px;width:200px;height:200px;padding:14px;box-shadow:0 4px 16px #00000026}.pagina-kluis .totp-manual{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:10px;padding:16px}.pagina-kluis .tm-label{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:11px;font-weight:700}.pagina-kluis .tm-label:not(:first-child){margin-top:14px}.pagina-kluis .totp-secret{letter-spacing:3px;color:#3b82f6;word-break:break-all;cursor:pointer;-webkit-user-select:all;user-select:all;font-family:ui-monospace,Menlo,monospace;font-size:15px;font-weight:700;transition:opacity .15s}.pagina-kluis .totp-secret:hover{opacity:.8}.pagina-kluis .tm-acc{color:var(--ds-text-2);font-size:13px}.pagina-kluis .totp-live{text-align:center;background:#3b82f60f;border:1px solid #3b82f626;border-radius:10px;margin-top:14px;padding:14px}.pagina-kluis .tl-label{color:var(--ds-text-muted);margin-bottom:5px;font-size:11px;font-weight:700}@keyframes pagina-kluis-vault-totp-pulse{0%,to{opacity:1}50%{opacity:.65}}.pagina-kluis .tl-code{letter-spacing:5px;color:#3b82f6;font-family:ui-monospace,Menlo,monospace;font-size:24px;font-weight:700;animation:2s ease-in-out infinite pagina-kluis-vault-totp-pulse}.pagina-kluis .tl-sub{color:var(--ds-text-muted);margin-top:5px;font-size:10px}.pagina-groei-conversie .cv-refresh{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:8px 13px;font-size:13px;font-weight:600;display:inline-flex}.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{color:var(--ds-text-muted);justify-content:center;align-items:center;gap:9px;padding:40px;font-size:14px;display:flex}.pagina-groei-conversie .cv-kpis{grid-template-columns:repeat(2,1fr);gap:12px;margin:14px 0;display:grid}.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{text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);font-size:11px;font-weight:800}.pagina-groei-conversie .cv-v{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:4px;font-size:30px;font-weight:800}.pagina-groei-conversie .cv-kpi.accent .cv-v{color:var(--portal-color)}.pagina-groei-conversie .cv-s{color:var(--ds-text-muted);margin-top:2px;font-size:12px}.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{text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);background:var(--ds-bg);border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:700}.pagina-groei-conversie .cv-concl{color:var(--ds-text);align-items:flex-start;gap:9px;margin:4px 0 14px;font-size:15px;font-weight:700;display:flex}.pagina-groei-conversie .cv-concl svg{color:var(--portal-color);flex-shrink:0;margin-top:1px;font-size:19px}.pagina-groei-conversie .cv-adv{flex-direction:column;gap:10px;list-style:none;display:flex}.pagina-groei-conversie .cv-adv li{color:var(--ds-text);align-items:flex-start;gap:11px;font-size:14px;line-height:1.5;display:flex}.pagina-groei-conversie .cv-dot{background:var(--portal-color);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:7px}.pagina-groei-conversie .cv-funnel{flex-direction:column;gap:16px;padding:4px 0;display:flex}.pagina-groei-conversie .cv-fbar-wrap{background:var(--ds-bg);border-radius:8px;height:34px;overflow:hidden}.pagina-groei-conversie .cv-fbar{background:linear-gradient(90deg, var(--portal-color), color-mix(in srgb, var(--portal-color) 70%, #22c55e));border-radius:8px;min-width:6px;height:100%;transition:width .5s cubic-bezier(.16,1,.3,1)}.pagina-groei-conversie .cv-finfo{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.pagina-groei-conversie .cv-flabel{font-size:13.5px;font-weight:700}.pagina-groei-conversie .cv-fnum{font-variant-numeric:tabular-nums;font-size:13.5px;font-weight:800}.pagina-groei-conversie .cv-fnum small{color:var(--ds-text-muted);font-weight:600}.pagina-groei-conversie .cv-fdrop{color:#e0955a;align-items:center;gap:5px;margin-top:6px;font-size:12px;font-weight:600;display:flex}.pagina-groei-conversie .cv-grid3{grid-template-columns:1fr;gap:14px;display:grid}.pagina-groei-conversie .cv-list{flex-direction:column;gap:8px;display:flex}.pagina-groei-conversie .cv-row{background:var(--ds-bg);border-radius:8px;justify-content:space-between;align-items:center;padding:7px 10px;font-size:13.5px;display:flex}.pagina-groei-conversie .cv-row b{font-variant-numeric:tabular-nums}.pagina-groei-conversie .cv-path{text-overflow:ellipsis;white-space:nowrap;max-width:170px;color:var(--ds-text-muted);font-family:ui-monospace,monospace;font-size:12.5px;overflow:hidden}@media (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{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:8px 13px;font-size:13px;font-weight:600;display:inline-flex}.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{color:var(--ds-text-muted);justify-content:center;align-items:center;gap:9px;padding:40px;font-size:14px;display:flex}.pagina-groei-marketing .cv-kpis{grid-template-columns:repeat(2,1fr);gap:12px;margin:14px 0;display:grid}.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-k{text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);font-size:11px;font-weight:800}.pagina-groei-marketing .cv-v{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:4px;font-size:30px;font-weight:800}.pagina-groei-marketing .cv-kpi.accent .cv-v{color:var(--portal-color)}.pagina-groei-marketing .cv-s{color:var(--ds-text-muted);margin-top:2px;font-size:12px}.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{text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);background:var(--ds-bg);border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:700}.pagina-groei-marketing .cv-concl{color:var(--ds-text);align-items:flex-start;gap:9px;margin:4px 0 14px;font-size:15px;font-weight:700;display:flex}.pagina-groei-marketing .cv-concl svg{color:var(--portal-color);flex-shrink:0;margin-top:1px;font-size:19px}.pagina-groei-marketing .cv-adv{flex-direction:column;gap:10px;list-style:none;display:flex}.pagina-groei-marketing .cv-adv li{color:var(--ds-text);align-items:flex-start;gap:11px;font-size:14px;line-height:1.5;display:flex}.pagina-groei-marketing .cv-dot{background:var(--portal-color);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:7px}.pagina-groei-marketing .md-sub{text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted);align-items:center;gap:7px;margin:18px 0 10px;font-size:12px;font-weight:800;display:flex}.pagina-groei-marketing .md-nba{grid-template-columns:1fr;gap:10px;margin:6px 0 4px;display:grid}.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{text-transform:uppercase;letter-spacing:.04em;color:var(--portal-color);font-size:11px;font-weight:800}.pagina-groei-marketing .md-nba-v{color:var(--ds-text);margin-top:3px;font-size:13.5px;line-height:1.45}.pagina-groei-marketing .md-taken{flex-direction:column;gap:9px;list-style:none;display:flex}.pagina-groei-marketing .md-taken li,.pagina-groei-marketing .md-mis{color:var(--ds-text);align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.45;display:flex}.pagina-groei-marketing .md-check{border:2px solid color-mix(in srgb, var(--portal-color) 55%, var(--ds-border));border-radius:5px;flex-shrink:0;width:15px;height:15px;margin-top:2px}.pagina-groei-marketing .md-missies{flex-direction:column;gap:11px;display:flex}.pagina-groei-marketing .md-mis-t{font-weight:600}.pagina-groei-marketing .md-mis-s{color:var(--ds-text-muted);margin-top:1px;font-size:12px}.pagina-groei-marketing .md-plan{grid-template-columns:1fr;gap:12px;display:grid}.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{color:var(--portal-color);font-size:13.5px;font-weight:800}.pagina-groei-marketing .md-plan-f{color:var(--ds-text);margin-top:4px;font-size:13px;line-height:1.45}.pagina-groei-marketing .md-plan-m{color:var(--ds-text-muted);align-items:center;gap:5px;margin-top:6px;font-size:11.5px;display:flex}.pagina-groei-marketing .md-kpitable{flex-direction:column;gap:6px;display:flex}.pagina-groei-marketing .md-kpirow{background:var(--ds-bg);border-radius:8px;grid-template-columns:1.6fr 1fr 1.2fr 1fr;align-items:center;gap:8px;padding:8px 10px;font-size:12.5px;display:grid}.pagina-groei-marketing .md-kpirow.head{text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted);background:0 0;font-size:10.5px;font-weight:800}.pagina-groei-marketing .md-kpi-l{font-weight:600}.pagina-groei-marketing .md-src{color:var(--ds-text-muted);background:var(--ds-card);border:1px solid var(--ds-border);border-radius:6px;margin-left:4px;padding:1px 6px;font-size:10px;font-style:normal;font-weight:700}.pagina-groei-marketing .md-cards{grid-template-columns:1fr;gap:12px;display:grid}.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-size:15px;font-weight:800}.pagina-groei-marketing .md-bc-s{color:var(--ds-text-muted);margin:3px 0 9px;font-size:12px}.pagina-groei-marketing .md-bc-say,.pagina-groei-marketing .md-bc-avoid{margin-top:5px;font-size:13px;line-height:1.5}@media (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;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.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{width:auto;padding:0;max-width:none!important;max-height:none!important}.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:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.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{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.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;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{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{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{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position: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:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.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-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.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{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;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:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;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{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.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{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.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{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.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{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;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{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.pagina-groei-kaart .map-legend{z-index:500;background:var(--g-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--ds-border);color:var(--ds-text-2);box-shadow:var(--g-shadow);border-radius:12px;flex-wrap:wrap;gap:13px;padding:9px 13px;font-size:11.5px;display:flex;position:absolute;bottom:14px;left:14px}.pagina-groei-kaart .map-legend i{border-radius:50%;width:9px;height:9px;margin-right:5px;display:inline-block}.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{align-items:center;gap:14px;margin-bottom:18px;display:flex}.pagina-groei-ontwerp .ds-badge{color:#fff;background:linear-gradient(150deg,#2563eb,#0ea5e9);border-radius:13px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 8px 20px -8px #2563eb99}.pagina-groei-ontwerp .ds-badge svg{font-size:23px}.pagina-groei-ontwerp .ds-head h1{letter-spacing:-.02em;margin:0;font-size:23px;font-weight:800}.pagina-groei-ontwerp .ds-head p{color:var(--txt-dim,var(--ds-text-muted));max-width:660px;margin:3px 0 0;font-size:13px}.pagina-groei-ontwerp .tabs{gap:8px;margin-bottom:16px;display:flex}.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);cursor:pointer;align-items:center;gap:7px;padding:10px 18px;font-size:13.5px;font-weight:700;display:inline-flex}.pagina-groei-ontwerp .tabs button.on{background:var(--portal-color);color:#fff;border-color:var(--portal-color)}.pagina-groei-ontwerp .work{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}@media (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{align-items:center;gap:7px;margin:0 0 12px;font-size:14px;font-weight:800;display:flex}.pagina-groei-ontwerp .fl{color:var(--txt-dim,var(--ds-text-muted));margin:12px 0 5px;font-size:12px;font-weight:700;display:block}.pagina-groei-ontwerp .sub-fl{color:var(--txt-dim,var(--ds-text-subtle));font-weight:500}.pagina-groei-ontwerp .in{box-sizing:border-box;border:1px solid var(--ds-border);background:var(--in,var(--ds-card));width:100%;color:inherit;border-radius:10px;padding:9px 12px;font-size:14px}.pagina-groei-ontwerp .in.ta{resize:vertical;font-family:inherit}.pagina-groei-ontwerp .row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pagina-groei-ontwerp .tpls{flex-wrap:wrap;gap:8px;display:flex}.pagina-groei-ontwerp .tpl{border:1px solid var(--bd,var(--ds-border));color:inherit;cursor:pointer;background:0 0;border-radius:10px;padding:8px 15px;font-size:13px;font-weight:700}.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{align-items:center;gap:8px;display:flex}.pagina-groei-ontwerp .pal{border:2px solid var(--ds-card);width:30px;height:30px;box-shadow:0 0 0 1px var(--ds-border);cursor:pointer;border-radius:50%}.pagina-groei-ontwerp .pal.on{box-shadow:0 0 0 2px var(--portal-color)}.pagina-groei-ontwerp .cpick{cursor:pointer;background:0 0;border:none;width:34px;height:34px;padding:0}.pagina-groei-ontwerp .aibar,.pagina-groei-ontwerp .btns{gap:8px;display:flex}.pagina-groei-ontwerp .aibar .in{flex:1}.pagina-groei-ontwerp .b{background:var(--portal-color);color:#fff;cursor:pointer;border:none;border-radius:11px;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:700;display:inline-flex}.pagina-groei-ontwerp .b.ghost{color:var(--portal-color);border:1px solid color-mix(in srgb, var(--portal-color) 30%, transparent);background:0 0}.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{flex-wrap:wrap;margin-top:14px}.pagina-groei-ontwerp .msg{color:var(--portal-color);margin:10px 0 0;font-size:12.5px;font-weight:600}.pagina-groei-ontwerp .hint{color:var(--txt-dim,var(--ds-text-subtle));margin:8px 0 0;font-size:11.5px}.pagina-groei-ontwerp .preview{background:var(--alt,var(--ds-hover));border:1px solid var(--ds-border);border-radius:12px;justify-content:center;width:100%;padding:16px;display:flex}.pagina-groei-ontwerp .preview svg{border-radius:10px;width:100%;max-width:420px;height:auto;box-shadow:0 12px 34px -14px #0f172a66}.pagina-groei-ontwerp .preview :global(svg){border-radius:10px;width:100%;max-width:420px;height:auto;box-shadow:0 12px 34px -14px #0f172a66}.pagina-groei-ontwerp .preview.card svg{max-width:360px}.pagina-groei-ontwerp .preview img{border-radius:var(--ds-radius-sm);width:100%;max-width:420px;height:auto;box-shadow:0 12px 34px -14px #0f172a66}.pagina-groei-ontwerp .preview.card img{max-width:360px}.pagina-login-flow .print-btn{background:var(--portal-color);color:#fff;border-radius:var(--ds-radius-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:10px 28px;font-size:14px;font-weight:600;transition:opacity .15s,transform .15s,box-shadow .2s;display:inline-flex}.pagina-login-flow .print-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px #6366f14d}.pagina-login-flow .doc-container{box-sizing:border-box;width:100%;min-width:0;max-width:900px;margin:0 auto}@media print{.pagina-login-flow .no-print,.pagina-login-flow .topbar-actions{display:none}}.pagina-vergaderassistent .ma-page{flex-direction:column;gap:0;padding-bottom:32px;display:flex}.pagina-vergaderassistent .consent-banner,.pagina-vergaderassistent .error-banner{border-radius:12px;align-items:flex-start;gap:14px;margin:12px 0;padding:14px 18px;animation:.3s forwards dsFadeUp;display:flex}.pagina-vergaderassistent .refresh-banner{background:#6366f112;border:1px solid #6366f140;border-radius:12px;align-items:flex-start;gap:14px;margin:12px 0;padding:14px 18px;animation:.3s forwards dsFadeUp;display:flex}.pagina-vergaderassistent .refresh-banner svg{color:var(--portal-color);flex-shrink:0;margin-top:2px;font-size:20px}.pagina-vergaderassistent .refresh-banner div{color:var(--ds-text);flex:1;font-size:14px;line-height:1.5}.pagina-vergaderassistent .consent-banner{background:#f59e0b14;border:1px solid #f59e0b4d}.pagina-vergaderassistent .consent-banner svg{color:#f59e0b;flex-shrink:0;margin-top:2px;font-size:20px}.pagina-vergaderassistent .error-banner{background:#ef444412;border:1px solid #ef444440}.pagina-vergaderassistent .error-banner svg{color:#ef4444;flex-shrink:0;margin-top:2px;font-size:20px}.pagina-vergaderassistent .consent-text,.pagina-vergaderassistent .error-banner div{color:var(--ds-text);flex:1;font-size:14px;line-height:1.5}.pagina-vergaderassistent .consent-text strong{color:#f59e0b}.pagina-vergaderassistent .error-banner strong{color:#ef4444}.pagina-vergaderassistent .requesting-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.pagina-vergaderassistent .req-spinner{border:3px solid var(--ds-border);border-top-color:var(--portal-color);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite pagina-vergaderassistent-spin}@keyframes pagina-vergaderassistent-spin{to{transform:rotate(360deg)}}.pagina-vergaderassistent .requesting-state p{color:var(--ds-text-muted);margin:0;font-size:15px;line-height:1.6}.pagina-vergaderassistent .requesting-state small{color:var(--ds-text-subtle)}.pagina-vergaderassistent .idle-state{justify-content:center;padding:40px 20px;display:flex}.pagina-vergaderassistent .idle-layout{justify-content:center;align-items:flex-start;gap:28px;width:100%;max-width:1000px;display:flex}.pagina-vergaderassistent .idle-inner{flex:0 0 420px;max-width:420px}.pagina-vergaderassistent .history-panel{flex:1;min-width:0}@media (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{text-align:center;flex-direction:column;align-items:center;gap:20px;width:100%;animation:.4s forwards dsFadeUp;display:flex}.pagina-vergaderassistent .idle-icon-wrap{background:color-mix(in srgb, var(--portal-color) 12%, transparent);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.pagina-vergaderassistent .idle-icon-wrap svg{color:var(--portal-color);font-size:36px}.pagina-vergaderassistent .idle-inner h2{color:var(--ds-text);margin:0;font-size:24px;font-weight:800}.pagina-vergaderassistent .idle-inner>p{color:var(--ds-text-muted);margin:0;font-size:14px;line-height:1.6}.pagina-vergaderassistent .idle-form{flex-direction:column;gap:10px;width:100%;display:flex}.pagina-vergaderassistent .title-input,.pagina-vergaderassistent .lang-row select{border:1.5px solid var(--ds-border);background:var(--ds-card);width:100%;color:var(--ds-text);box-sizing:border-box;border-radius:10px;outline:none;padding:12px 14px;font-size:14px;transition:border-color .15s}.pagina-vergaderassistent .title-input:focus,.pagina-vergaderassistent .lang-row select:focus{border-color:var(--portal-color)}.pagina-vergaderassistent .lang-row{align-items:center;gap:10px;display:flex}.pagina-vergaderassistent .lang-row label{color:var(--ds-text-muted);white-space:nowrap;font-size:13px}.pagina-vergaderassistent .lang-row select{flex:1;padding:10px 14px}.pagina-vergaderassistent .btn-start{background:var(--portal-color);color:#fff;border-radius:var(--ds-radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-size:15px;font-weight:700;transition:background .15s,transform .1s;display:flex}.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{color:var(--ds-text-muted);background:var(--ds-card-elevated);border:1px solid var(--ds-border);border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.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{text-transform:uppercase;letter-spacing:.5px;color:var(--ds-text-muted);border-bottom:1px solid var(--ds-border);align-items:center;gap:8px;padding:12px 16px;font-size:11px;font-weight:700;display:flex}.pagina-vergaderassistent .history-header svg{color:var(--portal-color);font-size:14px}.pagina-vergaderassistent .history-count{background:var(--ds-card-elevated);border:1px solid var(--ds-border);color:var(--ds-text);border-radius:10px;margin-left:auto;padding:1px 7px;font-size:11px}.pagina-vergaderassistent .history-list{max-height:420px;overflow-y:auto}.pagina-vergaderassistent .history-item{border-bottom:1px solid var(--ds-border);align-items:center;gap:8px;padding:11px 14px;transition:background .12s;display:flex}.pagina-vergaderassistent .history-item:last-child{border-bottom:none}.pagina-vergaderassistent .history-item:hover{background:var(--ds-hover)}.pagina-vergaderassistent .hi-main{cursor:pointer;flex:1;min-width:0}.pagina-vergaderassistent .hi-title{color:var(--ds-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.pagina-vergaderassistent .hi-meta{color:var(--ds-text-muted);margin-top:2px;font-size:11px}.pagina-vergaderassistent .hi-sep{opacity:.4;margin:0 4px}.pagina-vergaderassistent .hi-actions{flex-shrink:0;gap:4px;display:flex}.pagina-vergaderassistent .controls-bar{background:var(--ds-card);border:1px solid var(--ds-border);z-index:10;box-shadow:var(--ds-shadow);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;padding:10px 16px;display:flex;position:sticky;top:0}.pagina-vergaderassistent .controls-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pagina-vergaderassistent .controls-center{flex:1;min-width:120px}.pagina-vergaderassistent .controls-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:relative}.pagina-vergaderassistent .mic-indicator{border:1.5px solid var(--ds-border);background:var(--ds-card-elevated);color:var(--ds-text-muted);border-radius:20px;align-items:center;gap:7px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.pagina-vergaderassistent .mic-indicator.active{color:#10b981;background:#10b98112;border-color:#10b98166}.pagina-vergaderassistent .mic-indicator.paused{color:#f59e0b;background:#f59e0b12;border-color:#f59e0b59}.pagina-vergaderassistent .mic-indicator svg{font-size:16px}.pagina-vergaderassistent .mic-label{font-size:11px}.pagina-vergaderassistent .vol-bars{align-items:flex-end;gap:2px;height:16px;display:flex}.pagina-vergaderassistent .vol-bar{background:var(--ds-border);border-radius:2px;width:3px;transition:background .1s}.pagina-vergaderassistent .vol-bar:first-child{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{background:var(--ds-card-elevated);border:1px solid var(--ds-border);color:var(--ds-text-muted);border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.pagina-vergaderassistent .rec-pill.active{color:#ef4444;background:#ef44440f;border-color:#ef44444d}.pagina-vergaderassistent .rec-pill.paused{color:#f59e0b;background:#f59e0b0f;border-color:#f59e0b4d}.pagina-vergaderassistent .rec-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.pagina-vergaderassistent .rec-pill.active .rec-dot{animation:1.2s infinite pagina-vergaderassistent-pulse-rec}@keyframes pagina-vergaderassistent-pulse-rec{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.pagina-vergaderassistent .timer{color:var(--ds-text);font-variant-numeric:tabular-nums;letter-spacing:.5px;align-items:center;gap:5px;font-size:14px;font-weight:700;display:flex}.pagina-vergaderassistent .timer svg{color:var(--ds-text-muted);font-size:14px}.pagina-vergaderassistent .autosave-badge{color:#10b981;align-items:center;gap:5px;font-size:11px;animation:.3s dsFadeIn;display:flex}.pagina-vergaderassistent .meeting-title-inline{width:100%;color:var(--ds-text);text-align:center;background:0 0;border:1.5px solid #0000;border-radius:7px;outline:none;padding:6px 10px;font-size:14px;font-weight:600;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{border-radius:var(--ds-radius-sm);border:1.5px solid var(--ds-border);cursor:pointer;background:var(--ds-card);color:var(--ds-text);align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.pagina-vergaderassistent .ctrl-btn svg{font-size:15px}.pagina-vergaderassistent .ctrl-btn:hover{transform:translateY(-1px)}.pagina-vergaderassistent .pause-btn:hover{color:#f59e0b;background:#f59e0b0f;border-color:#f59e0b}.pagina-vergaderassistent .resume-btn:hover{color:#10b981;background:#10b9810f;border-color:#10b981}.pagina-vergaderassistent .stop-btn:hover{color:#ef4444;background:#ef44440f;border-color:#ef4444}.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{color:#10b981;border-color:#10b981}.pagina-vergaderassistent .new-btn:hover{background:#10b9810f}.pagina-vergaderassistent .export-menu{background:var(--ds-card);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow-lg);z-index:200;border-radius:10px;min-width:220px;animation:.15s forwards dsScaleIn;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.pagina-vergaderassistent .export-menu button{width:100%;color:var(--ds-text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:11px 16px;font-size:13px;transition:background .12s;display:flex}.pagina-vergaderassistent .export-menu button:hover{background:var(--ds-hover)}.pagina-vergaderassistent .export-menu button svg{color:var(--portal-color)}.pagina-vergaderassistent .ma-grid{grid-template-columns:210px 1fr 300px;gap:12px;min-height:440px;display:grid}.pagina-vergaderassistent .ma-grid>*{min-height:0}.pagina-vergaderassistent .panel{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.pagina-vergaderassistent .panel-header{text-transform:uppercase;letter-spacing:.5px;color:var(--ds-text-muted);border-bottom:1px solid var(--ds-border);flex-shrink:0;align-items:center;gap:8px;padding:11px 14px;font-size:11px;font-weight:700;display:flex}.pagina-vergaderassistent .panel-header svg{color:var(--portal-color);font-size:14px}.pagina-vergaderassistent .panel-count{background:var(--ds-card-elevated);border:1px solid var(--ds-border);color:var(--ds-text);border-radius:10px;margin-left:auto;padding:1px 7px;font-size:11px}.pagina-vergaderassistent .panel-controls{margin-left:auto}.pagina-vergaderassistent .panel-speakers{overflow-y:auto}.pagina-vergaderassistent .speakers-list{flex-direction:column;flex:1;gap:6px;padding:8px;display:flex}.pagina-vergaderassistent .speaker-row{background:var(--ds-card-elevated);border:1px solid var(--ds-border);border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex}.pagina-vergaderassistent .spk-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.pagina-vergaderassistent .spk-info{flex:1;min-width:0}.pagina-vergaderassistent .spk-label{color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:10px}.pagina-vergaderassistent .spk-name-input{width:100%;color:var(--ds-text);box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:5px;outline:none;padding:3px 6px;font-size:12px;font-weight:600;transition:border-color .15s,background .15s}.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{cursor:pointer;color:var(--ds-text-muted);background:0 0;border:none;border-radius:5px;align-items:center;padding:4px;display:flex}.pagina-vergaderassistent .spk-remove:hover{color:#ef4444;background:#ef44441a}.pagina-vergaderassistent .btn-add-speaker{border-radius:var(--ds-radius-sm);border:1.5px dashed var(--ds-border);color:var(--ds-text-muted);cursor:pointer;background:0 0;align-items:center;gap:6px;margin:6px 8px;padding:8px 10px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.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{background:var(--ds-card-elevated);border:1px solid var(--ds-border);color:var(--ds-text-muted);border-radius:7px;align-items:center;gap:6px;margin:0 8px 6px;padding:8px;font-size:11px;display:flex}.pagina-vergaderassistent .pause-setting select{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:5px;flex:1;padding:3px 6px;font-size:11px}.pagina-vergaderassistent .status-log{border-top:1px solid var(--ds-border);flex-direction:column;flex-shrink:0;gap:5px;padding:8px 12px;display:flex}.pagina-vergaderassistent .status-item{color:var(--ds-text-muted);align-items:center;gap:7px;font-size:11px;display:flex}.pagina-vergaderassistent .s-dot{background:var(--ds-border);border-radius:50%;flex-shrink:0;width:6px;height:6px}.pagina-vergaderassistent .s-dot.green{background:#10b981}.pagina-vergaderassistent .panel-transcript{position:relative}.pagina-vergaderassistent .transcript-empty{color:var(--ds-text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.pagina-vergaderassistent .transcript-empty svg{color:var(--ds-border);font-size:40px}.pagina-vergaderassistent .transcript-empty p{margin:0;font-size:14px;line-height:1.6}.pagina-vergaderassistent .transcript-empty small{color:var(--ds-text-subtle);font-size:12px}.pagina-vergaderassistent .transcript-body{flex-direction:column;flex:1;gap:4px;padding:10px;display:flex;overflow-y:auto}.pagina-vergaderassistent .transcript-line{border-radius:6px;gap:8px;padding:5px 7px;font-size:13px;line-height:1.5;transition:background .1s;display:flex}.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);white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;padding-top:2px;font-size:10px}.pagina-vergaderassistent .ts-speaker-wrap{flex-shrink:0;position:relative}.pagina-vergaderassistent .ts-speaker{white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:1px 4px;font-size:12px;font-weight:700;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{z-index:100;background:var(--ds-card);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow);border-radius:8px;min-width:130px;animation:.12s dsScaleIn;position:absolute;top:calc(100% + 2px);left:0;overflow:hidden}.pagina-vergaderassistent .ts-speaker-dropdown button{cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:7px 12px;font-size:12px;font-weight:600;transition:background .1s;display:block}.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{cursor:pointer;background:var(--ds-card);border:1.5px solid var(--ds-border);color:var(--ds-text-muted);border-radius:20px;align-items:center;gap:4px;padding:5px 10px;font-size:10px;font-weight:600;transition:all .15s;display:flex;position:absolute;bottom:8px;right:8px;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{flex-direction:column;display:flex;overflow:hidden}.pagina-vergaderassistent .notes-tabs{border-bottom:1px solid var(--ds-border);flex-shrink:0;display:flex}.pagina-vergaderassistent .notes-tabs button{cursor:pointer;color:var(--ds-text-muted);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:5px;margin-bottom:-1px;padding:10px 6px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.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-direction:column;flex:1;gap:10px;padding:10px;display:flex;overflow-y:auto}.pagina-vergaderassistent .notes-section{background:var(--ds-card-elevated);border:1px solid var(--ds-border);border-radius:10px;flex-direction:column;gap:7px;padding:10px;display:flex}.pagina-vergaderassistent .ns-header{text-transform:uppercase;letter-spacing:.4px;color:var(--ds-text-muted);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.pagina-vergaderassistent .ns-header svg{color:var(--portal-color);font-size:13px}.pagina-vergaderassistent .ns-textarea{border:1.5px solid var(--ds-border);background:var(--ds-card);width:100%;color:var(--ds-text);resize:vertical;box-sizing:border-box;border-radius:7px;outline:none;min-height:68px;padding:8px;font-size:13px;line-height:1.5}.pagina-vergaderassistent .ns-textarea:focus{border-color:var(--portal-color)}.pagina-vergaderassistent .decisions-list,.pagina-vergaderassistent .ov-list{flex-direction:column;gap:4px;display:flex}.pagina-vergaderassistent .decision-item{color:var(--ds-text);background:var(--ds-card);border-radius:6px;align-items:flex-start;gap:6px;padding:5px;font-size:13px;display:flex}.pagina-vergaderassistent .decision-item svg{color:#10b981;flex-shrink:0;margin-top:2px;font-size:14px}.pagina-vergaderassistent .dec-time{color:var(--ds-text-subtle);white-space:nowrap;margin-left:auto;font-size:10px}.pagina-vergaderassistent .ov-item{background:var(--ds-card);border-radius:6px;align-items:center;gap:6px;padding:4px 6px;font-size:13px;display:flex}.pagina-vergaderassistent .ov-item span{flex:1}.pagina-vergaderassistent .add-row{align-items:center;gap:6px;display:flex}.pagina-vergaderassistent .add-row input{border:1.5px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:7px;outline:none;flex:1;padding:7px 10px;font-size:13px;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{color:#ef4444;background:#ef44440f;border-color:#ef4444}.pagina-vergaderassistent .icon-btn:disabled{opacity:.4;cursor:not-allowed}.pagina-vergaderassistent .chunk-list{flex-direction:column;gap:6px;display:flex}.pagina-vergaderassistent .chunk-item{background:var(--ds-card);border-left:3px solid var(--portal-color);border-radius:7px;padding:8px 10px}.pagina-vergaderassistent .chunk-time{color:var(--ds-text-subtle);margin-bottom:3px;font-size:10px;font-weight:600}.pagina-vergaderassistent .chunk-summary{color:var(--ds-text);font-size:12px;line-height:1.5}.pagina-vergaderassistent .actions-panel{flex-direction:column;flex:1;display:flex;overflow:hidden}.pagina-vergaderassistent .actions-stats{border-bottom:1px solid var(--ds-border);flex-shrink:0;gap:0;display:flex}.pagina-vergaderassistent .astat{border-right:1px solid var(--ds-border);flex-direction:column;flex:1;align-items:center;padding:10px 6px;display:flex}.pagina-vergaderassistent .astat:last-child{border-right:none}.pagina-vergaderassistent .astat-num{color:var(--ds-text);font-size:20px;font-weight:800;line-height:1}.pagina-vergaderassistent .astat-lbl{text-transform:uppercase;letter-spacing:.4px;color:var(--ds-text-muted);margin-top:2px;font-size:10px}.pagina-vergaderassistent .astat.accent .astat-num{color:#f59e0b}.pagina-vergaderassistent .astat.green .astat-num{color:#10b981}.pagina-vergaderassistent .action-scroll{flex-direction:column;flex:1;gap:6px;padding:10px;display:flex;overflow-y:auto}.pagina-vergaderassistent .action-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:30px 20px;display:flex}.pagina-vergaderassistent .action-empty svg{color:var(--ds-border);font-size:32px}.pagina-vergaderassistent .action-empty p{color:var(--ds-text-muted);margin:0;font-size:13px;font-weight:600}.pagina-vergaderassistent .action-empty small{color:var(--ds-text-subtle);font-size:11px}.pagina-vergaderassistent .action-card{background:var(--ds-card-elevated);border:1.5px solid var(--ds-border);border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;transition:opacity .2s,border-color .15s;display:flex}.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{color:var(--ds-text-muted);text-decoration:line-through}.pagina-vergaderassistent .action-check{border:2px solid var(--ds-border);cursor:pointer;width:28px;height:28px;color:var(--ds-text-muted);background:0 0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;transition:all .15s;display:flex}.pagina-vergaderassistent .action-check svg{font-size:15px}.pagina-vergaderassistent .action-check:hover{color:#10b981;background:#10b98112;border-color:#10b981}.pagina-vergaderassistent .action-card.done .action-check{color:#10b981;background:#10b9811f;border-color:#10b981}.pagina-vergaderassistent .action-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.pagina-vergaderassistent .action-text{color:var(--ds-text);font-size:13px;font-weight:600;line-height:1.4}.pagina-vergaderassistent .action-pills{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.pagina-vergaderassistent .pill{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-muted);border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.pagina-vergaderassistent .pill svg{font-size:11px}.pagina-vergaderassistent .pill.assignee{color:var(--portal-color);background:color-mix(in srgb, var(--portal-color) 7%, transparent);border-color:#6366f14d}.pagina-vergaderassistent .pill.deadline,.pagina-vergaderassistent .pill.status-pill.open{color:#f59e0b;background:#f59e0b12;border-color:#f59e0b4d}.pagina-vergaderassistent .pill.status-pill.done-pill{color:#10b981;background:#10b98112;border-color:#10b9814d}.pagina-vergaderassistent .add-action-form{border-top:1px solid var(--ds-border);background:var(--ds-card-elevated);flex-direction:column;flex-shrink:0;gap:7px;padding:10px;display:flex}.pagina-vergaderassistent .add-action-title{text-transform:uppercase;letter-spacing:.4px;color:var(--ds-text-muted);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.pagina-vergaderassistent .add-action-title svg{color:var(--portal-color);font-size:13px}.pagina-vergaderassistent .add-action-form input{border:1.5px solid var(--ds-border);background:var(--ds-card);width:100%;color:var(--ds-text);box-sizing:border-box;border-radius:8px;outline:none;padding:8px 10px;font-size:13px;transition:border-color .15s}.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{gap:6px;display:flex}.pagina-vergaderassistent .add-action-row2 input{flex:1}.pagina-vergaderassistent .btn-add-action{background:var(--portal-color);color:#fff;border-radius:var(--ds-radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;width:100%;padding:9px;font-size:13px;font-weight:700;transition:background .15s;display:flex}.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{color:var(--ds-text-muted);border:1.5px solid var(--ds-border);border-radius:var(--ds-radius-sm);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:background .15s;display:inline-flex}.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{color:var(--ds-text-subtle);padding:2px 0;font-size:12px;font-style:italic}@media (width<=1100px){.pagina-vergaderassistent .ma-grid{grid-template-columns:190px 1fr 260px}}@media (width<=900px){.pagina-vergaderassistent .ma-grid{height:auto;min-height:unset;grid-template-columns:1fr}.pagina-vergaderassistent .panel{max-height:400px}.pagina-vergaderassistent .panel-transcript{max-height:50vh}}@media (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{border-radius:var(--ds-radius-sm);border:1.5px solid var(--ds-border);cursor:pointer;width:28px;height:28px;color:var(--ds-text-muted);background:0 0;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;transition:all .15s;display:flex}.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{color:#10b981;background:#10b98114;border-color:#10b981}.pagina-vergaderassistent .pill.sent{color:#10b981;background:#10b98112;border-color:#10b9814d}.pagina-vergaderassistent .modal-header svg{color:var(--portal-color);font-size:18px}.pagina-vergaderassistent .modal-close:hover{background:var(--ds-hover);color:var(--ds-text)}.pagina-vergaderassistent .mfield{flex-direction:column;gap:5px;display:flex}.pagina-vergaderassistent .mfield label{text-transform:uppercase;letter-spacing:.4px;color:var(--ds-text-muted);font-size:11px;font-weight:700}.pagina-vergaderassistent .mfield-text{background:var(--ds-card-elevated);border:1px solid var(--ds-border);color:var(--ds-text);border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.4}.pagina-vergaderassistent .mfield select,.pagina-vergaderassistent .mfield input[type=date]{border:1.5px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:8px;outline:none;padding:9px 12px;font-size:13px;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{gap:12px;display:flex}.pagina-vergaderassistent .mfield-row .mfield{flex:1}.pagina-vergaderassistent .ma-toast{color:#fff;z-index:2000;cursor:pointer;background:#10b981;border-radius:10px;align-items:center;gap:8px;padding:11px 20px;font-size:13px;font-weight:600;animation:.25s forwards dsFadeUp;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #10b98159}.pagina-vergaderassistent .ma-toast svg{font-size:16px}.pagina-vergaderassistent.ma-page{flex-direction:column;gap:0;padding-bottom:32px;display:flex}.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{align-items:center;gap:16px;margin:8px 0 20px;display:flex}.pagina-app-release .rel-ic{background:var(--portal-color);color:#fff;border-radius:14px;flex:none;place-items:center;width:54px;height:54px;font-size:26px;display:grid}.pagina-app-release .rel-hero h1{color:var(--ds-text);margin:0 0 4px;font-size:22px}.pagina-app-release .rel-hero p{color:var(--ds-text-secondary);margin:0;font-size:14px}.pagina-app-release .rel-card{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;margin:0 0 16px;padding:18px 20px}.pagina-app-release .rel-card h2{color:var(--ds-text);align-items:center;gap:8px;margin:0 0 12px;font-size:16px;display:flex}.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,.pagina-app-release .rel-card p{color:var(--ds-text);margin:6px 0;font-size:14px;line-height:1.55}.pagina-app-release .rel-card code{background:var(--ds-hover);color:var(--portal-color);border-radius:5px;padding:1px 6px;font-size:13px}.pagina-app-release .rel-card pre{color:#e2e8f0;background:#0f172a;border-radius:10px;margin:8px 0;padding:12px 14px;font-size:13px;line-height:1.5;overflow-x:auto}.pagina-app-release .rel-card p.rel-note{color:var(--ds-text-secondary);font-size:13px}.pagina-app-release .rel-warn{color:#b45309;background:#f59e0b1f;border:1px solid #f59e0b59;border-radius:10px;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;font-size:13px;display:flex}.pagina-app-release .rel-warn svg{flex:none;font-size:18px}.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 (width<=640px){.pagina-app-release .rel{box-sizing:border-box;min-width:0;max-width:100%}.pagina-app-release .rel-hero{flex-wrap:wrap}.pagina-app-release .rel-hero>div{flex:200px;min-width:0}.pagina-app-release .rel-hero h1{overflow-wrap:anywhere;font-size:19px}}.pagina-klant-groei .kg-leeg{text-align:center;color:var(--ds-text-muted);padding:28px}.pagina-klant-groei .kg-fout{color:#dc2626}.pagina-klant-groei .kg-kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.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{color:var(--ds-text-1);font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:1.1}.pagina-klant-groei .kg-kpi-lbl{color:var(--ds-text-1);margin-top:2px;font-size:12.5px;font-weight:600}.pagina-klant-groei .kg-kpi-sub{color:var(--ds-text-muted);margin-top:3px;font-size:11.5px}.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{color:var(--ds-text-1);align-items:center;gap:7px;margin:0 0 12px;font-size:14px;font-weight:700;display:flex}.pagina-klant-groei .kg-ververs{border:1px solid var(--ds-border);background:var(--ds-card);width:30px;height:30px;color:var(--ds-text-1);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.pagina-klant-groei .kg-grafiek{align-items:flex-end;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.pagina-klant-groei .kg-kolom{flex-direction:column;flex:1 0 46px;align-items:center;gap:5px;display:flex}.pagina-klant-groei .kg-staven{justify-content:center;align-items:flex-end;gap:3px;width:100%;height:132px;display:flex}.pagina-klant-groei .kg-staaf{border-radius:4px 4px 0 0;width:13px;min-height:2px;transition:height .4s}.pagina-klant-groei .kg-staaf.bij{background:#16a34a}.pagina-klant-groei .kg-staaf.af{background:#d97706}.pagina-klant-groei .kg-stand{color:var(--ds-text-1);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.pagina-klant-groei .kg-maand{color:var(--ds-text-muted);white-space:nowrap;font-size:11px}.pagina-klant-groei .kg-legenda{color:var(--ds-text-muted);flex-wrap:wrap;gap:14px;margin-top:10px;font-size:12px;display:flex}.pagina-klant-groei .kg-leg{align-items:center;gap:6px;display:inline-flex}.pagina-klant-groei .kg-leg .p{border-radius:50%;width:9px;height:9px;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{margin-top:14px;overflow-x:auto}.pagina-klant-groei .kg-tabel{border-collapse:collapse;width:100%;font-size:13px}.pagina-klant-groei .kg-tabel th{text-align:right;color:var(--ds-text-muted);border-bottom:1px solid var(--ds-border);white-space:nowrap;padding:7px 10px;font-size:11.5px;font-weight:600}.pagina-klant-groei .kg-tabel th:first-child{text-align:left}.pagina-klant-groei .kg-tabel td{border-bottom:1px solid var(--ds-border);color:var(--ds-text-1);padding:8px 10px}.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{color:var(--ds-text-muted);border:1px solid var(--ds-border);border-radius:999px;margin-left:8px;padding:1px 7px;font-size:10.5px}.pagina-klant-groei .kg-2{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:16px;display:grid}.pagina-klant-groei .kg-scenario{border:1px solid var(--ds-border);border-radius:12px;margin-bottom:10px;padding:12px 14px}.pagina-klant-groei .kg-scenario.zacht{opacity:.82}.pagina-klant-groei .kg-scen-nr{color:var(--ds-text-1);font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:1.1}.pagina-klant-groei .kg-scen-lbl{color:var(--ds-text-1);font-size:12.5px;font-weight:600}.pagina-klant-groei .kg-scen-uit{color:var(--ds-text-muted);margin-top:6px;font-size:12px;line-height:1.5}.pagina-klant-groei .kg-omzet{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pagina-klant-groei .kg-omzet-nr{color:var(--ds-text-1);font-variant-numeric:tabular-nums;font-size:24px;font-weight:800}.pagina-klant-groei .kg-omzet-lbl{color:var(--ds-text-muted);margin-top:2px;font-size:11.5px}.pagina-klant-groei .kg-note{color:var(--ds-text-muted);margin:10px 0 0;font-size:11.5px;line-height:1.55}.pagina-klant-groei .kg-pakketten{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.pagina-klant-groei .kg-pak{border:1px solid var(--ds-border);border-radius:999px;align-items:baseline;gap:6px;padding:5px 11px;font-size:12px;display:inline-flex}.pagina-klant-groei .kg-pak-n{color:var(--ds-text-1);font-variant-numeric:tabular-nums;font-weight:700}.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{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.pagina-klant-groei .kg-betaal-vak{border:1px solid var(--ds-border);border-radius:12px;padding:12px 14px}.pagina-klant-groei .kg-betaal-nr{color:var(--ds-text-1);font-variant-numeric:tabular-nums;font-size:26px;font-weight:800;line-height:1.1}.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{color:var(--ds-text-muted);margin-top:3px;font-size:11.5px}.pagina-klant-groei .kg-balk{background:var(--ds-bg);border-radius:999px;height:8px;margin-top:12px;overflow:hidden}.pagina-klant-groei .kg-balk-vul{background:#16a34a;height:100%;transition:width .4s}.pagina-klant-groei .kg-split{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:12px;margin-top:14px;display:grid}.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{color:var(--ds-text-1);font-variant-numeric:tabular-nums;font-size:26px;font-weight:800;line-height:1.1}.pagina-klant-groei .kg-split-lbl{color:var(--ds-text-1);font-size:12.5px;font-weight:600}.pagina-klant-groei .kg-split-sub{color:var(--ds-text-muted);margin-top:4px;font-size:11.5px;line-height:1.5}.pagina-klant-groei .kg-auto{border:1px solid var(--ds-border);color:var(--ds-text-muted);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;font-size:12px;display:flex}.pagina-klant-groei .kg-auto-nr{color:var(--ds-text-1);margin-left:auto;font-weight:700}.pagina-klant-groei .kg-filters{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.pagina-klant-groei .kg-filter{cursor:pointer;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-1);border-radius:999px;padding:6px 13px;font-size:12.5px}.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{color:var(--ds-text-muted);font-size:11.5px}.pagina-klant-groei .kg-cent{border:1px solid var(--ds-border);color:var(--ds-text-muted);border-radius:999px;margin-left:6px;padding:1px 7px;font-size:10.5px}.pagina-klant-groei .kg-vink{color:#dc2626;background:#dc26261f;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:700}.pagina-klant-groei .kg-vink.ok{color:#16a34a;background:#16a34a1f}.pagina-klant-groei .kg-kant{color:var(--ds-text-muted);align-items:flex-start;gap:8px;margin:0;font-size:12px;line-height:1.5;display:flex}.pagina-klantgroei .kg-herinner{font:inherit;cursor:pointer;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:999px;margin-left:auto;padding:5px 13px;font-size:12.5px}.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{z-index:300;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.kg-vraag{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:14px;width:min(460px,94vw);padding:22px;box-shadow:0 24px 70px #0000004d}.kg-vraag h3{margin:0 0 10px;font-size:15.5px}.kg-vraag p{color:var(--ds-text);margin:0 0 18px;font-size:13px;line-height:1.6}.kg-vraag-knoppen{justify-content:flex-end;gap:8px;display:flex}.kg-vraag-knoppen button{font:inherit;cursor:pointer;border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);border-radius:999px;padding:7px 15px;font-size:13px}.kg-vraag-knoppen .door{background:var(--portal-color);border-color:var(--portal-color);color:#fff}.pagina-klantgroei .kg-uitleg,.kg-blok .kg-uitleg{color:var(--ds-text-muted);margin:-4px 0 12px;font-size:13px;line-height:1.5}.tto-intro{max-width:68ch;color:var(--ds-text-muted);margin:0 0 18px;font-size:.9rem;line-height:1.6}.tto-fout{background:var(--ds-danger-bg);color:var(--ds-danger);border-radius:10px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:.86rem;display:flex}.tto-stand{margin-bottom:20px}.tto-balk{background:var(--ds-border-subtle);border-radius:999px;height:8px;overflow:hidden}.tto-balk span{background:var(--portal-color);border-radius:999px;height:100%;transition:width .3s;display:block}.tto-stand-tekst{color:var(--ds-text-muted);font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:.84rem}.tto-meting{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:14px;margin-bottom:24px;display:grid}.tm-kaart{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:14px;padding:16px 18px}.tm-kaart.let-op{border-color:var(--ds-warning)}.tm-kop{text-transform:uppercase;letter-spacing:.06em;color:var(--ds-text-muted);font-size:.78rem}.tm-groot{color:var(--ds-text);font-variant-numeric:tabular-nums;margin-top:4px;font-size:2rem;font-weight:700;line-height:1.1}.tm-doel{color:var(--ds-text-muted);font-size:1rem;font-weight:500}.tm-uit{color:var(--ds-text);margin:6px 0 0;font-size:.84rem;line-height:1.5}.tm-klein{color:var(--ds-text-muted);margin:8px 0 0;font-size:.78rem;line-height:1.45}.tto-fasen{flex-direction:column;gap:10px;display:flex}.tto-fase{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:14px;overflow:hidden}.tto-fase.af{border-color:var(--ds-success)}.tf-kop{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:0;grid-template-columns:34px 1fr auto auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.tf-kop:hover{background:var(--ds-hover)}.tf-nr{background:var(--ds-border-subtle);width:28px;height:28px;color:var(--ds-text);border-radius:50%;place-items:center;font-size:.82rem;font-weight:700;display:grid}.tto-fase.af .tf-nr{background:var(--ds-success);color:#fff}.tf-titel{font-size:.95rem;font-weight:600}.tf-doel{color:var(--ds-text-muted);margin-top:2px;font-size:.8rem;font-weight:400;line-height:1.45;display:block}.tf-telling{color:var(--ds-text-muted);font-variant-numeric:tabular-nums;font-size:.82rem}.tf-wacht{color:var(--ds-warning);align-items:center;gap:6px;margin:0;padding:0 16px 12px 62px;font-size:.8rem;line-height:1.45;display:flex}.tf-taken{flex-direction:column;gap:14px;margin:0;padding:0 16px 14px;list-style:none;display:flex}.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{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.tt-vink input{width:17px;height:17px;accent-color:var(--portal-color);cursor:pointer;flex:none;margin:1px 0 0 -27px}.tt-titel{font-size:.89rem;line-height:1.45}.tt-uitleg{color:var(--ds-text-muted);max-width:72ch;margin:5px 0 0;font-size:.81rem;line-height:1.55}.tt-bestaat{color:var(--ds-success);align-items:flex-start;gap:6px;max-width:72ch;margin:6px 0 0;font-size:.79rem;line-height:1.5;display:flex}.tt-bestaat ion-icon{flex:none;margin-top:2px}.tt-notitie{border-left:2px solid var(--portal-color);background:var(--ds-hover);white-space:pre-wrap;border-radius:0 6px 6px 0;margin:6px 0 0;padding:7px 10px;font-size:.81rem;line-height:1.5}.tt-acties{flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:8px;display:flex}.tt-acties textarea{border:1px solid var(--ds-border);background:var(--ds-card);min-width:0;color:var(--ds-text);font:inherit;resize:vertical;border-radius:8px;flex:260px;padding:7px 10px;font-size:.82rem}.tto-bron{max-width:72ch;color:var(--ds-text-muted);margin:24px 0 0;font-size:.78rem;line-height:1.6}@media (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{color:var(--ds-text-muted);align-items:flex-start;gap:6px;max-width:72ch;margin:6px 0 0;font-size:.79rem;line-height:1.5;display:flex}.tt-concept ion-icon{flex:none;margin-top:2px}.tt-concept code{background:var(--ds-hover);word-break:break-all;border-radius:4px;padding:1px 5px;font-size:.95em}.tt-docid{color:var(--ds-text-subtle)}.ttoreg-intro{max-width:74ch;color:var(--ds-text-muted);margin:0 0 16px;font-size:.88rem;line-height:1.6}.ttoreg-intro code{background:var(--ds-hover);border-radius:4px;padding:1px 5px;font-size:.95em}.ttoreg-tabs{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.trt{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text-muted);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:.84rem;display:inline-flex}.trt:hover{background:var(--ds-hover)}.trt.aan{border-color:var(--portal-color);background:var(--portal-color);color:#fff}.ttoreg-fout{border:1px solid var(--ds-warning);background:var(--ds-card);border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:.86rem;line-height:1.5;display:flex}.ttoreg-fout ion-icon{color:var(--ds-warning);flex:none;margin-top:2px;font-size:1.1rem}.ttoreg-fout span{flex:1}.ttoreg-fout button{color:var(--ds-text-muted);cursor:pointer;background:0 0;border:0;font-size:.8rem;text-decoration:underline}.tr-doelen{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px;margin-bottom:18px;display:grid}.trd{border:1px solid var(--ds-border);background:var(--ds-card);border-left-width:3px;border-radius:10px;padding:12px 14px}.trd.ok{border-left-color:var(--ds-success)}.trd.nok{border-left-color:var(--ds-warning)}.trd-kop{margin-bottom:4px;font-size:.84rem}.trd p{color:var(--ds-text-muted);margin:0;font-size:.79rem;line-height:1.5}.tr-blokken{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:12px;margin-bottom:20px;display:grid}.trb{border:1px solid var(--ds-border);background:var(--ds-card);border-radius:12px;padding:14px 16px}.trb.let-op{border-color:var(--ds-warning)}.trb-kop{text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);margin-bottom:8px;font-size:.78rem}.trb dl{flex-direction:column;gap:3px;margin:0;display:flex}.trb dl>div{justify-content:space-between;gap:12px;font-size:.84rem;display:flex}.trb dt{color:var(--ds-text-muted)}.trb dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.tr-kaartkop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.tr-tabel{border-collapse:collapse;width:100%;font-size:.84rem}.tr-tabel th{text-align:left;border-bottom:1px solid var(--ds-border);text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted);padding:8px 10px;font-size:.76rem;font-weight:600}.tr-tabel td{border-bottom:1px solid var(--ds-border-subtle);vertical-align:top;padding:9px 10px}.tr-tabel tr:last-child td{border-bottom:0}.tr-tabel code{font-size:.95em}.tr-sub{color:var(--ds-text-muted);margin-top:2px;font-size:.76rem;display:block}.tr-mis{color:var(--ds-warning);font-weight:600}.tr-acties{white-space:nowrap}.tr-acties .knop{margin-right:6px}.tr-status{background:var(--ds-hover);color:var(--ds-text);white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:.76rem;display:inline-block}.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{border:1px solid var(--ds-border);background:var(--ds-hover);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px;margin:14px 0;padding:14px;display:grid}.tr-form label{flex-direction:column;gap:4px;font-size:.8rem;display:flex}.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{border:1px solid var(--ds-border);background:var(--ds-card);color:var(--ds-text);font:inherit;border-radius:8px;padding:7px 10px;font-size:.84rem}.tr-form textarea{resize:vertical}.tr-form-acties{grid-column:1/-1;gap:8px;display:flex}@media (width<=720px){.tr-tabel{white-space:nowrap;display:block;overflow-x:auto}}@media (width<=640px){.pagina-tto-register .ttoreg-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;max-width:100%;display:flex;overflow-x:auto}.pagina-tto-register .ttoreg-tabs::-webkit-scrollbar{display:none}.pagina-tto-register .ttoreg-tabs>*{white-space:nowrap;flex:none}}