/* ══════════════════════════════════════════════════════════════════════════
   NET360 / Caldeira brand overrides for the Authelia login portal.
   Injected into the portal HTML by the styling proxy (deploy/authelia-proxy).
   Pairs with `theme: dark`; uses !important to win over MUI's runtime styles.
   Brand: F #0D3D2B  G #6AAF3D  D #0A2218  (matches the platform SPA login).
   Upgrade-safe: not tied to any Authelia hashed asset name.
   ══════════════════════════════════════════════════════════════════════════ */

/* Page canvas — dark-green gradient like the app's admin login */
html, body, #root {
  background: radial-gradient(1200px 600px at 50% -8%, #0d3d2b 0%, #0a2218 55%, #081a12 100%) !important;
  background-attachment: fixed !important;
}

/* Centre column styled as the app's translucent card */
.MuiContainer-root.MuiContainer-maxWidthXs {
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 14px !important;
  padding: 30px 26px !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.35) !important;
}

/* Brand logo sizing */
img[alt="Logo"] { width: 76px !important; height: auto !important; }

/* Text → light on dark */
.MuiTypography-root { color: rgba(255,255,255,.92) !important; }
.MuiTypography-h5, .MuiTypography-h6 {
  color: #ffffff !important;
  letter-spacing: .5px !important;
  font-weight: 700 !important;
}

/* Inputs — translucent, light text, green focus (matches the SPA fields) */
.MuiOutlinedInput-root { background: rgba(255,255,255,.08) !important; border-radius: 8px !important; }
.MuiOutlinedInput-input, .MuiInputBase-input { color: #ffffff !important; }
.MuiInputLabel-root { color: rgba(255,255,255,.55) !important; }
.MuiInputLabel-root.Mui-focused { color: #6AAF3D !important; }
.MuiOutlinedInput-notchedOutline { border-color: rgba(255,255,255,.18) !important; }
.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(255,255,255,.30) !important; }
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: #6AAF3D !important; }

/* Primary action button → Caldeira green */
.MuiButton-contained {
  background: #6AAF3D !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  text-transform: none !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}
.MuiButton-contained:hover { background: #5c9a34 !important; }

/* Links (e.g. reset password) → green */
a, .MuiLink-root, .MuiTypography-root a { color: #6AAF3D !important; }

/* Remember-me checkbox → green when checked */
.MuiCheckbox-root.Mui-checked { color: #6AAF3D !important; }

/* Remove the "Powered by Authelia" tagline + link */
a[href*="authelia.com"] { display: none !important; }