.qr-container {
    max-width: 520px;
    margin: 40px auto;
    padding: 24px;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 12px 28px rgba(0,0,0,.08);
    text-align: center;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.qr-container h2 { margin-bottom: 14px; color: #111827; }

.qr-reader-box { border-radius: 12px; overflow: hidden; }

.qr-controls .qr-btn {
    background:#111827; color:#fff; border:0; border-radius:10px;
    padding:10px 16px; font-weight:600; cursor:pointer;
}

.qr-status { margin:12px 0 4px; color:#555; font-size:14px; }
.qr-status.active { color:#166534; }
.qr-status.inactive { color:#6b7280; }
.qr-status.fail { color:#b91c1c; }

.qr-result { margin-top:10px; font-weight:500; }
.qr-result.success { color:#166534; }
.qr-result.invalid { color:#9a3412; }
.qr-result.error { color:#b91c1c; }

/* QR en la ficha del producto */
.product-qr { display:flex; justify-content:center; margin:40px 0 25px; }
.product-qr-card {
    text-align:center; background:#fff; border-radius:20px; padding:26px 30px;
    box-shadow:0 8px 30px rgba(0,0,0,.08); max-width:360px;
}
.product-qr-title { font-size:1.1rem; margin-bottom:12px; color:#111827; font-weight:600; }
.product-qr-img {
    border-radius:14px; background:#f9fafb; border:2px solid #e5e7eb;
    width:240px; height:240px; margin-bottom:8px; box-shadow:0 6px 18px rgba(0,0,0,.05);
}
.product-qr-sku { font-size:.95rem; color:#6b7280; }

@media (max-width:600px){
  .qr-container{ width:92%; padding:18px; }
  .product-qr-img{ width:200px; height:200px; }
}