.supply-scanner{margin:auto;width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow);overflow:hidden}.supply-scanner::backdrop{background:#0009}.scan-shell{display:flex;flex-direction:column;max-height:calc(100dvh - 24px)}.scan-shell>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid var(--line);flex:none;background:var(--surface)}.scan-shell h2{font-size:20px;line-height:1.25;color:var(--ink)}.scan-body{padding:16px 18px;overflow:auto;overscroll-behavior:contain;display:grid;gap:14px}.scan-body>p{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.scan-preview{position:relative;border-radius:14px;background:var(--soft);overflow:hidden;min-height:95px}.scan-preview video{display:block;width:100%;max-height:230px;object-fit:contain}.supply-scanner:not(.is-scanning) .scan-preview{display:none}.scan-guide{position:absolute;inset:17%;border:2px solid var(--accent);border-radius:12px;pointer-events:none}.scan-buttons{display:flex;gap:10px;flex-wrap:wrap}.scan-photo{position:relative;overflow:hidden;cursor:pointer}.scan-photo input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;font-size:16px}.scan-manual{display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;align-items:end}.scan-manual .field{display:grid;gap:7px}.scan-manual input{min-height:46px;width:100%;border-radius:12px;border:1px solid var(--line);padding:10px 12px;background:var(--surface);color:var(--ink);font-size:16px}.scan-body .button{min-height:44px;white-space:normal}.scan-privacy{font-size:12px!important}.scan-status{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--ink)!important}.scan-results{display:grid;gap:10px}.scan-result{display:grid;justify-content:stretch;text-align:left;gap:5px;overflow-wrap:anywhere}.scan-result small{color:var(--muted);font-weight:400}.scan-result strong{color:var(--ink)}
@media(max-width:600px){.supply-scanner{width:calc(100vw - 12px);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 12px);border-radius:16px}.scan-shell{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 12px)}.scan-body{padding:12px}.scan-shell>header{padding:12px}.scan-shell h2{font-size:18px}.scan-preview video{max-height:180px}.scan-manual{grid-template-columns:1fr}.scan-buttons>.button{flex:1;padding:10px;font-size:13px}}