/* Commander login — composição sobre a arte institucional fornecida.
   O formulário e a autenticação continuam sendo os componentes nativos do GLPI. */
body.welcome-anonymous.netcare-login-v2 {
  min-height: 100dvh;
  overflow-x: hidden;
  background-color: #fff !important;
  background-image: url('../commander-login.svg?v=20261005') !important;
  background-repeat: no-repeat !important;
  /* A arte precisa aparecer inteira: `contain` preserva a proporção original
     sem recortar a marca no topo nem o Field Service na base. */
  background-position: left center !important;
  background-size: contain !important;
  background-attachment: fixed !important;
}

body.welcome-anonymous.netcare-login-v2::before,
.netcare-login-v2 .page-anonymous::before {
  display: none !important;
}

.netcare-login-v2 .page-anonymous,
.netcare-login-v2 .page-anonymous > .flex-fill,
.netcare-login-v2 .page-anonymous .container-tight {
  min-height: 100dvh;
  background: transparent !important;
}

.netcare-login-v2 .main-content-card.netcare-login-panel {
  position: relative;
  display: block;
  min-height: 100dvh;
  overflow: visible;
  border: 0;
  background: transparent !important;
  box-shadow: none;
}

.netcare-login-v2 .netcare-login-story,
.netcare-login-v2 .netcare-login-mobile-brand {
  display: none !important;
}

.netcare-login-v2 .main-content-card.netcare-login-panel > .card-body {
  width: min(42vw,560px);
  min-height: 100dvh;
  align-items: stretch;
  justify-content: flex-start;
  padding: clamp(136px,17vh,184px) clamp(32px,4vw,72px) 40px;
  color: var(--login-muted);
  background: transparent !important;
  box-shadow: none;
}

.netcare-login-v2 .main-content-card form {
  width: 100%;
  max-width: 424px;
  margin: 0 auto;
}

/* A área esquerda da ilustração é clara; estes controles mantêm contraste
   sem esconder a arte dentro de mais um painel. */
.netcare-login-v2 .main-content-card form h2 {
  color: #24164f !important;
}

.netcare-login-v2 .form-control,
.netcare-login-v2 .form-select,
.netcare-login-v2 .select2-selection {
  background-color: rgba(255,255,255,.94) !important;
}

@media (max-width: 900px) {
  body.welcome-anonymous.netcare-login-v2 {
    background-position: left center !important;
    background-attachment: scroll !important;
  }

  .netcare-login-v2 .main-content-card.netcare-login-panel > .card-body {
    width: min(100%,520px);
    min-height: 100dvh;
    margin: 0;
    padding: clamp(128px,19vh,180px) 24px 40px;
  }
}

@media (max-width: 420px) {
  .netcare-login-v2 .main-content-card.netcare-login-panel > .card-body {
    padding-inline: 20px;
  }
}

@media (max-height: 700px) {
  .netcare-login-v2 .main-content-card.netcare-login-panel > .card-body {
    padding-top: 118px;
  }
}