.qr-overlay-box{
    max-width:820px;
    margin:40px auto;
    padding:36px;
    background:#fff;
    border-radius:18px;
    box-shadow:0 16px 40px rgba(0,0,0,.14);
    font-family:system-ui,-apple-system,BlinkMacSystemFont;
}
.qr-overlay-box h2{text-align:center;font-size:28px;color:#243b80;margin-bottom:28px}
.qr-overlay-box input, .qr-overlay-box select{
    width:100%;padding:15px;border:1px solid #ddd;border-radius:10px;
    font-size:16px;margin-bottom:18px
}
.qr-overlay-box label{font-weight:600;margin:12px 0 6px;display:block}
.btn-primary{
    width:100%;padding:18px;
    background:linear-gradient(135deg,#243b80,#1e88e5);
    color:#fff;font-size:19px;font-weight:700;
    border:none;border-radius:14px;cursor:pointer
}
.qr-overlay-result{text-align:center;margin-top:30px}
.qr-overlay-result img{max-width:100%;border-radius:14px;box-shadow:0 8px 26px rgba(0,0,0,.25)}
.qr-overlay-download{
    display:inline-block;margin-top:18px;padding:12px 26px;
    background:#2e7d32;color:#fff;border-radius:10px;
    text-decoration:none;font-weight:700
}


/* ===== FIX dropdown Vị trí Logo bị che ===== */
.qr-overlay-box,
.qr-overlay-container,
.qr-overlay-form{
    overflow: visible !important;
}

.qr-overlay-box select{
    position: relative;
    z-index: 9999;
}

.qr-overlay-box .select,
.qr-overlay-box .select select{
    overflow: visible !important;
}

/* ===== Button TẠO ẢNH + QR gọn chuyên nghiệp ===== */
.qr-overlay-submit,
.btn-generate-qr{
    display:inline-block;
    min-width:240px;
    padding:12px 26px;
    font-size:15px;
    font-weight:700;
    border-radius:10px;
    background:linear-gradient(135deg,#1e3c72,#2a5298);
    box-shadow:0 6px 16px rgba(0,0,0,.25);
    margin:28px auto 14px;
}