.scan-feedback{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:center;gap:20px 28px;padding:24px 28px;border-radius:16px;border:4px solid var(--scan-feedback-border,#e5e7eb);background:var(--scan-feedback-bg,#f9fafb);color:var(--scan-feedback-fg,#374151);transition:border-color .2s ease,background-color .2s ease,transform .12s ease;min-height:200px}.scan-feedback-flashing{border-width:6px;transform:scale(1.005);box-shadow:0 0 0 4px var(--scan-feedback-border-light,transparent)}.scan-feedback-icon{grid-column:1;grid-row:1/span 2;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:140px;height:140px;border-radius:50%;background:hsla(0,0%,100%,.7);color:var(--scan-feedback-icon,#6b7280)}.scan-feedback-text{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center;gap:16px;min-width:0;min-height:140px}.scan-feedback-size-general .scan-feedback-text{min-height:96px}.scan-feedback-primary{font-weight:800;line-height:1.4;word-break:keep-all;overflow-wrap:anywhere}.scan-feedback-secondary{font-weight:600;line-height:1.45;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;opacity:.85}.scan-feedback-hint{font-weight:500;line-height:1.5;opacity:.75}.scan-feedback-counter{grid-column:3;grid-row:1;display:flex;align-items:baseline;gap:6px;padding:0 4px;font-variant-numeric:tabular-nums;white-space:nowrap}.scan-feedback-counter-current{font-weight:800;line-height:1}.scan-feedback-counter-sep{opacity:.5}.scan-feedback-counter-total{opacity:.7;font-weight:600}.scan-feedback-counter-label{margin-left:6px;font-weight:500;opacity:.6}.scan-feedback-image-wrap{grid-column:2/span 2;grid-row:2;display:flex;justify-content:flex-start}.scan-feedback-image{width:240px;height:240px;-o-object-fit:contain;object-fit:contain;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.08)}.scan-feedback-size-logistics .scan-feedback-primary{font-size:40px}.scan-feedback-size-logistics .scan-feedback-secondary{font-size:24px}.scan-feedback-size-logistics .scan-feedback-hint{font-size:18px}.scan-feedback-size-logistics .scan-feedback-counter-current{font-size:64px}.scan-feedback-size-logistics .scan-feedback-counter-sep,.scan-feedback-size-logistics .scan-feedback-counter-total{font-size:40px}.scan-feedback-size-logistics .scan-feedback-counter-label{font-size:16px}.scan-feedback-size-general{padding:20px 24px;min-height:120px}.scan-feedback-size-general .scan-feedback-icon{width:120px;height:120px}.scan-feedback-size-general .scan-feedback-primary{font-size:36px}.scan-feedback-size-general .scan-feedback-secondary{font-size:22px}.scan-feedback-size-general .scan-feedback-hint{font-size:16px}.scan-feedback-size-general .scan-feedback-counter-current{font-size:56px}.scan-feedback-size-general .scan-feedback-counter-sep,.scan-feedback-size-general .scan-feedback-counter-total{font-size:32px}.scan-feedback-size-general .scan-feedback-counter-label{font-size:14px}.scan-feedback-size-general .scan-feedback-image{width:160px;height:160px}.scan-feedback-size-compact{display:flex;align-items:center;gap:12px;padding:10px 14px;border-width:2px;min-height:48px;border-radius:10px}.scan-feedback-size-compact .scan-feedback-icon{width:32px;height:32px;grid-column:auto;grid-row:auto}.scan-feedback-size-compact .scan-feedback-text{flex:1 1 auto;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-width:0;min-height:auto;grid-column:auto;grid-row:auto}.scan-feedback-size-compact .scan-feedback-primary{font-size:16px;font-weight:700;line-height:1.4}.scan-feedback-size-compact .scan-feedback-secondary{font-size:14px;font-weight:500;line-height:1.4}.scan-feedback-size-compact .scan-feedback-hint{font-size:13px;line-height:1.4}.scan-feedback-size-compact .scan-feedback-counter{flex-shrink:0;padding:4px 10px;border-radius:8px;grid-column:auto;grid-row:auto}.scan-feedback-size-compact .scan-feedback-counter-current{font-size:20px}.scan-feedback-size-compact .scan-feedback-counter-sep,.scan-feedback-size-compact .scan-feedback-counter-total{font-size:14px}.scan-feedback-size-compact .scan-feedback-counter-label{font-size:11px;margin-left:4px}.scan-feedback-size-compact .scan-feedback-image-wrap{display:none}.scan-feedback-idle{--scan-feedback-bg:#f9fafb;--scan-feedback-border:#e5e7eb;--scan-feedback-border-light:rgba(229,231,235,.4);--scan-feedback-fg:#6b7280;--scan-feedback-icon:#9ca3af}.scan-feedback-success{--scan-feedback-bg:#ecfdf5;--scan-feedback-border:#10b981;--scan-feedback-border-light:rgba(16,185,129,.25);--scan-feedback-fg:#065f46;--scan-feedback-icon:#059669}.scan-feedback-error{--scan-feedback-bg:#fef2f2;--scan-feedback-border:#dc2626;--scan-feedback-border-light:rgba(220,38,38,.25);--scan-feedback-fg:#991b1b;--scan-feedback-icon:#dc2626}.scan-feedback-duplicate{--scan-feedback-bg:#fffbeb;--scan-feedback-border:#f59e0b;--scan-feedback-border-light:rgba(245,158,11,.25);--scan-feedback-fg:#92400e;--scan-feedback-icon:#d97706}.scan-feedback-complete{--scan-feedback-bg:#dbeafe;--scan-feedback-border:#2563eb;--scan-feedback-border-light:rgba(37,99,235,.3);--scan-feedback-fg:#1e3a8a;--scan-feedback-icon:#1d4ed8}@media (max-width:1024px){.scan-feedback{grid-template-columns:auto 1fr;grid-template-rows:auto auto auto}.scan-feedback-counter{grid-column:1/span 2;grid-row:2;justify-self:start}.scan-feedback-image-wrap{grid-column:1/span 2;grid-row:3}}@media (max-width:768px){.scan-feedback{padding:20px}.scan-feedback-size-logistics .scan-feedback-primary{font-size:36px}.scan-feedback-size-logistics .scan-feedback-counter-current{font-size:56px}.scan-feedback-icon{width:120px;height:120px}}