/* Spiritual Audio Labs V0.8.1: actual client-area visual foundation. */
.sal-account-wrap{max-width:1130px;padding-bottom:75px}.account-top{text-align:center;padding:58px 0 32px}.account-top h1{font-size:clamp(37px,5vw,60px);font-weight:300;color:var(--gold);letter-spacing:.11em;margin:8px 0 5px}.account-subtitle{max-width:700px;color:#9cbec2;margin:auto}.sal-login-card{max-width:590px;margin:10px auto 50px;padding:35px 40px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(150deg,#092a32,#041c24);box-shadow:0 12px 75px #0003}.login-intro h2{margin:0;color:var(--gold);font-size:25px;font-weight:300}.login-intro p{color:var(--muted);margin:7px 0 22px}.sal-form-switch{display:flex;gap:10px;margin:15px 0}.sal-form-switch button,.sal-tabs button,.sal-welcome button,.sal-sandbox button,.sal-product-grid button,.sal-settings button{font:inherit;cursor:pointer}.sal-form-switch button{flex:1;min-height:42px;border:1px solid var(--line);border-radius:5px;background:#071f27;color:#92cbd1}.sal-form-switch button.is-selected{border-color:var(--teal);color:var(--teal)}.sal-login-card label{display:block;margin:16px 0 6px;color:#9fd1d2;font-size:13px}.sal-login-card input,.sal-sandbox input{width:100%;padding:12px 13px;border:1px solid #28606a;border-radius:5px;background:#03171e;color:#e4f3f0;font:inherit}.sal-primary{border:0;border-radius:5px;background:var(--teal);color:#08242a;font:inherit;padding:12px 18px;cursor:pointer;font-weight:600;margin-top:20px;min-height:47px}.sal-primary:disabled{opacity:.58;cursor:wait}.sal-footnote{font-size:12px;color:#8eaeb3}.sal-welcome{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:24px}.sal-welcome h2{font-size:20px;font-weight:400;line-height:1.4;color:#d9e6e3;margin:4px 0}.sal-welcome #shop-user{color:var(--gold);overflow-wrap:anywhere}.sal-welcome .secondary,.sal-order-card button,.sal-manager button{border-radius:5px;border:1px solid #2d6570;background:#082b34;color:var(--teal);padding:9px 15px}.sal-tabs{display:flex;border-bottom:1px solid #2b5a64;gap:7px;flex-wrap:wrap}.sal-tabs button{padding:14px 20px;color:#91b6bb;border:0;border-bottom:2px solid transparent;background:none}.sal-tabs button.is-selected{border-bottom-color:var(--teal);color:var(--teal)}.sal-tabs button:hover{color:#fff}.sal-tabpanel{padding:31px 0 22px}.sal-section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.sal-section-title h3,.sal-settings h3{font-weight:300;color:var(--gold);font-size:28px;margin:0}.sal-textlink{color:var(--teal);font-size:13px}.sal-muted{color:#9fbfc0;font-size:14px;margin:10px 0 24px}.sal-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px}.sal-owned{background:linear-gradient(150deg,#0b3039,#061d26);border:1px solid #326b75;border-radius:9px;padding:24px;box-shadow:0 12px 35px #0002}.sal-owned-header{display:flex;align-items:center;gap:18px}.sal-owned-header img{width:90px;height:74px;object-fit:contain;border:1px solid #24505a;border-radius:5px;background:#04171d}.sal-owned-header h4{font-size:21px;color:#f1d7a8;font-weight:400;margin:0}.sal-owned-header p{color:var(--teal);font-size:12px;margin:2px 0}.sal-meta{margin:20px 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.sal-meta-row{display:flex;justify-content:space-between;gap:8px;padding:8px 0;font-size:13px}.sal-meta-row span{color:#93b5b9}.sal-meta-row strong{font-weight:500;color:#d9eceb}.sal-owned-actions{display:flex;gap:10px;flex-wrap:wrap}.sal-owned-actions .sal-download,.sal-owned-actions button{display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;border-radius:5px;border:1px solid var(--teal);font-size:12px;font-weight:600;letter-spacing:.05em}.sal-owned-actions .sal-download{color:#06242c;background:var(--teal)}.sal-owned-actions button{background:transparent;color:var(--teal)}.sal-manager{margin-top:18px;padding:20px;border-radius:7px;border:1px solid #33656a;background:#041a23}.sal-manager h5{font-size:19px;color:var(--gold);margin:0 0 12px;font-weight:400}.sal-manager p{font-size:13px;color:#a8c5c7}.sal-manager code{display:block;color:#f4d99d;word-break:break-all;padding:12px;border-radius:4px;border:1px solid #234a51;background:#021217;font-size:14px}.sal-manager button{margin:10px 10px 0 0}.sal-manager button[disabled]{opacity:.46;cursor:not-allowed}.sal-manager-note{padding:12px;border-left:2px solid var(--gold);color:#e0ceaa!important}.sal-order-card{padding:18px 22px;border:1px solid var(--line);border-radius:7px;background:#092731;margin:12px 0}.sal-order-card h4{margin:0;color:#eed8b6;font-size:18px;font-weight:400}.sal-order-card p{color:#a9c7c8;font-size:13px}.sal-settings{border:1px solid var(--line);border-radius:8px;padding:25px;background:#08232b}.sal-settings>p{margin-bottom:4px;color:var(--muted)}.sal-settings strong{color:var(--gold)}.sal-empty{border:1px dashed #2a5c63;background:#08232a;padding:35px;border-radius:8px;text-align:center;color:#abcbd0}.sal-empty a{display:inline-block;color:var(--teal);margin-top:11px}.sal-sandbox{margin-top:30px;border-top:1px solid var(--line-soft);padding-top:26px}.sal-sandbox details{padding:14px 18px;border:1px solid #264b54;border-radius:8px;background:#051d26}.sal-sandbox summary{color:#9cc5c9;cursor:pointer;font-size:13px}.sal-sandbox label{display:block;color:#9dd0d1;font-size:13px;margin:15px 0 6px}.sal-sandbox p{color:#9ebabb;font-size:12px}.sal-sandbox button{background:var(--teal);color:var(--night);border:0;border-radius:5px;padding:10px 15px;font-size:13px}.sal-sandbox .secondary{background:transparent;border:1px solid var(--line);color:var(--teal)}.sal-sandbox .shop-actions{margin-top:12px}.sal-account-wrap #shop-message{margin:10px auto 16px;max-width:820px}.shop-hidden{display:none!important}.sal-owned button:focus-visible,.sal-tabs button:focus-visible,.sal-sandbox summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:640px){.sal-account-wrap{width:calc(100% - 30px)}.sal-login-card{padding:25px 20px}.account-top{padding-top:34px}.sal-welcome{align-items:flex-start;flex-direction:column}.sal-tabs button{padding:12px}.sal-section-title h3{font-size:24px}.sal-owned{padding:18px}.sal-owned-header img{width:65px;height:55px}.sal-owned-header h4{font-size:17px}.sal-product-grid{grid-template-columns:1fr}}

@media(max-width:640px){.account.account-active{display:inline-flex;font-size:10px;padding:6px 7px}.nav-right{gap:6px}.lang-label{display:none}.lang-switch{min-width:51px;padding:7px 5px}}


/* V0.8.1 – account-only responsive refinements. Other site pages retain their validated Ethereal layout. */
.sal-account-page .sal-account-wrap{
 width:min(1100px,calc(100% - clamp(28px,4vw,64px)));
 max-width:1100px;
 padding-bottom:clamp(42px,5vw,70px);
}
/* Preserve the original logo and sine-wave assets while reducing wasted vertical space. */
.sal-account-page .topbar .nav{
 padding:clamp(10px,1.4vh,15px) 0 clamp(12px,1.6vh,19px);
 gap:clamp(6px,1vh,11px)!important;
}
.sal-account-page .topbar .brand img{width:clamp(175px,15vw,215px)}
.sal-account-page .topbar .nav-right{top:clamp(12px,1.8vh,18px)}
.sal-account-page .home-header::before,
.sal-account-page .home-header::after{
 top:clamp(25px,3vw,35px);
 height:clamp(148px,14vw,200px);
 width:calc(50% - 130px);
}
.sal-account-page .account-top{
 padding:clamp(22px,3.4vh,36px) 0 clamp(18px,2.7vh,28px);
}
.sal-account-page .account-top .eyebrow{margin:0 0 8px;font-size:clamp(10px,.75vw,12px);letter-spacing:.25em}
.sal-account-page .account-top h1{
 font-size:clamp(32px,3.4vw,50px);
 line-height:1.18;
 letter-spacing:clamp(.035em,.5vw,.095em);
 margin:0 auto 9px;
 text-wrap:balance;
}
.sal-account-page .account-subtitle{font-size:clamp(13px,.95vw,15px);line-height:1.55;max-width:630px}
.sal-account-page .sal-login-card{margin-top:8px;margin-bottom:clamp(28px,4vw,45px)}
.sal-account-page .sal-welcome{margin-bottom:clamp(12px,2.1vh,20px);gap:12px}
.sal-account-page .sal-welcome h2{font-size:clamp(15px,1.2vw,19px)}
.sal-account-page .sal-welcome .eyebrow{font-size:10px;letter-spacing:.19em;margin:0}
.sal-account-page .sal-welcome .secondary{min-height:42px;cursor:pointer}
.sal-account-page .sal-tabs{gap:clamp(2px,.5vw,9px)}
.sal-account-page .sal-tabs button{min-height:44px;padding:10px clamp(12px,1.4vw,19px);font-size:clamp(13px,.95vw,15px)}
.sal-account-page .sal-tabpanel{padding:clamp(20px,2.4vw,30px) 0 clamp(20px,2.4vw,28px)}
.sal-account-page .sal-section-title h3,.sal-account-page .sal-settings h3{font-size:clamp(23px,1.75vw,28px)}
.sal-account-page .sal-muted{margin:8px 0 clamp(14px,1.5vw,20px);line-height:1.55}
.sal-account-page .sal-product-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:clamp(14px,1.7vw,22px)}
.sal-account-page .sal-owned{max-width:100%;min-width:0;padding:clamp(17px,2vw,24px)}
.sal-account-page .sal-owned-header{min-width:0}
.sal-account-page .sal-owned-header h4{overflow-wrap:anywhere}
.sal-account-page .sal-meta-row{flex-wrap:wrap;overflow-wrap:anywhere}
.sal-account-page .sal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:clamp(23px,3.2vw,35px) 20px;line-height:1.5}
.sal-account-page .sal-empty-copy{margin:0;color:#abcbd0}
.sal-account-page .sal-empty-link{display:inline-block;margin:0;color:var(--teal);font-size:clamp(13px,.9vw,15px)}
.sal-account-page .sal-empty-link:hover,.sal-account-page .sal-textlink:hover{text-decoration:underline}
.sal-account-page .sal-order-card{overflow-wrap:anywhere}
.sal-account-page .sal-sandbox{margin-top:clamp(20px,3vw,30px);padding-top:clamp(18px,2.4vw,26px)}
.sal-account-page :is(a,button,select,input,summary):focus-visible{outline:2px solid var(--gold);outline-offset:3px}
/* Keep the content comfortably bounded on 4K and ultra-wide displays. */
@media (min-width:1700px){
 .sal-account-page .sal-account-wrap{width:min(1100px,calc(100% - 96px))}
}
/* Tablets and smaller laptops: the header is compact, but the brand stays centered. */
@media (max-width:900px){
 .sal-account-page .topbar .brand img{width:clamp(150px,18vw,175px)}
 .sal-account-page .home-header::before,.sal-account-page .home-header::after{width:calc(50% - 105px);height:150px;top:29px}
 .sal-account-page .account-top{padding:25px 0 20px}
 .sal-account-page .sal-welcome{align-items:flex-start}
}
@media (max-width:670px){
 .sal-account-page .sal-account-wrap{width:calc(100% - 32px)}
 .sal-account-page .topbar .nav{padding:11px 0 12px;gap:7px!important}
 .sal-account-page .topbar .brand img{width:clamp(112px,31vw,143px)}
 .sal-account-page .topbar .nav-right{top:8px;right:0}
 /* On this page the user already is in Account; avoid overlapping logo on narrow phones. */
 .sal-account-page .topbar .account.account-active{display:none}
 .sal-account-page .home-header::before,.sal-account-page .home-header::after{width:calc(50% - 80px);height:97px;top:26px}
 .sal-account-page .account-top{padding:22px 0 15px}
 .sal-account-page .account-top .eyebrow{letter-spacing:.14em;font-size:9px}
 .sal-account-page .account-top h1{font-size:clamp(29px,7.7vw,41px);letter-spacing:.04em}
 .sal-account-page .account-subtitle{font-size:13px;line-height:1.55}
 .sal-account-page .sal-welcome{flex-direction:column;gap:8px}
 .sal-account-page .sal-welcome h2{font-size:15px}
 .sal-account-page .sal-welcome .secondary{min-height:43px}
 .sal-account-page .sal-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
 .sal-account-page .sal-tabs button{flex:1 0 auto;padding:10px 12px;font-size:13px}
 .sal-account-page .sal-tabpanel{padding:19px 0 22px}
 .sal-account-page .sal-section-title{align-items:flex-start;gap:8px}
 .sal-account-page .sal-section-title h3{font-size:23px}
 .sal-account-page .sal-textlink{font-size:12px}
 .sal-account-page .sal-sandbox details{padding:13px}
 .sal-account-page .sal-owned-header{gap:12px}
 .sal-account-page .sal-owned-actions>*{flex:1 1 160px}
 .sal-account-page .sal-meta-row{font-size:12px}
}
@media (max-width:380px){
 .sal-account-page .sal-account-wrap{width:calc(100% - 26px)}
 .sal-account-page .sal-welcome #shop-user{font-size:13px}
 .sal-account-page .sal-tabs button{padding-inline:8px;font-size:12px}
 .sal-account-page .sal-product-grid{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
 .sal-account-page *{scroll-behavior:auto}
}

/* V0.9 multichannel: retain Ethereal proportions, mobile-friendly form and secure devices. */
.sal-redeem{margin:24px 0 0;padding:20px;border:1px solid #31575b;border-radius:8px;background:#08242b}
.sal-redeem h4{font-size:20px;color:var(--gold);margin:0 0 12px;font-weight:400}
.sal-redeem label{color:#add5d4;font-size:13px;display:block;margin:6px 0}
.sal-redeem-row{display:flex;flex-wrap:wrap;gap:10px}
.sal-redeem-row input{min-width:0;flex:1 1 260px;background:#041923;color:#f4dfb9;border:1px solid #366873;border-radius:5px;padding:12px}
.sal-redeem-row button{flex:0 1 auto;background:var(--teal);border:0;border-radius:5px;padding:10px 18px;color:#06232b}
.sal-redeem-row button:disabled{opacity:.45;cursor:not-allowed}
.sal-device{border-top:1px solid #2b555a;margin-top:12px;padding-top:10px;overflow-wrap:anywhere}
.sal-device input{width:min(100%,360px);display:block;padding:10px;background:#031c24;border:1px solid #36717c;color:#fff;border-radius:4px}
.sal-device button{padding:10px 12px;border:1px solid #36717c;background:transparent;color:var(--teal);border-radius:4px;cursor:pointer}

/* V0.9.1: respect HTML hidden even where author styles declare display. */
.sal-account-page [hidden]{display:none!important}

/* V0.9.2 — License device management: responsive nickname and right-hand action. */
.sal-device-line{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sal-device-label{font-size:13px;color:#b6d6d7;overflow-wrap:anywhere}
.sal-device-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.sal-device-actions button{margin:0;padding:9px 12px}
.sal-device-actions button.sal-danger:not(:disabled),.sal-inline-form button.sal-danger{border-color:#a17766;color:#f5c4af}
.sal-inline-form{margin-top:12px;padding:12px;border:1px solid #2d6269;border-radius:5px}
.sal-inline-form[hidden]{display:none}
.sal-inline-form label{display:block;color:#b6d6d7;font-size:13px}
.sal-inline-form input{width:min(100%,360px);display:block;margin-top:6px;padding:10px;background:#031c24;border:1px solid #36717c;color:#fff;border-radius:4px}
.sal-inline-form button{margin-top:12px}
@media(max-width:640px){.sal-device-actions{width:100%;justify-content:flex-start}}
