/* Official AllSolar Energy orange with the shared Solar Home layout. */
:root,:root[data-theme="light"]{--orange:#f1592a;--gold:#f1592a;--orange-dark:#a4320e;--teal:#008f87;--btn:#b83713;--btn-h:#963010}
.grad{background-image:linear-gradient(95deg,#003870 4%,#006e89 40%,#e34e20 85%)}
.btn:not(.btn-ghost):not(.btn-quiet),.solar-home-app .b-pri{background:linear-gradient(110deg,#a4320e,#cc411a);color:white}
.btn:not(.btn-ghost):not(.btn-quiet):hover,.solar-home-app .b-pri:hover{background:linear-gradient(110deg,#86290b,#b43713)}
.allsolar-landing .top .logo{height:66px!important;width:auto!important;max-width:160px;object-fit:contain}
.allsolar-landing .top{padding:8px 0}.allsolar-landing .footer-logo{width:165px}
.allsolar-landing .photo-dashboard header img{height:44px;width:70px;object-fit:contain}
.allsolar-landing .photo-phone .phone-logo{width:105px;height:68px;object-fit:contain;margin:0 auto 4px}
.allsolar-landing .photo-phone h3{margin-top:4px}.allsolar-landing .photo-phone .phone-menu{padding:9px 0}
/* Ed 2026-09-27: widened past the marketing page's normal --shell (1180-1240px)
   -- this section was sitting narrow and centered well below where the photo
   hero above it stretches to, leaving dead space on both sides on a normal
   desktop and forcing extra scrolling to reach content that could sit beside
   the sign-in card instead. max-width here beats .wrap's (same specificity,
   this file loads after style.css) without touching .wrap itself. */
.allsolar-signin{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:58px;padding-bottom:58px;align-items:center;scroll-margin-top:95px;max-width:1560px}
/* Ed 2026-09-28: the FIRST widening only touched .allsolar-signin -- .wrap's
   width still capped everything below it (FAQ, benefits, the "Make yourself
   at home" cta-band, "Your next step starts here") in .home-sections, a
   completely separate sibling section, same narrow-with-dead-space problem
   all the way down the page. Matching it to the same 1560px keeps the whole
   page consistent instead of just the top of it. */
.home-sections{max-width:1560px}
.allsolar-signin h2{font-size:clamp(30px,3.6vw,46px);line-height:1.1;margin:16px 0 22px}.allsolar-signin p{font-size:15px;line-height:1.7;margin-bottom:18px}
.allsolar-signin #signin{padding:30px;border-radius:22px;border:1px solid #f6d8c9;border-top:4px solid #f1592a;background:linear-gradient(140deg,#fff,#fff9f5);box-shadow:0 14px 45px #83532b14;scroll-margin-top:110px}
.allsolar-signin #signin h2{font-size:25px;margin:0}.allsolar-signin #signin p{font-size:13px;margin:0}
.allsolar-signin .stack{display:flex;flex-direction:column;gap:16px}.allsolar-signin label{display:block;font-size:13px;font-weight:650;margin-bottom:7px}
.allsolar-signin input{box-sizing:border-box;width:100%;min-width:0;font:16px inherit;padding:13px;border:1px solid #bfd0de;border-radius:10px;background:white;color:#173b60;font-size:16px}
.allsolar-signin .hide{display:none!important}.allsolar-signin .hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.allsolar-signin .btn{white-space:normal;width:100%;line-height:1.4}.allsolar-signin .note{padding:12px;border-radius:10px;background:#e5f6ef;color:#174b3d;font-size:14px}.allsolar-signin .note-bad{background:#fff0e9;color:#8b2d0f}
.allsolar-signin .finelight{font-size:12px!important;color:#526983}
:root.allsolar-app{--o:#ba3c15;--o-2:#dc5729;--o-deep:#9e310e;--em:#a4320e}
.allsolar-app .side-logo img{width:175px;max-height:105px;object-fit:contain}.allsolar-app .top-logo{max-height:52px;width:84px;object-fit:contain}.allsolar-app .avatar{background:#ffdbc7;color:#853014}
@media(prefers-color-scheme:dark){:root.allsolar-app:not([data-theme="light"]){--o:#ffb793;--o-2:#ffc9ac;--o-deep:#ffb793;--em:#ffc69f}}
:root.allsolar-app[data-theme="dark"]{--o:#ffb793;--o-2:#ffc9ac;--o-deep:#ffb793;--em:#ffc69f}
@media(max-width:800px){.allsolar-signin{grid-template-columns:1fr;gap:25px;padding-top:35px;padding-bottom:35px}.allsolar-signin #signin{padding:24px}.allsolar-landing .top .logo{height:54px!important}.allsolar-landing .top .wrap{gap:10px}}