/* css/qr-auth.css — center & mobile friendly */
.qram-scan-wrap { max-width:720px; margin:18px auto; padding:16px; background:#fff; border-radius:10px; box-shadow:0 6px 18px rgba(0,0,0,0.06); font-family:system-ui, -apple-system, "Segoe UI", Roboto, Arial; text-align:center; }
#qr-reader { margin:10px auto; width:100%; max-width:420px; }
#serial-input { width:70%; max-width:320px; padding:10px; border-radius:6px; border:1px solid #ddd; }
.qram-result { margin-top:18px; display:flex; justify-content:center; }
.qram-badge { border-radius:8px; background:#fff; padding:10px; box-shadow:0 3px 10px rgba(0,0,0,0.04); width:100%; max-width:420px; text-align:left; }
.qram-error { color:#fff; background:#c32020; padding:10px; border-radius:6px; display:inline-block; }
@media (max-width:600px) {
    .qram-scan-wrap { padding:12px; margin:8px; }
    #serial-input { width:100%; max-width:100%; margin-bottom:8px; }
    .button { width:48%; }
}