/* Read-only overlay voor de bwired-embed van het Water Monitor-dashboard.
   De app is al alleen-lezen (alleen GET + SSE); mutaties zijn bovendien geblokkeerd
   door de method-lock van bwired (alleen GET wordt geproxyd). Deze overlay zorgt
   alleen voor naadloze inpassing in het bwired-frame. */

/* De iframe zit al in een gecentreerd frame; de eigen 1400px-cap van de Water-app
   gaf op brede schermen lege zijmarges. Laat de inhoud de volle iframe-breedte vullen. */
main { max-width: none !important; }

/* Footer-balk ("laatst bijgewerkt") weg: oogt als een kale lijn en Davis/EMS hebben
   er ook geen — de live-statusstip bovenin geeft de versheid al aan. */
.footbar { display: none !important; }

/* Eigen app-header (💧 Water Monitor + status) blijft staan — net als Davis z'n eigen
   kop ín het dashboard toont — maar transparant + zonder rand zodat de gloed doorloopt. */
.topbar { background: transparent !important; border: 0 !important; box-shadow: none !important; backdrop-filter: none !important; }

/* ── TEST: Davis-look — radiale-gloed achtergrond + glas-cards (OKLCH-thema) ──────
   Zelfde sfeer als het Davis-dashboard: twee gekleurde radial-gradients over een
   donkere basis, met cards die als glas boven de scène zweven (backdrop-filter). */
body { background: transparent !important; }
body::before {
  content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(120% 80% at 50% -10%, oklch(36% 0.080 240) 0%, transparent 55%),
    radial-gradient(80% 60% at 80% 100%, oklch(28% 0.090 280) 0%, transparent 60%),
    linear-gradient(180deg, oklch(15% 0.020 240) 0%, oklch(10% 0.022 250) 100%);
}
.card {
  background: oklch(20% 0.020 240 / 0.62) !important;
  border: 1px solid oklch(70% 0.020 240 / 0.18) !important;
  backdrop-filter: blur(14px) saturate(135%);
  -webkit-backdrop-filter: blur(14px) saturate(135%);
}
.card-primary {
  background: linear-gradient(135deg, oklch(75% 0.090 215 / 0.16) 0%, oklch(20% 0.020 240 / 0.62) 60%) !important;
}

/* Interne scrollbar van de iframe onzichtbaar maken (scrollen blijft werken),
   net als de overige bwired-pagina's. */
html, body { scrollbar-width: none !important; -ms-overflow-style: none !important; }
html::-webkit-scrollbar, body::-webkit-scrollbar { width: 0 !important; height: 0 !important; display: none !important; }