/* Task Helper — the task panel's LINKS section (NOTE-LINKS LK-2; lane TASK HELPER ROAD BLOCKS). Copyright Rapid Surveys Pty Ltd. Namespace tl-. */
.tl-field .tl-body { display: flex; flex-direction: column; gap: 8px; }
.tl-group { display: flex; flex-direction: column; gap: 4px; }
.tl-h { margin: 0; font-size: 13px; font-weight: 600; color: var(--muted); }
.tl-blocking .tl-h { color: var(--ink); }
.tl-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.tl-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 14px; }
.tl-field .tl-open { padding: 0; background: none; border: 0; color: var(--accent); font: inherit; text-align: left; cursor: pointer; width: auto; text-decoration: underline; overflow-wrap: anywhere; }
.tl-field .tl-st .spill { font-size: 12px; }
.tl-done, .tl-note { font-size: 12px; color: var(--muted); }
.tl-hidden { color: var(--muted); font-style: italic; }
.tl-field .tl-change, .tl-field .tl-remove, .tl-field .tl-endedbtn, .tl-field .tl-add { width: auto; padding: 6px 12px; font-size: 14px; background: var(--card); color: var(--ink); border: 1px solid var(--line); border-radius: 8px; }
.tl-field .tl-add { align-self: flex-start; }
.tl-field .tl-endedbtn { align-self: flex-start; background: none; border: 0; padding: 0; color: var(--accent); text-decoration: underline; }
.tl-new { display: flex; flex-direction: column; gap: 6px; padding: 10px; border: 1px solid var(--line); border-radius: 10px; background: var(--card); }
.tl-sub { font-size: 13px; color: var(--muted); }
.tl-results { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; max-height: 220px; overflow: auto; }
.tl-field .tl-pick { width: 100%; text-align: left; padding: 8px 10px; font-size: 14px; font-weight: 400; background: var(--bg); color: var(--ink); border: 1px solid var(--line); border-radius: 8px; }
.tl-btns { display: flex; gap: 8px; flex-wrap: wrap; }
.tl-field .tl-go, .tl-field .tl-cancel { width: auto; }
@media (pointer: coarse) { .tl-field .tl-open, .tl-field .tl-change, .tl-field .tl-chhow, .tl-field .tl-chgo, .tl-field .tl-chcancel, .tl-field .tl-remove, .tl-field .tl-add, .tl-field .tl-endedbtn, .tl-field .tl-pick, .tl-field .tl-go, .tl-field .tl-cancel { min-height: 44px; } }
.tl-chg { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.tl-field .tl-chhow { width: auto; max-width: 100%; }
.tl-field .tl-chgo, .tl-field .tl-chcancel { width: auto; padding: 6px 12px; font-size: 14px; }