/* ---------- tasks tab ---------- */
.tasks { display: flex; flex-direction: column; gap: 8px; }
.task {
  display: flex; align-items: center; gap: 12px; padding: 12px;
  border-radius: var(--radius); background: var(--card); border: 1px solid var(--line);
}
.task-icon {
  flex: none; width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center;
  background: linear-gradient(180deg, #37bbfe, #1d93d2);
}
.task-icon svg { width: 22px; height: 22px; margin-left: -2px; }
.task-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.task-body b { font-size: 14px; line-height: 1.25; }
.task-reward { display: flex; align-items: center; gap: 5px; color: var(--orange); font-weight: 700; font-size: 13px; }
.task-reward .coin { width: 16px; height: 16px; }
.task-btn {
  flex: none; min-width: 112px; height: 40px; padding: 0 14px; border-radius: 12px;
  font-weight: 700; font-size: 14px;
}
.task-btn.go { background: linear-gradient(180deg, #a07bff, #7c4ff0); }
.task-btn.check { background: linear-gradient(180deg, #4ade80, #16a34a); }
.task-btn.busy { background: #1f5f36; opacity: .8; }
.task-btn.done { background: #26242f; color: var(--muted); cursor: default; }
.task-btn:not(:disabled):active { transform: scale(.97); }