.todo-plan-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0;min-width:0}.todo-plan-toolbar select{font:inherit;font-size:12px;min-width:0;max-width:160px;border:1px solid var(--line);border-radius:7px;padding:7px;color:var(--text);background:var(--surface)}
.todo-plan-toolbar>.text-button{font-size:11px;white-space:nowrap}.todo-plan-toolbar>[hidden]{display:none}.todo-plan-status:empty{display:none}.todo-plan-status,.todo-plan-empty{font-size:12px;color:var(--muted);line-height:1.6;overflow-wrap:anywhere;margin:10px 0}
.todo.todo-plan-row{display:grid;grid-template-columns:17px minmax(0,1fr) auto;gap:8px;align-items:start;padding:9px 0;min-width:0}.todo-plan-row>input{margin-top:4px}.todo-plan-copy{display:grid;gap:5px;min-width:0}.todo-plan-copy>strong{font-size:12px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}.todo-plan-copy>small{font-size:10px;line-height:1.65;color:var(--muted);overflow-wrap:anywhere}.todo-plan-row.done .todo-plan-copy{text-decoration:none}.todo-plan-row.done .todo-plan-copy>strong{text-decoration:line-through}.todo-plan-row.todo-overdue .todo-plan-copy>small{color:var(--accent)}
.todo-plan-actions{display:flex;gap:1px;align-items:center;flex-wrap:wrap;justify-content:flex-end;max-width:56px}.todo-plan-actions>.icon-button{width:26px;height:26px;min-width:26px;min-height:26px}.todo-plan-actions svg{width:13px;height:13px}.todo-plan-row.todo-archived .todo-plan-copy{opacity:.8}
.todo-plan-dialog{width:min(500px,calc(var(--nav-viewport-width,100vw) - 24px));max-height:calc(var(--nav-viewport-height,100dvh) - 24px)}.todo-plan-dialog :is(.dialog-body,form,label){min-width:0}.todo-plan-dialog [hidden]{display:none!important}.todo-plan-dialog small{font-size:11px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}.todo-plan-dialog :is(input,select){min-width:0;max-width:100%}.todo-plan-dialog .form-actions{flex-wrap:wrap}.todo-plan-conflict{border:1px solid var(--line);border-radius:9px;padding:10px;margin-top:10px;max-height:300px;overflow:auto}
[data-color-protection=true] .todo-plan-toolbar select{background:var(--theme-safe-surface);color:var(--theme-safe-text)}[data-color-protection=true] :is(.todo-plan-status,.todo-plan-empty,.todo-plan-copy>small,.todo-plan-dialog small){color:var(--theme-safe-muted)}
@media(max-width:700px){.todo-plan-dialog{width:var(--nav-viewport-width,100vw);max-width:var(--nav-viewport-width,100vw);max-height:calc(var(--nav-viewport-height,100dvh) - 12px);margin:0;position:fixed;top:auto;bottom:var(--nav-viewport-bottom,0px);left:var(--nav-viewport-x,0px);right:auto;border-radius:22px 22px 0 0}.todo-plan-row .todo-plan-actions{max-width:28px}.todo-plan-toolbar{flex-wrap:wrap}}
