/* WenaPay Sign in — responsive V7 desktop extension. Mobile auth flow remains unchanged. */
@media(min-width:900px){
  body.wp-signin-v7{width:100%;min-height:100vh;padding:0;background:#020303}
  .signin-shell{--wp-signin-artwork:none;position:relative;width:100%;max-width:none;min-height:100vh;height:auto;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);overflow:hidden;border:0;border-radius:0;background:linear-gradient(90deg,#100906 0%,#080707 54%,#080a0d 54%,#050607 100%);box-shadow:none}
  .signin-shell:before{content:"";position:relative;z-index:0;grid-column:1;grid-row:1;min-width:0;min-height:100vh;background-color:#100906;background-image:var(--wp-signin-artwork);background-position:left center;background-size:auto 100%;background-repeat:no-repeat;pointer-events:none}
  .signin-shell:after{content:"";position:absolute;inset:auto auto 38px 42px;width:320px;height:320px;z-index:-1;border:1px solid rgba(255,123,50,.17);border-radius:50%;background:transparent;pointer-events:none}
  .signin-topbar{position:absolute;z-index:6;top:clamp(24px,3.2vh,38px);left:22px;width:48%;height:62px;grid-template-columns:52px minmax(0,1fr) 30px;align-items:center}
  .signin-topbar .brand{justify-self:start;margin-left:12px;height:48px}
  .signin-topbar .brand img{width:96px;max-height:62px;transition:opacity .15s ease}
  .back-link{position:relative;z-index:8;width:52px;height:52px;min-width:52px;min-height:52px;background:rgba(8,9,10,.84);border:1px solid rgba(255,123,50,.42);color:#fff;box-shadow:0 10px 28px rgba(0,0,0,.34);transition:background .15s ease,box-shadow .15s ease,color .15s ease,border-color .15s ease;touch-action:manipulation}
  .back-link:hover{background:rgba(20,15,12,.94);border-color:rgba(255,123,50,.72);box-shadow:0 12px 32px rgba(0,0,0,.42)}
  .back-link:focus-visible{outline:3px solid rgba(255,123,50,.32);outline-offset:4px}
  .signin-shell.artwork-ready .signin-topbar .brand img{opacity:0}
  .signin-shell.artwork-ready .back-link{color:#fff;background:rgba(8,9,10,.84);border-color:rgba(255,123,50,.42);box-shadow:0 10px 28px rgba(0,0,0,.34)}
  .signin-stage{position:relative;z-index:1;grid-column:2;grid-row:1;min-height:100vh;padding:58px 42px 42px;display:grid;align-items:center;background:linear-gradient(180deg,rgba(12,14,17,.94),rgba(5,6,7,.98));border-left:1px solid rgba(255,255,255,.08)}
  .auth-card{width:min(100%,500px);margin:0 auto;padding:32px 30px 28px;border-radius:24px;background:radial-gradient(circle at 100% 0,rgba(255,123,50,.12),transparent 28%),linear-gradient(155deg,#171a20,#0e1014);box-shadow:0 24px 70px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.05)}
  .auth-card:before{width:320px;height:320px;right:-180px;bottom:-190px;background:transparent;border:1px solid rgba(255,123,50,.16)}
  .auth-card h1{font-size:clamp(2.6rem,4vw,3.7rem)}
  .muted{max-width:390px;font-size:14px}
  .state-view{min-height:430px}
  input{height:58px;background:#111419}
  .primary{min-height:58px;border-radius:14px}
  .remember-row{background:#0e1115}
  .wp-v7-keypad{max-width:390px;margin-inline:auto;background:#0d1014}
  .wp-v7-pin-dots{max-width:330px;margin-inline:auto}
}
@media(min-width:900px) and (max-height:760px){
  .signin-stage{padding-top:68px;padding-bottom:24px;align-items:start}
  .auth-card{padding:24px 26px}
  .state-view{min-height:330px}
}