/* Task Helper — PINS on the top bar (BRIEF-1297). Copyright Rapid Surveys Pty Ltd. Namespace pn-. The page's dark top bar look. */
.pn-bar { flex:0 1000 auto; min-width:0; overflow:hidden; display:flex; align-items:center; gap:4px; padding:2px; }   /* shrinks FIRST; what it can't show moves to More ▾ */
@media (max-width:767px) { .pn-bar { display:none !important; } }   /* phones: the pins are in the bottom bar + More (THNav) */
.pn-bar[hidden] { display:none; }
.pn-btn { width:auto; height:44px; min-height:44px; margin:0; padding:0 10px; display:inline-flex; align-items:center; gap:6px; flex:none;
  font-size:14px; font-weight:600; color:#fff; background:transparent; border:1px solid rgba(255,255,255,.22); border-radius:10px; cursor:pointer; white-space:nowrap; }
.pn-btn:hover { background:rgba(255,255,255,.12); }
.pn-btn:focus-visible { outline:2px solid #fff; outline-offset:2px; }
.pn-btn .pn-ico svg { width:18px; height:18px; display:block; }
.pn-btn.gt-off { color:rgba(255,255,255,.62) !important; border-style:dashed; background:transparent !important; }
.pn-btn.gt-off .gt-lock { margin-right:0; }
.pn-morew { position:relative; flex:none; }
.pn-morew[hidden] { display:none; }
.pn-menu { position:fixed; z-index:61; min-width:200px; }
.pn-menu .pn-mi { display:flex; align-items:center; gap:8px; }
.pn-menu .pn-ico svg { width:18px; height:18px; display:block; }