/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 * admin-style
 */

.form-buttons { display: flex; align-items: center; gap: 25px; margin-top: 20px; }
.form-buttons p { margin: 0; padding: 0; }
.additional-settings { display: none; }
#logo_fields { display: flex; gap: 5px; }
td.download.column-download .download-buttons-qrcode a { color: white; }
.download-qr-code-column { display: flex; gap: 5px; flex-direction: column; text-align: center; font-weight: 500; }
.plugin-descriptions { background-color: #f9f9f9; border-left: 4px solid #0073aa; padding: 15px; margin-bottom: 20px; }
.shortcode-info { background-color: #f0f0f0; border: 1px solid #ddd; padding: 15px; border-radius: 5px; margin-bottom: 20px; }
.shortcode-example { background-color: #fff; border: 1px solid #ddd; padding: 10px; border-radius: 5px; margin: 10px 0; font-family: monospace; }
.about-us-company-details { background-color: #f9f9f9; border: 1px solid #ddd; padding: 15px; border-radius: 5px; }
.about-us-company-details p { margin: 0 0 10px; }
.about-us-company-details a { color: #0073aa; text-decoration: none; }
.about-us-company-details a:hover { text-decoration: underline; }
.shortcode-info ul { list-style-type: disc; padding-left: 20px; }
.shortcode-info ul li, .shortcode-notes-desctiption { font-weight: bold; }
.shortcode-info .shortcode-example { display: flex; align-items: center; }
#toplevel_page_custom-qr-code-generator .wp-menu-image:before { content: ''; background-image: url('../qrcode/dashicon/qrscan.svg'); background-size: 20px 20px; background-repeat: no-repeat; background-position: center; display: inline-block; width: 20px; height: 20px; text-indent: -9999px; filter: brightness(0) saturate(100%) invert(73%) sepia(7%) saturate(136%) hue-rotate(169deg) brightness(92%) contrast(91%); }
#qrcode-loader:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px; border-radius: 50%; border: 6px solid #ccc; border-top-color: #ff6a00; animation: loader-spin .8s linear infinite; }
#download-popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 9998; }
#download-popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); z-index: 9999; max-width: 90%; width: 400px; text-align: center; }
#download-popup h2 { margin-top: 0; font-size: 18px; font-weight: bold; }
.download-buttons { margin: 20px 0; }
.download-buttons .button { margin: 5px; padding: 10px 20px; border-radius: 4px; font-size: 14px; text-decoration: none; }
.button-primary { background-color: #0073aa; color: #fff; }
.button-secondary { background-color: #ccc; color: #333; }
#close-popup { padding: 0px; border: none; border-radius: 4px; background-color: #ff0000; color: #fff; cursor: pointer; position: absolute; top: -11px; right: -11px; border-radius: 60px; width: 30px; height: 30px; z-index: 9999; }
#close-popup:hover { background-color: #cc0000; }
span.required-lables { color: red; font-weight: bold; }
#qrcode-loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 9999; justify-content: center; align-items: center; }
td.shortcode.column-shortcode span.shortcode { cursor: pointer; }
@keyframes loader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
#toggle-password i { transition: color 0.3s; } #toggle-password:hover i {color: #0073aa; }
.cqrc-import-container { margin: 30px 0; padding: 20px; border: 1px solid #ddd; border-radius: 8px; background-color: #f9f9f9; } 
.cqrc-instructions p { font-size: 16px; color: #333; margin-bottom: 15px; } 
.cqrc-sample-download { margin-bottom: 20px; } 
.cqrc-sample-download a { font-size: 16px; background-color: #0073aa; color: #fff; padding: 10px 20px; border-radius: 5px; text-decoration: none; display: inline-block; } 
.cqrc-sample-download a:hover { background-color: #005177; } 
.cqrc-upload-form .input-file { padding: 10px; font-size: 16px; border-radius: 4px; border: 1px solid #ddd; width: 100%; margin-bottom: 20px; } 
.cqrc-submit-btn { text-align: center; } 
.cqrc-submit-btn input { font-size: 16px; padding: 10px 20px; background-color: #0073aa; color: white; border: none; border-radius: 5px; cursor: pointer; } 
.cqrc-submit-btn input:hover { background-color: #005177; } 
hr.site-hr-tag { margin: 30px 0; border: 1px solid #ddd; }
/* Default width for all devices */
/* Default width for all devices */
form#wwt-qrcode-generate-form .form-table td div#wp-description-wrap { width: 25em; }
@media screen and (max-width: 782px) { form#wwt-qrcode-generate-form .form-table td div#wp-description-wrap { width: 100%; } }
@media screen and (min-width: 1024px) {
	.toplevel_page_custom-qr-code-generator form#qr-listing-form table th#qrcode {width: 100%;max-width: 8%;}
	.toplevel_page_custom-qr-code-generator form#qr-listing-form table th#name {width: 100%;max-width: 12%;}
	.toplevel_page_custom-qr-code-generator form#qr-listing-form table th#description {width: 100%;max-width: 14%;}
	.toplevel_page_custom-qr-code-generator form#qr-listing-form table th#url {width: 100%;max-width: 15%;}
	.toplevel_page_custom-qr-code-generator form#qr-listing-form table th#total_scans {width: 100%;max-width: 8%;}
	.toplevel_page_custom-qr-code-generator form#qr-listing-form table th#created_at {width: 100%;max-width: 8%;}
}
.shortcode-list-cqrc { background-color: #fff; border: 1px solid #ddd; padding-left: 15px; border-radius: 5px; font-family: monospace; display: inline-block;}
td.shortcode.column-shortcode span.shortcode pre#shortcode-code code { padding: 10px 40px 10px 10px; border-radius: 5px; display: inline-block; }
span#copy-code-icons { position: relative; top: 22px; }
.shortcode { display: flex; }
.cqrc-available-options-import .shortcode-list-cqrc{padding: 0;margin-right: 10px;margin-bottom: 10px;}
.cqrc-available-options-import .shortcode-list-cqrc .shortcode{align-items: center;}
.cqrc-available-options-import .shortcode-list-cqrc span#copy-code-icons{top:0}
.cqrc-available-options-import #shortcode-code{display: inline-block;}
.cqrc-available-options-import #shortcode-code code{padding: 10px;border-radius: 5px;margin: 5px 10px;}
.site-show-error-msg { background-color: #f8d7da; color: #721c24; padding: 20px; border-radius: 5px; border-left: 5px solid #f5c6cb; }
.site-show-error-msg ul { list-style-type: disc; padding-left: 20px; margin-top: 10px; }
.site-show-error-msg ul li { margin-bottom: 5px; }
span.copy-code-icons-list-wrap { display: none; }
body.toplevel_page_custom-qr-code-generator .popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 9999; }
body.toplevel_page_custom-qr-code-generator .popup-content { background: #fff; padding: 20px; border-radius: 10px; text-align: center; width: 350px; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3); position: relative; animation: fadeIn 0.3s ease-in-out; }
body.toplevel_page_custom-qr-code-generator .popup-overlay .popup-content h3 { font-size: 18px; margin-bottom: 15px; font-weight: bold; }
body.toplevel_page_custom-qr-code-generator .popup-overlay .popup-content textarea#embedCodeText { width: 100%; height: 60px; padding: 10px; border: 1px solid #ddd; border-radius: 5px; font-size: 14px; resize: none; }
body.toplevel_page_custom-qr-code-generator .popup-overlay .popup-content button { display: inline-block; width: 40%; margin: 10px 5px; padding: 10px; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; font-weight: bold; transition: 0.2s; }
body.toplevel_page_custom-qr-code-generator .popup-overlay .popup-content #copyEmbedCode { background: #007bff; color: white; }
body.toplevel_page_custom-qr-code-generator .popup-overlay .popup-content #copyEmbedCode:hover { background: #0056b3; }
body.toplevel_page_custom-qr-code-generator .popup-overlay .popup-content #closePopup { background: #dc3545; color: white; }
body.toplevel_page_custom-qr-code-generator .popup-overlay .popup-content #closePopup:hover { background: #b52a37; }
body.toplevel_page_custom-qr-code-generator .popup-overlay .popup-content #copyMessage { display: none; color: green; font-size: 14px; margin-top: 5px; }
@keyframes fadeIn { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } }
body.toplevel_page_custom-qr-code-generator .popup-overlay .popup-content { position: relative; animation: fadeIn 0.3s ease-in-out;}
body.toplevel_page_custom-qr-code-generator .popup-overlay .popup-content .close-popup-btn { padding: 0px 0 5px 0; border: none; border-radius: 4px; background-color: #ff0000; color: #fff; cursor: pointer; position: absolute; top: -23px; right: -18px; border-radius: 60px; width: 30px; height: 30px; z-index: 9999; font-size: 16px;}
body.toplevel_page_custom-qr-code-generator .popup-overlay .popup-content .close-popup-btn:hover { color: #dc3545;}