.todo-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.4fr);gap:26px;align-items:start}.todo-editor,.todo-list{padding:24px!important}.todo-editor{position:sticky;top:16px}.todo-editor h2,.todo-list h2{font-size:22px;margin:0 0 20px}.todo-editor label,.todo-list-header label{display:block;font-size:12px;margin:15px 0}.todo-editor input,.todo-editor select,.todo-editor textarea,.todo-list-header input{display:block;width:100%;min-height:44px;background:white;border:1px solid var(--line);border-radius:8px;padding:10px;margin-top:7px;font:inherit;color:var(--ink)}.todo-editor textarea{resize:vertical}.todo-form-actions{display:flex;gap:10px;flex-wrap:wrap}.todo-form-actions .button{font-size:12px;min-height:48px}.todo-list-header{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.todo-list-header h2{margin:9px 0}.todo-list-header label{margin:0;min-width:180px;flex:1;max-width:300px}.todo-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.todo-tabs button{min-height:44px;font:inherit;font-size:11px;color:var(--ink);background:white;border:1px solid var(--line);border-radius:9px;padding:10px 13px;cursor:pointer}.todo-tabs button.active{background:var(--brand-rose-dark);color:white;border-color:var(--brand-rose-dark)}.todo-item{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:15px;padding:20px 0;border-top:1px solid var(--line);align-items:start}.todo-item>input{width:21px;height:21px;accent-color:var(--brand-rose-dark);margin:3px 0;cursor:pointer}.todo-item h3{font-size:15px;line-height:1.7;font-weight:500;margin:0;overflow-wrap:anywhere}.todo-item.done h3{text-decoration:line-through;color:var(--muted)}.todo-item-content p{white-space:pre-wrap;font-size:12px;color:var(--muted);line-height:1.8;margin:10px 0;overflow-wrap:anywhere}.todo-item-content small{font-size:10px;color:var(--muted)}.todo-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:9px 0}.todo-priority{font-size:11px;background:#fff4f2;color:#794149;border-radius:20px;padding:5px 9px}.todo-priority.high{background:#fce9e8;color:#9e303a}.todo-priority.low{background:#edf2eb;color:#47623e}.todo-due{font-size:11px;color:var(--muted)}.todo-due.late{color:#a12b35;font-weight:600}.todo-item-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.todo-item-actions .text-button{font-size:12px;min-height:44px}#todo-feedback{font-size:12px;line-height:1.8;color:var(--brand-rose-dark)}
@media(max-width:1000px){.todo-layout{grid-template-columns:1fr}.todo-editor{position:static}.todo-item-actions{flex-direction:column;gap:0}}
@media(max-width:600px){.todo-editor,.todo-list{padding:18px!important}.todo-list-header label{max-width:none;flex-basis:100%;margin-top:10px}.todo-item{grid-template-columns:22px minmax(0,1fr);gap:12px}.todo-item-actions{grid-column:2;flex-direction:row;gap:18px}.todo-tabs button{flex:1 1 70px}.todo-editor h2,.todo-list h2{font-size:20px}}