/* The sign-in page (templates/login.html on base.html), 2026-10-14: a pale
   blue background, the PR logo above the title, a rounded card, and fields and
   a button big enough to tap on a phone. Only this page loads this file. */
body.login-page {
  background-color: #e6edf5;
  background-image: linear-gradient(160deg, #f5f8fc 0%, #e6edf6 52%, #d8e3f0 100%);
  background-repeat: no-repeat;
  background-attachment: fixed;
}
body.login-page .login-logo a,
body.login-page .login-logo a:hover {
  color: #1e293b;
  font-weight: 600;
  text-decoration: none;
}
/* The PR logo above the title, from CSS alone (path relative to this file) */
body.login-page .login-logo a::before {
  content: "";
  display: block;
  width: 72px;
  height: 72px;
  margin: 0 auto .5rem;
  background: url('../../media/logo_pr.svg') center / contain no-repeat;
}
body.login-page .login-box .card {
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(15, 23, 42, .10), 0 2px 6px rgba(15, 23, 42, .06);
}
body.login-page .login-card-body {
  border-radius: 12px;          /* its white fill follows the card's corners */
}
/* The button's column wrapper had its own gutter: line the button up with the inputs */
body.login-page .login-card-body .col-12 {
  padding-left: 0;
  padding-right: 0;
}
/* Comfortable on a phone: big tap targets, and 16px text so iOS does not zoom in */
body.login-page .login-card-body .form-control {
  font-size: 16px;
  min-height: 44px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
body.login-page .login-card-body .input-group .input-group-text {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
body.login-page .login-card-body .btn {
  font-size: 16px;
  min-height: 44px;
  border-radius: 8px;
}
/* AdminLTE removes the input's own focus ring here: ring the joined field instead */
body.login-page .login-card-body .input-group:focus-within {
  border-radius: 8px;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .35);
}
@media (max-width: 576px) {
  body.login-page .login-box {
    width: calc(100% - 2rem);   /* full width, 16px side margins */
  }
}