/* Task Helper — the share sheet (job-intake.md §35 AC-5; BRIEF-1033). Copyright Rapid Surveys Pty Ltd. App tokens only; namespace sh-. */
.sh-card { max-width: 560px; }
#shSheet.sh-ov { z-index: 66; }   /* above the phone's Jobs page (60), its menus (62) and move sheet (63) — the sheet opens from there (BRIEF-1283) */
.sh-sub { margin: -6px 0 10px; }
.sh-h { margin: 14px 0 6px; font-size: 14px; }
.sh-list { list-style: none; margin: 0; padding: 0; }
.sh-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; min-height: 44px; padding: 6px 0; border-top: 1px solid var(--line); }
.sh-row:first-child { border-top: 0; }
.sh-name { flex: 1 1 140px; min-width: 0; font-weight: 600; overflow-wrap: anywhere; }
.sh-lv { font-size: 13px; color: var(--ink); }
.sh-via { font-size: 12px; color: var(--muted); }
.sh-inh .sh-name { font-weight: 500; }
.sh-row select { width: auto; margin: 0; }
.sh-row button { width: auto; }
.sh-ro { margin: 0 0 4px; }
.sh-add { margin-top: 10px; padding: 12px; border: 1px solid var(--line); border-radius: 10px; display: flex; flex-direction: column; gap: 8px; }
.sh-add .sh-h { margin: 0; }
.sh-f { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--muted); }
.sh-f select, .sh-f input { margin: 0; color: var(--ink); }
.sh-fbtns button { width: auto; }
@media (pointer: coarse) { .sh-row select, .sh-row button, .sh-add select, .sh-add input, .sh-fbtns button { min-height: 44px; } }
/* BRIEF-1283 SG-3: "Share with <company>'s people" — a switch (role=switch; the whole row is the target) */
.sh-grp { margin: 0 0 6px; padding: 12px; border: 1px solid var(--line); border-radius: 10px; display: grid; gap: 6px; }
.sh-grp .sh-h { margin: 0; }
.sh-switch { width: 100%; display: flex; align-items: center; gap: 12px; min-height: 44px; margin: 0; padding: 6px 4px; background: transparent !important; color: var(--ink) !important; border: 0; font-weight: 600; text-align: left; }
.sh-switch:disabled { color: var(--muted) !important; cursor: not-allowed; }
.sh-track { flex: none; position: relative; width: 44px; height: 24px; border-radius: 12px; background: var(--line); transition: background .15s; }
.sh-knob { position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: var(--card); box-shadow: 0 1px 2px rgba(0, 0, 0, .25); transition: left .15s; }
.sh-switch[aria-checked="true"] .sh-track { background: var(--accent); }
.sh-switch[aria-checked="true"] .sh-knob { left: 23px; }
.sh-switch:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 8px; }
.sh-swlabel { min-width: 0; overflow-wrap: anywhere; }
.sh-grp-why, .sh-grp-what, .sh-grp-who { margin: 0; font-size: 13px; }
.sh-grp-who { overflow-wrap: anywhere; }
.sh-grp-n { font-weight: 600; }
@media (prefers-reduced-motion: reduce) { .sh-track, .sh-knob { transition: none; } }
.sh-rm, .sh-cancel { background: var(--card) !important; color: var(--ink) !important; border: 1px solid var(--line) !important; font-weight: 600; padding: 6px 12px; }
.sh-rm:hover, .sh-cancel:hover { background: var(--hover) !important; }