/* =========================================
   Live-Laser Light Design
   nur Optik, keine Berechnungs-/QR-Logik
   ========================================= */

html,
body {
  background:
    radial-gradient(circle at 8% 10%, rgba(255,255,255,.40), transparent 30%),
    radial-gradient(circle at 92% 5%, rgba(141,237,229,.30), transparent 34%),
    linear-gradient(135deg, #94b5e2 0%, #dfeaff 52%, #c8efee 100%) !important;
  color:#16285d !important;
}

body,
main,
.page,
.wrap,
.shell,
.grid,
section,
.card,
.box,
.panel,
.privacy,
.qr-card,
[class*="card"],
[class*="box"],
[class*="panel"] {
  background:
    radial-gradient(circle at 88% 8%, rgba(141,237,229,.16), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.70), rgba(232,242,255,.64)) !important;
  border-color: rgba(255,255,255,.86) !important;
  color:#16285d !important;
  box-shadow:
    0 16px 34px rgba(77,112,166,.14),
    inset 0 1px 0 rgba(255,255,255,.76) !important;
}

h1,h2,h3,h4,strong,label {
  color:#16285d !important;
}

p,span,small,div,td,th {
  color:#40527a !important;
}

input,
select,
textarea {
  background:rgba(255,255,255,.78) !important;
  color:#16285d !important;
  border:1px solid rgba(255,255,255,.90) !important;
  border-radius:15px !important;
}

button,
.btn,
.button,
a.btn {
  background:rgba(255,255,255,.68) !important;
  color:#16285d !important;
  border:1px solid rgba(255,255,255,.86) !important;
  border-radius:15px !important;
}

button.primary,
.primary {
  background:linear-gradient(135deg,#4f91ff,#7bbcff) !important;
  color:#ffffff !important;
}

/* QR selbst sauber weiß lassen */
canvas,
img,
.qr,
#qr,
[class*="qr"],
[id*="qr"] {
  background:#ffffff !important;
  color:#16285d !important;
}

/* Preis/Goldwerte lesbar */
.price,
.total,
[class*="price"],
[class*="total"] {
  color:#df8a00 !important;
}