/* Industrial Signage — generator (Bootstrap) overrides. Loads after site.css. */
body.qrcdr{background:var(--bg)!important;color:var(--text)!important;font-family:var(--body)!important}
body.qrcdr .container{max-width:var(--maxw)}
/* generator card */
#dataTabs.tab-content,body.qrcdr .tab-content{background:var(--bg)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;box-shadow:none!important;padding:22px!important;color:var(--text)!important}
/* type tabs */
body.qrcdr .nav-pills .nav-link,body.qrcdr .tabnav .btn,body.qrcdr .btn-group-toggle .btn{font-family:var(--mono)!important;text-transform:uppercase!important;font-size:.74rem!important;letter-spacing:.04em!important;color:var(--text-muted)!important;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;transition:all var(--dur) var(--ease)!important}
body.qrcdr .nav-pills .nav-link i,body.qrcdr .tabnav .btn i{color:var(--accent)!important}
body.qrcdr .nav-pills .nav-link:hover,body.qrcdr .tabnav .btn:hover{color:var(--text)!important;border-color:var(--accent)!important}
body.qrcdr .nav-pills .nav-link.active,body.qrcdr .tabnav .btn.active,body.qrcdr .btn-group-toggle .btn.active{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}
body.qrcdr .nav-pills .nav-link.active i,body.qrcdr .tabnav .btn.active i{color:#fff!important}
/* labels + fields */
body.qrcdr label,body.qrcdr .form-group label{font-family:var(--mono)!important;text-transform:uppercase!important;font-size:.74rem!important;letter-spacing:.04em!important;color:var(--text-muted)!important}
body.qrcdr h1,body.qrcdr h2,body.qrcdr h3,body.qrcdr h4,body.qrcdr h5{font-family:var(--display)!important;text-transform:uppercase!important}
body.qrcdr .tab-content h1,body.qrcdr .tab-content h2,body.qrcdr .tab-content h3,body.qrcdr .tab-content h4{color:var(--text)!important}
body.qrcdr .hero h1{color:#fff!important}
body.qrcdr .form-control,body.qrcdr .form-select,body.qrcdr select,body.qrcdr textarea,body.qrcdr input[type=text],body.qrcdr input[type=url],body.qrcdr input[type=email],body.qrcdr input[type=number],body.qrcdr input[type=tel],body.qrcdr input[type=password]{background:var(--bg)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;padding:.6rem .8rem!important;font-family:var(--body)!important}
body.qrcdr .form-control::placeholder{color:var(--text-muted)!important}
body.qrcdr .form-control:focus,body.qrcdr .form-select:focus,body.qrcdr select:focus,body.qrcdr textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(11,114,231,.18)!important;background:var(--bg)!important;color:var(--text)!important}
body.qrcdr .input-group-text{background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text-muted)!important}
body.qrcdr .form-check-input:checked{background-color:var(--accent)!important;border-color:var(--accent)!important}
body.qrcdr .form-check-label{color:var(--text-muted)!important}
/* options accordion */
body.qrcdr .accordion,body.qrcdr .accordion-item{background:transparent!important;border:0!important}
body.qrcdr .accordion-item{margin-bottom:10px}
body.qrcdr .accordion .btn-outline-primary,body.qrcdr .accordion .btn{background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text)!important;font-family:var(--display)!important;font-weight:700!important;text-transform:uppercase!important;border-radius:var(--radius)!important;text-align:left;letter-spacing:.02em}
body.qrcdr .accordion .btn:hover{border-color:var(--accent)!important;color:var(--accent)!important}
/* buttons */
body.qrcdr .btn-primary,body.qrcdr .generate_qrcode{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important;font-family:var(--display)!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.02em!important;border-radius:var(--radius)!important;box-shadow:none!important}
body.qrcdr .btn-primary:hover,body.qrcdr .generate_qrcode:hover{background:var(--accent-700)!important;border-color:var(--accent-700)!important}
body.qrcdr .btn-outline-primary{background:transparent!important;border:1px solid var(--border)!important;color:var(--text)!important;border-radius:var(--radius)!important}
body.qrcdr .btn-outline-primary:hover{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}
body.qrcdr input[type=color]{border-radius:var(--radius)!important;border:1px solid var(--border)!important;background:var(--bg)!important}
/* result card */
body.qrcdr .placeresult{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;box-shadow:none!important;padding:18px!important}
body.qrcdr .placeresult::before{content:"LIVE PREVIEW";display:block;font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;color:var(--text-muted);margin-bottom:12px;text-transform:uppercase}
body.qrcdr .wrapresult .resultholder{background:#fff!important;border-radius:var(--radius)!important;padding:16px!important}
body.qrcdr .linksholder{display:flex;gap:.6rem;flex-wrap:wrap;align-items:stretch}
body.qrcdr .linksholder .btn{color:var(--accent)!important;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.7rem 1.1rem!important;min-width:74px;transition:all var(--dur) var(--ease)}
body.qrcdr .linksholder .btn:hover{border-color:var(--accent)!important;background:var(--bg)!important;transform:translateY(-2px)}
body.qrcdr .linksholder .btn svg{width:2em!important;height:2em!important}
body.qrcdr .linksholder .btn .dl-label{font-family:var(--mono)!important;font-size:.7rem!important;text-transform:uppercase!important;letter-spacing:.05em;color:var(--text-muted)!important}
body.qrcdr .linksholder .btn:hover .dl-label{color:var(--accent)!important}
body.qrcdr .preloader{color:var(--accent)!important}
/* toast */
body.qrcdr .alert_placeholder.toast{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;color:var(--text)!important}
body.qrcdr .toast-header{background:transparent!important;border-bottom:1px solid var(--border)!important;color:var(--text)!important}
body.qrcdr .bg-primary{background:transparent!important}

/* ===== logo upload / watermark area — fix purple + overlap ===== */
/* Bootstrap custom-file is the purple bar — restyle to the new system */
body.qrcdr .custom-file{position:relative;display:block;width:100%;height:auto;margin-top:.4rem}
body.qrcdr .custom-file-input{position:relative;z-index:2;width:100%;height:48px;margin:0;opacity:0;cursor:pointer}
body.qrcdr .custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:48px;display:flex;align-items:center;padding:0 1rem;
  background:var(--surface)!important;border:2px dashed var(--border)!important;border-radius:var(--radius)!important;color:var(--text-muted)!important;font-family:var(--mono)!important;font-size:.8rem!important;text-transform:uppercase;overflow:hidden}
