/* ============================================================
   Tech Station LLC - Agent login overlay
   Loaded AFTER scp/css/login.css so it wins. Cosmetic only:
   no markup, no form, no auth logic is touched.
   Revert: delete this file + the <link> line in
   include/staff/login.header.php.
   ============================================================ */

:root{
  --ts-primary:#2563eb; --ts-primary-dark:#1d4ed8;
  --ts-text:#1f2933; --ts-muted:#6b7280; --ts-border:#e6e9ef;
}

/* ---------- backdrop ----------
   The uploaded backdrop (logo.php?backdrop) is kept as subtle texture,
   with a brand scrim over it so the card is legible. To restore the
   original full-strength image, delete the #brickwall rule below. */
html,body{ height:100%; }
body{
  background:linear-gradient(135deg,#0f2a5e 0%,#1d4ed8 55%,#2563eb 100%) !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
}
#brickwall{ opacity:.13 !important; }
#blur{ display:none !important; }          /* drop the blur layer entirely */
#loginBox #background{ display:none !important; }

/* ---------- card ---------- */
#loginBox{
  width:min(420px,calc(100% - 32px)) !important;
  margin-left:0 !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  background:#fff !important;
  border-radius:16px !important;
  padding:34px 32px 30px !important;
  box-shadow:0 24px 60px rgba(8,20,48,.34),0 2px 6px rgba(8,20,48,.18) !important;
  isolation:auto !important;
}
#loginBox:after{ display:none !important; }   /* remove translucent overlay */

/* ---------- logo ---------- */
#loginBox h1#logo{ margin:0 0 18px !important; }
#loginBox h1#logo img{
  max-width:240px !important; max-height:86px !important;
  width:auto !important; height:auto !important;
}

/* ---------- messages ---------- */
#login-message{
  color:#b42318 !important; font-size:13.5px !important;
  font-weight:600 !important; margin:0 0 14px !important; min-height:0;
}
#loginBox .banner{ color:var(--ts-muted); font-size:13px; margin-bottom:14px; }

/* ---------- fields ---------- */
#loginBox fieldset{ border:0 !important; margin:0 !important; padding:0 !important; }
#loginBox input[type="text"],
#loginBox input[type="password"]{
  display:block !important; width:100% !important; box-sizing:border-box !important;
  background:#fff !important;
  border:1px solid var(--ts-border) !important;
  border-radius:10px !important;
  padding:13px 14px !important;
  margin:0 0 12px !important;
  font-size:15px !important; color:var(--ts-text) !important;
  transition:border-color .15s ease, box-shadow .15s ease;
}
#loginBox input[type="text"]::placeholder,
#loginBox input[type="password"]::placeholder{ color:#9aa3b2 !important; }
#loginBox input[type="text"]:focus,
#loginBox input[type="password"]:focus{
  border-color:var(--ts-primary) !important;
  box-shadow:0 0 0 3px rgba(37,99,235,.16) !important;
  outline:none !important;
}

/* ---------- submit ---------- */
#loginBox button.submit,
#loginBox button[type="submit"]{
  float:none !important; display:block !important;
  width:100% !important; box-sizing:border-box !important;
  background:var(--ts-primary) !important; color:#fff !important;
  border:none !important; border-radius:10px !important;
  padding:13px 18px !important;
  font-size:15px !important; font-weight:600 !important;
  cursor:pointer; margin-top:6px !important;
  /* login.css pins button height to 26px, which clipped the label
     once padding was added - force it to size to its content */
  height:auto !important; min-height:0 !important;
  line-height:1.25 !important; white-space:nowrap;
  transition:background .15s ease, box-shadow .15s ease, transform .08s ease;
}
#loginBox button.submit:hover,
#loginBox button[type="submit"]:hover{
  background:var(--ts-primary-dark) !important;
  box-shadow:0 8px 20px rgba(37,99,235,.32) !important;
  transform:translateY(-1px);
}
#loginBox button.submit:active{ transform:translateY(0); }

/* ---------- forgot password ---------- */
#loginBox #reset-link{
  display:inline-block; color:var(--ts-muted) !important;
  font-size:13px !important; font-weight:500 !important;
  text-decoration:none; margin:2px 0 14px !important;
}
#loginBox #reset-link:hover{ color:var(--ts-primary) !important; text-decoration:underline; }
#loginBox h3{ font-weight:500 !important; }

/* ---------- footer / attribution ---------- */
#poweredBy, a[href*="osticket.com"][id="poweredBy"]{ display:none !important; }
#footer, #copyRights{
  color:rgba(255,255,255,.85) !important; font-size:12.5px !important;
  text-shadow:0 1px 2px rgba(0,0,0,.35);
}
#footer a{ color:#fff !important; }

/* ---------- small screens ---------- */
@media (max-width:480px){
  #loginBox{ padding:26px 20px 24px !important; border-radius:14px !important; }
  #loginBox h1#logo img{ max-width:170px !important; }
}