/* admin-people.css — the crew studio's Guests tab (admin-people.js): session picker, the faces grid and the send form.
   The photo picker itself reuses the Help requests dialog (admin-help.css: .help-picker, .help-grid, .help-thumb). */
.people-pick{margin-top:20px;padding:16px;background:var(--soi-surface);border:1px solid var(--soi-sand);border-radius:var(--radius-card,16px)}
.people-pick-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.people-pick-head h3{margin:0}
.people-pick-count{font-size:13px;color:var(--soi-umber-soft)}
.people-sessions{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;max-height:320px;overflow:auto;margin:12px 0;padding:2px}
.people-session{position:relative;display:flex;flex-direction:column;gap:2px;padding:10px 12px 10px 38px;border:1px solid var(--soi-sand);border-radius:12px;cursor:pointer;transition:border-color 140ms ease,background 140ms ease}
.people-session input{position:absolute;left:12px;top:12px;width:16px;height:16px;margin:0;accent-color:var(--soi-terracotta)}
.people-session.is-on{border-color:var(--soi-terracotta);background:var(--active,rgba(0,0,0,.04))}
.people-session:has(input:disabled){opacity:.5;cursor:not-allowed}
.people-session-title{font-weight:600;overflow-wrap:anywhere}
.people-session-meta{font-size:12px;color:var(--soi-umber-soft)}
.people-pick-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.people-pick-foot .publish-btn{width:auto;padding-inline:22px}
.people-once{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--soi-umber-soft)}
.people-status{margin:16px 0 0;font-size:14px;color:var(--soi-umber-soft)}

.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px;margin-top:12px}
.people-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border:1px solid var(--soi-sand);border-radius:14px;background:var(--soi-surface);color:inherit;cursor:pointer;transition:border-color 140ms ease,transform 120ms ease}
.people-card:hover{border-color:var(--soi-terracotta)}
.people-card:active{transform:scale(.97)}
.people-card:focus-visible{outline:2px solid var(--soi-terracotta);outline-offset:2px}
.people-card-count{font-size:12px;color:var(--soi-umber-soft)}
.people-face{display:block;width:88px;height:88px;border-radius:999px;background-color:var(--soi-linen);background-repeat:no-repeat}
.people-face--lg{flex:none;width:88px;height:88px}
.people-more{display:block;margin:16px auto 0}

.people-picker-tools{display:flex;gap:16px;padding:8px 16px 0}
.people-send{border-top:1px solid var(--soi-sand)}
.people-send[hidden]{display:none}
.people-send-fields{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px;padding:12px 16px 0}
.people-send-fields label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--soi-umber-soft)}
.people-send-fields input[type=text],.people-send-fields input[type=tel]{width:200px;max-width:100%}
.people-mode{display:flex;gap:14px;margin:0;padding:0;border:0;font-size:14px}
.people-mode legend{padding:0;margin-bottom:4px;font-size:13px;color:var(--soi-umber-soft)}
.people-mode label{flex-direction:row;align-items:center;gap:6px;color:inherit}
.people-mode label:has(input:disabled){opacity:.5}
.people-send .help-picker-foot{border-top:0}
.people-done{padding:20px 16px;border-top:1px solid var(--soi-sand)}
.people-done[hidden]{display:none}
.people-done h3{margin:4px 0 12px}
.people-done .guest-link-url a{overflow-wrap:anywhere}
.people-done-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:12px}
@media (max-width:560px){
  .people-grid{grid-template-columns:repeat(3,1fr);gap:8px}
  .people-face{width:72px;height:72px}
  .people-face--lg{width:64px;height:64px}
  .people-send-fields input[type=text],.people-send-fields input[type=tel]{width:100%}
  .people-send-fields label{flex:1 1 100%}
}
/* Text buttons and the two fields, in the studio's own style (the Support tab's input). */
.people-picker .btn-link{min-height:44px;padding:0 4px;border:0;background:none;color:var(--soi-umber-soft);font:500 14px var(--sans,system-ui);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.people-picker .btn-link:hover{color:var(--soi-umber)}
.people-picker-tools .btn-link{min-height:36px}
.people-send-fields input[type=text],.people-send-fields input[type=tel]{min-height:44px;padding:10px 12px;border:1px solid var(--soi-sand-deep);border-radius:var(--radius-btn);background:var(--soi-linen);color:var(--soi-umber);font-size:16px}
.people-send-fields input:focus{border-color:var(--line-stronger);outline:0;box-shadow:0 0 0 3px var(--ring-soft)}
.people-mode input{accent-color:var(--soi-terracotta)}
/* Merging faces: a bar above the grid, picked cards outlined and ticked, merged cards labelled. */
.people-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:12px}
.people-bar[hidden]{display:none}
.people-bar .publish-btn{width:auto;padding-inline:20px;margin-left:auto}
.people-bar .btn-link{min-height:44px;padding:0 4px;border:0;background:none;color:var(--soi-umber-soft);font:500 14px var(--sans,system-ui);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.people-merge-note{font-size:13px;color:var(--soi-umber-soft)}
.people-card{position:relative}
.people-card-tick{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:999px;display:grid;place-items:center;background:var(--verdict-same,#3FB950);color:#fff;font:700 14px/1 var(--sans,system-ui);opacity:0;transform:scale(.6);transition:opacity 140ms ease,transform 220ms cubic-bezier(.34,1.56,.64,1)}
.people-grid.is-merging .people-card{border-style:dashed}
.people-card[aria-pressed=true]{border:2px solid var(--verdict-same,#3FB950)}
.people-card[aria-pressed=true] .people-card-tick{opacity:1;transform:scale(1)}
.people-card-merged{font-size:11px;font-weight:600;color:var(--soi-terracotta)}
.people-picker .people-split{display:block;min-height:32px;padding:0;margin-top:2px;font-size:13px}
.people-picker .people-split[hidden]{display:none}
/* Assign to a guest (the photo grid's bulk bar): the faces of that date, one to pick. */
.assign-picker .people-picker-tools{justify-content:space-between}
.assign-grid{flex:1;min-height:0;overflow:auto;margin:0;padding:12px 16px;align-content:start}