/* CSS Reset for HTML elements inside plugin to prevent theme conflicts */
/* Only apply box-sizing globally, let Tailwind classes handle the rest */
.dabilux-qr,
.dabilux-qr *,
.dabilux-qr *::before,
.dabilux-qr *::after {
  box-sizing: border-box;
}

/* Additional resets only for elements without utility classes */
.dabilux-qr span:not([class*="dabilux-qr-"]) {
  margin: 0;
  padding: 0;
  display: inline;
}

.dabilux-qr a:not([class*="dabilux-qr-"]) {
  text-decoration: none;
  color: inherit;
}

.dabilux-qr img:not([class*="dabilux-qr-"]) {
  max-width: 100%;
  height: auto;
  display: block;
}

.dabilux-qr svg:not([class*="dabilux-qr-"]) {
  display: inline-block;
  vertical-align: middle;
}

.dabilux-qr ul:not([class*="dabilux-qr-"]),
.dabilux-qr ol:not([class*="dabilux-qr-"]) {
  margin: 0;
  padding: 0;
  list-style: none;
}

.dabilux-qr li:not([class*="dabilux-qr-"]) {
  margin: 0;
  padding: 0;
}

.dabilux-qr main:not([class*="dabilux-qr-"]) {
  margin: 0;
  padding: 0;
}
/* CSS reset for form elements WITHOUT utility classes - only reset default browser/theme styles */
.dabilux-qr input[type="text"]:not([class*="dabilux-qr-"]),
.dabilux-qr input[type="email"]:not([class*="dabilux-qr-"]),
.dabilux-qr input[type="tel"]:not([class*="dabilux-qr-"]),
.dabilux-qr input[type="url"]:not([class*="dabilux-qr-"]),
.dabilux-qr input[type="password"]:not([class*="dabilux-qr-"]),
.dabilux-qr input[type="color"]:not([class*="dabilux-qr-"]),
.dabilux-qr input[type="file"]:not([class*="dabilux-qr-"]),
.dabilux-qr textarea:not([class*="dabilux-qr-"]),
.dabilux-qr select:not([class*="dabilux-qr-"]) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: 0;
}

.dabilux-qr button:not([class*="dabilux-qr-"]) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  cursor: pointer;
  text-align: inherit;
  text-decoration: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  text-transform: none;
  letter-spacing: normal;
}

.dabilux-qr select:not([class*="dabilux-qr-"]) {
  background-image: none;
  cursor: pointer;
}

