/* Finaler Fix: graue Formular-Flächen entfernen und Eingabefelder im modernen Glass-Look darstellen */
:root{
  --glass-bg: rgba(255,255,255,.055);
  --glass-bg-strong: rgba(255,255,255,.085);
  --glass-line: rgba(255,255,255,.16);
  --glass-text: #f8fafc;
  --glass-muted: #cbd5e1;
  --glass-accent: #ff7a18;
  --glass-accent2: #ff2d55;
}

/* Die gemeinte graue Gesamtfläche rund um Eingabefelder/Formulare */
form,
.login-form,
.register-form,
.search-box,
.searchBox,
.filterBox,
.filter-box,
.form-box,
.formBox,
.input-box,
.inputBox,
.input-group,
.form-group,
.form-row,
.field,
.fieldBox,
.voucherBox form,
.dailyDealBox form,
.card form,
.box form,
.panel form,
.admin-card form,
.order-card form,
#loginBox,
#registerBox,
#voucherTab,
#voucherTab > div,
#dailyDeal,
.dailyDealBox,
.dailyDealCard{
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Falls Formulare trotzdem eine Fläche brauchen: nur dezente Linie, kein grauer Block */
.auth-box,
.auth-card,
.login-card,
.register-card,
.account-panel,
.settings-panel,
.admin-form-card,
.form-panel{
  background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)) !important;
  border: 1px solid var(--glass-line) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.24) !important;
  color: var(--glass-text) !important;
}

/* Eingabefelder selbst: kein dumpfes Grau mehr */
input,
select,
textarea,
button,
.input,
.form-control,
.search-input,
.stock-input,
.qtyInput,
.quantity-input,
#productSearch{
  background: rgba(8,11,18,.72) !important;
  background-color: rgba(8,11,18,.72) !important;
  color: var(--glass-text) !important;
  border: 1px solid var(--glass-line) !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 26px rgba(0,0,0,.12) !important;
  outline: none !important;
}

input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):focus,
select:focus,
textarea:focus,
#productSearch:focus{
  background: rgba(8,11,18,.88) !important;
  border-color: rgba(255,122,24,.62) !important;
  box-shadow: 0 0 0 4px rgba(255,122,24,.14), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

input::placeholder,
textarea::placeholder{
  color: rgba(203,213,225,.72) !important;
}

/* Browser-Autofill gelb/grau entfernen */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill{
  -webkit-text-fill-color: var(--glass-text) !important;
  -webkit-box-shadow: 0 0 0 1000px rgba(8,11,18,.92) inset !important;
  box-shadow: 0 0 0 1000px rgba(8,11,18,.92) inset !important;
  caret-color: #fff !important;
}

/* Labels und Hilfetexte besser lesbar */
label,
.form-label,
small,
.hint,
.help-text,
.form-text{
  color: var(--glass-muted) !important;
}

/* Submit-/Action-Buttons weiter im Look halten */
input[type="submit"],
input[type="button"],
button[type="submit"],
.btn-primary,
.save-btn,
.save-category-btn,
.save-all-btn{
  background: linear-gradient(135deg,var(--glass-accent),var(--glass-accent2)) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow: 0 14px 30px rgba(255,45,85,.18) !important;
  font-weight: 900 !important;
}

/* Select-Options lesbar halten */
option{
  background:#0f172a !important;
  color:#fff !important;
}


/* Form surface cleanup: no grey framed panels in modern/admin views */
body:not(.classic) input, body:not(.classic) select, body:not(.classic) textarea,
.admin-modern input, .admin-modern select, .admin-modern textarea {
  background: rgba(255,255,255,.055) !important; color:#fff !important;
  border:1px solid rgba(255,255,255,.16) !important; box-shadow:none !important;
}
body:not(.classic) input::placeholder, body:not(.classic) textarea::placeholder { color:rgba(255,255,255,.62) !important; }
body:not(.classic) .form-box, body:not(.classic) .formBox, body:not(.classic) .login-box, body:not(.classic) .loginBox,
.admin-modern .form-box, .admin-modern .formBox, .admin-modern .login-box, .admin-modern .loginBox {
  background:transparent !important; box-shadow:none !important;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  -webkit-text-fill-color:#fff !important; transition:background-color 999999s ease-in-out 0s !important;
}