/* Tiện ích Việt 3.9 — QR đa năng */
.qr39-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);gap:20px;align-items:start;margin-top:15px}
.qr39-card{border:1px solid #d5e6e0;background:#fff;border-radius:18px;padding:22px;box-shadow:0 7px 23px #133e3120}
.qr39-card h2{margin:0 0 8px;font-size:22px;color:#122f3d}
.qr39-subtitle{font-size:13px;color:#617989;line-height:1.6;margin:0 0 19px}
.qr39-field{display:flex;flex-direction:column;gap:7px;margin:0 0 15px;font-size:14px;color:#2b4352;font-weight:750}
.qr39-field input,.qr39-field select,.qr39-field textarea,.qr39-settings select{font:inherit;font-weight:500;font-size:16px;min-width:0;width:100%;padding:11px 12px;min-height:47px;border:1px solid #bcd3d1;border-radius:11px;color:#142d3b;background:white;box-sizing:border-box}
.qr39-field textarea{min-height:99px;resize:vertical}
.qr39-check{flex-direction:row;align-items:center;gap:12px}
.qr39-primary{background:#0b9a76;color:#fff;border:0;border-radius:12px;font-size:16px;font-weight:850;padding:14px 19px;width:100%;cursor:pointer;margin-top:3px}
.qr39-primary:hover{background:#087e62}
.qr39-privacy{background:#fff8e8;border:1px solid #f3dfb9;color:#6b522a;padding:11px 13px;font-size:12px;border-radius:10px;line-height:1.55}
.qr39-privacy-green{background:#edf9f3;border-color:#cceadd;color:#285c4c}
.qr39-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 17px}
.qr39-settings label{font-size:12px;font-weight:750;color:#48616d;display:flex;flex-direction:column;gap:7px}
.qr39-settings input[type=color]{width:100%;height:47px;border-radius:10px;border:1px solid #bdd5cf;background:white;cursor:pointer;padding:5px}
.qr39-preview{text-align:center;background:#f4faf7;border:1px solid #d4eae0;border-radius:18px;padding:21px 14px}
.qr39-preview img{display:block;max-width:280px;width:100%;height:auto;margin:15px auto;border:1px solid #e2ede7;background:#fff;border-radius:6px;image-rendering:pixelated}
.qr39-preview h3{color:#17354a;margin:0 0 7px;font-size:18px}
.qr39-preview p{font-size:12px;color:#6b7f8b;margin:8px auto 13px}
.qr39-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.qr39-actions button{background:#fff;border:1px solid #b3d5c9;border-radius:10px;padding:11px 7px;color:#096d55;font-weight:750;font-size:13px;cursor:pointer}
.qr39-actions button:hover{background:#e2f6ec}
.qr39-encoded{font-size:11px;white-space:pre-wrap;word-break:break-word;max-height:75px;overflow:auto;color:#6b7e84;text-align:left;background:#fff;border-radius:8px;padding:9px;margin-top:11px}
.qr39-badge{display:inline-flex;gap:7px;align-items:center;color:#0c805e;background:#def5e9;border-radius:999px;padding:7px 12px;font-weight:800;letter-spacing:.04em;font-size:11px}
.qr39-status{font-size:13px;min-height:20px;margin:13px 0 0;line-height:1.55}
.qr39-status[data-state=error]{color:#bc2a2a}.qr39-status[data-state=success]{color:#08775b}
.qr39-intro{color:#5d7885;line-height:1.7;max-width:750px;margin:12px 0 25px}
.qr39-seo{max-width:890px;line-height:1.8;color:#405568;padding-top:18px}
.qr39-seo h2{margin:25px 0 9px;color:#162d42;font-size:23px}
.qr39-seo details{background:#fff;border:1px solid #e0ebe7;border-radius:12px;padding:12px 15px;margin:10px 0}
.qr39-seo summary{font-weight:750;cursor:pointer}
.qr39-seo a{color:#078364;text-decoration:underline}
.qr39-empty{color:#71858f;font-size:13px;margin:25px 0}
@media(max-width:800px){.qr39-layout{grid-template-columns:1fr}.qr39-card{padding:17px}.qr39-preview{position:static}.qr39-settings{gap:8px}.qr39-layout{gap:15px}}
@media print{body.qr39-print header,body.qr39-print footer,body.qr39-print .breadcrumbs,body.qr39-print .qr39-card:first-child,body.qr39-print .qr39-seo,body.qr39-print .qr39-actions,body.qr39-print .tiv-growth-actions,body.qr39-print .qr39-status{display:none!important}body.qr39-print .qr39-layout{display:block}body.qr39-print .qr39-card{box-shadow:none;border:0;max-width:500px;margin:0 auto}body.qr39-print .qr39-preview img{width:320px;max-width:100%}}