/* Shared one-tap completion control. The desktop card grid is unchanged. */
.task-card .task-actions.completion-actions { display:flex;flex-wrap:nowrap !important;width:300px;max-width:100%;gap:8px; }
.input-action,.task-card .task-actions .quick-complete,.task-card > .quick-complete { display:flex;align-items:center;flex-wrap:nowrap;gap:0;border:1px solid var(--blue);border-radius:999px;height:46px;min-width:0;overflow:hidden;background:var(--surface); }
.task-card .task-actions .quick-complete { flex:1 1 0; }
.task-card > .quick-complete { width:246px;max-width:100%; }
.login-control input,.task-card .quick-complete input { flex:1 1 0;width:0;min-width:0;height:44px;border:0 !important;border-radius:999px;padding:0 12px;background:transparent;font-size:14px; }
.login-control input:focus,.task-card .quick-complete input:focus { outline:none;box-shadow:none; }
.input-action:focus-within,.task-card .quick-complete:focus-within { outline:2px solid var(--blue);outline-offset:3px; }
.input-action .button,.task-card .quick-complete .button { flex:0 0 112px;width:112px;min-width:112px;height:46px;margin:-1px; }
.completion-actions.editing .skip-control { display:none; }
.task-card .task-actions .skip-control { flex:0 0 46px; }
.decision-dialog { width:min(540px,calc(100vw - 32px));max-height:80dvh;overflow:auto;padding:24px;border:1px solid var(--line);border-radius:24px;color:var(--text);background:var(--surface); }
.decision-dialog::backdrop { background:rgba(0,0,0,.5); }
.decision-dialog .dialog-actions { display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:24px; }
.decision-dialog li { margin:16px 0;overflow-wrap:anywhere; }
.decision-dialog li .coin { vertical-align:middle;margin-left:8px; }
.decision-dialog p { color:var(--text-soft); }
@media(max-width:600px) {
 .task-card .task-actions.completion-actions { width:100%;justify-self:stretch; }
 .task-card > .quick-complete { width:100%;justify-self:stretch; }
 .login-control input,.task-card .quick-complete input { padding-left:10px;padding-right:4px; }
}

/* Cancellation is always a 46px circle, including forms and dialogs. */
.button.button-cancel,.task-card .task-actions .button.button-cancel,.task-card .task-actions form .button.button-cancel { width:46px;min-width:46px;height:46px;flex:0 0 46px;padding:0;border-radius:50%;font-size:1.6rem;font-weight:400;background:var(--blue);color:#fff; }
.status-label { color:var(--gold);font-size:var(--card-meta-size);line-height:1.5;background:none;border:0;padding:0;border-radius:0; }
.login-control { width:100%; }