@charset "UTF-8";
/* Tema Customizado Ramada */
:root[data-glpi-theme=ramada1] {
  --tblr-primary-rgb: 142, 197, 71;
  --tblr-secondary: #003f18;
  --tblr-secondary-fg: #fff;
  --tblr-link-color-rgb: 69, 148, 54;
  --glpi-mainmenu-bg: #003f18;
  --glpi-helpdesk-header: hsl(111deg, 41%, 85%);
  --glpi-mainmenu-fg: #fff;
  --glpi-palette-color-1: #003f18;
  --glpi-palette-color-2: #365731;
  --glpi-palette-color-3: #8ec547;
  --glpi-palette-color-4: #fec95c;
  --glpi-logo-dark-login: url("/pics/logos/logo-RAMADA-250-black.png");
  --glpi-logo-light-login: url("/pics/logos/logo-RAMADA-250-black.png");
  --glpi-logo-light: url("/pics/logos/logo-RAMADA-100-white.png");
  --glpi-logo-light-reduced: url("/pics/logos/logo-R-100-white.png");
  --glpi-logo-dark: url("/pics/logos/logo-RAMADA-250-black.png");
  --glpi-logo-dark-reduced: url("/pics/logos/logo-R-100-white.png");
  --glpi-logo-reduced: url("/pics/logos/logo-R-100-white.png");
  --glpi-illustrations-gradient-1: hsl(110deg, 47%, 92%);
  --glpi-illustrations-gradient-2: hsl(110deg, 47%, 72%);
  --glpi-illustrations-gradient-3: hsl(110deg, 47%, 45%);
}

/* ====== BASE ====== */
body.welcome-anonymous {
  overflow: hidden;
  height: 100vh;
}

body.welcome-anonymous .page-anonymous {
  height: 100vh;
  overflow: hidden;
  background: #fff;
}

body.welcome-anonymous .page-anonymous > .flex-fill {
  padding: 0 !important;
  margin: 0 !important;
  height: 100vh;
}

body.welcome-anonymous .container-tight {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  height: 100vh;
}

body.welcome-anonymous .container-tight > .text-center:first-child {
  display: none !important;
}

body.welcome-anonymous .container-tight > .text-muted {
  display: none !important;
}

/* ====== HERO ESQUERDA (65%) ====== */
body.welcome-anonymous .rich_text_container {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  width: 65vw !important;
  height: 100vh !important;
  background: linear-gradient(160deg, #001a0a 0%, #003f18 50%, #004d1e 100%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  padding: 4rem 5rem !important;
  z-index: 2000 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

body.welcome-anonymous .rich_text_container::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 5 L52 17.5 L52 42.5 L30 55 L8 42.5 L8 17.5 Z' fill='none' stroke='rgba(142,197,71,0.06)' stroke-width='1'/%3E%3C/svg%3E");
  background-size: 60px 60px;
  pointer-events: none;
}

body.welcome-anonymous .rich_text_container::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 10% 85%, rgba(142, 197, 71, 0.1) 0%, transparent 50%), radial-gradient(ellipse at 85% 10%, rgba(142, 197, 71, 0.05) 0%, transparent 40%);
  pointer-events: none;
}

/* Logo branca topo esquerdo */
body.welcome-anonymous .rich_text_container .ramada-hero::before {
  content: "";
  position: fixed;
  top: 2.5rem;
  left: 5rem;
  width: 180px;
  height: 50px;
  background: url("/pics/logos/logo-RAMADA-100-white.png") no-repeat left center/contain;
  z-index: 10;
}

body.welcome-anonymous .ramada-hero {
  position: relative;
  z-index: 2;
  color: #fff;
  max-width: 500px;
}

body.welcome-anonymous .ramada-hero h1 {
  font-size: 2.8rem !important;
  font-weight: 700 !important;
  color: #fff !important;
  margin-bottom: 1.5rem !important;
  line-height: 1.15 !important;
  text-align: left !important;
}

body.welcome-anonymous .ramada-hero h1 strong {
  color: #8ec547 !important;
}

body.welcome-anonymous .ramada-hero .hero-subtitle {
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 2.5rem;
  line-height: 1.7;
  max-width: 420px;
}

body.welcome-anonymous .ramada-hero .hero-features {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.welcome-anonymous .ramada-hero .hero-features li {
  padding: 0.45rem 0;
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.9rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.7rem;
}

body.welcome-anonymous .ramada-hero .hero-features li::before {
  content: "✓";
  color: #8ec547;
  font-size: 0.85rem;
  font-weight: 700;
  min-width: 16px;
}

/* ====== CARD LOGIN DIREITA (35%) ====== */
body.welcome-anonymous .card.main-content-card {
  position: fixed !important;
  right: 0 !important;
  top: 0 !important;
  width: 35vw !important;
  height: 100vh !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #fff !important;
  z-index: 2000;
  overflow-y: auto !important;
  display: grid !important;
  place-content: center !important;
}

body.welcome-anonymous .card.main-content-card .card-header:first-child {
  display: none !important;
}

body.welcome-anonymous .card.main-content-card .card-body {
  width: 340px !important;
  max-width: 90% !important;
  padding: 0 !important;
}

/* Logo + Bem-vindo via ::before do FORM (fica acima dos campos) */
body.welcome-anonymous .card.main-content-card .card-body form::before {
  content: "Bem-vindo ao ambiente da Ferragens Ramada";
  display: block;
  text-align: center;
  font-size: 0.88rem;
  color: #777;
  margin-bottom: 2rem;
  padding-top: 100px;
  background: url("/pics/logos/logo-RAMADA-250-black.png") no-repeat top center;
  background-size: 240px auto;
}

/* Esconder "Faça login para sua conta" */
body.welcome-anonymous .card.main-content-card .card-body .row .card-header {
  display: none !important;
}

/* Fields full width */
body.welcome-anonymous .card.main-content-card .col-md-5 {
  max-width: 100% !important;
  flex: 0 0 100% !important;
  width: 100% !important;
}

/* Botão */
body.welcome-anonymous .btn-primary {
  background-color: #003f18 !important;
  border-color: #003f18 !important;
  color: #fff !important;
  padding: 0.85rem !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  border-radius: 10px !important;
}

body.welcome-anonymous .btn-primary:hover {
  background-color: #005a22 !important;
  border-color: #005a22 !important;
  color: #fff !important;
  box-shadow: 0 6px 20px rgba(0, 63, 24, 0.3);
}

/* Inputs */
body.welcome-anonymous .form-control,
body.welcome-anonymous .form-select {
  border-radius: 10px !important;
  padding: 0.7rem 1rem !important;
  border: 1.5px solid #ddd !important;
  font-size: 0.95rem !important;
}

body.welcome-anonymous .form-control:focus,
body.welcome-anonymous .form-select:focus {
  border-color: #8ec547 !important;
  box-shadow: 0 0 0 3px rgba(142, 197, 71, 0.12) !important;
}

body.welcome-anonymous .form-label {
  font-weight: 500 !important;
  color: #444 !important;
}

body.welcome-anonymous .form-check-input:checked {
  background-color: #003f18 !important;
  border-color: #003f18 !important;
}

/* ====== RESPONSIVO ====== */
@media (max-width: 991px) {
  body.welcome-anonymous {
    overflow: auto;
    height: auto;
  }
  body.welcome-anonymous .rich_text_container {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 40vh;
    padding: 3rem 2rem !important;
  }
  body.welcome-anonymous .card.main-content-card {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 60vh;
  }
  body.welcome-anonymous .ramada-hero h1 {
    font-size: 2rem !important;
  }
}