/* Task Helper — the shared photo picker (job-intake.md §26). Copyright Rapid Surveys Pty Ltd. */
.php { display: inline-flex; gap: 8px; flex-wrap: wrap; }
.php-btn { display: inline-flex; align-items: center; margin: 0; cursor: pointer; }
.php-btn:focus-within { outline: 2px solid var(--accent); outline-offset: 2px; }
@media (pointer: coarse) { .php-btn { min-height: 44px; } }
/* touch: one "Photo" button → a small choice anchored to it (916g) */
.php-one { position: relative; }
.php-main { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; }
.php-menu { position: absolute; left: 0; bottom: calc(100% + 6px); z-index: 70; min-width: 200px; display: flex; flex-direction: column;
  background: var(--card); border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 8px 24px rgba(20,28,40,.22); overflow: hidden; }
.php-menu[hidden] { display: none; }
.php-opt { width: 100%; min-height: 48px; margin: 0; padding: 10px 16px; text-align: left; background: var(--card); color: var(--ink); border: 0; border-top: 1px solid var(--line); border-radius: 0; font: inherit; font-weight: 600; }
.php-opt:first-child { border-top: 0; }
.php-opt:hover, .php-opt:focus-visible { background: var(--hover); }
.php-cancel { color: var(--muted); font-weight: 400; }
