/* Visual layer only: no changes to login fields, QR logic or token handling. */
html.milcom-auth-visible body {
  background: #080b08 !important;
  isolation: isolate;
}
#milcom-login-field {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
}
#milcom-login-field[hidden] { display: none !important; }
html.milcom-auth-visible .mx_AuthPage {
  background: transparent !important;
  background-image: none !important;
}
html.milcom-auth-visible .mx_AuthPage_modal {
  border: 1px solid #a9c27d42;
  background: #101610d9;
  box-shadow: 0 24px 100px #0008;
  backdrop-filter: blur(12px);
}
html.milcom-auth-visible .mx_AuthFooter { text-shadow: 0 1px 5px #000; }
/* MAS keeps its native form controls and text colours. */
html[data-milcom-auth].milcom-auth-visible body {
  display: flex;
  align-items: safe center;
  justify-content: center;
  min-height: 100svh;
  padding: 24px 16px;
  box-sizing: border-box;
}
html[data-milcom-auth].milcom-auth-visible .layout-container {
  position: relative;
  background: #101610f0;
  border: 1px solid #a9c27d55;
  border-top: 2px solid #a9c27d;
  border-radius: 18px;
  box-shadow: 0 24px 100px #0008;
  padding: clamp(24px, 5vw, 40px);
  margin: 0;
  min-height: 0;
  box-sizing: border-box;
  max-width: min(460px, calc(100vw - 32px));
}
@media (max-width: 560px) {
  html.milcom-auth-visible .mx_AuthPage_modal { backdrop-filter: none; }
}