/* POLYPET Energy branding - PLP official logo and lightning symbol */
.energy-login-main{
  width:min(100%,470px);
  max-width:470px;
  padding:32px 30px 30px;
  border:1px solid #36516c;
  border-radius:22px;
  background:linear-gradient(145deg,#1b2e47 0%,#142238 65%,#111d30 100%);
  box-shadow:0 18px 48px rgba(0,0,0,.22);
}
.energy-login-brand{text-align:center;margin:0 0 26px}
.energy-login-emblem{display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:18px}
.energy-plp-badge{display:flex;justify-content:center;align-items:center;background:#fff;border-radius:14px;padding:9px 13px;box-shadow:0 7px 20px #030d1b59}
.energy-login-logo{display:block;width:148px;height:auto;aspect-ratio:280/170;object-fit:contain}
.energy-bolt-badge{display:flex;align-items:center;justify-content:center;width:78px;height:78px;flex:0 0 auto;border:1px solid #467e85;border-radius:18px;background:linear-gradient(155deg,#24605d,#123348);box-shadow:0 8px 22px #07131d55}
.energy-bolt-icon{width:47px;height:47px;display:block;filter:drop-shadow(0 2px 8px #ffd66955)}
.energy-brand-eyebrow{display:block;color:#8ee6d6;font-weight:750;font-size:11px;letter-spacing:2px}
.energy-login-system-title{color:#f5fbff;font-size:clamp(23px,5vw,30px);font-weight:900;line-height:1.16;margin-top:8px;letter-spacing:-.6px}
.energy-login-system-title span{color:#7cebd5}
.energy-login-description{font-size:13px!important;color:#b5cbdc!important;margin:9px auto 0!important;line-height:1.65!important}
.energy-login-signin{border-top:1px solid #37506b;padding-top:22px}
.energy-login-signin h1{font-size:22px;margin:0 0 6px;color:#fff}
.energy-login-signin p{margin:0 0 10px;color:#aac0d4}
.energy-login-main form label{color:#dceaf6;font-weight:600}
.energy-login-main form input{border-color:#54738a}
.energy-login-main form button{font-size:15px;min-height:47px}
.energy-dashboard-brand{display:flex;align-items:center;gap:13px;min-width:0;flex:1 1 280px}
.energy-dashboard-logo-frame{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:91px;min-height:62px;padding:7px;border-radius:12px;background:#fff;border:1px solid #deeaf4;box-shadow:0 5px 16px #0002}
.energy-dashboard-logo{display:block;width:100%;height:auto;object-fit:contain}
.energy-dashboard-bolt{display:flex;justify-content:center;align-items:center;width:53px;height:53px;flex:0 0 auto;border:1px solid #386f74;background:linear-gradient(145deg,#1b4b4c,#112b43);border-radius:13px}
.energy-dashboard-bolt svg{width:31px;height:31px;display:block}
.energy-dashboard-title{min-width:0}
.energy-dashboard-title .energy-dashboard-eyebrow{font-size:12px;font-weight:650;letter-spacing:1.2px;color:#94e8d8;display:block;line-height:1.4;margin-bottom:3px}
.energy-dashboard-title h1{font-size:clamp(22px,2.8vw,32px);line-height:1.12;margin:0 0 3px!important;font-weight:850}
.energy-dashboard-title .energy-dashboard-subtitle{font-size:12px;color:#9ebdd4;line-height:1.4}
body.energy-has-nav main>header:has(.energy-dashboard-brand){gap:14px;align-items:center}
body.energy-has-nav main>header:has(.energy-dashboard-brand) .energy-top-tools{flex:0 1 auto}
@media(max-width:880px){
  .energy-login-main{padding:25px 20px;margin:0 auto;border-radius:18px}
  .energy-login-logo{width:137px}
  .energy-bolt-badge{width:70px;height:70px;border-radius:15px}
  .energy-bolt-icon{width:43px;height:43px}
  .energy-login-brand{margin-bottom:21px}
  .energy-dashboard-brand{width:100%;gap:9px;flex:1 1 100%}
  .energy-dashboard-logo-frame{width:68px;min-height:49px;padding:5px;border-radius:9px}
  .energy-dashboard-bolt{width:42px;height:42px;border-radius:10px}
  .energy-dashboard-bolt svg{width:26px;height:26px}
  .energy-dashboard-title h1{font-size:clamp(19px,5vw,24px)!important}
  .energy-dashboard-title .energy-dashboard-eyebrow{font-size:10px;letter-spacing:.6px}
  .energy-dashboard-title .energy-dashboard-subtitle{font-size:11px}
  body.energy-has-nav main>header:has(.energy-dashboard-brand) .energy-top-tools{flex:1 1 100%;width:100%}
}
@media(max-width:380px){
 .energy-login-main{padding:23px 15px}
 .energy-login-emblem{gap:9px}
 .energy-login-logo{width:125px}
 .energy-bolt-badge{width:64px;height:64px}
 .energy-dashboard-logo-frame{width:57px}
 .energy-dashboard-bolt{width:37px;height:37px}
 .energy-dashboard-bolt svg{width:23px;height:23px}
 .energy-dashboard-brand{gap:7px}
 .energy-dashboard-title .energy-dashboard-eyebrow{font-size:9px;letter-spacing:0}
 .energy-dashboard-title .energy-dashboard-subtitle{font-size:10px}
}


/* Login usability for Android/iOS, clear progress and password visibility */
.energy-password-wrap{position:relative;display:block}
.energy-login-main .energy-password-wrap input{padding-right:77px}
.energy-login-main .energy-password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:auto;min-height:34px;padding:5px 12px;margin:0;border:1px solid #54758c;background:#2b465f;color:#e6f9ff;font:600 13px Arial;border-radius:7px}
.energy-login-main #error{min-height:22px;margin-top:12px;font-size:13px;line-height:1.5}
.energy-login-main #submit:disabled{cursor:progress;opacity:.75}