.kantoor-app{background:var(--background);height:100vh;color:var(--foreground);font-size:13.5px;display:flex;overflow:hidden}.kantoor-app button{cursor:pointer}.kantoor-app button:disabled{opacity:.45;cursor:default}.kantoor-app :is(button,input,select):focus-visible{outline:2px solid var(--ring);outline-offset:2px}.kantoor-app .sidebar{background:var(--card);border-right:1px solid var(--border);z-index:20;flex-direction:column;flex-shrink:0;width:240px;height:100%;display:flex;position:sticky;top:0}.kantoor-app .sidebar-header{border-bottom:1px solid var(--border);align-items:center;gap:8px;height:60px;padding:0 12px;display:flex}.kantoor-app .sidebar-brand{align-items:center;gap:10px;min-width:0;display:flex}.kantoor-app .brand-name{letter-spacing:-.01em;font-size:14px;font-weight:650;line-height:1.2}.kantoor-app .brand-sub{color:var(--muted-foreground);font-size:11px;line-height:1.3}.kantoor-app .sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:10px;display:flex;overflow-y:auto}.kantoor-app .side-group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);padding:12px 11px 4px;font-size:10.5px;font-weight:600}.kantoor-app .side-item{border-radius:var(--radius-sm);color:var(--muted-foreground);text-align:left;background:0 0;border:none;align-items:center;gap:11px;padding:8px 11px;font-size:13.5px;font-weight:550;transition:background .12s,color .12s;display:flex;position:relative}.kantoor-app .side-item:hover{background:var(--muted);color:var(--foreground)}.kantoor-app .side-item.active{background:var(--secondary);color:var(--foreground)}.kantoor-app .side-indicator{background:var(--foreground);border-radius:999px;width:4px;height:0;transition:height .15s;position:absolute;top:50%;left:-4px;transform:translateY(-50%)}.kantoor-app .side-item.active .side-indicator{height:20px}.kantoor-app .side-icon{flex-shrink:0;width:18px;height:18px}.kantoor-app .side-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kantoor-app .side-count{font-variant-numeric:tabular-nums;color:var(--muted-foreground);margin-left:auto;font-size:11px}.kantoor-app .sidebar-footer{border-top:1px solid var(--border);color:var(--muted-foreground);align-items:flex-start;gap:8px;padding:10px 16px 12px;font-size:11.5px;display:flex}.kantoor-app .verbinding{flex-direction:column;gap:1px;min-width:0;line-height:1.4;display:flex}.kantoor-app .verbinding-bron{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.kantoor-app .verbinding-modus{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-weight:550;overflow:hidden}.kantoor-app .verbinding-storing{color:var(--destructive-text);font-weight:650}.kantoor-app .status-dot{background:var(--muted-foreground);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.kantoor-app .status-dot.ok{background:var(--gereed-text)}.kantoor-app .status-dot.storing{background:var(--destructive)}.kantoor-app .app-col{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.kantoor-app .topbar{background:var(--card);border-bottom:1px solid var(--border);z-index:10;flex-shrink:0;align-items:center;gap:16px;height:56px;padding:0 22px;display:flex}.kantoor-app .topbar-title{letter-spacing:-.01em;font-size:16px;font-weight:650}.kantoor-app .topbar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.kantoor-app .draait{animation:.8s linear infinite kantoor-draai}@keyframes kantoor-draai{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.kantoor-app .draait{animation:none}}.kantoor-app .topbar-stand{color:var(--muted-foreground);white-space:nowrap;font-size:11.5px}.kantoor-app .topbar-sep{background:var(--border);width:1px;height:22px}.kantoor-app .user-chip{align-items:center;gap:9px;display:flex}.kantoor-app .avatar{background:var(--secondary);width:30px;height:30px;color:var(--secondary-foreground);border:1px solid var(--border);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:650;display:grid}.kantoor-app .user-naam{white-space:nowrap;font-size:13px;font-weight:550;line-height:1.3}.kantoor-app .user-naam small{color:var(--muted-foreground);font-size:10.5px;font-weight:400;display:block}.kantoor-app .main{flex:1;padding:22px;overflow:auto}.kantoor-app .view{max-width:1400px;margin:0 auto}.kantoor-app .view-head{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.kantoor-app .view-title{letter-spacing:-.02em;font-size:20px;font-weight:600}.kantoor-app .view-desc{color:var(--muted-foreground);margin-top:3px;font-size:13px}.kantoor-app .view-head-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.kantoor-app .knop{border:1px solid var(--border-strong);background:var(--card);color:var(--foreground);border-radius:var(--radius-sm);white-space:nowrap;justify-content:center;align-items:center;gap:7px;min-height:32px;padding:6px 11px;font-size:12.5px;font-weight:550;display:inline-flex}.kantoor-app .knop:hover:not(:disabled){background:var(--muted)}.kantoor-app .knop.primair{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.kantoor-app .kaart{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);margin-bottom:18px;overflow:hidden}.kantoor-app .kaart-kop{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.kantoor-app .kaart-kop h2{font-size:12.5px;font-weight:600}.kantoor-app .kaart-kop>span,.kantoor-app .kaart-kop button{color:var(--muted-foreground);align-items:center;gap:5px;font-size:11.5px;display:flex}.kantoor-app .tabel-scroll{overflow-x:auto}.kantoor-app table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:12.5px}.kantoor-app th{color:var(--muted-foreground);background:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:9px 16px;font-size:10.5px;font-weight:550}.kantoor-app td{border-top:1px solid var(--border);font-variant-numeric:tabular-nums;padding:11px 16px}.kantoor-app tbody tr:hover,.kantoor-app tr.gekozen{background:var(--muted)}.kantoor-app .cel-link{text-align:left;color:var(--foreground);font-weight:550}.kantoor-app .cel-link:hover{text-decoration:underline}.kantoor-app .cel-sub{color:var(--muted-foreground);margin-top:4px;font-size:10.5px;display:block}.kantoor-app .cel-oorzaak{white-space:normal;min-width:180px;max-width:320px;color:var(--muted-foreground);font-size:11.5px}.kantoor-app .stand{background:var(--muted);color:var(--muted-foreground);white-space:nowrap;border-radius:4px;align-items:center;gap:5px;padding:3px 7px;font-size:10.5px;font-weight:550;display:inline-flex}.kantoor-app .stand:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.kantoor-app .stand-gereed,.kantoor-app .stand-goed{background:var(--gereed-bg);color:var(--gereed-text)}.kantoor-app .stand-bezig{background:var(--bezig-bg);color:var(--bezig-text)}.kantoor-app .stand-mislukt{background:var(--destructive-bg);color:var(--destructive-text)}.kantoor-app .stand-wacht,.kantoor-app .stand-geblokkeerd,.kantoor-app .stand-let-op{background:var(--wacht-bg);color:var(--wacht-text)}.kantoor-app .tellers{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);grid-template-columns:repeat(4,1fr);margin-bottom:18px;display:grid;overflow:hidden}.kantoor-app .tellers button{text-align:left;border-right:1px solid var(--border);padding:16px 20px}.kantoor-app .tellers button:last-child{border-right:0}.kantoor-app .tellers button:hover{background:var(--muted)}.kantoor-app .tellers span{color:var(--muted-foreground);font-size:12px}.kantoor-app .tellers strong{font-variant-numeric:tabular-nums;margin:3px 0;font-size:28px;font-weight:500;display:block}.kantoor-app .tellers small{color:var(--muted-foreground);align-items:center;gap:6px;font-size:10.5px;display:flex}.kantoor-app .strook,.kantoor-app .strook-fout{border-radius:var(--radius-sm);margin-bottom:18px;padding:12px 16px;font-size:12.5px;line-height:1.6}.kantoor-app .strook{background:var(--wacht-bg);color:var(--wacht-text)}.kantoor-app .strook-fout{background:var(--destructive-bg);color:var(--destructive-text)}.kantoor-app .leeg{text-align:center;color:var(--muted-foreground);padding:40px 24px;font-size:12.5px}.kantoor-app .leeg strong{color:var(--foreground);font-weight:550}.kantoor-app .leeg p{margin-top:7px}.kantoor-app .gedempt{color:var(--muted-foreground)}.kantoor-app .twee-kolommen{grid-template-columns:1fr 1fr;gap:18px;display:grid}.kantoor-app .twee-kolommen>*{min-width:0}.kantoor-app .balk{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.kantoor-app .zoek{border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--muted-foreground);background:var(--card);align-items:center;gap:8px;min-width:260px;padding:0 10px;display:flex}.kantoor-app .zoek input{min-width:0;height:32px;color:var(--foreground);background:0 0;outline:none;flex:1;font-size:12.5px}.kantoor-app .balk select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--card);height:34px;color:var(--foreground);padding:0 8px;font-size:12.5px}.kantoor-app .balk>.telling{color:var(--muted-foreground);margin-left:auto;font-size:11.5px}.kantoor-app .paginering{border-top:1px solid var(--border);align-items:center;gap:8px;padding:10px 16px;display:flex}.kantoor-app .paginagrootte{color:var(--muted-foreground);align-items:center;gap:7px;font-size:11.5px;display:inline-flex}.kantoor-app .paginagrootte select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--card);height:28px;color:var(--foreground);padding:0 6px;font-size:12px}.kantoor-app .paginering>span{color:var(--muted-foreground);margin-right:auto;font-size:11.5px}.kantoor-app .detail{padding:0 18px 18px}.kantoor-app .detail .kaart-kop{margin:0 -18px 16px}.kantoor-app .detail-kop{justify-content:space-between;align-items:center;margin:16px 0;display:flex}.kantoor-app .mono{color:var(--muted-foreground);overflow-wrap:anywhere;margin-top:8px;font-family:monospace;font-size:11px}.kantoor-app .detail h3{margin:16px 0 10px;font-size:12.5px;font-weight:600}.kantoor-app .detail dl{grid-template-columns:minmax(110px,1fr) 2fr;gap:8px 16px;font-size:12.5px;display:grid}.kantoor-app .detail dt{color:var(--muted-foreground)}.kantoor-app .detail dd{overflow-wrap:anywhere}.kantoor-app .detail>p{margin:10px 0 16px}.kantoor-app .logboek li{border-top:1px solid var(--border);gap:20px;padding:10px 0;font-size:12.5px;display:flex}.kantoor-app .logboek time{white-space:nowrap;color:var(--muted-foreground);font-size:11.5px}.kantoor-app .logboek small{color:var(--muted-foreground);margin-top:4px;font-size:10.5px;display:block}@media (max-width:900px){.kantoor-app{height:auto;display:block;overflow:visible}.kantoor-app .sidebar{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;align-items:center;gap:6px;width:auto;height:auto;padding:8px 12px;position:static;overflow-x:auto}.kantoor-app .sidebar-header{border-bottom:0;height:auto;padding:0 8px 0 0}.kantoor-app .sidebar-nav{flex-direction:row;padding:0;overflow:visible}.kantoor-app .side-group-label,.kantoor-app .sidebar-footer,.kantoor-app .brand-sub{display:none}.kantoor-app .side-indicator{width:0;height:3px;transition:width .15s;top:auto;bottom:-4px;left:0;transform:none}.kantoor-app .side-item.active .side-indicator{width:100%;height:3px}.kantoor-app .main{padding:16px}.kantoor-app .tellers{grid-template-columns:repeat(2,1fr)}.kantoor-app .tellers button{border-bottom:1px solid var(--border)}.kantoor-app .twee-kolommen{grid-template-columns:1fr}.kantoor-app .zoek{width:100%;min-width:0}.kantoor-app .detail dl{grid-template-columns:1fr}}.kantoor-app .blad-uitleg{max-width:78ch;color:var(--muted-foreground);margin:-4px 0 18px;font-size:12.5px;line-height:1.65}.kantoor-app .blad-link{color:var(--foreground);font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:550;text-decoration:underline}.kantoor-app tr.uitgezet td{opacity:.55}.kantoor-app .rij-acties{flex-wrap:wrap;gap:6px;display:flex}.kantoor-app .pincode-invoer{align-items:center;gap:6px;display:flex}.kantoor-app .pincode-invoer input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--card);width:110px;height:32px;color:var(--foreground);padding:0 10px;font-family:monospace;font-size:12.5px}.kantoor-app td select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--card);height:30px;color:var(--foreground);padding:0 6px;font-size:12px}@media (max-width:900px){.kantoor-app .topbar-stand,.kantoor-app .user-naam small{display:none}.kantoor-app .hl-blad{grid-template-columns:1fr}.kantoor-app .hl-inhoud{display:none}.kantoor-app .hl-inhoud.open{max-height:none;display:block;position:static}}.kantoor-app .verbinding-form{flex-direction:column;gap:14px;max-width:620px;padding:16px;display:flex}.kantoor-app .verbinding-form .veld{flex-direction:column;gap:6px;display:flex}.kantoor-app .verbinding-form .veld-label{color:var(--muted-foreground);font-size:12px;font-weight:600}.kantoor-app .verbinding-form .veld-invoer{color:var(--foreground);background:var(--card);border:1px solid var(--border-strong);border-radius:var(--radius-sm);outline:none;padding:9px 11px;font-family:monospace;font-size:13px}.kantoor-app .verbinding-form .veld-invoer:focus{border-color:var(--ring)}.kantoor-app .verbinding-form p{max-width:70ch;font-size:12px;line-height:1.6}.kantoor-app .verbinding-form code{color:var(--foreground);font-family:monospace;font-size:11.5px}.kantoor-app .verbinding-acties{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.kantoor-app .hl-blad{grid-template-columns:240px 1fr;align-items:start;gap:26px;display:grid}.kantoor-app .hl-inhoud{flex-direction:column;gap:1px;max-height:calc(100vh - 100px);padding-bottom:20px;display:flex;position:sticky;top:0;overflow-y:auto}.kantoor-app .hl-inhoud-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);padding:14px 8px 6px;font-size:10.5px;font-weight:600}.kantoor-app .hl-doc{border-radius:var(--radius-sm);text-align:left;color:var(--foreground);align-items:flex-start;gap:8px;padding:9px 10px;font-size:12.5px;font-weight:550;line-height:1.35;display:flex}.kantoor-app .hl-doc svg{color:var(--muted-foreground);flex-shrink:0;margin-top:2px}.kantoor-app .hl-doc small{color:var(--muted-foreground);margin-top:3px;font-size:11px;font-weight:400;display:block}.kantoor-app .hl-doc:hover{background:var(--muted)}.kantoor-app .hl-doc.actief{background:var(--secondary)}.kantoor-app .hl-kop{border-radius:var(--radius-sm);text-align:left;color:var(--muted-foreground);padding:5px 10px;font-size:12px;line-height:1.4}.kantoor-app .hl-kop:hover{background:var(--muted);color:var(--foreground)}.kantoor-app .hl-kop.niveau-3{padding-left:22px;font-size:11.5px}.kantoor-app .hl-inhoud-knop{display:none}.kantoor-app .hl-artikel{max-width:74ch;padding-bottom:60px;font-size:14px;line-height:1.7}.kantoor-app .hl-artikel h2{letter-spacing:-.02em;margin:34px 0 12px;scroll-margin-top:16px;font-size:20px;font-weight:620}.kantoor-app .hl-artikel h2:first-child{margin-top:0}.kantoor-app .hl-artikel h3{margin:26px 0 10px;scroll-margin-top:16px;font-size:15.5px;font-weight:600}.kantoor-app .hl-artikel h4{color:var(--muted-foreground);margin:20px 0 8px;font-size:13.5px;font-weight:600}.kantoor-app .hl-artikel p{margin:0 0 14px}.kantoor-app .hl-artikel ul,.kantoor-app .hl-artikel ol{list-style:revert;margin:0 0 16px;padding-left:22px}.kantoor-app .hl-artikel li{margin-bottom:6px}.kantoor-app .hl-artikel blockquote{border-left:3px solid var(--border-strong);background:var(--muted);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:0 0 16px;padding:12px 16px;font-size:13.5px}.kantoor-app .hl-artikel code{background:var(--muted);border-radius:4px;padding:1px 5px;font-family:monospace;font-size:12.5px}.kantoor-app .hl-artikel pre{background:var(--muted);border-radius:var(--radius-sm);margin:0 0 16px;padding:14px 16px;overflow-x:auto}.kantoor-app .hl-artikel pre code{background:0 0;padding:0;font-size:12.5px;line-height:1.6}.kantoor-app .hl-artikel a{color:var(--foreground);text-underline-offset:3px;text-decoration:underline}.kantoor-app .hl-tabel{border:1px solid var(--border);border-radius:var(--radius-md);margin:0 0 18px;overflow-x:auto}.kantoor-app .hl-artikel table{white-space:normal;font-size:13px}.kantoor-app .hl-artikel th{font-size:10.5px}.kantoor-app .hl-artikel td{padding:10px 14px}.kantoor-app .zoek-wis{color:var(--muted-foreground);place-items:center;display:grid}.kantoor-app .hl-treffers li button{border-top:1px solid var(--border);text-align:left;align-items:center;gap:14px;width:100%;padding:11px 16px;font-size:12.5px;display:flex}.kantoor-app .hl-treffers li button:hover{background:var(--muted)}.kantoor-app .hl-treffer-doc{width:150px;color:var(--muted-foreground);flex-shrink:0;font-size:11.5px}.kantoor-app .hl-treffer-regel{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}@media (max-width:1100px){.kantoor-app .hl-blad{grid-template-columns:200px 1fr;gap:18px}}@media (max-width:900px){.kantoor-app .hl-inhoud-knop{display:inline-flex}.kantoor-app .hl-artikel{max-width:none}.kantoor-app .hl-treffer-doc{display:none}}.kantoor-app .kolomkop{font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;background:0 0;border:0;align-items:center;gap:5px;padding:0;display:inline-flex}.kantoor-app .kolomkop:hover{color:var(--foreground)}.kantoor-app .kolomkop.actief{color:var(--foreground);font-weight:650}.kantoor-app th:has(.kolomkop){height:34px;padding-top:0;padding-bottom:0}.kantoor-app .te-laat{color:var(--destructive-text);font-weight:600}.kantoor-app .aanname{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.kantoor-app .balk label.knop{cursor:pointer;gap:7px}.kantoor-app .mo-venster{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--card);width:min(920px,100vw - 48px);max-width:none;max-height:calc(100dvh - 64px);color:var(--foreground);margin:auto;padding:0;overflow:hidden;box-shadow:0 24px 70px #00000026}.kantoor-app .mo-venster::backdrop{background:#0006}.kantoor-app .mo-venster-kop{border-bottom:1px solid var(--border);background:var(--card);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px 14px;display:flex;position:sticky;top:0}.kantoor-app .mo-venster-kop h2{letter-spacing:-.02em;margin-top:2px;font-size:17px;font-weight:620}.kantoor-app .mo-venster-kop p{font-family:monospace;font-size:11.5px}.kantoor-app .mo-venster-inhoud{max-height:calc(100dvh - 140px);padding:18px 20px 24px;overflow-y:auto}.kantoor-app .mo-venster h3{margin:22px 0 10px;font-size:12.5px;font-weight:600}.kantoor-app .mo-kenmerken{grid-template-columns:minmax(110px,150px) 1fr;gap:9px 18px;font-size:12.5px;display:grid}.kantoor-app .mo-kenmerken dt{color:var(--muted-foreground)}.kantoor-app .mo-venster .kaart,.kantoor-app .mo-venster .tabel-scroll{border-radius:var(--radius-sm)}.kantoor-app .mo-venster table{border:1px solid var(--border);border-radius:var(--radius-sm)}.kantoor-app .mo-logboek{gap:2px;display:grid}.kantoor-app .mo-logboek li{border-left:3px solid var(--border-strong);background:var(--muted);border-radius:0 var(--radius-sm) var(--radius-sm) 0;align-items:flex-start;gap:16px;padding:11px 12px;font-size:12.5px;display:flex}.kantoor-app .mo-logboek li.soort-gepland{border-left-color:var(--border);color:var(--muted-foreground);background:0 0}.kantoor-app .mo-logboek li.soort-nog-niet{background:var(--wacht-bg);border-left-color:var(--wacht-text)}.kantoor-app .mo-logboek time{width:110px;color:var(--muted-foreground);font-variant-numeric:tabular-nums;flex-shrink:0;padding-top:1px;font-size:11.5px}.kantoor-app .mo-logboek li>span{flex:1;min-width:0}.kantoor-app .mo-logboek strong{font-weight:600}.kantoor-app .mo-bron{background:var(--card);border:1px solid var(--border);color:var(--muted-foreground);border-radius:4px;margin-left:8px;padding:1px 6px;font-size:10px;display:inline-block}.kantoor-app .mo-logboek small{color:var(--muted-foreground);margin-top:5px;font-size:11.5px;line-height:1.55;display:block}.kantoor-app .mo-herkomst{border-top:1px solid var(--border);color:var(--muted-foreground);align-items:flex-start;gap:6px;margin-top:22px;padding-top:14px;font-size:11.5px;line-height:1.6;display:flex}@media (max-width:900px){.kantoor-app .mo-kenmerken{grid-template-columns:1fr;gap:2px 0}.kantoor-app .mo-kenmerken dd{margin-bottom:10px}.kantoor-app .mo-logboek li{flex-direction:column;gap:4px}.kantoor-app .mo-logboek time{width:auto}}.kantoor-app .voorbeeld-knop{margin-top:18px}.kantoor-app .voorbeeld{border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:repeating-linear-gradient(135deg, var(--muted), var(--muted) 10px, transparent 10px, transparent 20px);background-color:var(--card);margin-top:18px;padding:16px}.kantoor-app .voorbeeld>header{border-bottom:1px dashed var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding-bottom:14px;display:flex}.kantoor-app .voorbeeld>header p{min-width:220px;color:var(--muted-foreground);flex:1;font-size:11.5px;line-height:1.55}.kantoor-app .voorbeeld-merk{background:var(--wacht-bg);color:var(--wacht-text);letter-spacing:.04em;text-transform:uppercase;border-radius:4px;align-items:center;gap:5px;padding:3px 9px;font-size:10.5px;font-weight:650;display:inline-flex}.kantoor-app .voorbeeld-stappen{gap:4px;margin:14px 0;display:grid}.kantoor-app .voorbeeld-stappen li{border-radius:var(--radius-sm);background:var(--card);align-items:flex-start;gap:12px;padding:10px 12px;font-size:12.5px;transition:opacity .2s;display:flex}.kantoor-app .voorbeeld-stappen li.wacht{opacity:.45}.kantoor-app .voorbeeld-stappen li.bezig{box-shadow:inset 3px 0 0 var(--bezig-text)}.kantoor-app .voorbeeld-stappen li.gedaan{box-shadow:inset 3px 0 0 var(--gereed-text)}.kantoor-app .voorbeeld-stappen li.mislukt{box-shadow:inset 3px 0 0 var(--destructive);background:var(--destructive-bg)}.kantoor-app .voorbeeld-bolletje{border:1px solid var(--border-strong);border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;margin-top:1px;font-size:11px;font-weight:700;display:grid}.kantoor-app .voorbeeld-stappen li.gedaan .voorbeeld-bolletje{border-color:var(--gereed-text);color:var(--gereed-text)}.kantoor-app .voorbeeld-stappen li.mislukt .voorbeeld-bolletje{border-color:var(--destructive);color:var(--destructive-text)}.kantoor-app .voorbeeld-stappen strong{font-weight:600}.kantoor-app .voorbeeld-stappen small{color:var(--muted-foreground);margin-top:4px;font-size:11.5px;line-height:1.55;display:block}.kantoor-app .voorbeeld-balk{background:var(--muted);border-radius:999px;height:3px;margin-top:9px;display:block;overflow:hidden}.kantoor-app .voorbeeld-balk>span{background:var(--bezig-text);transform-origin:0;width:100%;height:100%;animation:linear forwards voorbeeld-vullen;display:block}@keyframes voorbeeld-vullen{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.kantoor-app .voorbeeld-uitkomst{color:var(--muted-foreground);margin-bottom:12px;font-size:12px;line-height:1.6}.kantoor-app .voorbeeld-acties{flex-wrap:wrap;gap:8px;display:flex}@media (prefers-reduced-motion:reduce){.kantoor-app .voorbeeld-balk>span{animation:none;transform:scaleX(1)}}.stand-ballon{z-index:60;background:var(--foreground);max-width:260px;color:var(--background);text-align:left;pointer-events:none;border-radius:7px;padding:8px 11px;font-size:11.5px;line-height:1.5;animation:.12s ease-out ballon-op;position:fixed;transform:translate(-50%,calc(-100% - 10px));box-shadow:0 8px 24px #00000026}.stand-ballon:after{content:"";background:var(--foreground);width:8px;height:8px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes ballon-op{0%{opacity:0;transform:translate(-50%,calc(-100% - 4px))}}@media (prefers-reduced-motion:reduce){.stand-ballon{animation:none}}.alleen-voorlezen{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kantoor-app .stand{position:relative}.kantoor-app .stand-loopt:before{display:none}.kantoor-app .stand-loopt svg{flex-shrink:0}.kantoor-app .nood-paneel{padding:14px 16px 16px}.kantoor-app .nood-kop{align-items:center;gap:8px;margin-bottom:6px;display:flex}.kantoor-app .nood-titel{margin:0;font-size:13.5px;font-weight:600}.kantoor-app .nood-merk{color:var(--muted-foreground);align-items:center;gap:5px;margin-left:auto;font-size:11.5px;display:inline-flex}.kantoor-app .nood-merk-goed{color:var(--succes,#15803d)}.kantoor-app .nood-merk-let-op{color:var(--waarschuwing,#b45309);font-weight:550}.kantoor-app .nood-acties{flex-wrap:wrap;align-items:flex-start;gap:10px;margin-top:12px;display:flex}.kantoor-app .nood-formulier{flex-direction:column;gap:10px;width:100%;max-width:340px;display:flex}.kantoor-app .nood-knoppen{align-items:center;gap:10px;display:flex}.kantoor-app .nood-hint{color:var(--muted-foreground);max-width:46em;margin:0;font-size:12px}.kantoor-app .nood-qr{border:1px solid var(--border);border-radius:var(--radius-sm);width:225px;height:225px;display:block}.kantoor-app .nood-geheim{background:var(--muted);border-radius:var(--radius-sm);letter-spacing:.06em;word-break:break-all;-webkit-user-select:all;user-select:all;padding:8px 10px;font-size:13px;display:block}.kantoor-app .nood-codes{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--muted);margin-top:12px;padding:12px 14px}.kantoor-app .nood-codes p{margin:0 0 8px;font-size:12.5px}.kantoor-app .nood-codes ul{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px 14px;margin:0 0 12px;padding:0;list-style:none;display:grid}.kantoor-app .nood-codes code{letter-spacing:.04em;-webkit-user-select:all;user-select:all;font-size:13px}
.inlog-pagina{background:radial-gradient(1200px 600px at 20% -10%, var(--muted) 0%, transparent 55%), radial-gradient(1000px 500px at 110% 110%, var(--secondary) 0%, transparent 55%), var(--background);min-height:100vh;color:var(--foreground);place-items:center;padding:24px;display:grid}.inlog-kaart{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:16px;width:100%;max-width:420px;padding:40px 36px;box-shadow:0 24px 60px #0000001a}.inlog-merk{color:var(--foreground);place-items:center;margin:0 auto 20px;display:grid}.inlog-titel{letter-spacing:-.02em;font-size:22px;font-weight:680}.inlog-sub{color:var(--muted-foreground);margin:8px 0 28px;font-size:13.5px}.inlog-fout{background:var(--destructive-bg);color:var(--destructive-text);border-radius:var(--radius-sm);text-align:left;margin-bottom:18px;padding:10px 12px;font-size:12.5px;line-height:1.5}.inlog-laden{color:var(--muted-foreground);justify-content:center;align-items:center;gap:10px;padding:14px 0;font-size:13px;display:flex}.inlog-spinner{width:18px;height:18px;animation:.9s linear infinite inlog-draai}@keyframes inlog-draai{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.inlog-spinner{animation:none}}.ms-knop{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--card);width:100%;color:var(--foreground);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:14.5px;font-weight:600;display:inline-flex}.ms-knop:hover:not(:disabled){background:var(--muted)}.ms-knop:disabled{opacity:.6;cursor:default}.ms-logo{grid-template-columns:1fr 1fr;gap:2px;width:18px;height:18px;display:inline-grid}.ms-logo span{display:block}.inlog-alt{width:100%;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;margin-top:16px;padding:8px;font-size:12.5px;display:inline-flex}.inlog-alt:hover:not(:disabled){color:var(--foreground);text-underline-offset:3px;text-decoration:underline}.inlog-alt-nood{opacity:.75;margin-top:2px;font-size:12px}.inlog-alt-nood:hover:not(:disabled){opacity:1}.inlog-uitweg{color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;margin-top:24px;font-size:11.5px;display:inline-flex}.inlog-uitweg:hover{color:var(--foreground);text-underline-offset:3px;text-decoration:underline}.inlog-formulier{text-align:left;flex-direction:column;gap:14px;display:flex}.inlog-formulier .veld{flex-direction:column;gap:6px;display:flex}.inlog-formulier .veld-label{color:var(--muted-foreground);font-size:12px;font-weight:600}.inlog-formulier .veld-invoer{width:100%;color:var(--foreground);background:var(--card);border:1px solid var(--border-strong);border-radius:var(--radius-sm);outline:none;padding:10px 12px;font-family:inherit;font-size:14px}.inlog-formulier .veld-invoer:focus{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklch, var(--ring) 40%, transparent)}.inlog-knop{width:100%;color:var(--primary-foreground);background:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-sm);cursor:pointer;margin-top:2px;padding:12px 16px;font-size:14.5px;font-weight:600}.inlog-knop:disabled{opacity:.6;cursor:default}.inlog-voet{color:var(--muted-foreground);text-align:left;margin-top:18px;font-size:11.5px;line-height:1.5}.inlog-voet code{font-family:monospace;font-size:11px}