html, body { height: 100%; }
body { margin: 0; padding: 0; }
@media (prefers-color-scheme: dark) { body { background: black; } }
.root { display: flex; flex-direction: column; height: 100%; }
@media print { * { height: auto !important; overflow: visible !important; } }

/* Logo no login — tamanho do hero signau.cc, com o círculo/fundo da própria arte */
html.signau-login [class*="-sidebar"] img[src*="logo"],
html.signau-login img[src*="logo-signau"],
html.signau-login img[src*="/logo.png"],
html.signau-login img[src*="logo.svg"] {
  width: clamp(168px, 34vw, 230px) !important;
  height: clamp(168px, 34vw, 230px) !important;
  max-width: 230px !important;
  max-height: 230px !important;
  min-width: unset !important;
  min-height: unset !important;
  border-radius: 50% !important;
  border: none !important;
  clip-path: circle(50% at 50% 50%) !important;
  -webkit-clip-path: circle(50% at 50% 50%) !important;
  object-fit: cover !important;
  object-position: center !important;
  background: transparent !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
}

/* Login — fundo de rastreamento (SVG) */
html.signau-login,
html.signau-login body {
  min-height: 100%;
  background-color: #0a4a6a !important;
}
html.signau-login .root,
html.signau-login .root > main {
  background: transparent !important;
}
html.signau-login .root > main > [class*="-sidebar"] {
  background: #053050 !important;
}
/* Só o painel de login — não aplicar em menus MUI (idioma etc.) */
html.signau-login .root > main > .MuiPaper-root {
  position: relative !important;
  background-color: transparent !important;
  background-image:
    linear-gradient(160deg, rgba(5, 48, 80, 0.45) 0%, rgba(5, 48, 80, 0.18) 48%, rgba(14, 111, 140, 0.12) 100%),
    url("/login-bg.svg") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important;
  --Paper-overlay: none !important;
}
html.signau-login .root > main > .MuiPaper-root form {
  width: min(100%, 26rem);
  margin: auto;
  padding: 1.5rem 1.35rem 1.25rem;
  border-radius: 14px;
  background: rgba(8, 28, 46, 0.88) !important;
  box-shadow: 0 16px 40px rgba(2, 16, 28, 0.35);
  border: 1px solid rgba(232, 215, 168, 0.18);
}
html.signau-login .root > main > .MuiPaper-root [class*="-options"] {
  position: fixed !important;
  top: 16px !important;
  right: 16px !important;
  left: auto !important;
  z-index: 1200 !important;
  margin: 0 !important;
}