/* Momentum V1 - Min side */
@media (max-width:560px){
  body:has(#memberArea) .app{padding:18px 12px 32px}
  body:has(#memberArea) .container{max-width:100%;width:100%}
  #memberArea .top{margin:4px 2px 16px}
  #memberArea .member-card,#memberArea .payment-box,#memberArea .card,.momentum-v1-state{width:100%;max-width:100%;margin-left:0;margin-right:0}
  .member-card{padding:20px;border-radius:22px}
  .member-name{font-size:26px}
  .details{grid-template-columns:1fr 1fr;gap:15px 10px}
  .member-actions button{min-height:50px}
  .proof{max-height:calc(100dvh - 20px);overflow:auto}
  .proof-qr-section{padding-bottom:2px}
  .qr canvas,.qr img{max-width:min(210px,65vw)!important;max-height:min(210px,65vw)!important}
}
.momentum-v1-state{background:#191919;border:1px solid #333;border-radius:18px;padding:20px;margin-bottom:14px;line-height:1.5}
.momentum-v1-state h3{margin:0 0 8px;font-size:20px}.momentum-v1-state p{margin:0;color:#aaa;font-size:14px}
.momentum-v1-state.expired{border-color:#51472e;background:linear-gradient(145deg,#201d15,#171715)}
.momentum-v1-state.registered{border-color:#3b3b3b}
.momentum-v1-state .state-pill{display:inline-flex;margin-top:13px;padding:7px 10px;border-radius:99px;background:#292929;color:#c7c7c7;font-size:12px;font-weight:800}
.payment-state-note{margin-top:12px;padding:11px 12px;border:1px solid #49384a;border-radius:11px;background:#1d151c;color:#cbbbc7;font-size:12px;line-height:1.45}
.member-card{isolation:isolate}.member-card .brand,.proof-brand{letter-spacing:3.2px}.member-card .status{box-shadow:0 0 0 1px rgba(32,201,104,.03)}

/* Momentum designløft 2026-10: visuell forbedring uten endringer i betalings- eller medlemslogikk */
body:has(#memberArea){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:-.012em}
body:has(#memberArea) .app{background:radial-gradient(ellipse 85% 38% at 50% -8%,rgba(32,201,104,.115),transparent 85%);padding-bottom:calc(36px + env(safe-area-inset-bottom))}
body:has(#memberArea) .container{max-width:560px}
body:has(#memberArea) .top{gap:12px}
body:has(#memberArea) .logo{font-size:clamp(20px,5.5vw,27px);letter-spacing:.14em}
body:has(#memberArea) .back{color:#b9c9be;text-decoration:none;border:1px solid #344239;background:#19221c;padding:10px 12px;border-radius:999px;white-space:nowrap}
body:has(#memberArea) .card,body:has(#memberArea) .payment-box,body:has(#memberArea) .payment-success,body:has(#memberArea) .state-card{border-radius:22px;border-color:#34453a;box-shadow:0 14px 38px rgba(0,0,0,.16)}
body:has(#memberArea) .member-card{background:radial-gradient(circle at 105% -20%,rgba(32,201,104,.21),transparent 55%),linear-gradient(155deg,#222e26 0%,#18201a 53%,#101612 100%);border:1px solid #41644c;border-radius:26px;padding:clamp(20px,5vw,28px);box-shadow:0 20px 56px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.045)}
body:has(#memberArea) .member-card .brand{font-weight:900;letter-spacing:.16em}
body:has(#memberArea) .member-card .member-name{font-size:clamp(26px,7vw,34px);line-height:1.12;letter-spacing:-.035em;overflow-wrap:anywhere}
body:has(#memberArea) .member-card .status{border:1px solid #36764b;background:#163723;color:#b6f5c8;border-radius:999px;padding:8px 12px}
body:has(#memberArea) .member-card .details{border-top-color:#3b5040}
body:has(#memberArea) .member-card .detail-label{letter-spacing:.055em}
body:has(#memberArea) .member-actions button,body:has(#memberArea) #loginButton{min-height:52px;border-radius:15px;background:#20c968;color:#07180e;font-weight:800;box-shadow:0 9px 22px rgba(32,201,104,.14)}
body:has(#memberArea) .member-actions button:focus-visible,body:has(#memberArea) button:focus-visible,body:has(#memberArea) a:focus-visible{outline:3px solid #a1f0bc;outline-offset:3px}
body:has(#memberArea) .member-actions .proof-help{color:#9db2a4;line-height:1.5}
body:has(#memberArea) #adminLink{border:1px solid #405246!important;border-radius:14px!important;background:#1e2b22!important}
body:has(#memberArea) .logout{color:#c6d5cb;text-decoration:none;padding:9px 0;min-height:44px}
body:has(#memberArea) .proof{background:radial-gradient(circle at 100% 0%,rgba(32,201,104,.13),transparent 48%),#171d19;border:1px solid #3b5242;border-radius:26px}
body:has(#memberArea) .proof-status{border-radius:999px}
body:has(#memberArea) .qr{border:5px solid #fff;border-radius:20px;box-shadow:0 12px 34px rgba(0,0,0,.26)}
body:has(#memberArea) .proof-name{letter-spacing:-.03em;overflow-wrap:anywhere}
@media(max-width:560px){body:has(#memberArea) .app{padding:18px 14px calc(30px + env(safe-area-inset-bottom))}body:has(#memberArea) .member-card{padding:22px 20px}body:has(#memberArea) .top{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){body:has(#memberArea) *,body:has(#memberArea) *::before,body:has(#memberArea) *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}