.qrg-container {
max-width: 420px;
margin: 30px auto;
padding: 25px;
text-align: center;
border-radius: 14px;
background: #f9fafb;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
font-family: system-ui, sans-serif;
}
.qrg-container h2 {
margin-bottom: 15px;
color: #222;
}
.qrg-container input[type="text"] {
width: 100%;
padding: 12px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 8px;
}
.qrg-options {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 10px;
margin-bottom: 15px;
}
.qrg-options label {
font-size: 14px;
flex: 1 0 100%;
text-align: left;
margin-top: 5px;
}
.qrg-options select,
.qrg-options input[type="color"] {
flex: 1 0 30%;
padding: 5px;
border-radius: 6px;
border: 1px solid #ccc;
}
.qrg-container button {
padding: 10px 18px;
background: #0073aa;
color: #fff;
border: none;
border-radius: 8px;
cursor: pointer;
font-size: 15px;
}
.qrg-container button:hover {
background: #005f8d;
}
#qrg-result {
margin-top: 20px;
min-height: 200px;
}
.qrg-tab { display: none; }
.qrg-tab.active { display: block; }
.qrg-admin-wrap h2.nav-tab-wrapper { margin-bottom: 20px; }