.mpqr-display-wrapper { text-align: center; margin: 20px 0; }
.mpqr-display-image { max-width: 320px; width: 100%; height: auto; border: 1px solid #e2e2e2; border-radius: 8px; }

.mpqr-generator-wrapper { max-width: 480px; margin: 20px 0; font-family: inherit; }
.mpqr-generator-wrapper.mpqr-locked { text-align: center; padding: 32px; border: 1px dashed #ccc; border-radius: 8px; }

.mpqr-limit-info { padding: 10px 14px; background: #eef6ff; border-radius: 6px; font-size: 14px; }

.mpqr-form label { display:block; font-weight:600; margin-bottom:4px; }
.mpqr-input { width: 100%; padding: 8px 10px; border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box; }

.mpqr-approval-warning { font-size: 13px; color: #92400e; background: #fef3c7; padding: 8px 12px; border-radius: 6px; }

.mpqr-btn {
	display: inline-block;
	background: #2271b1;
	color: #fff;
	padding: 10px 20px;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	text-decoration: none;
	font-weight: 600;
}
.mpqr-btn:hover { background: #135e96; color:#fff; }

.mpqr-notice { padding: 10px 14px; border-radius: 6px; margin-bottom: 12px; }
.mpqr-notice-success { background:#dcfce7; color:#166534; }
.mpqr-notice-error, .mpqr-notice-limit { background:#fee2e2; color:#991b1b; }