@charset "UTF-8";
/* theme-name: Itatiaia */
/*
 * Personalização institucional do GLPI
 * Prefeitura Municipal de Itatiaia
 */
body.welcome-anonymous {
  background-color: #f3f6f5;
  background-image: radial-gradient(circle at top left, rgba(22, 132, 95, 0.1) 0, rgba(22, 132, 95, 0.1) 90px, transparent 91px), radial-gradient(circle at bottom right, rgba(22, 132, 95, 0.1) 0, rgba(22, 132, 95, 0.1) 150px, transparent 151px);
  background-repeat: no-repeat;
}

/* Centralização geral da página */
body.welcome-anonymous .page-anonymous {
  min-height: 100vh;
}

body.welcome-anonymous .page-anonymous > .flex-fill {
  justify-content: flex-start !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Largura geral */
body.welcome-anonymous .page-anonymous .container-tight {
  width: 100%;
  max-width: 1100px !important;
  padding-top: 0 !important;
}

/* ---------------------------------------------------------
   Cabeçalho institucional
   --------------------------------------------------------- */
.itatiaia-login-header {
  margin-bottom: 1.8rem;
}

.itatiaia-login-header__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  padding: 1.2rem 1rem 1rem;
}

.itatiaia-login-header__logo {
  display: block;
  width: auto;
  height: auto;
  object-fit: contain;
}

.itatiaia-login-header__logo--prefeitura {
  max-width: 360px;
  max-height: 88px;
}

.itatiaia-login-header__logo--cidade {
  max-width: 400px;
  max-height: 130px;
}

.itatiaia-login-header__divider {
  width: 1px;
  height: 72px;
  background-color: #58b9ab;
}

.itatiaia-login-header__bar {
  width: 100%;
  height: 8px;
  background-color: #07885e;
}

/* Garante que o logo padrão GLPI não apareça */
.page-anonymous .glpi-logo {
  display: none !important;
}

/* ---------------------------------------------------------
   Card do login
   --------------------------------------------------------- */
body.welcome-anonymous .main-content-card {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  border: 0;
  border-radius: 14px;
  background-color: #ffffff;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.07), 0 18px 45px rgba(0, 0, 0, 0.05);
}

body.welcome-anonymous .main-content-card .card-body {
  padding: 2.5rem 3rem;
}

/* Título */
body.welcome-anonymous .main-content-card .card-header {
  border: 0;
  background: transparent;
  padding: 0;
  margin-bottom: 1.8rem !important;
  text-align: center;
}

body.welcome-anonymous .main-content-card .card-header h2 {
  color: #087c57;
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0;
}

/* Labels */
body.welcome-anonymous .main-content-card .form-label {
  color: #40566f;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

/* Campos */
body.welcome-anonymous .main-content-card .form-control,
body.welcome-anonymous .main-content-card select,
body.welcome-anonymous .main-content-card .form-select {
  min-height: 2.8rem;
  border: 1px solid #d7e3df;
  border-radius: 0.45rem;
  box-shadow: none;
}

body.welcome-anonymous .main-content-card .form-control:focus,
body.welcome-anonymous .main-content-card select:focus,
body.welcome-anonymous .main-content-card .form-select:focus {
  border-color: #07885e;
  box-shadow: 0 0 0 0.15rem rgba(7, 136, 94, 0.12);
}

/* Checkbox */
body.welcome-anonymous .main-content-card .form-check-input:checked {
  background-color: #f2bb48;
  border-color: #f2bb48;
}

/* Botão entrar */
body.welcome-anonymous .main-content-card .btn-primary {
  min-height: 2.8rem;
  background: linear-gradient(90deg, #07885e 0%, #087553 100%);
  border-color: #07885e;
  border-radius: 0.45rem;
  color: #ffffff;
  font-weight: 700;
  box-shadow: none;
}

body.welcome-anonymous .main-content-card .btn-primary:hover,
body.welcome-anonymous .main-content-card .btn-primary:focus {
  background: linear-gradient(90deg, #087b57 0%, #086d4e 100%);
  border-color: #087b57;
  color: #ffffff;
}

/* Links e rodapé */
body.welcome-anonymous .forgot_password a,
body.welcome-anonymous .text-muted,
body.welcome-anonymous .text-muted a {
  color: #1b9b86 !important;
}

body.welcome-anonymous .text-center.text-muted.mt-3 {
  margin-top: 1rem !important;
  font-size: 0.8rem;
}

/* ---------------------------------------------------------
   Responsivo
   --------------------------------------------------------- */
@media (max-width: 768px) {
  .itatiaia-login-header__inner {
    flex-direction: column;
    gap: 1rem;
    padding-top: 1rem;
  }
  .itatiaia-login-header__divider {
    display: none;
  }
  .itatiaia-login-header__logo--prefeitura,
  .itatiaia-login-header__logo--cidade {
    max-width: 85%;
    max-height: 88px;
  }
  body.welcome-anonymous .main-content-card {
    max-width: 100%;
  }
  body.welcome-anonymous .main-content-card .card-body {
    padding: 2rem 1.25rem;
  }
}