/* v3.12.7: ScannerService (js/ops/scanner-service.js): mode toggle, ID-card guide (85.6 x 53.98 mm), status notes. Built on the .dpp-scan* base in store-v3119.css. */
.dpp-ss { padding-top: env(safe-area-inset-top, 0px); }
.dpp-ss-top { gap: 8px; }
.dpp-ss-toggle { flex: 1 1 auto; min-width: 0; display: flex; gap: 4px; padding: 3px; border-radius: 14px; background: rgba(15, 23, 42, .78); border: 1px solid rgba(255, 255, 255, .16); }
.dpp-ss-toggle button { flex: 1 1 0; min-width: 0; min-height: 44px; border: 0; border-radius: 11px; background: transparent; color: #cbd5e1; font-weight: 900; font-size: clamp(11px, 3.1vw, 13px); line-height: 1.15; padding: 0 6px; white-space: normal; }
.dpp-ss-toggle button[aria-pressed="true"] { background: #22d3ee; color: #020617; }
.dpp-ss-toggle.is-locked button { pointer-events: none; }
.dpp-ss-toggle.is-locked button[aria-pressed="false"] { opacity: .45; }
/* the guide: a wide band for an IMEI / screen, the ID-1 card ratio for the identity card */
.dpp-ss[data-scan="imei"] .dpp-ss-reticle { width: min(92vw, 420px); aspect-ratio: 16 / 7; top: 38%; }
.dpp-ss[data-scan="id"] .dpp-ss-reticle { width: min(92vw, 420px); aspect-ratio: 85.6 / 53.98; top: 36%; border-radius: 14px; }
.dpp-ss[data-scan="id"] .dpp-ss-reticle::after { content: "IDDZA<<<<<<<<<<<<<<<<<<<<<<<<<"; position: absolute; left: 6%; right: 6%; bottom: 7%; font: 700 clamp(7px, 2vw, 10px) ui-monospace, monospace; letter-spacing: .08em; color: rgba(34, 211, 238, .55); overflow: hidden; white-space: nowrap; }
.dpp-ss-step { text-align: center; font-size: .72rem; font-weight: 900; color: #fde68a; }
.dpp-ss-step[hidden] { display: none; }
.dpp-ss-privacy { text-align: center; font-size: .62rem; color: #94a3b8; font-weight: 700; }
.dpp-scan-note.is-warn { color: #fca5a5; }
.dpp-scan-bottom { padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px)); }