/* core/static/core/css/custom_login.css
   Tela de login — apenas o LAYOUT do login-box.
   Cores/inputs/botões vêm dos tokens de custom.css (carregado antes deste).
   A página de login é sempre escura (body.login-page.dark-mode). */

body.login-page,
body.login-page.dark-mode,
body.login-page.dark-mode .wrapper,
body.login-page.dark-mode .content-wrapper{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:100vh;
  margin-left:0 !important;
  background-color:var(--sg-bg) !important;
  color:var(--sg-ink);
}

/* O header/footer do AdminLTE (se renderizados) não devem deslocar o layout */
body.login-page.dark-mode .main-header,
body.login-page.dark-mode .main-footer{ margin-left:0 !important; }

.login-box{ margin:auto; width:100%; max-width:380px; }

/* Logo */
.login-box .login-logo a,
.login-box .card-header a.h1{
  color:var(--sg-accent) !important;
  letter-spacing:3px;
  font-weight:700;
}

/* Card do login */
.login-box .card{
  background-color:var(--sg-surface) !important;
  border:1px solid var(--sg-border) !important;
  border-top:3px solid var(--sg-accent) !important;
  border-radius:var(--sg-radius);
  box-shadow:0 10px 30px rgba(0,0,0,.5);
}
.login-box .card .card-body,
.login-box .card .login-card-body{ background-color:transparent !important; color:var(--sg-ink); }

.login-box .login-box-msg{ color:var(--sg-ink-muted); padding-bottom:15px; }

/* Inputs (cores já vêm de custom.css; aqui só a integração com o ícone à direita) */
.login-box .form-control::placeholder{ color:var(--sg-ink-muted); opacity:1; }
.login-box .input-group-text{
  background-color:var(--sg-input-bg) !important;
  border-color:var(--sg-border) !important;
  color:var(--sg-accent) !important;
  border-top-right-radius:var(--sg-radius-sm);
  border-bottom-right-radius:var(--sg-radius-sm);
}
.login-box .input-group .form-control{
  border-right:none;
  border-top-right-radius:0;
  border-bottom-right-radius:0;
}
.login-box .input-group .input-group-append .input-group-text{ border-left:0; }

/* Botão Entrar (âmbar via .btn-primary de custom.css; só ajuste de forma) */
.login-box .btn-primary{ font-weight:600; border-radius:var(--sg-radius-sm); padding:.55rem; }

/* Link auxiliar */
.login-box .card-body p > a{ color:var(--sg-accent-strong); }
.login-box .card-body p > a:hover{ color:var(--sg-accent); }