/* NOA Solution - override pagina di login staff (scp/login.php) osTicket */
/* Non fa parte dell'installazione originale: vedi /home/bullo/osticket-theme-custom/NOTES.md */
/* Pannello scuro neutro (non blu) invece di quello bianco: il logo caricato
   ha la scritta "NOASOLUTION" bianca, pensata per uno sfondo scuro - su un
   pannello chiaro sparisce. Il blu resta solo sul bottone "Log In". */

/* centrato verticalmente nel riquadro di sfondo (era top:15%, troppo in alto) */
#loginBox {
  top: 50%;
  transform: translateY(-50%);
  border-radius: 20px;
  box-shadow: 0 12px 44px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.08);
}
#loginBox:after {
  border-radius: 20px;
  background-color: rgba(20, 22, 26, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

#login-message {
  color: #ff8a80;
}

div.banner {
  color: #b7bcc2;
}

:-webkit-input-placeholder {
  color: #8b929a;
}
:-moz-placeholder {
  color: #8b929a;
}

input:focus {
  border: 1px solid #9aa3ad;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.18);
  outline: none;
}

input[type="text"],
input[type="password"] {
  border-radius: 10px;
  padding: 8px 12px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background-color: rgba(255, 255, 255, 0.92);
  color: #1c2128;
  transition: border-color .15s ease, box-shadow .15s ease;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
.action-button,
.button {
  border-radius: 10px;
  box-shadow: none;
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #e7e9eb;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .05s ease;
}
.button:active {
  transform: translateY(1px);
}

/* bottone principale (CTA): unico posto dove resta il blu */
button[type=submit],
input[type="submit"],
.primary.button {
  background-color: #2454a0;
  border-color: #2454a0;
  color: #ffffff;
  box-shadow: none;
  text-shadow: none;
}
button[type=submit]:hover,
input[type=submit]:hover,
input[type=submit]:active {
  background-color: #1c4384;
  border-color: #1c4384;
  box-shadow: none;
  color: #ffffff;
}

.external-auth-box {
  border-radius: 999px;
  overflow: hidden;
  border-color: rgba(255, 255, 255, 0.25);
}

/* badge "Powered by osTicket": compare anche nelle pagine di reset password
   (pwreset.php e affini), che usano lo stesso login.header.php */
#poweredBy {
  display: none;
}

/* NOTA (bullo): centra #brickwall con flexbox. Al momento non ha effetto
   visibile perché #loginBox usa position:fixed (si centra da solo,
   indipendentemente dal parent) - lasciato comunque perché richiesto. */
#brickwall {
  background-position: center center;

  display: flex;
  justify-content: center; /* Asse orizzontale */
  align-items: center;     /* Asse verticale */
}