.dabilux-qr label:not([class*="dabilux-qr-"]) {
  margin: 0;
  padding: 0;
  font-weight: inherit;
  display: block;
  cursor: inherit;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.dabilux-qr .dabilux-qr-absolute{position:absolute}.dabilux-qr .dabilux-qr-relative{position:relative}.dabilux-qr .dabilux-qr-sticky{position:sticky}.dabilux-qr .dabilux-qr-inset-0{inset:0}.dabilux-qr .dabilux-qr--right-2{right:-.5rem}.dabilux-qr .dabilux-qr--top-2{top:-.5rem}.dabilux-qr .dabilux-qr-left-0{left:0}.dabilux-qr .dabilux-qr-top-0{top:0}.dabilux-qr .dabilux-qr-top-8{top:2rem}.dabilux-qr .dabilux-qr-z-0{z-index:0}.dabilux-qr .dabilux-qr-z-10{z-index:10}.dabilux-qr .dabilux-qr-z-20{z-index:20}.dabilux-qr .dabilux-qr-mx-auto{margin-left:auto;margin-right:auto}.dabilux-qr .dabilux-qr-mb-2{margin-bottom:.5rem}.dabilux-qr .dabilux-qr-mb-3{margin-bottom:.75rem}.dabilux-qr .dabilux-qr-mb-4{margin-bottom:1rem}.dabilux-qr .dabilux-qr-mb-6{margin-bottom:1.5rem}.dabilux-qr .dabilux-qr-mb-8{margin-bottom:2rem}.dabilux-qr .dabilux-qr-mt-2{margin-top:.5rem}.dabilux-qr .dabilux-qr-block{display:block}.dabilux-qr .dabilux-qr-flex{display:flex}.dabilux-qr .dabilux-qr-grid{display:grid}.dabilux-qr .dabilux-qr-h-10{height:2.5rem}.dabilux-qr .dabilux-qr-h-16{height:4rem}.dabilux-qr .dabilux-qr-h-2{height:.5rem}.dabilux-qr .dabilux-qr-h-3{height:.75rem}.dabilux-qr .dabilux-qr-h-4{height:1rem}.dabilux-qr .dabilux-qr-h-5{height:1.25rem}.dabilux-qr .dabilux-qr-h-6{height:1.5rem}.dabilux-qr .dabilux-qr-h-7{height:1.75rem}.dabilux-qr .dabilux-qr-h-8{height:2rem}.dabilux-qr .dabilux-qr-h-\[250px\]{height:250px}.dabilux-qr .dabilux-qr-h-full{height:100%}.dabilux-qr .dabilux-qr-min-h-\[250px\]{min-height:250px}.dabilux-qr .dabilux-qr-min-h-\[400px\]{min-height:400px}.dabilux-qr .dabilux-qr-min-h-screen{min-height:100vh}.dabilux-qr .dabilux-qr-w-1{width:.25rem}.dabilux-qr .dabilux-qr-w-10{width:2.5rem}.dabilux-qr .dabilux-qr-w-16{width:4rem}.dabilux-qr .dabilux-qr-w-24{width:6rem}.dabilux-qr .dabilux-qr-w-3{width:.75rem}.dabilux-qr .dabilux-qr-w-32{width:8rem}.dabilux-qr .dabilux-qr-w-4{width:1rem}.dabilux-qr .dabilux-qr-w-5{width:1.25rem}.dabilux-qr .dabilux-qr-w-7{width:1.75rem}.dabilux-qr .dabilux-qr-w-8{width:2rem}.dabilux-qr .dabilux-qr-w-\[250px\]{width:250px}.dabilux-qr .dabilux-qr-w-full{width:100%}.dabilux-qr .dabilux-qr-min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.dabilux-qr .dabilux-qr-max-w-7xl{max-width:80rem}.dabilux-qr .dabilux-qr-flex-shrink-0{flex-shrink:0}@keyframes dabilux-qr-pulse{50%{opacity:.5}}.dabilux-qr .dabilux-qr-animate-pulse{animation:dabilux-qr-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes dabilux-qr-spin{to{transform:rotate(1turn)}}.dabilux-qr .dabilux-qr-animate-spin{animation:dabilux-qr-spin 1s linear infinite}.dabilux-qr .dabilux-qr-cursor-not-allowed{cursor:not-allowed}.dabilux-qr .dabilux-qr-cursor-pointer{cursor:pointer}.dabilux-qr .dabilux-qr-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.dabilux-qr .dabilux-qr-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.dabilux-qr .dabilux-qr-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.dabilux-qr .dabilux-qr-flex-wrap{flex-wrap:wrap}.dabilux-qr .dabilux-qr-items-center{align-items:center}.dabilux-qr .dabilux-qr-items-start{align-items:flex-start}.dabilux-qr .dabilux-qr-justify-center{justify-content:center}.dabilux-qr .dabilux-qr-justify-between{justify-content:space-between}.dabilux-qr .dabilux-qr-gap-1{gap:.25rem}.dabilux-qr .dabilux-qr-gap-2{gap:.5rem}.dabilux-qr .dabilux-qr-gap-2\.5{gap:.625rem}.dabilux-qr .dabilux-qr-gap-3{gap:.75rem}.dabilux-qr .dabilux-qr-gap-4{gap:1rem}.dabilux-qr .dabilux-qr-gap-8{gap:2rem}.dabilux-qr :is(.dabilux-qr-space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.dabilux-qr :is(.dabilux-qr-space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.dabilux-qr :is(.dabilux-qr-space-y-4>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.dabilux-qr :is(.dabilux-qr-space-y-6>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.dabilux-qr .dabilux-qr-overflow-hidden{overflow:hidden}.dabilux-qr .dabilux-qr-overflow-x-auto{overflow-x:auto}.dabilux-qr .dabilux-qr-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dabilux-qr .dabilux-qr-whitespace-nowrap{white-space:nowrap}.dabilux-qr .dabilux-qr-rounded{border-radius:.25rem}.dabilux-qr .dabilux-qr-rounded-2xl{border-radius:1rem}.dabilux-qr .dabilux-qr-rounded-3xl{border-radius:1.5rem}.dabilux-qr .dabilux-qr-rounded-full{border-radius:9999px}.dabilux-qr .dabilux-qr-rounded-lg{border-radius:.5rem}.dabilux-qr .dabilux-qr-rounded-xl{border-radius:.75rem}.dabilux-qr .dabilux-qr-border{border-width:1px}.dabilux-qr .dabilux-qr-border-2{border-width:2px}.dabilux-qr .dabilux-qr-border-dashed{border-style:dashed}.dabilux-qr .dabilux-qr-border-purple-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.dabilux-qr .dabilux-qr-border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.dabilux-qr .dabilux-qr-border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.dabilux-qr .dabilux-qr-border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.dabilux-qr .dabilux-qr-border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.dabilux-qr .dabilux-qr-bg-purple-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.dabilux-qr .dabilux-qr-bg-purple-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.dabilux-qr .dabilux-qr-bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.dabilux-qr .dabilux-qr-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.dabilux-qr .dabilux-qr-bg-white\/80{background-color:hsla(0,0%,100%,.8)}.dabilux-qr .dabilux-qr-bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.dabilux-qr .dabilux-qr-from-purple-500{--tw-gradient-from:#8682FF var(--tw-gradient-from-position);--tw-gradient-to:rgba(134,130,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dabilux-qr .dabilux-qr-via-purple-400{--tw-gradient-to:rgba(244,63,94,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#9a96ff var(--tw-gradient-via-position),var(--tw-gradient-to)}.dabilux-qr .dabilux-qr-to-purple-300{--tw-gradient-to:#a8a4ff var(--tw-gradient-to-position)}.dabilux-qr .dabilux-qr-object-contain{-o-object-fit:contain;object-fit:contain}.dabilux-qr .dabilux-qr-p-0\.5{padding:.125rem}.dabilux-qr .dabilux-qr-p-3{padding:.75rem}.dabilux-qr .dabilux-qr-p-4{padding:1rem}.dabilux-qr .dabilux-qr-p-6{padding:1.5rem}.dabilux-qr .dabilux-qr-p-8{padding:2rem}.dabilux-qr .dabilux-qr-px-3{padding-left:.75rem;padding-right:.75rem}.dabilux-qr .dabilux-qr-px-4{padding-left:1rem;padding-right:1rem}.dabilux-qr .dabilux-qr-px-5{padding-left:1.25rem;padding-right:1.25rem}.dabilux-qr .dabilux-qr-py-2{padding-top:.5rem;padding-bottom:.5rem}.dabilux-qr .dabilux-qr-py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.dabilux-qr .dabilux-qr-py-3{padding-top:.75rem;padding-bottom:.75rem}.dabilux-qr .dabilux-qr-py-8{padding-top:2rem;padding-bottom:2rem}.dabilux-qr .dabilux-qr-pb-2{padding-bottom:.5rem}.dabilux-qr .dabilux-qr-text-center{text-align:center}.dabilux-qr .dabilux-qr-font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.dabilux-qr .dabilux-qr-text-lg{font-size:1.125rem;line-height:1.75rem}.dabilux-qr .dabilux-qr-text-sm{font-size:.875rem;line-height:1.25rem}.dabilux-qr .dabilux-qr-text-xl{font-size:1.25rem;line-height:1.75rem}.dabilux-qr .dabilux-qr-text-xs{font-size:.75rem;line-height:1rem}.dabilux-qr .dabilux-qr-font-bold{font-weight:700}.dabilux-qr .dabilux-qr-font-medium{font-weight:500}.dabilux-qr .dabilux-qr-font-semibold{font-weight:600}.dabilux-qr .dabilux-qr-uppercase{text-transform:uppercase}.dabilux-qr .dabilux-qr-tracking-wider{letter-spacing:.05em}.dabilux-qr .dabilux-qr-text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.dabilux-qr .dabilux-qr-text-purple-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.dabilux-qr .dabilux-qr-text-purple-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.dabilux-qr .dabilux-qr-text-purple-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.dabilux-qr .dabilux-qr-text-purple-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.dabilux-qr .dabilux-qr-text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.dabilux-qr .dabilux-qr-text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.dabilux-qr .dabilux-qr-text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.dabilux-qr .dabilux-qr-text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.dabilux-qr .dabilux-qr-text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.dabilux-qr .dabilux-qr-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dabilux-qr .dabilux-qr-opacity-0{opacity:0}.dabilux-qr .dabilux-qr-opacity-100{opacity:1}.dabilux-qr .dabilux-qr-shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.dabilux-qr .dabilux-qr-shadow-md,.dabilux-qr .dabilux-qr-shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dabilux-qr .dabilux-qr-shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.dabilux-qr .dabilux-qr-shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dabilux-qr .dabilux-qr-shadow-purple-500\/20{--tw-shadow-color:rgba(134,130,255,.2);--tw-shadow:var(--tw-shadow-colored)}.dabilux-qr .dabilux-qr-shadow-slate-200\/50{--tw-shadow-color:rgba(226,232,240,.5);--tw-shadow:var(--tw-shadow-colored)}.dabilux-qr .dabilux-qr-outline-none{outline:2px solid transparent;outline-offset:2px}.dabilux-qr .dabilux-qr-ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dabilux-qr .dabilux-qr-ring-purple-200{--tw-ring-opacity:1;--tw-ring-color:rgb(254 202 202/var(--tw-ring-opacity,1))}.dabilux-qr .dabilux-qr-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dabilux-qr .dabilux-qr-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dabilux-qr .dabilux-qr-duration-200{transition-duration:.2s}.dabilux-qr .dabilux-qr-duration-300{transition-duration:.3s}
/* Responsive Grid Layout - Mobile First */
.dabilux-qr .dabilux-qr-lg\:grid-cols-12 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.dabilux-qr .dabilux-qr-lg\:col-span-5,
.dabilux-qr .dabilux-qr-lg\:col-span-7 { grid-column: span 1 / span 1; }

/* Desktop: 2 columns layout */
@media (min-width: 1024px) {
  .dabilux-qr .dabilux-qr-lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .dabilux-qr .dabilux-qr-lg\:col-span-7 { grid-column: span 7 / span 7; }
  .dabilux-qr .dabilux-qr-lg\:col-span-5 { grid-column: span 5 / span 5; }
}

/* Mobile responsive adjustments */
@media (max-width: 1023px) {
  .dabilux-qr .dabilux-qr-px-4 { padding-left: 1rem; padding-right: 1rem; }
  .dabilux-qr .dabilux-qr-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  .dabilux-qr .dabilux-qr-gap-8 { gap: 1.5rem; }
  .dabilux-qr .dabilux-qr-grid-cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  .dabilux-qr .dabilux-qr-grid-cols-4 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .dabilux-qr .dabilux-qr-grid-cols-2 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
}
/* Missing responsive classes */
@media (min-width: 640px) {
  .dabilux-qr .dabilux-qr-sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .dabilux-qr .dabilux-qr-sm\:pb-0 { padding-bottom: 0; }
}

@media (min-width: 1024px) {
  .dabilux-qr .dabilux-qr-lg\:px-8 { padding-left: 2rem; padding-right: 2rem; }
}

/* Hover states */
.dabilux-qr .dabilux-qr-hover\:bg-slate-100:hover { background-color: rgb(241 245 249); }
.dabilux-qr .dabilux-qr-hover\:text-slate-900:hover { color: rgb(15 23 42); }
.dabilux-qr .dabilux-qr-hover\:border-purple-200:hover { border-color: rgb(196 193 255); }
.dabilux-qr .dabilux-qr-hover\:border-purple-400:hover { border-color: rgb(154 150 255); }
.dabilux-qr .dabilux-qr-hover\:bg-purple-50:hover { background-color: rgb(240 239 255); }
.dabilux-qr .dabilux-qr-hover\:bg-slate-50:hover { background-color: rgb(248 250 252); }
.dabilux-qr .dabilux-qr-hover\:shadow-md:hover { box-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1); }

/* Focus states */
.dabilux-qr .dabilux-qr-focus\:border-purple-500:focus { border-color: rgb(134 130 255); }
.dabilux-qr .dabilux-qr-focus\:ring-4:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
.dabilux-qr .dabilux-qr-focus\:ring-purple-500\/10:focus { --tw-ring-color: rgba(134, 130, 255, 0.1); }

/* Group hover */
.dabilux-qr .group:hover .dabilux-qr-group-hover\:text-purple-600 { color: rgb(107 102 204); }
.dabilux-qr .group:hover .dabilux-qr-group-hover\:shadow-md { box-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1); }

/* Active states */
.dabilux-qr .dabilux-qr-active\:scale-95:active { transform: scale(0.95); }

/* Focus-within states */
.dabilux-qr .dabilux-qr-focus-within\:ring-2:focus-within { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
.dabilux-qr .dabilux-qr-focus-within\:ring-purple-500:focus-within { --tw-ring-color: rgb(134 130 255); }
.dabilux-qr .dabilux-qr-focus-within\:ring-offset-2:focus-within { --tw-ring-offset-width: 2px; }

/* Animation classes */
@keyframes dabilux-qr-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
.dabilux-qr .dabilux-qr-animate-in { animation: dabilux-qr-fade-in 0.3s ease-in-out; }
.dabilux-qr .dabilux-qr-fade-in { animation: dabilux-qr-fade-in 0.3s ease-in-out; }

/* Additional border colors */
.dabilux-qr .dabilux-qr-border-purple-400 { border-color: rgb(154 150 255); }

/* Additional text colors */
.dabilux-qr .dabilux-qr-text-slate-900 { color: rgb(15 23 42); }

/* Additional background colors */
.dabilux-qr .dabilux-qr-bg-slate-100 { background-color: rgb(241 245 249); }

/* Transform utilities */
.dabilux-qr .dabilux-qr-scale-95 { transform: scale(0.95); }

/* Additional transition utilities */
.dabilux-qr .dabilux-qr-transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s; }

/* Selection styles */
.dabilux-qr ::selection {
  background-color: rgb(240 239 255);
  color: rgb(90 85 179);
}

/* No scrollbar utility */
.dabilux-qr .dabilux-qr-no-scrollbar::-webkit-scrollbar {
  display: none;
}
.dabilux-qr .dabilux-qr-no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Custom scrollbar utility */
.dabilux-qr .dabilux-qr-custom-scrollbar::-webkit-scrollbar {
  width: 5px;
}
.dabilux-qr .dabilux-qr-custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.dabilux-qr .dabilux-qr-custom-scrollbar::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 10px;
}
.dabilux-qr .dabilux-qr-custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Additional padding utilities */
.dabilux-qr .dabilux-qr-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.dabilux-qr .dabilux-qr-p-1\.5 { padding: 0.375rem; }

/* Additional margin utilities */
.dabilux-qr .dabilux-qr-mb-3 { margin-bottom: 0.75rem; }

/* Additional spacing utilities */
.dabilux-qr :is(.dabilux-qr-space-y-6>:not([hidden])~:not([hidden])) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * (1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

/* Ensure scroll indicator icon is always on the right */
.dabilux-qr .dabilux-qr-right-0 {
  right: 0 !important;
}

/* Purple color utilities - replacing red */
.dabilux-qr .dabilux-qr-border-purple-500 { border-color: rgb(134 130 255); }
.dabilux-qr .dabilux-qr-bg-purple-50 { background-color: rgb(240 239 255); }
.dabilux-qr .dabilux-qr-bg-purple-500 { background-color: rgb(134 130 255); }
.dabilux-qr .dabilux-qr-text-purple-300 { color: rgb(168 164 255); }
.dabilux-qr .dabilux-qr-text-purple-500 { color: rgb(134 130 255); }
.dabilux-qr .dabilux-qr-text-purple-600 { color: rgb(107 102 204); }
.dabilux-qr .dabilux-qr-text-purple-700 { color: rgb(90 85 179); }
.dabilux-qr .dabilux-qr-border-purple-200 { border-color: rgb(196 193 255); }
.dabilux-qr .dabilux-qr-border-purple-400 { border-color: rgb(154 150 255); }
.dabilux-qr .dabilux-qr-hover\:border-purple-200:hover { border-color: rgb(196 193 255); }
.dabilux-qr .dabilux-qr-hover\:border-purple-400:hover { border-color: rgb(154 150 255); }
.dabilux-qr .dabilux-qr-hover\:bg-purple-50:hover { background-color: rgb(240 239 255); }
.dabilux-qr .dabilux-qr-focus\:border-purple-500:focus { border-color: rgb(134 130 255); }
.dabilux-qr .dabilux-qr-focus\:ring-purple-500\/10:focus { --tw-ring-color: rgba(134, 130, 255, 0.1); }
.dabilux-qr .group:hover .dabilux-qr-group-hover\:text-purple-600 { color: rgb(107 102 204); }
.dabilux-qr .dabilux-qr-focus-within\:ring-purple-500:focus-within { --tw-ring-color: rgb(134 130 255); }
.dabilux-qr .dabilux-qr-shadow-purple-500\/20 { --tw-shadow-color: rgba(134, 130, 255, .2); --tw-shadow: var(--tw-shadow-colored); }
.dabilux-qr .dabilux-qr-ring-purple-200 { --tw-ring-opacity: 1; --tw-ring-color: rgb(196 193 255); }
.dabilux-qr .dabilux-qr-from-purple-500 { --tw-gradient-from: #8682FF var(--tw-gradient-from-position); --tw-gradient-to: rgba(134, 130, 255, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.dabilux-qr .dabilux-qr-via-purple-400 { --tw-gradient-to: rgba(154, 150, 255, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #9a96ff var(--tw-gradient-via-position), var(--tw-gradient-to); }
.dabilux-qr .dabilux-qr-to-purple-300 { --tw-gradient-to: #a8a4ff var(--tw-gradient-to-position); }
/* Override theme styles for utility classes with higher specificity */
.dabilux-qr input[class*="dabilux-qr-"],
.dabilux-qr textarea[class*="dabilux-qr-"],
.dabilux-qr select[class*="dabilux-qr-"],
.dabilux-qr button[class*="dabilux-qr-"] {
  /* Ensure utility classes override theme */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

/* Specific overrides for padding, border, background utilities */
.dabilux-qr input.dabilux-qr-px-4,
.dabilux-qr textarea.dabilux-qr-px-4,
.dabilux-qr select.dabilux-qr-px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.dabilux-qr input.dabilux-qr-py-4,
.dabilux-qr textarea.dabilux-qr-py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.dabilux-qr input.dabilux-qr-rounded-xl,
.dabilux-qr textarea.dabilux-qr-rounded-xl,
.dabilux-qr select.dabilux-qr-rounded-xl,
.dabilux-qr button.dabilux-qr-rounded-xl {
  border-radius: 0.75rem !important;
}

.dabilux-qr input.dabilux-qr-border,
.dabilux-qr textarea.dabilux-qr-border,
.dabilux-qr select.dabilux-qr-border {
  border-width: 1px !important;
}

.dabilux-qr input.dabilux-qr-border-slate-200,
.dabilux-qr textarea.dabilux-qr-border-slate-200,
.dabilux-qr select.dabilux-qr-border-slate-200 {
  border-color: rgb(226 232 240) !important;
}

.dabilux-qr input.dabilux-qr-bg-white,
.dabilux-qr textarea.dabilux-qr-bg-white,
.dabilux-qr select.dabilux-qr-bg-white {
  background-color: rgb(255 255 255) !important;
}

.dabilux-qr input.dabilux-qr-w-full,
.dabilux-qr textarea.dabilux-qr-w-full,
.dabilux-qr select.dabilux-qr-w-full {
  width: 100% !important;
}

.dabilux-qr button.dabilux-qr-bg-purple-500 {
  background-color: rgb(134 130 255) !important;
}

.dabilux-qr button.dabilux-qr-bg-purple-50 {
  background-color: rgb(240 239 255) !important;
}

.dabilux-qr button.dabilux-qr-border-purple-500 {
  border-color: rgb(134 130 255) !important;
}

.dabilux-qr button.dabilux-qr-text-white {
  color: rgb(255 255 255) !important;
}