body.qrcdr .custom-file-label::after{content:"Browse"!important;position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;padding:0 1.1rem;
  background:var(--accent)!important;color:#fff!important;font-family:var(--display)!important;font-weight:700;text-transform:uppercase;border-radius:0 var(--radius) var(--radius) 0;border-left:0!important;height:100%}
body.qrcdr .custom-file-input:hover ~ .custom-file-label{border-color:var(--accent)!important}
body.qrcdr .custom-file-input:hover ~ .custom-file-label::after{background:var(--accent-700)!important}
/* watermark thumbnails (logoselecta) */
body.qrcdr .logoselecta .btn-group-toggle{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}
body.qrcdr .logoselecta .btn.btn-light{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;padding:.45rem!important;width:58px;height:58px;display:grid;place-items:center}
body.qrcdr .logoselecta .btn.btn-light img{max-width:100%;max-height:100%}
body.qrcdr .logoselecta .btn-check:checked+.btn.btn-light{border-color:var(--accent)!important;outline:2px solid var(--accent)!important;background:var(--bg)!important}
/* prevent the logo/upload block from overlapping fields below */
body.qrcdr .cropit-preview,body.qrcdr .image-editor{margin-bottom:1rem!important}
body.qrcdr .custom-file{margin-bottom:1rem}