/* Scoped customer area: existing theme variables and S7WILD brand assets. */
body.account-space .checkout-shell{max-width:1280px;padding:48px 0 72px}
body.account-space .checkout-shell>.text-link{display:none}
body.account-space [hidden]{display:none!important}
body.account-space .as-icon{width:22px;height:22px;flex:0 0 22px}
body.account-space .as-kicker{display:block;font-size:.65rem;font-weight:800;line-height:1.5;letter-spacing:.15em;color:var(--muted2,#a1a9b8)}
body.account-space button{font-family:inherit}
body.account-space .as-entry-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);align-items:center;gap:clamp(32px,6vw,88px)}
body.account-space .as-intro h1{font-size:clamp(2.7rem,5vw,4.5rem);line-height:1.04;letter-spacing:-.055em;max-width:11ch;margin:20px 0}
body.account-space .as-intro-lead{font-size:1.05rem;line-height:1.75;color:var(--muted);max-width:49ch;margin:0 0 26px}
body.account-space .as-entry-art{position:relative;border-radius:18px;overflow:hidden;background:#171414;max-width:560px;border:1px solid var(--line);box-shadow:0 20px 50px #0002}
body.account-space .as-entry-art img{width:100%;height:auto;display:block;aspect-ratio:1.83;object-fit:cover}
body.account-space .as-art-label{position:absolute;left:14px;bottom:12px;background:#15141be8;backdrop-filter:blur(12px);color:#f6f1e9;font-size:.6rem;letter-spacing:.11em;padding:9px 12px;border-radius:8px}
body.account-space .as-art-label span{color:#c8c3cc}
body.account-space .as-promises{display:flex;flex-wrap:wrap;gap:12px 22px;list-style:none;padding:0;margin:25px 0;font-size:.78rem;color:var(--muted)}
body.account-space .as-promises li{display:flex;align-items:center;gap:8px}
body.account-space .as-promises .as-icon{width:17px;height:17px;flex-basis:17px;color:var(--violet)}
body.account-space .as-back{display:inline-flex;gap:10px;align-items:center;font-size:.83rem;min-height:44px}
body.account-space .as-back .as-icon{width:17px;height:17px}
body.account-space .as-entry-form>.checkout-panel{border-radius:24px;padding:clamp(25px,3.5vw,44px);margin:0;border-color:var(--line);box-shadow:var(--shadow)}
body.account-space .as-entry-form h2{font-size:clamp(1.7rem,2.6vw,2.2rem);line-height:1.16;letter-spacing:-.035em;margin-bottom:14px;max-width:17ch}
body.account-space .as-entry-form .checkout-note{font-size:.92rem;line-height:1.7;margin-bottom:24px}
body.account-space .as-entry-form .auth-grid{grid-template-columns:1fr;gap:20px;margin-top:30px}
body.account-space .as-entry-form .auth-actions{flex-direction:column;align-items:stretch;gap:7px;margin-top:25px}
body.account-space .as-entry-form .auth-actions .btn{width:100%}
body.account-space .as-entry-form .checkout-switch{font-size:.81rem;text-align:center;text-underline-offset:4px}
body.account-space .as-entry-form input{min-height:52px;border-color:var(--line2);border-radius:10px}
body.account-space .as-entry-form .password-wrap button{font-size:.74rem;min-width:62px}
body.account-space .as-entry-form .checkout-message:empty{display:none}
body.account-space .as-dashboard{display:grid;grid-template-columns:225px minmax(0,1fr);align-items:start;gap:38px}
body.account-space .as-sidebar{position:sticky;top:calc(var(--header,72px) + 28px);min-width:0}
body.account-space .as-identity{display:flex;gap:12px;align-items:center;padding:12px 0 26px;border-bottom:1px solid var(--line)}
body.account-space .as-avatar{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;background:var(--violet);color:#fff;border-radius:14px;font-size:.87rem;font-weight:900;letter-spacing:-.07em}
body.account-space .as-identity>div{min-width:0}
body.account-space .as-identity strong{font-size:.94rem;display:block;margin-bottom:3px}
body.account-space .as-identity span:not(.as-avatar){display:block;font-size:.72rem;color:var(--muted);overflow-wrap:anywhere;line-height:1.5}
body.account-space .as-nav{display:grid;gap:6px;margin-top:20px}
body.account-space .as-nav button{display:flex;align-items:center;gap:12px;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:11px;min-height:50px;padding:12px 13px;cursor:pointer;text-align:left;font-size:.84rem;font-weight:600;line-height:1.4}
body.account-space .as-nav button:hover{background:var(--panel2);color:var(--text)}
body.account-space .as-nav button[aria-current=page]{background:color-mix(in srgb,var(--violet) 13%,var(--panel));color:var(--text);border-color:color-mix(in srgb,var(--violet) 28%,var(--line))}
body.account-space .as-nav button[aria-current=page] .as-icon{color:var(--violet)}
body.account-space .as-nav button span{overflow-wrap:anywhere}
body.account-space .as-sidebar-foot{border-top:1px solid var(--line);margin-top:25px;padding-top:17px}
body.account-space .as-sidebar-foot>a,body.account-space .as-sidebar-foot button{display:flex;align-items:center;gap:12px;min-height:46px;padding:8px 13px;font-size:.8rem;color:var(--muted);text-align:left;text-decoration:none;line-height:1.45}
body.account-space .as-sidebar-foot>a:hover,body.account-space .as-sidebar-foot button:hover{color:var(--text)}
body.account-space .as-workspace{min-width:0}
body.account-space .as-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 30px}
body.account-space .as-welcome h1{font-size:clamp(1.85rem,3.2vw,2.7rem);line-height:1.15;letter-spacing:-.045em;margin:11px 0 10px}
body.account-space .as-welcome p{color:var(--muted);font-size:.94rem;margin:0;line-height:1.65}
body.account-space .as-refresh .btn{font-size:.64rem;min-height:41px;padding:0 16px;background:var(--panel)}
body.account-space .as-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#17131c;color:#fff;border:1px solid #3f324b;border-radius:21px;overflow:hidden;min-height:290px}
body.account-space .as-hero-copy{padding:36px 0 36px 32px;position:relative;z-index:1}
body.account-space .as-hero .as-kicker{color:#c5a9e5}
body.account-space .as-hero h2{font-size:clamp(1.8rem,3vw,2.9rem);letter-spacing:-.045em;line-height:1.09;max-width:12ch;margin:17px 0}
body.account-space .as-hero p{color:#d3cbd9;font-size:.88rem;line-height:1.7;max-width:38ch;margin:0 0 24px}
body.account-space .as-hero .btn-primary{color:#fff;background:#7041c3;border-color:#7041c3;font-size:.66rem;padding:0 18px}
body.account-space .as-hero-art{position:relative;display:flex;align-items:center;min-width:0;overflow:hidden}
body.account-space .as-hero-art:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#17131c 0%,transparent 35%),linear-gradient(0deg,#17131c 0%,transparent 28%);pointer-events:none}
body.account-space .as-hero-art img{height:100%;width:100%;object-fit:cover;object-position:47% center}
body.account-space .as-hero-art>span{position:absolute;z-index:2;right:24px;bottom:20px;font-size:.57rem;letter-spacing:.16em;color:#e7dac9}
body.account-space .as-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:22px 0}
body.account-space .as-shortcut{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:18px;position:relative;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:22px;color:var(--text);cursor:pointer;transition:border-color .15s,background .15s}
body.account-space .as-shortcut:hover{border-color:var(--violet);background:var(--panel2)}
body.account-space .as-shortcut>.as-icon:first-child{color:var(--violet)}
body.account-space .as-shortcut>.as-icon:last-child{position:absolute;top:22px;right:17px;width:16px;height:16px;opacity:.55}
body.account-space .as-shortcut strong{display:block;font-size:.83rem;line-height:1.55;font-weight:700;padding-right:5px}
body.account-space .as-shortcut small{display:block;margin-top:7px;color:var(--muted);font-size:.75rem;line-height:1.6}
body.account-space .as-help-card{display:flex;align-items:center;justify-content:space-between;gap:22px;border-radius:15px;padding:25px 28px;border:1px solid var(--line);background:var(--panel)}
body.account-space .as-help-card h2{font-size:1.2rem;letter-spacing:-.025em;margin:8px 0}
body.account-space .as-help-card p{color:var(--muted);font-size:.84rem;line-height:1.65;max-width:58ch;margin:0}
body.account-space .as-inline-link{display:inline-flex;align-items:center;gap:9px;padding:5px 0;background:none;border:0;color:var(--text);font-size:.8rem;font-weight:650;cursor:pointer;min-height:44px;line-height:1.55;text-align:left}
body.account-space .as-inline-link:hover{color:var(--violet)}
body.account-space .as-inline-link .as-icon{width:17px;height:17px;flex-basis:17px}
body.account-space .as-section-heading{margin-bottom:25px}
body.account-space .as-section-heading h2{font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.04em;margin:0 0 10px;line-height:1.2}
body.account-space .as-section-heading p{font-size:.9rem;line-height:1.65;color:var(--muted);max-width:65ch;margin:0}
body.account-space .as-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
body.account-space .as-product-card{background:var(--panel);border:1px solid var(--line);border-radius:17px;overflow:hidden;min-width:0}
body.account-space .as-product-art{aspect-ratio:1.8;display:grid;place-items:center;overflow:hidden;background:#17141b;border-bottom:1px solid var(--line)}
body.account-space .as-product-art img{width:100%;height:100%;object-fit:cover}
body.account-space .as-service-art{padding:35px;background:#17131c}
body.account-space .as-service-art img{object-fit:contain;filter:none!important;max-height:100%;transform:none!important}
body.account-space .as-product-copy{padding:25px}
body.account-space .as-product-copy h3{font-size:1.25rem;letter-spacing:-.03em;margin:12px 0 20px;line-height:1.3}
body.account-space .as-product-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
body.account-space .as-product-actions .btn{font-size:.65rem;max-width:100%;padding:12px 18px;line-height:1.5;text-align:center}
body.account-space .as-empty{grid-column:1/-1;padding:50px 28px;background:var(--panel);border:1px dashed var(--line2);border-radius:18px;text-align:center}
body.account-space .as-empty>.as-icon{width:38px;height:38px;margin:auto auto 20px;color:var(--violet)}
body.account-space .as-empty h3{font-size:1.45rem;letter-spacing:-.035em;margin:0 0 12px}
body.account-space .as-empty p{font-size:.91rem;color:var(--muted);line-height:1.75;max-width:54ch;margin:0 auto 24px}
body.account-space .as-native-orders{background:transparent;border:0;padding:0;box-shadow:none;margin:0}
body.account-space .as-native-orders>.checkout-note{background:var(--panel2);border-radius:10px;padding:15px 18px;max-width:none;font-size:.8rem;line-height:1.65;margin:0 0 22px}
body.account-space .order-card{padding:26px;background:var(--panel);border:1px solid var(--line);border-radius:15px;margin:0 0 18px;min-width:0}
body.account-space .order-heading{align-items:baseline;gap:15px}
body.account-space .order-heading h2{font-size:1.12rem;line-height:1.4;margin:0}
body.account-space .order-heading strong{font-size:1.02rem;white-space:nowrap}
body.account-space .order-status{display:inline-flex;background:var(--panel2);color:var(--text);border-radius:7px;padding:5px 9px;font-size:.72rem;font-weight:650;margin:13px 0 8px}
body.account-space .order-card[data-order-state=paid] .order-status{color:var(--green);background:color-mix(in srgb,var(--green) 10%,var(--panel))}
body.account-space .order-card[data-order-state=pending] .order-status{color:var(--text);border:1px solid var(--line2)}
body.account-space .order-card>p:not(.order-status){font-size:.8rem;line-height:1.65;color:var(--muted);overflow-wrap:anywhere}
body.account-space .order-card .btn{font-size:.62rem;padding:10px 15px;min-height:44px;line-height:1.5;margin:7px 8px 7px 0;max-width:100%;white-space:normal;text-align:center}
body.account-space .order-card .account-activation{background:var(--panel2);border:1px solid var(--line);padding:16px;border-radius:10px;margin:18px 0}
body.account-space .order-card code{white-space:normal;overflow-wrap:anywhere;word-break:break-word;font-size:.78rem}
body.account-space .order-card>.text-link{display:block;margin-top:15px;font-size:.78rem}
body.account-space .as-pending{display:flex;align-items:center;gap:16px;border:1px solid var(--line2);border-left:3px solid var(--violet);border-radius:14px;padding:20px;background:var(--panel);margin-top:22px}
body.account-space .as-pending>.as-icon{color:var(--violet)}
body.account-space .as-pending>div{flex:1;min-width:0}
body.account-space .as-pending h2{font-size:.95rem;margin:0 0 5px}
body.account-space .as-pending p{font-size:.81rem;color:var(--muted);line-height:1.65;margin:0}
body.account-space .as-pending .btn{font-size:.6rem;white-space:normal;text-align:center;line-height:1.5;padding:10px 14px;flex:0 0 auto}
body.account-space .as-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
body.account-space .as-info-card{padding:27px;background:var(--panel);border:1px solid var(--line);border-radius:16px;min-width:0}
body.account-space .as-info-card>.as-icon{color:var(--violet)}
body.account-space .as-info-card h3{font-size:1rem;letter-spacing:-.02em;margin:20px 0 12px}
body.account-space .as-info-card p{font-size:.87rem;color:var(--muted);line-height:1.7;margin:0 0 12px;overflow-wrap:anywhere}
body.account-space .as-info-card .as-profile-email{font-size:.95rem;color:var(--text)}
body.account-space .as-info-wide{grid-column:1/-1}
body.account-space .as-notice .checkout-message:empty{display:none}
body.account-space .as-notice .checkout-message{border-radius:12px;margin:0 0 22px;padding:18px;background:var(--panel2);line-height:1.6}
body.account-space .as-extra-actions{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-top:18px}
body.account-space .as-extra-actions h3{font-size:1rem;margin:0 0 15px}
body.account-space :is(button,a,input):focus-visible{outline:3px solid var(--violet);outline-offset:4px}
body.account-space :is(.as-section-heading h2,.as-workspace [data-account-panel],.order-card){scroll-margin-top:calc(var(--header,72px) + 22px)}
@media(min-width:1440px){body.account-space .checkout-shell{padding-top:58px}}
@media(max-width:1100px){body.account-space .as-dashboard{grid-template-columns:195px minmax(0,1fr);gap:25px}body.account-space .as-shortcuts{grid-template-columns:1fr}body.account-space .as-shortcut{flex-direction:row;align-items:center;gap:16px;padding:19px 42px 19px 20px}body.account-space .as-shortcut small{margin-top:3px}body.account-space .as-shortcut>.as-icon:last-child{top:calc(50% - 8px)}body.account-space .as-hero-copy{padding-left:27px}body.account-space .as-hero h2{font-size:2.3rem}body.account-space .as-hero{grid-template-columns:1.1fr .9fr}body.account-space .as-welcome{align-items:flex-start}body.account-space .as-welcome h1{font-size:2.1rem}}
@media(max-width:800px){body.account-space .checkout-shell{padding-top:28px}body.account-space .as-dashboard{grid-template-columns:1fr;gap:28px}body.account-space .as-sidebar{position:static;display:grid;grid-template-columns:1fr auto;gap:15px}body.account-space .as-identity{padding:0;border:0}body.account-space .as-sidebar-foot{grid-column:2;grid-row:1;margin:0;padding:0;border:0;align-self:center}body.account-space .as-sidebar-foot>a{display:none}body.account-space .as-sidebar-foot button{padding:6px;font-size:.72rem}body.account-space .as-sidebar-foot .as-icon{display:none}body.account-space .as-nav{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0;background:var(--panel);padding:6px;border:1px solid var(--line);border-radius:14px}body.account-space .as-nav button{flex-direction:column;justify-content:center;gap:6px;padding:10px 6px;font-size:.65rem;text-align:center;min-height:70px}body.account-space .as-nav .as-icon{width:20px;height:20px;flex-basis:20px}body.account-space .as-entry-grid{grid-template-columns:1fr;gap:30px;max-width:580px;margin:auto}body.account-space .as-intro h1{max-width:14ch;font-size:3.25rem}body.account-space .as-entry-art,body.account-space .as-promises{display:none}body.account-space .as-intro-lead{margin-bottom:8px}body.account-space .as-back{font-size:.78rem}body.account-space .as-entry-form .checkout-panel{padding:32px}body.account-space .as-entry-form h2{max-width:none}body.account-space .as-help-card{align-items:flex-start}body.account-space .as-pending{flex-wrap:wrap}body.account-space .as-pending .btn{margin-left:38px}body.account-space .as-welcome h1{font-size:2rem}}
@media(max-width:500px){body.account-space .checkout-shell{padding-bottom:44px}body.account-space .as-identity strong{font-size:.86rem}body.account-space .as-avatar{width:38px;height:38px;flex-basis:38px;border-radius:12px}body.account-space .as-identity span:not(.as-avatar){font-size:.65rem}body.account-space .as-dashboard{gap:25px}body.account-space .as-welcome{display:block;margin-bottom:22px}body.account-space .as-welcome h1{font-size:1.95rem;max-width:16ch}body.account-space .as-welcome p{font-size:.88rem}body.account-space .as-refresh{margin-top:16px}body.account-space .as-refresh .btn{min-height:38px;font-size:.6rem}body.account-space .as-hero{grid-template-columns:1fr}body.account-space .as-hero-copy{padding:27px 25px 0}body.account-space .as-hero h2{font-size:2.35rem;max-width:14ch}body.account-space .as-hero p{font-size:.87rem;max-width:40ch}body.account-space .as-hero-art{height:200px;margin-top:0}body.account-space .as-hero-art:before{background:linear-gradient(180deg,#17131c,transparent 28%),linear-gradient(0deg,#17131c 0%,transparent 25%)}body.account-space .as-hero-art img{object-position:center 49%}body.account-space .as-hero-art>span{bottom:16px;font-size:.52rem}body.account-space .as-help-card{display:block;padding:24px}body.account-space .as-help-card .as-inline-link{margin-top:12px}body.account-space .as-products,body.account-space .as-profile-grid{grid-template-columns:1fr}body.account-space .as-product-copy{padding:23px}body.account-space .as-nav button{font-size:.6rem;padding:9px 4px;line-height:1.35}body.account-space .as-entry-form .checkout-panel{padding:26px 22px}body.account-space .as-intro h1{font-size:2.85rem}body.account-space .as-intro-lead{font-size:.94rem}body.account-space .as-entry-form h2{font-size:1.85rem}body.account-space .order-card{padding:22px 18px}body.account-space .as-empty{padding:35px 22px}body.account-space .as-pending .btn{margin-left:0;width:100%}body.account-space .as-pending>div{flex-basis:calc(100% - 40px)}}
@media(prefers-reduced-motion:reduce){body.account-space .as-shortcut{transition:none}}
@media(max-width:500px){body.account-space .as-nav button{font-size:.72rem;min-height:82px}}

/* FINISH uses a wide wordmark; keep the full logo visible in account artwork. */
.as-hero-art img[alt="FINISH!"],.as-product-art img[alt="FINISH!"]{object-fit:contain;object-position:center;box-sizing:border-box;padding:24px}