/* Explicit local task backups and import review. */
.task-transfer { margin: 20px 0; padding-top: 18px; border-top: 1px solid var(--line); display: grid; justify-items: start; gap: 12px; min-width: 0; }
.task-transfer h3 { margin: 0; color: var(--ink); font-size: 16px; }
.task-transfer > p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.7; }
.task-export-options { display: flex; align-items: flex-start; gap: 9px; color: var(--ink-2); font-size: 14px; line-height: 1.6; }
.task-export-options input { flex: 0 0 auto; width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--accent); }
.task-import-label { margin-top: 8px; color: var(--ink-2); font-size: 14px; }
.task-transfer input[type="file"] { max-width: 100%; color: var(--ink-2); font-size: 14px; }
.task-transfer input[type="file"]::file-selector-button { margin-right: 10px; padding: 10px 14px; border: 1px solid var(--line-strong); border-radius: 8px; background: var(--surface-2); color: var(--ink); cursor: pointer; }
.task-import-preview { width: 100%; box-sizing: border-box; padding: 14px; border: 1px solid var(--line-strong); border-radius: 10px; background: var(--surface-2); font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; }
.task-import-preview[hidden] { display: none; }
.task-import-preview p { color: var(--muted); margin: 8px 0; }
.task-import-preview ul { padding-left: 22px; margin: 10px 0 14px; }
.task-import-preview li { margin-block: 5px; }
.task-import-preview .button { margin-right: 10px; }
@media (max-width: 640px) { .task-transfer { justify-items: stretch; }.task-export-options { align-items: flex-start; }.task-import-preview .button { display: block; width: 100%; margin: 0 0 8px; } }