/* ─── Guided photo capture (shared: staff app + customer portal) ────────────
   Uses only generic tokens with fallbacks so it renders correctly in the app
   themes AND the portal theme. */
.pg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.pg-slot{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--border,#e2e8f0);border-radius:12px;background:var(--surface,#fff);transition:border-color .15s}
.pg-slot.pg-done{border-color:var(--good,#16a34a)}
.pg-slot.pg-busy{border-color:var(--primary,#1d4ed8)}
.pg-media{position:relative;aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:var(--surface-2,#f1f5f9);display:flex;align-items:center;justify-content:center}
.pg-wire{width:82%;color:var(--text-muted,#94a3b8);opacity:.85}
.pg-wire svg{width:100%;height:auto;display:block}
.pg-photo{width:100%;height:100%;object-fit:cover;display:block}
.pg-badge{position:absolute;left:6px;bottom:6px;font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:20px;background:rgba(0,0,0,.55);color:#fff;display:inline-flex;align-items:center;gap:5px}
.pg-badge-done{background:var(--good,#16a34a)}
.pg-badge-busy{background:var(--primary,#1d4ed8)}
.pg-badge-todo{background:rgba(0,0,0,.45)}
.pg-badge-opt{background:rgba(0,0,0,.3)}
.pg-spin{width:10px;height:10px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;display:inline-block;animation:pg-rot .7s linear infinite}
@keyframes pg-rot{to{transform:rotate(360deg)}}
.pg-label{font-size:13px;font-weight:800;color:var(--text,#0f172a)}
.pg-count{font-weight:700;color:var(--text-muted,#64748b);font-size:11.5px}
.pg-hint{font-size:11.5px;line-height:1.35;color:var(--text-muted,#64748b);min-height:28px}
.pg-add{align-self:flex-start;cursor:pointer}
.pg-progress{margin-top:12px;font-size:13.5px;color:var(--text,#0f172a);background:var(--surface-2,#f1f5f9);border:1px solid var(--border,#e2e8f0);border-radius:10px;padding:10px 14px}
@media (max-width:560px){ .pg-grid{grid-template-columns:repeat(2,1fr)} .pg-hint{min-height:0} }