/* Task Helper — a task's priority (job-intake §40; BRIEF-1096). Copyright Rapid Surveys Pty Ltd. Namespace pr-. */
.pr-sym { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 3px; margin-left: 4px; border-radius: 6px;
  font-size: 13px; line-height: 1; vertical-align: middle; background: color-mix(in srgb, var(--pr-c, #9ca3af) 18%, #fff); color: #1b2430;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pr-c, #9ca3af) 55%, transparent); }
.pr-sym.pr-retired { opacity: .6; }
.pr-pill { display: inline-flex; align-items: center; gap: 6px; padding: 2px 10px 2px 4px; border-radius: 999px; font-size: 13px; font-weight: 600; color: #1b2430;
  background: color-mix(in srgb, var(--pr-c, #9ca3af) 16%, #fff); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pr-c, #9ca3af) 55%, transparent); }
.pr-psym { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; font-size: 14px; }
/* BRIEF-1246: the level as a small DOT in its colour (+ its symbol) — rings keep it visible on light and dark; all the info on hover / tap */
.pr-sym.pr-dot { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 3px; min-width: 0; height: auto; margin-left: 5px; padding: 1px 2px; border-radius: 999px;
  background: none; box-shadow: none; color: inherit; font-size: 12px; line-height: 1; vertical-align: middle; cursor: help; }
.pr-sym.pr-dot::before { content: ''; flex: none; width: 10px; height: 10px; border-radius: 50%; background: var(--pr-c, #9ca3af);
  box-shadow: 0 0 0 1.5px #fff, 0 0 0 2.5px rgba(20, 28, 40, .35); }
.pr-dot .pr-dsym { font-size: 12px; opacity: .85; }
@media (pointer: coarse) { .pr-sym.pr-dot { padding: 8px 4px; margin: -8px -2px -8px 3px; } }   /* a bigger tap area, the line doesn't grow */
.pr-tip { position: fixed; z-index: 130; max-width: min(300px, calc(100vw - 16px)); padding: 8px 10px; background: #1b2430; color: #fff; border-radius: 8px;
  font-size: 13px; line-height: 1.4; box-shadow: 0 6px 18px rgba(20, 28, 40, .3); pointer-events: none; }