/* My Tasks (js/role-tasks.js, 20261021110000). Phone first and dead simple: a big card per task —
   what, order · customer, item, qty, lot — and one thumb-sized button. Tokens only. */
#tab-my-tasks .rt-page { max-width: 720px; }
.rt-page { padding: 12px 16px 32px; display: flex; flex-direction: column; gap: 12px; }
.rt-title { margin: 0 0 4px; font-size: 22px; font-weight: 700; color: var(--ds-text, var(--text)); }
.rt-role { margin: 10px 0 0; font-size: 16px; font-weight: 700; color: var(--ds-text, var(--text)); }
.rt-list { display: flex; flex-direction: column; gap: 10px; }
.rt-card { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border: 1px solid var(--ds-border, var(--border));
  border-radius: 12px; background: var(--ds-surface, var(--surface)); }
.rt-what { font-size: 20px; font-weight: 800; color: var(--ds-text, var(--text)); }
.rt-order { font-size: 15px; color: var(--ds-text-dim, var(--text2)); }
.rt-item { font-size: 17px; font-weight: 600; }
.rt-qty { font-size: 20px; font-weight: 700; font-family: var(--ds-mono, monospace); }
.rt-lot { font-size: 15px; font-family: var(--ds-mono, monospace); }
.rt-actions { display: flex; gap: 8px; margin-top: 8px; }
.rt-go { flex: 1; min-height: 56px; justify-content: center; font-size: 18px; }
.rt-done { min-height: 56px; min-width: 96px; justify-content: center; font-size: 16px; }