/* Task Helper — greyed, not hidden (BRIEF-1289). Copyright Rapid Surveys Pty Ltd. App tokens only; namespace gt-.
 * The greyed look: the label in --muted (#5f6975 on white ≈ 5.6:1), a 14 px lock, still focusable (aria-disabled, never `disabled`). */
.gt-off, .menu-item.gt-off, .nb-mi.gt-off { color: var(--muted) !important; }
.gt-off .gt-lock, .menu-item .gt-lock { flex: none; margin-right: 6px; vertical-align: -2px; }
.menu-item.gt-off { cursor: default; }
/* A greyed BUTTON (a primary blue one included) looks like the ghost buttons: card fill, a line border, muted text + the lock — never a
   coloured fill with dim text (QUALITY, BRIEF-1289 G3). Menus, tabs, the top bar's views + pins and the More sheet keep their own look. Tokens only. */
button.gt-off:not(.menu-item):not(.nb-mi):not(.tb-seg):not(.pn-btn):not([role="tab"]):not([role="menuitem"]),
button.gt-off:not(.menu-item):not(.nb-mi):not(.tb-seg):not(.pn-btn):not([role="tab"]):not([role="menuitem"]):hover {
  background: var(--card) !important; border: 1px solid var(--line) !important; color: var(--muted) !important; box-shadow: none !important; cursor: default; }
.gt-ronote { display: flex; align-items: center; gap: 6px; margin: 0 0 8px; font-size: 13px; color: var(--muted); }   /* SW-2: a read-only section's quiet line */
.gt-ronote .gt-lock { flex: none; }
.gt-sheet { position: fixed; z-index: 70; background: var(--card); color: var(--ink); border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 12px 32px rgba(20, 28, 40, .22); padding: 14px; display: grid; gap: 8px; }
.gt-sheet[hidden] { display: none; }
.gt-title { margin: 0; display: flex; align-items: center; gap: 6px; font-weight: 700; }
.gt-text { margin: 0; font-size: 14px; overflow-wrap: anywhere; }
.gt-btns { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.gt-btns button { width: auto; min-height: 44px; margin: 0; }
.gt-close { background: var(--bg) !important; color: var(--ink) !important; border: 1px solid var(--line) !important; }
.gt-sheet.gt-phone { left: 0; right: 0; bottom: 0; top: auto; width: auto; border-radius: 14px 14px 0 0; padding-bottom: calc(14px + env(safe-area-inset-bottom)); }