/* Regaltec Premium Login – GLPI 10 (Auror/Tabler) */

/* Fundo geral */
html[data-glpi-theme] body,
html[data-glpi-theme] .page,
html[data-glpi-theme] .page.page-center {
  background: #f6f8fb !important;
}

/* Container principal do login (mais genérico: container-tight com/sem py-4) */
html[data-glpi-theme] .page.page-center .container-tight,
html[data-glpi-theme] .page.page-center .container.container-tight,
html[data-glpi-theme] .page.page-center .container.container-tight.py-4 {
  max-width: 1040px !important;
  width: 92% !important;

  margin: 4vh auto !important;
  padding: 0 !important;

  border-radius: 18px !important;
  overflow: hidden !important;
  background: #fff !important;

  border: 1px solid rgba(226,232,240,.95) !important;
  box-shadow: 0 20px 50px rgba(16,24,40,.12) !important;

  display: grid !important;
  grid-template-columns: 1.05fr .95fr !important;
  position: relative !important;
}

/* Tudo existente fica à esquerda */
html[data-glpi-theme] .page.page-center .container-tight > *,
html[data-glpi-theme] .page.page-center .container.container-tight > *,
html[data-glpi-theme] .page.page-center .container.container-tight.py-4 > * {
  grid-column: 1 !important;
  padding-left: 52px !important;
  padding-right: 52px !important;
}

/* Logo/topo alinhado à esquerda */
html[data-glpi-theme] .page.page-center .text-center.mb-4 {
  text-align: left !important;
  margin: 0 !important;
  padding-top: 48px !important;
  padding-bottom: 12px !important;
}

/* “Card dentro do card” desativado */
html[data-glpi-theme] .page.page-center .card.card-md {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  margin: 0 !important;
}
html[data-glpi-theme] .page.page-center .card-body {
  padding: 18px 0 26px 0 !important;
}

/* Título mais enterprise */
html[data-glpi-theme] .page.page-center h2,
html[data-glpi-theme] .page.page-center .h2 {
  text-align: left !important;
  font-weight: 800 !important;
  letter-spacing: .2px !important;
  margin: 18px 0 18px 0 !important;
  font-size: 28px !important;
  color: #0f172a !important;
}

/* Inputs e botões premium */
html[data-glpi-theme] .page.page-center input,
html[data-glpi-theme] .page.page-center select {
  border-radius: 12px !important;
  border-color: rgba(203,213,225,.95) !important;
}
html[data-glpi-theme] .page.page-center .btn-primary,
html[data-glpi-theme] .page.page-center button[type="submit"] {
  border-radius: 12px !important;
  font-weight: 700 !important;
  padding: 12px 14px !important;
}

/* Painel direito (visual premium) */
html[data-glpi-theme] .page.page-center .container-tight::after,
html[data-glpi-theme] .page.page-center .container.container-tight::after,
html[data-glpi-theme] .page.page-center .container.container-tight.py-4::after {
  content: "";
  grid-column: 2;
  grid-row: 1 / -1;

  background:
    radial-gradient(900px 520px at 30% 20%, rgba(37,99,235,.24), transparent 55%),
    radial-gradient(780px 520px at 70% 60%, rgba(14,165,233,.18), transparent 60%),
    linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%);

  border-left: 1px solid rgba(226,232,240,.85);
}

/* Callout no painel direito */
html[data-glpi-theme] .page.page-center .container-tight::before,
html[data-glpi-theme] .page.page-center .container.container-tight::before,
html[data-glpi-theme] .page.page-center .container.container-tight.py-4::before {
  content:
    "Regaltec Service Desk\A\A"
    "Acesso seguro ao portal de suporte.\A"
    "Gestão de incidentes e pedidos com rastreabilidade.\A\A"
    "Atendimento: 08:00–17:00 (Seg–Sáb)\A"
    "Emergências: +244 937 776 700\A"
    "comercial@regaltec.co.ao";
  white-space: pre-line;

  grid-column: 2;
  grid-row: 1 / -1;
  align-self: center;
  justify-self: center;

  width: min(360px, 82%);
  padding: 26px 22px;

  border-radius: 16px;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(226,232,240,.90);
  box-shadow: 0 12px 26px rgba(16,24,40,.10);

  color: #0f172a;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 650;

  z-index: 2;
}

/* Rodapé alinhado à esquerda */
html[data-glpi-theme] .page.page-center .text-center.text-muted {
  text-align: left !important;
  padding-bottom: 48px !important;
}

/* Mobile */
@media (max-width: 980px) {
  html[data-glpi-theme] .page.page-center .container-tight,
  html[data-glpi-theme] .page.page-center .container.container-tight,
  html[data-glpi-theme] .page.page-center .container.container-tight.py-4 {
    grid-template-columns: 1fr !important;
  }
  html[data-glpi-theme] .page.page-center .container-tight::before,
  html[data-glpi-theme] .page.page-center .container-tight::after,
  html[data-glpi-theme] .page.page-center .container.container-tight::before,
  html[data-glpi-theme] .page.page-center .container.container-tight::after,
  html[data-glpi-theme] .page.page-center .container.container-tight.py-4::before,
  html[data-glpi-theme] .page.page-center .container.container-tight.py-4::after {
    display: none !important;
  }
  html[data-glpi-theme] .page.page-center .container-tight > *,
  html[data-glpi-theme] .page.page-center .container.container-tight > *,
  html[data-glpi-theme] .page.page-center .container.container-tight.py-4 > * {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
  html[data-glpi-theme] .page.page-center .text-center.mb-4 {
    padding-top: 28px !important;
  }
}