:root{--ink:#0F1E2E;--ink2:#33475B;--muted:#56677A;--line:#E3E9EE;--soft:#F3F6F8;--accent:#0E7C6B;--accent-d:#0A5E51;--mint:#E3F3EF;--red:#B42318;--red-bg:#FDECEA;--amber:#8A5300;--amber-bg:#FFF4DC;--blue:#1F4E8C;--blue-bg:#E8F0FB;--violet:#5B3FA8;--violet-bg:#EFEAFB}*{box-sizing:border-box}body.ka{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--soft);line-height:1.45;-webkit-font-smoothing:antialiased;font-size:15px}.ka button,.ka input,.ka select,.ka textarea{font:inherit;color:inherit}.ka a{color:var(--accent)}.ka :focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:8px}.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:10px 14px;z-index:30}.skip:focus{left:8px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ka-demo-bar{background:var(--ink);color:#fff;font-size:14px;padding:8px 16px;text-align:center}.ka-demo-bar a{color:#7fd6c4;margin-left:8px}.ka-shell{display:grid;grid-template-columns:248px 1fr;min-height:calc(100vh - 37px)}.ka-nav{background:#fff;border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:calc(100vh - 37px)}.ka-brand{display:flex;flex-direction:column;gap:2px;padding:0 10px}.ka-logo{font-family:Plus Jakarta Sans,Inter,sans-serif;font-weight:800;font-size:22px;letter-spacing:-.02em}.ka-prakt{font-size:13px;color:var(--muted)}.ka-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.ka-nav li button{width:100%;display:flex;align-items:center;gap:12px;padding:11px 12px;border:0;background:none;border-radius:10px;cursor:pointer;font-weight:500;text-align:left;min-height:44px}.ka-nav li button:hover{background:var(--soft)}.ka-nav li button[aria-current=page]{background:var(--mint);color:var(--accent-d);font-weight:600}.ka-i{width:22px;text-align:center;font-size:17px}.ka-badge{margin-left:auto;background:var(--accent);color:#fff;border-radius:999px;font-size:12px;font-weight:600;min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0 7px}.ka-badge[hidden]{display:none}.ka-badge-red{background:var(--red)}.ka-lock{margin:auto 10px 0;font-size:13px;color:var(--muted)}.ka-main{padding:28px 32px 48px;max-width:1240px;width:100%;outline:none}.ka-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px}.ka-head h1{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:30px;letter-spacing:-.02em;margin:2px 0 4px;line-height:1.15}.ka-eyebrow{margin:0;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--accent)}.ka-sub{margin:0;color:var(--muted);max-width:720px}.ka-muted{color:var(--muted);margin:0}.ka-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:16px}.ka-card h2{font-size:17px;margin:0}.ka-card h3{font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:18px 0 8px}.ka-card-h{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.ka-link{border:0;background:none;color:var(--accent);font-weight:600;cursor:pointer;padding:6px 0}.ka-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.ka-stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:2px}.ka-stat b{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:28px;letter-spacing:-.02em}.ka-stat span{color:var(--muted);font-size:14px}.ka-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ka-grid2>.ka-card{margin-bottom:0}.ka-grid2+.ka-card{margin-top:16px}.ka-empty{color:var(--muted);margin:0}.ka-tasks,.ka-mini,.ka-calls,.ka-vip{list-style:none;margin:0;padding:0}.ka-task{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.ka-task:first-child{border-top:0}.ka-task label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;min-height:24px}.ka-task input{position:absolute;opacity:0;width:1px;height:1px}.ka-check{flex:none;width:22px;height:22px;border:2px solid var(--pale,#C9D4DE);border-radius:7px;margin-top:1px;transition:.15s}.ka-task input:checked+.ka-check{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 3px #fff}.ka-task input:focus-visible+.ka-check{outline:3px solid var(--accent);outline-offset:2px}.ka-task.done .ka-task-t{text-decoration:line-through;color:var(--muted)}.ka-prio{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.04em;padding:3px 8px;border-radius:999px;white-space:nowrap}.p-red{background:var(--red-bg);color:var(--red)}.p-amber{background:var(--amber-bg);color:var(--amber)}.p-blue{background:var(--blue-bg);color:var(--blue)}.ka-who{font-size:13px;color:var(--muted);white-space:nowrap}.ka-mini li{display:flex;gap:12px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}.ka-mini li:first-child{border-top:0}.ka-time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:14px;min-width:46px}.ka-tag{margin-left:auto;font-size:12px;font-weight:600;color:var(--violet);background:var(--violet-bg);padding:2px 8px;border-radius:999px;white-space:nowrap}.ka-call{width:100%;display:grid;grid-template-columns:52px minmax(0,1fr) auto 64px;gap:12px;align-items:center;padding:12px 10px;border:0;border-top:1px solid var(--line);background:none;text-align:left;cursor:pointer;border-radius:10px;min-height:56px}.ka-calls li:first-child .ka-call{border-top-color:transparent}.ka-call:hover{background:var(--soft)}.ka-call.is-open{background:var(--mint)}.ka-call.is-new .ka-call-main b:after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-left:8px;vertical-align:middle}.ka-call-main{display:flex;flex-direction:column;min-width:0}.ka-call-main span{color:var(--muted);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ka-soort{font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap}.s-green{background:var(--mint);color:var(--accent-d)}.s-amber{background:var(--amber-bg);color:var(--amber)}.s-vip{background:var(--violet-bg);color:var(--violet)}.s-grey{background:var(--soft);color:var(--muted)}.ka-lang{font-size:12px;font-weight:600;color:var(--muted);text-align:right}.ka-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:16px;align-items:start}.ka-split>.ka-card{margin:0}.ka-detail{position:sticky;top:16px}.ka-detail-empty{display:flex;align-items:center;justify-content:center;min-height:240px;text-align:center}.ka-back{display:none;border:0;background:none;color:var(--accent);font-weight:600;padding:4px 0 12px;cursor:pointer}.ka-det-h{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.ka-det-h h2{font-size:21px}.ka-sum{margin:0;padding-left:18px}.ka-sum li{margin:3px 0}.ka-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.ka-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:#fff!important;font-weight:600;cursor:pointer}.ka-btn:hover{background:var(--accent-d)}.ka-btn-ghost{background:#fff;color:var(--ink)!important;border-color:var(--line)}.ka-btn-ghost:hover{background:var(--soft)}.ka-tr{margin-top:18px;border-top:1px solid var(--line);padding-top:12px}.ka-tr summary{cursor:pointer;font-weight:600;padding:6px 0}.ka-tr ol{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:8px}.ka-tr li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;max-width:92%}.ka-tr li b{font-size:12px;color:var(--muted)}.ka-tr .is-lotte{background:var(--mint);align-self:flex-start}.ka-tr .is-beller{background:var(--soft);align-self:flex-end}.ka-legend{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:12px;font-size:13px;color:var(--muted)}.lg:before{content:"";display:inline-block;width:12px;height:12px;border-radius:4px;margin-right:6px;vertical-align:-1px}.lg-lotte:before{background:var(--violet-bg);border:1px solid var(--violet)}.lg-spoed:before{background:#fff;border:1px dashed var(--amber)}.lg-prive:before{background:repeating-linear-gradient(45deg,#e9edf1,#e9edf1 4px,#f6f8fa 4px 8px);border:1px solid #CBD5DF}.ka-daytabs{display:none;gap:6px;margin-bottom:10px;overflow-x:auto}.ka-daytabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;cursor:pointer;font-weight:600;min-height:40px;white-space:nowrap}.ka-daytabs button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.ka-week{display:grid;grid-template-columns:44px repeat(5,minmax(0,1fr));gap:0;padding:12px 12px 16px}.ka-col,.ka-gutter{display:flex;flex-direction:column;min-width:0}.ka-col-h{height:36px;font-size:13px;color:var(--muted);text-transform:capitalize;display:flex;align-items:center;justify-content:center;gap:4px}.ka-col.is-today .ka-col-h{color:var(--accent-d);font-weight:600}.ka-col.is-today .ka-col-h b{background:var(--accent);color:#fff;border-radius:999px;padding:1px 7px}.ka-col-b{position:relative;height:720px;border-left:1px solid var(--line)}.ka-gutter .ka-col-b{border-left:0}.ka-gutter span{position:absolute;right:6px;transform:translateY(-50%);font-size:11px;color:var(--muted)}.ka-col-b:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(100%/10.5 - 1px),var(--line) calc(100%/10.5 - 1px),var(--line) calc(100%/10.5));pointer-events:none;opacity:.7}.ka-appt{position:absolute;left:4px;right:4px;background:var(--blue-bg);border-left:3px solid var(--blue);border-radius:8px;padding:4px 7px;font-size:12px;line-height:1.25;overflow:hidden;display:flex;flex-direction:column}.ka-appt b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ka-appt span{color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ka-appt i{font-style:normal;font-size:11px;font-weight:600;color:var(--violet)}.ka-appt.is-lotte{background:var(--violet-bg);border-left-color:var(--violet)}.ka-appt.is-spoed{background:#fff;border:1px dashed var(--amber);border-left:3px solid var(--amber)}.ka-appt.is-prive{background:repeating-linear-gradient(45deg,#e9edf1,#e9edf1 6px,#f6f8fa 6px 12px);border-left-color:#8a9aab}.ka-closed{position:absolute;left:0;right:0;background:repeating-linear-gradient(45deg,#f1f4f7,#f1f4f7 8px,#fafbfc 8px 16px);display:flex;align-items:flex-start;justify-content:center;padding-top:14px;font-size:12px;color:var(--muted)}.ka-switch{display:flex;align-items:center;gap:12px;padding:9px 0;cursor:pointer;min-height:40px}.ka-switch input{position:absolute;opacity:0;width:1px;height:1px}.ka-switch span{flex:none;width:42px;height:24px;border-radius:999px;background:#cbd5df;position:relative;transition:.15s}.ka-switch span:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.15s;box-shadow:0 1px 2px #0003}.ka-switch input:checked+span{background:var(--accent)}.ka-switch input:checked+span:after{left:21px}.ka-switch input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.ka-vip li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-top:1px solid var(--line)}.ka-vip li:first-child{border-top:0}.ka-x{border:0;background:var(--soft);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:18px;line-height:1}.ka-inline{display:flex;gap:8px;margin-top:12px}.ka-inline input,.ka textarea,.ka select{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;min-height:44px}.ka-inline input{flex:1;min-width:0}.ka textarea{width:100%;resize:vertical;margin-bottom:8px}.ka-dl{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;margin:8px 0 12px}.ka-dl dt{color:var(--muted);font-size:14px}.ka-dl dd{margin:0}.ka-dl .ka-switch{padding:0;min-height:0}.ka-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;font-size:14px;opacity:0;pointer-events:none;transition:.2s;z-index:40;max-width:calc(100% - 32px);text-align:center}.ka-toast.show{opacity:1;transform:translate(-50%)}.ka-live{animation:kaPulse 1.6s ease 2}@keyframes kaPulse{0%{box-shadow:0 0 #0e7c6b73}to{box-shadow:0 0 0 14px #0e7c6b00}}@media(max-width:1100px){.ka-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.ka-shell{grid-template-columns:1fr}.ka-nav{position:fixed;inset:auto 0 0;height:auto;flex-direction:row;padding:6px 6px calc(6px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line);z-index:20;box-shadow:0 -4px 16px #0f1e2e0f}.ka-brand,.ka-lock{display:none}.ka-nav ul{flex-direction:row;width:100%;justify-content:space-between;gap:2px}.ka-nav li{flex:1}.ka-nav li button{flex-direction:column;gap:2px;padding:6px 2px;font-size:11px;align-items:center;text-align:center;position:relative;min-height:52px}.ka-i{font-size:19px}.ka-badge{position:absolute;top:2px;right:calc(50% - 26px);margin:0;min-width:18px;height:18px;font-size:11px;padding:0 5px}.ka-main{padding:18px 14px 96px}.ka-head h1{font-size:25px}.ka-grid2,.ka-split{grid-template-columns:1fr}.ka-split .ka-list.has-open,.ka-split .ka-detail-empty{display:none}.ka-detail{position:static}.ka-back{display:inline-block}.ka-call{grid-template-columns:46px minmax(0,1fr) auto;padding:12px 6px}.ka-lang{display:none}.ka-daytabs{display:flex}.ka-week{grid-template-columns:40px minmax(0,1fr)}.ka-col{display:none}.ka-col.is-active{display:flex}.ka-task{grid-template-columns:1fr auto}.ka-who{display:none}.ka-toast{bottom:84px}}@media(max-width:420px){.ka-stats{grid-template-columns:1fr 1fr}.ka-stat b{font-size:23px}.ka-card{padding:16px}.ka-soort{font-size:11px;padding:2px 7px}}.ka-appt.is-short{flex-direction:row;align-items:center;gap:6px;padding:2px 7px}.ka-appt.is-short span{display:none}.ka-appt.is-short i{font-size:10px;white-space:nowrap}.ka-nav{align-self:start}.ka-embed .ka-demo-bar{display:none}.ka-embed .ka-shell{min-height:100vh}@media(min-width:901px){.ka-embed .ka-nav{height:100vh}}
