/* Task Helper — save-as-you-go mark (BRIEF-1207). Copyright Rapid Surveys Pty Ltd. Namespace as-. A fixed-width slot: nothing moves when it changes. */
.as-mark { flex: none; display: inline-flex; align-items: center; justify-content: flex-end; gap: 4px; width: 10rem; font-size: 13px; color: var(--muted); white-space: nowrap; }
.as-mark .as-txt { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.as-mark[data-state="saved"] .as-txt { color: var(--ok, #1f9d55); }
.as-mark[data-state="failed"] .as-txt { color: #b3261e; font-weight: 600; }
.as-mark .as-act { width: auto; min-height: 36px; padding: 0 8px; background: transparent; color: var(--accent); border: 1px solid var(--line); border-radius: 8px; font-size: 13px; font-weight: 600; }
.as-mark .as-act[hidden] { display: none; }
@media (pointer: coarse) { .as-mark .as-act { min-height: 44px; } }
@media (max-width: 767px) { .as-mark { width: 9rem; } }