.todo-filters{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.todo-filters [aria-pressed=true]{background:var(--ink,#123344);color:white}.todo-card{border-left:5px solid;padding:1rem;margin:.7rem 0;border-radius:8px;background:#f6fafb;overflow-wrap:anywhere}.todo-card-urgent{border-color:#bd202e}.todo-card-soon{border-color:#ce6910}.todo-card-when_able{border-color:#237c47}.todo-priority{display:inline-flex;padding:.3rem .7rem;border-radius:30px;font-weight:700}.todo-urgent{color:#961b27;background:#ffe4e7}.todo-soon{color:#8b4100;background:#fff0d8}.todo-when_able{color:#176638;background:#ddf3e5}.todo-top{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}.todo-details{white-space:pre-wrap}.todo-card h2{margin:.8rem 0}.todo-card details{margin-top:1rem}#todo-form textarea{max-width:100%}@media(max-width:600px){.todo-filters button,.todo-card .toolbar button{min-height:44px}.todo-card{padding:.8rem}.todo-list{padding:.7rem!important}}
#todo-content [hidden]{display:none!important}
.todo-card-pending{border-color:#bd202e;background:#fff3f3}.todo-card-done{border-color:#237c47;background:#f0faf2}.todo-status{padding:.3rem .7rem;border-radius:20px;font-weight:700}.todo-status-pending{background:#ffe4e7;color:#961b27}.todo-status-done{background:#ddf3e5;color:#176638}.todo-completion-notice{padding:14px 0;border-top:1px solid var(--line,#d6e2e2);overflow-wrap:anywhere}.todo-notice-unread{border-left:4px solid #bd202e;padding-left:14px}.todo-completion-notice h3{margin:8px 0}.todo-completion-notice button{min-height:44px}
.todo-list-overview{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.todo-outstanding{display:flex;align-items:baseline;gap:.65rem;margin:0;color:#961b27}.todo-outstanding strong{font-size:2.6rem;line-height:1;font-variant-numeric:tabular-nums}.todo-outstanding span{font-size:1.2rem;font-weight:700}.todo-list-controls .field{max-width:28rem}.todo-filters button span{font-variant-numeric:tabular-nums}.todo-card{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.2rem 1rem;padding:.65rem .85rem;margin:.5rem 0}.todo-card>*,.todo-expand,.todo-expanded-body{min-width:0;max-width:100%}.todo-card .todo-expand{flex:1 1 24rem;margin:0}.todo-expand>summary{min-height:44px;cursor:pointer;padding:.15rem 0}.todo-expand>summary:focus-visible{outline:3px solid #1675a4;outline-offset:3px;border-radius:3px}.todo-card h2{display:inline;font-size:1.05rem;line-height:1.4;margin:0}.todo-summary-meta{display:flex;align-items:center;gap:.3rem .6rem;flex-wrap:wrap;margin-top:.25rem;font-size:.85rem}.todo-summary-meta .todo-priority,.todo-summary-meta .todo-status{padding:.15rem .5rem}.todo-assignee{font-weight:600}.todo-expand-hint{display:block;margin:.2rem 0 0;font-size:.75rem;color:var(--muted,#526873)}.todo-expanded-body{border-top:1px solid #dcbdbd;margin-top:.6rem;padding-top:.2rem}.todo-expanded-body>p{margin:.65rem 0}.todo-card .todo-history{margin-top:.7rem}.todo-history>summary{min-height:44px;display:list-item;cursor:pointer;padding:.6rem 0}.todo-quick-actions{flex:0 1 auto;align-self:start;justify-content:flex-end;max-width:26rem;margin:0;gap:.4rem;flex-wrap:wrap}.todo-quick-actions button{min-height:44px;max-width:100%;white-space:normal}.todo-read-button{color:#164f78;border-color:#477fa5;background:#eef7ff}.todo-read-status{flex:1 0 100%;color:#164f78;font-size:.8rem}.todo-read-status p{margin:.2rem 0}.todo-read-button:disabled{opacity:.75}.todo-card-done .todo-expanded-body{border-color:#bfd8c4}@media(max-width:900px){.todo-quick-actions{justify-content:flex-start;max-width:100%}}@media(max-width:600px){.todo-card{padding:.6rem}.todo-list{padding:.6rem!important}.todo-filters{gap:.4rem}.todo-filters button{padding:.55rem .7rem}.todo-list-overview{gap:.6rem}.todo-quick-actions{gap:.4rem}.todo-quick-actions button{padding:.6rem .7rem}.todo-outstanding strong{font-size:2.2rem}}