/* RNSh4 login palette. Loaded only by adm/login.php. */
.adm-login-page{
  background:#f7fafb;
  color:#152033;
}
.adm-login-shell{
  border-color:#dfe8ee;
  background:#fff;
  box-shadow:0 24px 64px rgba(40,74,98,.10);
}
.adm-login-visual{
  min-height:550px;
  border-right:1px solid #dce9ed;
  background:#eef7f8;
  color:#152033;
}
.adm-login-brand{position:relative;width:196px;max-width:100%}
.adm-login-brand img{display:block;width:100%;height:auto}
@supports (-webkit-mask-image:url('../images/logo/rns-logo.png')) or (mask-image:url('../images/logo/rns-logo.png')){
  .adm-login-brand img{opacity:0}
  .adm-login-brand::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    background:#466985;
    -webkit-mask:url('../images/logo/rns-logo.png') center / contain no-repeat;
    mask:url('../images/logo/rns-logo.png') center / contain no-repeat;
    pointer-events:none;
  }
}
.adm-login-visual-copy::before{background:#d9b56e}
.adm-login-visual-copy p{color:#168f83}
.adm-login-visual-copy h2{color:#152033}
.adm-login-visual-copy span{color:#5f7180}

.adm-login-card{background:#fff}
.adm-login-card > .adm-login-kicker{color:#466985}
.adm-login-card h1{color:#152033}
.adm-login-card > p:not(.adm-login-kicker){color:#6b7788}
.adm-login-form .adm-field label{color:#365770}
.adm-login-form .adm-control{
  border-color:#dfe8ee;
  color:#152033;
  box-shadow:none;
}
.adm-login-form .adm-control::placeholder{color:#8a9aa7}
.adm-login-form .adm-control:hover{border-color:#b9cddd}
.adm-login-form .adm-control:focus{
  border-color:#7bafc3;
  box-shadow:0 0 0 4px rgba(70,105,133,.12);
}
.adm-login-form .adm-btn{
  border-color:transparent;
  border-radius:999px;
  background:linear-gradient(135deg,#2ec7bb 0%,#2f91e8 100%);
  color:#fff;
  box-shadow:0 12px 26px rgba(47,145,232,.18);
}
.adm-login-form .adm-btn:hover,
.adm-login-form .adm-btn:focus-visible{
  border-color:transparent;
  background:linear-gradient(135deg,#18b7ab 0%,#267fd4 100%);
  box-shadow:0 14px 30px rgba(38,127,212,.24);
}
.adm-login-page .adm-flash.is-success{
  border-color:#cfe9e2;
  background:#f3fbf9;
  color:#187c72;
}
.adm-login-page .adm-flash-dot{background:#2eb6a7}
.adm-home-link{
  border-color:#dfe8ee;
  border-radius:999px;
  color:#466985;
}
.adm-home-link:hover,
.adm-home-link:focus-visible{
  border-color:#b9d9e5;
  background:#f4f8fb;
  color:#365770;
}

@media(max-width:760px){
  .adm-login-visual{
    min-height:auto;
    border-right:0;
    border-bottom:1px solid #dce9ed;
  }
  .adm-login-brand{width:160px}
}

/* Login-only sizing; the first-time setup screen keeps its own layout. */
.adm-login-page.adm-login-screen .adm-login-brand{width:300px}
.adm-login-page.adm-login-screen .adm-login-visual-copy{max-width:none;width:100%}
.adm-login-page.adm-login-screen .adm-login-visual-copy h2{
  font-size:clamp(30px,2.4vw,40px);
  word-break:keep-all;
}
@media(max-width:760px){
  .adm-login-page.adm-login-screen .adm-login-brand{width:220px}
  .adm-login-page.adm-login-screen .adm-login-visual-copy h2{font-size:clamp(27px,4.4vw,32px)}
}
@media(max-width:420px){
  .adm-login-page.adm-login-screen .adm-login-brand{width:190px}
  .adm-login-page.adm-login-screen .adm-login-visual-copy h2{font-size:26px}
}