/* Sfondo con velo scuro per uniformare le zone luminose */
html {
  background:
    linear-gradient(rgba(5, 10, 25, 0.20), rgba(5, 10, 25, 0.35)),
    url('/custom/background.jpg') center / cover no-repeat fixed #040816 !important;
}
body { background: transparent !important; }
#root, #root > div {
  background: transparent !important;
}

/* Barra superiore trasparente */
.MuiAppBar-root {
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* Pannello scuro "vetro" dietro al form di login */
main .MuiGrid-root > .MuiGrid-root,
main form,
.MuiContainer-root {
  background: rgba(10, 18, 40, 0.72) !important;
  backdrop-filter: blur(14px) saturate(120%);
  -webkit-backdrop-filter: blur(14px) saturate(120%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  padding: 28px 32px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
}

/* Testi chiari e leggibili */
.MuiTypography-root,
.MuiFormControlLabel-label,
label,
.MuiInputLabel-root {
  color: #f1f5f9 !important;
}

/* Campi di input con sfondo proprio */
.MuiOutlinedInput-root {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}
.MuiOutlinedInput-notchedOutline {
  border-color: rgba(255, 255, 255, 0.35) !important;
}
.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: #60a5fa !important;
}
.MuiInputBase-input { color: #ffffff !important; }

/* Link e checkbox */
a, .MuiLink-root { color: #93c5fd !important; }
.MuiCheckbox-root { color: #cbd5e1 !important; }

h1, h2, h3, h4, h5, h6 { color: #f1f5f9 !important; }