/* ===== To-do board ===== */
.todo-add{ display:flex; gap:12px; align-items:center; background:var(--panel,#171b24); border:1px solid var(--line); border-radius:14px; padding:16px 18px; margin-bottom:20px; flex-wrap:wrap; }
.td-name{ flex:1; min-width:220px; background:var(--panel-2,#12151c); border:1px solid var(--line); border-radius:9px; color:var(--text-1,#e9edf5); padding:11px 14px; font-size:14px; }
.td-date{ background:var(--panel-2,#12151c); border:1px solid var(--line); border-radius:9px; color:var(--text-1,#e9edf5); padding:10px 12px; font-size:13px; }
.td-flag{ display:flex; align-items:center; gap:6px; font-size:13px; color:var(--text-3,#b6bdca); cursor:pointer; }
.td-add-btn{ width:auto; padding:11px 24px; margin:0; }
.todo-active{ display:flex; flex-direction:column; gap:10px; }
.td-row{ display:flex; align-items:center; gap:14px; background:var(--panel,#171b24); border:1px solid var(--line); border-radius:12px; padding:14px 16px; border-left:3px solid var(--line); }
.td-row.td-q1{ border-left-color:#e5484d; }
.td-row.td-q2{ border-left-color:#e0a53f; }
.td-row.td-q3{ border-left-color:#4a9eff; }
.td-row.td-q4{ border-left-color:var(--line); }
.td-check{ width:24px; height:24px; border-radius:50%; border:2px solid var(--text-4,#8a93a6); background:transparent; color:transparent; cursor:pointer; flex:none; font-size:13px; line-height:1; transition:all .12s; }
.td-check:hover{ border-color:#2ecf8f; color:#2ecf8f; }
.td-main{ flex:1; min-width:0; }
.td-title{ font-size:15px; font-weight:500; color:var(--text-1,#e9edf5); }
.td-meta{ display:flex; gap:8px; margin-top:5px; flex-wrap:wrap; }
.td-tag{ font-size:11px; font-weight:600; padding:3px 9px; border-radius:12px; }
.td-tag-q1{ background:rgba(229,72,77,.15); color:#e5686d; }
.td-tag-q2{ background:rgba(224,165,63,.15); color:#e0a53f; }
.td-tag-q3{ background:rgba(74,158,255,.15); color:#4a9eff; }
.td-deadline{ font-size:11px; color:var(--text-4,#8a93a6); background:rgba(255,255,255,.05); padding:3px 9px; border-radius:12px; }
.td-deadline.od{ background:rgba(229,72,77,.15); color:#e5686d; font-weight:600; }
.td-deadline.today{ background:rgba(46,207,143,.15); color:#2ecf8f; font-weight:600; }
.td-state{ background:var(--panel-2,#12151c); border:1px solid var(--line); border-radius:8px; color:var(--text-2,#c9d1de); padding:7px 10px; font-size:12px; }
.td-del{ background:none; border:none; color:var(--text-4,#8a93a6); cursor:pointer; font-size:20px; line-height:1; padding:2px 6px; }
.td-del:hover{ color:#e5686d; }
.td-empty{ text-align:center; color:var(--text-4,#8a93a6); padding:40px; font-size:14px; }
/* completed today */
.todo-done-sec{ margin-top:26px; }
.td-done-h{ font-size:12px; text-transform:uppercase; letter-spacing:.04em; color:var(--text-4,#8a93a6); margin-bottom:10px; }
.td-done-row{ display:flex; align-items:center; gap:12px; padding:9px 16px; opacity:.65; }
.td-done-row .td-check.done{ border-color:#2ecf8f; color:#2ecf8f; }
.td-done-title{ flex:1; text-decoration:line-through; color:var(--text-3,#b6bdca); font-size:14px; }