/* Marketing meter. Keep geometry aligned with the dashboard's qr-designer.css. */
.qr-scan-meter { margin-top: 20px; margin-bottom: 20px; }
.qr-scan-label { display: flex; justify-content: flex-end; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; margin-bottom: 14px; min-height: 18px; }
.qr-scan-row { display: flex; align-items: center; gap: 9px; }
.qr-scan-help { background: transparent; color: #71717a; cursor: pointer; flex-shrink: 0; font-size: 20px; }
.qr-scan-track { position: relative; flex: 1; height: 19px; border-radius: 999px; background: linear-gradient(90deg, #ff2424 0%, #ff7824 30%, #e9ba42 51%, #45c881 72%, #20ca99 100%); box-shadow: inset 0 0 0 2px #ffffff65; }
.qr-scan-divider { position: absolute; width: 2px; height: 100%; background: #ffffff65; }
.qr-scan-pointer { position: absolute; top: -4px; width: 4px; height: 27px; border-radius: 10px; background: #0a0a0a; box-shadow: 0 0 0 2px #fff; transform: translateX(-50%); transition: left .25s ease; }
.qr-scan-explanation { color: #71717a; font-size: 11px; line-height: 1.6; margin-top: 18px; }
.qr-scan-warning { display: flex; align-items: flex-start; gap: 8px; color: #92400e; background: #fffbeb; border: 1px solid #fcd34d; border-radius: 8px; padding: 10px 12px; font-size: 12px; line-height: 1.6; margin-top: 12px; text-align: left; }
.qr-scan-warning[hidden] { display: none; }
.qr-scan-warning > :first-child { flex-shrink: 0; margin-top: 2px; }
.qr-scan-help:focus-visible { outline: 2px solid #059669; outline-offset: 3px; }