.todo-page{display:grid;gap:12px}.todo-page>.page-head{margin-bottom:0}.todo-tabs{display:flex;align-items:center;gap:4px;overflow-x:auto;padding:3px 0 0;border-bottom:1px solid var(--line)}
.todo-tabs>button{display:flex;align-items:center;gap:8px;padding:10px 14px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted)}.todo-tabs>button.active{color:var(--primary);border-bottom-color:var(--primary)}.todo-tabs>button.is-private{color:color-mix(in srgb,var(--primary) 76%,var(--text))}.todo-tabs>button span{display:grid;place-items:center;min-width:22px;height:20px;border-radius:10px;background:var(--panel2);font-size:10px}.todo-tabs>button>.icon{width:14px;height:14px}
.todo-add-tab{display:grid!important;place-items:center;flex:0 0 auto;width:30px;height:30px;padding:0!important;border:1px solid var(--line)!important;border-radius:5px!important;background:var(--panel)!important;color:var(--primary)!important}.todo-add-tab .icon{width:14px;height:14px}.todo-description-toggle{display:flex;align-items:center;gap:5px;margin-left:auto;padding:6px 8px;border-color:transparent;background:transparent;color:var(--muted);font-size:10px}.todo-description-toggle .icon{width:13px;height:13px}.todo-description-toggle.is-off{opacity:.55}.todo-description-toggle.is-off .icon{color:var(--red)}
.todo-private-notice{display:flex;align-items:center;gap:10px;margin-top:-4px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--line));border-radius:6px;background:color-mix(in srgb,var(--primary) 6%,var(--panel));font-size:12px}.todo-private-notice[hidden]{display:none}.todo-private-notice>.icon{flex:0 0 auto;width:18px;height:18px;color:var(--primary)}.todo-private-notice strong{display:block}.todo-private-notice .icon-button{margin-left:auto;width:26px;height:26px;padding:5px}.todo-list-dialog{width:min(480px,calc(100vw - 32px))}.todo-list-form{display:grid;gap:16px;padding:18px}.todo-list-private{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--panel2)}.todo-list-private>input{width:auto;margin-top:3px}.todo-list-private span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 7px}.todo-list-private .icon{grid-row:1/3;width:17px;height:17px;color:var(--primary)}.todo-list-private small{grid-column:2;color:var(--muted);font-weight:400}.todo-list-form .dialog-actions{padding:0}
.todo-board{display:block}.todo-column{min-width:0;border:0;background:transparent}.todo-column.is-tab-hidden{display:none}.todo-column-head{display:none}.todo-board.is-history .todo-column-head{display:flex;padding:11px 8px 7px;border:0;background:transparent}.todo-board.is-history .todo-column-head h2{display:flex;align-items:center;gap:6px;margin:0;font-size:13px}.todo-board.is-history .todo-column-head .icon{width:13px;height:13px;color:var(--primary)}
.todo-list{display:grid;min-height:74px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.todo-list:empty:after{content:"Geen open taken";padding:24px 10px;text-align:center;color:var(--muted);font-size:11px}.todo-list.is-drop-target{background:color-mix(in srgb,var(--primary) 5%,transparent)}.todo-item{--todo-priority:var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:8px 7px 8px 9px;border:0;border-bottom:1px solid var(--line);border-left:3px solid var(--todo-priority);border-radius:0;background:transparent;cursor:grab}.todo-item:last-child{border-bottom:0}.todo-item:hover{background:color-mix(in srgb,var(--primary) 4%,var(--panel))}.todo-item.dragging{opacity:.4}.todo-item.is-completing{opacity:0;transform:translateX(12px);transition:opacity .14s,transform .14s}.todo-item-main{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start}.todo-item-main strong{display:block;font-size:13px;line-height:1.25}.todo-item-main p{display:-webkit-box;margin:2px 0 0;overflow:hidden;color:var(--muted);font-size:11px;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.todo-page.hide-descriptions .todo-item-main p{display:none}.todo-complete-form{display:flex}.todo-check{width:17px;height:17px;margin:0;accent-color:var(--primary);cursor:pointer}
.todo-meta{display:flex;flex-wrap:wrap;gap:4px 7px;margin-top:5px}.todo-meta span{display:inline-flex;align-items:center;gap:3px;color:var(--muted);font-size:9px}.todo-meta .icon{width:10px;height:10px}.todo-meta .overdue{color:var(--red);font-weight:700}.todo-priority{color:var(--todo-priority)!important;font-weight:700}.priority-n3{--todo-priority:#71909a}.priority-n2{--todo-priority:#5e94a4}.priority-n1{--todo-priority:#489aae}.priority-p0{--todo-priority:var(--line)}.priority-p1{--todo-priority:#b58a20}.priority-p2{--todo-priority:#c56532}.priority-p3{--todo-priority:#bd3f3b}.todo-actions{display:flex;align-items:flex-start;opacity:.45}.todo-item:hover .todo-actions,.todo-item:focus-within .todo-actions{opacity:1}.todo-actions form{display:inline-flex}.todo-actions .action-icon{width:25px;height:25px;padding:5px}.todo-actions .icon{width:12px;height:12px}.todo-dialog{width:min(720px,calc(100vw - 32px))}.todo-dialog .form-grid{border:0;border-radius:0}.todo-board.is-history .todo-item{cursor:default;opacity:.82}
@media(max-width:650px){.todo-description-toggle span{display:none}.todo-board{grid-template-columns:1fr}}
.todo-context-menu{position:fixed;z-index:2000;width:180px;padding:5px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.todo-context-menu[hidden]{display:none}.todo-context-menu button{display:flex;width:100%;align-items:center;gap:8px;padding:8px 9px;border:0;background:transparent;text-align:left}.todo-context-menu button:hover{background:var(--panel2)}.todo-context-menu button .icon{width:14px;height:14px}.todo-context-menu button.danger{color:var(--red)}
.todo-restore-button{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;font-size:10px}.todo-restore-button .icon{width:12px;height:12px}
.todo-list{grid-auto-rows:max-content;align-content:start}.todo-item{height:auto;min-height:0;align-items:start}.todo-context-menu{text-align:left}.todo-context-menu button{justify-content:flex-start!important;margin:0;text-align:left!important}.todo-context-menu button .icon{flex:0 0 auto}
.todo-list{overflow:hidden;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.todo-item{position:relative;padding:9px 10px 9px 13px;border:0!important;border-bottom:1px solid var(--line)!important;background:var(--panel)}.todo-item:last-child{border-bottom:0!important}.todo-item:before{content:"";position:absolute;top:13px;left:5px;width:3px;height:14px;border-radius:2px;background:var(--todo-priority)}.todo-item:hover{background:color-mix(in srgb,var(--primary) 3%,var(--panel))}.todo-item-main{align-items:center}.todo-item-main>div{min-width:0}.todo-actions{align-self:center}.todo-list:empty:after{display:block}
.todo-list{min-height:0}.todo-item{padding-left:10px;border-left:3px solid var(--todo-priority)!important}.todo-item:before{display:none}
.todo-context-sort{display:grid;margin:4px 0;padding:5px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.todo-context-sort[hidden]{display:none}.todo-context-sort>span{padding:4px 9px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.todo-context-sort button{position:relative;padding-left:22px}.todo-context-sort button.active{color:var(--primary);font-weight:700}.todo-context-sort button.active:before{content:"✓";position:absolute;left:9px}
.todo-tabs>[data-todo-tab]{position:relative;cursor:grab}.todo-tabs>[data-todo-tab].is-dragging-tab{opacity:.45}.todo-tabs>[data-todo-tab].tab-drop-before:before,.todo-tabs>[data-todo-tab].tab-drop-after:after{content:"";position:absolute;z-index:2;top:4px;bottom:4px;width:2px;border-radius:2px;background:var(--primary)}.todo-tabs>[data-todo-tab].tab-drop-before:before{left:-2px}.todo-tabs>[data-todo-tab].tab-drop-after:after{right:-2px}.todo-item.todo-drop-marker{box-shadow:inset 0 2px 0 var(--primary)}