/**
 * Páginas de login (html.portal-login-html + body.portal-login-body)
 * — fundo full-bleed sem faixas; cartão elegante; campos = barra de pesquisa do header
 */

html.portal-login-html[data-theme="light"],
html.portal-login-html[data-theme="light"] body {
  background-color: #ffffff !important;
}

html.portal-login-html[data-theme="dark"],
html.portal-login-html[data-theme="dark"] body {
  background-color: #09090b !important;
}

body.portal-login-body {
  min-height: 100vh;
}

body.portal-login-body .main.portal-login-main {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 2.5rem 1.25rem 3.5rem;
  flex: 1 1 auto;
  background: transparent !important;
}

body.portal-login-body .portal-login-inner {
  max-width: 440px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
}

/* Cartão — light */
html.portal-login-html[data-theme="light"] body.portal-login-body #login-div,
html.portal-login-html[data-theme="light"] body.portal-login-body .login-card {
  max-width: 440px;
  margin-left: auto;
  margin-right: auto;
  background: #ffffff !important;
  border: 1px solid #e8eaed !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 28px rgba(15, 23, 42, 0.07) !important;
  padding: 2rem 2.25rem 2.25rem !important;
}

/* Cartão — dark (sem azul #081023 nas laterais) */
html.portal-login-html[data-theme="dark"] body.portal-login-body #login-div,
html.portal-login-html[data-theme="dark"] body.portal-login-body .login-card {
  max-width: 440px;
  margin-left: auto;
  margin-right: auto;
  background: #14181f !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.55) !important;
  padding: 2rem 2.25rem 2.25rem !important;
}

/* Tamanho base dos inputs (tema aplica cores abaixo) */
body.portal-login-body #login-menu input[type="text"],
body.portal-login-body #login-menu input[type="password"],
body.portal-login-body #login-menu input[type="email"],
body.portal-login-body .login-card input[type="text"],
body.portal-login-body .login-card input[type="email"],
body.portal-login-body .login-card input[type="password"],
body.portal-login-body #login-menu input[readonly] {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 14px;
  font-family: 'Inter', 'Roboto', sans-serif;
  font-size: 14px;
  transition: border-color 0.2s ease-out, box-shadow 0.2s ease-out;
}

/* Campos — dark: mesmo cinza da busca no header (#2a3036 / #3d454e) */
html.portal-login-html[data-theme="dark"] body.portal-login-body #login-menu input[type="text"],
html.portal-login-html[data-theme="dark"] body.portal-login-body #login-menu input[type="password"],
html.portal-login-html[data-theme="dark"] body.portal-login-body #login-menu input[type="email"],
html.portal-login-html[data-theme="dark"] body.portal-login-body #login-menu input[readonly],
html.portal-login-html[data-theme="dark"] body.portal-login-body .login-card input[type="text"],
html.portal-login-html[data-theme="dark"] body.portal-login-body .login-card input[type="email"],
html.portal-login-html[data-theme="dark"] body.portal-login-body .login-card input[type="password"] {
  background-color: #2a3036 !important;
  background-image: none !important;
  border: 1px solid #3d454e !important;
  color: #e8eaed !important;
  border-radius: 8px !important;
  -webkit-text-fill-color: #e8eaed !important;
}

html.portal-login-html[data-theme="dark"] body.portal-login-body #login-menu input::placeholder,
html.portal-login-html[data-theme="dark"] body.portal-login-body .login-card input::placeholder {
  color: #8b939e !important;
  -webkit-text-fill-color: #8b939e !important;
  opacity: 1 !important;
}

html.portal-login-html[data-theme="dark"] body.portal-login-body #login-menu input:focus,
html.portal-login-html[data-theme="dark"] body.portal-login-body #login-menu input:focus-visible,
html.portal-login-html[data-theme="dark"] body.portal-login-body .login-card input:focus,
html.portal-login-html[data-theme="dark"] body.portal-login-body .login-card input:focus-visible {
  outline: none !important;
  border-color: #4a5562 !important;
  box-shadow: 0 0 0 2px rgba(232, 234, 237, 0.14) !important;
}

