/* 我的任务：单页清单——看状态、下载、删除，其余一切从简。 */

.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;background:var(--muted);vertical-align:1px}
.dot--queued{background:#94a3b8}
.dot--generating{background:var(--green);animation:tpulse 1.6s ease-in-out infinite}
.dot--completed,.dot--finalized{background:#15803d}
.dot--expired{background:#cbd5e1}
.dot--failed{background:var(--danger)}
@keyframes tpulse{0%,100%{opacity:1}50%{opacity:.35}}

.task-list{display:grid;gap:10px;max-width:720px;margin:auto}
.tnotice{max-width:720px;margin:0 auto 16px;padding:10px 16px;border-radius:var(--radius-sm);background:var(--green-soft);color:var(--green-2);font-size:13.5px;text-align:center}

.tcard{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color .18s ease,box-shadow .18s ease}
.tcard:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md)}
.tcard-kicker{margin:0;font-size:12.5px;color:var(--muted)}
.tcard-tool{margin-left:8px;padding-left:10px;border-left:1px solid var(--line)}
.tcard-time{margin-left:10px;padding-left:10px;border-left:1px solid var(--line);font-variant-numeric:tabular-nums}
.tcard-title{margin:4px 0 0;font-size:16.5px;font-weight:640;letter-spacing:-.01em;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:440px}
.tprog{margin-top:10px;height:5px;border-radius:99px;background:var(--line);overflow:hidden}
.tprog i{display:block;height:100%;border-radius:99px;background:var(--green)}
.tprog-note{margin:7px 0 0;font-size:12.5px;color:var(--muted)}
.tprog-note.is-fail{color:var(--danger)}
.tcard-actions{flex:none;display:flex;align-items:center;gap:16px}
.tlink-danger{border:none;background:none;padding:0;font-size:13px;color:#b4544b;cursor:pointer}
.tlink-danger:hover{color:var(--danger);text-decoration:underline}
.tempty{max-width:720px;margin:48px auto;text-align:center;color:var(--muted)}
.tempty .btn{margin-top:14px}

@media (max-width:640px){
  .tcard{flex-direction:column;align-items:stretch;padding:15px 17px}
  .tcard-title{max-width:100%}
  .tcard-actions{justify-content:flex-end}
}