/* P-FLF-046 — Snap a printed photo */
.scan-hero{margin-top:-8px}
.scan-hero .bulk-hero-icon{font-size:22px}

.photo-card .scan-button{z-index:2;top:6px;left:6px;right:auto;width:auto;height:auto;border-radius:4px;padding:2px 6px;font-size:.7rem;line-height:1.4}
.photo-card .scan-button[hidden]{display:none}

.flf-scan{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px)}
.flf-scan .modal-body{display:flex;flex-direction:column;gap:12px}
.flf-scan .modal-foot{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-items:center}
.flf-scan .modal-foot [data-flf=scan-adjust],.flf-scan .modal-foot [data-flf=scan-cancel-adjust]{margin-right:auto}
.flf-scan [hidden]{display:none!important}

.scan-busy{display:flex;flex-direction:column;align-items:center;gap:14px;padding:48px 0;color:var(--muted,#80756a)}

.scan-toggle{display:inline-flex;align-self:center;border:1px solid var(--line,#e5dccf);border-radius:999px;padding:3px;background:var(--paper,#fcfaf5)}
.scan-toggle button{border:0;background:transparent;border-radius:999px;padding:6px 16px;font:inherit;font-size:.9rem;color:var(--muted,#80756a);cursor:pointer;min-height:36px}
.scan-toggle button.selected{background:var(--ink,#352b24);color:#fff}

.scan-stage{display:flex;justify-content:center;background:var(--bg,#f3eee5);border-radius:8px;padding:12px}
.scan-frame{position:relative;display:inline-block;max-width:100%;line-height:0}
.scan-frame img{display:block;max-width:100%;max-height:min(58dvh,560px);width:auto;height:auto;border-radius:3px;box-shadow:0 2px 10px #0002}

.scan-handles{position:absolute;inset:0;touch-action:none}
.scan-handles svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.scan-handles polygon{fill:#ad844a22;stroke:var(--gold,#ad844a);stroke-width:.5;vector-effect:non-scaling-stroke;stroke-width:2px}
.scan-handle{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;cursor:grab;touch-action:none}
.scan-handle::after{content:"";position:absolute;inset:13px;border-radius:50%;background:#fff;border:3px solid var(--gold,#ad844a);box-shadow:0 1px 4px #0005}
.scan-handle:active{cursor:grabbing}

.scan-note{margin:0;text-align:center;color:var(--muted,#80756a);font-size:.9rem;line-height:1.5}

@media (max-width:560px){
  .flf-scan .modal-foot button{flex:1 1 auto}
  .flf-scan .modal-foot [data-flf=scan-adjust],.flf-scan .modal-foot [data-flf=scan-cancel-adjust]{flex-basis:100%;margin-right:0}
  .scan-frame img{max-height:52dvh}
}