/* Campos — light: mesmo tom dos campos do header */
html.portal-login-html[data-theme="light"] body.portal-login-body #login-menu input[type="text"],
html.portal-login-html[data-theme="light"] body.portal-login-body #login-menu input[type="password"],
html.portal-login-html[data-theme="light"] body.portal-login-body #login-menu input[type="email"],
html.portal-login-html[data-theme="light"] body.portal-login-body #login-menu input[readonly],
html.portal-login-html[data-theme="light"] body.portal-login-body .login-card input[type="text"],
html.portal-login-html[data-theme="light"] body.portal-login-body .login-card input[type="email"],
html.portal-login-html[data-theme="light"] body.portal-login-body .login-card input[type="password"] {
  background-color: #edf0f4 !important;
  border: 1px solid #c5ccd4 !important;
  color: #1a1f26 !important;
  border-radius: 8px !important;
  -webkit-text-fill-color: #1a1f26 !important;
}

html.portal-login-html[data-theme="light"] body.portal-login-body #login-menu input::placeholder,
html.portal-login-html[data-theme="light"] body.portal-login-body .login-card input::placeholder {
  color: #5c6570 !important;
  -webkit-text-fill-color: #5c6570 !important;
  opacity: 1 !important;
}

html.portal-login-html[data-theme="light"] body.portal-login-body #login-menu input:focus,
html.portal-login-html[data-theme="light"] body.portal-login-body #login-menu input:focus-visible,
html.portal-login-html[data-theme="light"] body.portal-login-body .login-card input:focus,
html.portal-login-html[data-theme="light"] body.portal-login-body .login-card input:focus-visible {
  outline: none !important;
  border-color: #9aa5b2 !important;
  box-shadow: 0 0 0 2px rgba(26, 72, 159, 0.15) !important;
}

/* Divisor e botão Microsoft no dark */
html.portal-login-html[data-theme="dark"] body.portal-login-body #login-menu .login-divider {
  border-top-color: rgba(255, 255, 255, 0.1) !important;
}

html.portal-login-html[data-theme="dark"] body.portal-login-body #login-menu .btn-microsoft {
  background-color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Autofill WebKit — mesma paleta dos campos (evita amarelo/azul do browser) */
html.portal-login-html[data-theme="dark"] body.portal-login-body #login-menu input:-webkit-autofill,
html.portal-login-html[data-theme="dark"] body.portal-login-body #login-menu input:-webkit-autofill:hover,
html.portal-login-html[data-theme="dark"] body.portal-login-body #login-menu input:-webkit-autofill:focus,
html.portal-login-html[data-theme="dark"] body.portal-login-body .login-card input:-webkit-autofill,
html.portal-login-html[data-theme="dark"] body.portal-login-body .login-card input:-webkit-autofill:hover,
html.portal-login-html[data-theme="dark"] body.portal-login-body .login-card input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #2a3036 inset !important;
  box-shadow: 0 0 0 1000px #2a3036 inset !important;
  border: 1px solid #3d454e !important;
  -webkit-text-fill-color: #e8eaed !important;
  caret-color: #e8eaed !important;
  transition: background-color 99999s ease-out, color 99999s ease-out;
}

html.portal-login-html[data-theme="light"] body.portal-login-body #login-menu input:-webkit-autofill,
html.portal-login-html[data-theme="light"] body.portal-login-body #login-menu input:-webkit-autofill:hover,
html.portal-login-html[data-theme="light"] body.portal-login-body #login-menu input:-webkit-autofill:focus,
html.portal-login-html[data-theme="light"] body.portal-login-body .login-card input:-webkit-autofill,
html.portal-login-html[data-theme="light"] body.portal-login-body .login-card input:-webkit-autofill:hover,
html.portal-login-html[data-theme="light"] body.portal-login-body .login-card input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #edf0f4 inset !important;
  box-shadow: 0 0 0 1000px #edf0f4 inset !important;
  border: 1px solid #c5ccd4 !important;
  -webkit-text-fill-color: #1a1f26 !important;
  caret-color: #1a1f26 !important;
  transition: background-color 99999s ease-out, color 99999s ease-out;
}