/* Marketplace Indonesia — dedicated login / registration appearance only.
 * Presentation layer: never changes plugin field names, actions, or security checks.
 */
:root{--cms-auth-ink:#14223a;--cms-auth-muted:#64718a;--cms-auth-red:#e52332;--cms-auth-violet:#7c3aed;--cms-auth-line:#e6e9f1}
body.cms-auth-template-page{background:#f6f6fc!important;color:var(--cms-auth-ink)}
body.cms-auth-template-page .site-content{background:transparent!important;min-height:0!important;padding:0!important;margin:0!important}
body.cms-auth-template-page #page{background:linear-gradient(155deg,#fff9fb 0%,#f6f7ff 54%,#f9f3ff 100%);min-height:100vh}
.cms-auth-topbar{max-width:1220px;margin:0 auto;padding:22px 26px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.cms-auth-site-brand{display:flex;align-items:center;max-width:215px}
.cms-auth-site-brand img{max-width:200px;max-height:60px;height:auto;width:auto;object-fit:contain}
.cms-auth-back{border:1px solid #e9eaf1;border-radius:30px;display:inline-flex;gap:8px;align-items:center;padding:11px 17px;background:#fff;color:#334155!important;font-weight:700;font-size:12px;box-shadow:0 4px 16px #1b174010;text-decoration:none!important;transition:transform .25s,box-shadow .25s}
.cms-auth-back:hover{transform:translateY(-2px);box-shadow:0 10px 25px #1b17401a;color:#e52332!important}
.cms-auth-shell{width:min(1180px,calc(100% - 40px));margin:12px auto 0;padding:0 0 16px;box-sizing:border-box;isolation:isolate}
.cms-auth-layout{display:grid;grid-template-columns:minmax(0, .88fr) minmax(0,1fr);background:#fff;border-radius:28px;box-shadow:0 25px 80px rgba(23,25,63,.1);border:1px solid #e9e8f2;overflow:hidden;min-height:630px}
.cms-auth-promo{position:relative;isolation:isolate;overflow:hidden;min-height:630px;background:linear-gradient(135deg,#fb405a 0%,#dd244f 39%,#8342be 100%);color:#fff!important;display:flex;flex-direction:column;justify-content:space-between;padding:54px 46px 32px}
.cms-auth-register .cms-auth-promo{background:linear-gradient(130deg,#8e4be6 0%,#ab3fa0 45%,#e74370 100%)}
.cms-auth-promo::before,.cms-auth-promo::after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:-1}
.cms-auth-promo::before{width:430px;height:430px;right:-230px;top:-170px;border:85px solid rgba(255,255,255,.08)}
.cms-auth-promo::after{width:330px;height:330px;bottom:-205px;left:-185px;border:60px solid rgba(255,255,255,.075)}
.cms-auth-orb{position:absolute;border-radius:40%;background:rgba(255,255,255,.09);box-shadow:inset 0 0 50px rgba(255,255,255,.12);width:130px;height:130px;right:20px;bottom:145px;transform:rotate(18deg);pointer-events:none;z-index:-1}
.cms-auth-promo-inner{max-width:400px;z-index:1}
.cms-auth-pill{display:inline-flex;gap:8px;align-items:center;border-radius:100px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.14);padding:9px 14px;font-size:10px;letter-spacing:1.2px;font-weight:800;color:#fff}
.cms-auth-sparkle{color:#ffe48c;font-size:16px}
.cms-auth-promo h2{font-size:clamp(30px,3vw,43px);line-height:1.23;margin:46px 0 18px;font-weight:800;letter-spacing:-1.3px;color:#fff!important}
.cms-auth-promo h2 em{font-style:normal;color:#ffeed1}
.cms-auth-promo p{font-size:15px;line-height:1.8;color:rgba(255,255,255,.9);margin:0 0 30px;max-width:360px}
.cms-auth-benefits{display:flex;flex-direction:column;gap:17px;margin-top:30px}
.cms-auth-benefits>div{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:0;align-items:center}
.cms-auth-benefits>div>span{grid-row:1/3;display:grid;place-items:center;height:42px;width:42px;border:1px solid rgba(255,255,255,.25);border-radius:14px;background:rgba(255,255,255,.17);font-size:22px;color:#fff}
.cms-auth-benefits strong{font-size:13px;font-weight:700;color:#fff;line-height:1.4}
.cms-auth-benefits small{font-size:11px;color:#ffedf3;opacity:.93;line-height:1.5}
.cms-auth-promo-foot{font-size:11px;opacity:.85;letter-spacing:.3px;margin-top:40px}
.cms-auth-main{padding:56px clamp(24px,5vw,68px);display:flex;align-items:center;justify-content:center;min-width:0}
.cms-auth-form-wrap{width:100%;max-width:465px;min-width:0}
.cms-auth-eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--cms-auth-red)}
.cms-auth-register .cms-auth-eyebrow{color:#8544c8}
.cms-auth-main h1{font-size:clamp(28px,3vw,36px);line-height:1.2;margin:12px 0 10px;font-weight:800;letter-spacing:-.7px;color:var(--cms-auth-ink)!important}
.cms-auth-description{color:var(--cms-auth-muted);font-size:13px;line-height:1.75;margin:0 0 28px}
.cms-auth-native-form{max-width:100%;min-width:0}
.cms-auth-native-form>*{max-width:100%}
.cms-auth-native-form .rtcl-MyAccount-wrap,.cms-auth-native-form .rtcl-MyAccount-content{display:block!important;width:100%!important;max-width:100%!important;min-height:0!important;float:none!important;margin:0!important;padding:0!important;box-shadow:none!important;background:transparent!important;border:0!important}
.cms-auth-native-form .rtcl-account-navigation,.cms-auth-native-form .rtcl-MyAccount-navigation,.cms-auth-native-form .rtcl-MyAccount-mobile-navbar{display:none!important}
.cms-auth-native-form h2,.cms-auth-native-form h3,.cms-auth-native-form .rtcl-login-title{font-size:18px!important;margin:10px 0 18px!important;color:var(--cms-auth-ink)!important}
.cms-auth-shell :is(form.rtcl-form,form.rtcl-login-form,form.rtcl-register-form,form.login,form.register,form.woocommerce-form, .rtcl-MyAccount-content form){max-width:100%!important;background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important}
.cms-auth-shell :is(label,.rtcl-form-label){display:block;font-size:12px;line-height:1.45;font-weight:700;color:#34415c;margin:0 0 7px}
.cms-auth-shell :is(input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],select,textarea){box-sizing:border-box;width:100%;max-width:100%;height:46px!important;border-radius:12px!important;border:1px solid #e0e5ef!important;background:#fcfcff!important;padding:11px 14px!important;color:#17253d!important;font-size:13px!important;box-shadow:none!important;transition:border-color .2s,box-shadow .2s,background .2s}
.cms-auth-shell :is(textarea){min-height:100px!important;height:auto!important}
.cms-auth-shell :is(input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],select,textarea):focus{border-color:#e95264!important;box-shadow:0 0 0 4px rgba(229,35,50,.1)!important;background:#fff!important;outline:none!important}
.cms-auth-shell :is(input[type=checkbox],input[type=radio]){accent-color:#e52332}
.cms-auth-shell :is(.form-group,.rtcl-form-group,.form-row,p.form-row,.field-group){margin-bottom:17px!important}
.cms-auth-shell :is(button[type=submit],input[type=submit],.rtcl-btn-primary,.btn-primary,.woocommerce-button){border-radius:12px!important;min-height:45px;padding:11px 24px!important;border:0!important;background:linear-gradient(115deg,#ee243c,#f44968)!important;color:#fff!important;box-shadow:0 8px 19px rgba(234,39,62,.19)!important;font-size:13px!important;font-weight:800!important;cursor:pointer;transition:transform .22s,box-shadow .22s}
.cms-auth-shell :is(button[type=submit],input[type=submit],.rtcl-btn-primary,.btn-primary,.woocommerce-button):hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(234,39,62,.26)!important}
.cms-auth-shell :is(button[type=submit],input[type=submit]):focus-visible{outline:3px solid #ffb5bd!important;outline-offset:3px}
.cms-auth-shell a:not(.cms-auth-back){color:#d9274a;text-decoration:none;font-weight:600}
.cms-auth-shell a:hover{text-decoration:underline}
.cms-auth-switch{margin-top:25px;padding-top:20px;border-top:1px solid var(--cms-auth-line);text-align:center;font-size:13px;color:#6a7690}
.cms-auth-switch a{color:#d9274a;font-weight:800}
.cms-auth-copyright{text-align:center;color:#8b93a7;font-size:11px;margin:20px 0 30px}
.cms-auth-password-field{position:relative;min-width:0}
.cms-auth-password-field>input[type=password],.cms-auth-password-field>input[type=text]{padding-right:64px!important}
.cms-auth-password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0!important;background:transparent!important;color:#56657d!important;font-size:11px!important;font-weight:700!important;padding:8px!important;min-height:0!important;border-radius:8px!important;box-shadow:none!important;cursor:pointer;z-index:2}
.cms-auth-password-toggle:hover{background:#f7edf1!important}
.cms-auth-password-toggle:focus-visible{outline:2px solid #f14c66;outline-offset:1px}
.cms-auth-shell .rtcl-notice,.cms-auth-shell .woocommerce-error,.cms-auth-shell .woocommerce-message,.cms-auth-shell .woocommerce-info{border-radius:10px!important;margin:0 0 16px!important;padding:12px 15px!important;font-size:12px!important;line-height:1.5!important;box-sizing:border-box}
.cms-auth-shell .g-recaptcha,.cms-auth-shell .cf-turnstile{max-width:100%;overflow:hidden;margin:14px 0}
/* Native account endpoints without a separately assigned page template.
   Enhance the genuine login/register form only, never the dashboard itself. */
body.cms-auth-auto:not(.cms-auth-template-page){background:#f7f7fd}
body.cms-auth-auto:not(.cms-auth-template-page) .rtcl-MyAccount-wrap{max-width:960px;margin:28px auto}
body.cms-auth-auto:not(.cms-auth-template-page) .rtcl-MyAccount-content{box-sizing:border-box;max-width:650px!important;margin:28px auto!important;padding:40px!important;border:1px solid #e5e8f1!important;border-radius:22px!important;background:#fff!important;box-shadow:0 15px 45px rgba(19,26,55,.09)!important}
body.cms-auth-auto:not(.cms-auth-template-page) .rtcl-MyAccount-content :is(input[type=text],input[type=email],input[type=password],input[type=tel],select){border-radius:12px!important;border:1px solid #e1e5ef!important;min-height:45px!important;background:#fcfcff!important;padding:11px 14px!important;box-sizing:border-box}
body.cms-auth-auto:not(.cms-auth-template-page) .rtcl-MyAccount-content :is(button[type=submit],input[type=submit],.rtcl-btn-primary){border-radius:12px!important;background:#e52332!important;border:0!important;color:#fff!important;padding:11px 20px!important;font-weight:700!important}
body.cms-auth-auto:not(.cms-auth-template-page) .rtcl-MyAccount-content:before{display:block;content:"Selamat datang di Marketplace Indonesia";font-weight:800;font-size:21px;line-height:1.4;color:#14223a;margin:0 0 20px}
@media(max-width:1024px){.cms-auth-promo{padding:43px 32px 28px}.cms-auth-main{padding:40px 32px}.cms-auth-benefits{gap:13px}}
@media(max-width:800px){.cms-auth-layout{grid-template-columns:1fr}.cms-auth-promo{min-height:0;padding:28px 30px}.cms-auth-promo h2{font-size:27px;margin:15px 0 8px}.cms-auth-promo p{margin:0;max-width:650px}.cms-auth-benefits,.cms-auth-promo-foot,.cms-auth-orb{display:none}.cms-auth-main{padding:34px 30px}.cms-auth-shell{width:calc(100% - 28px)}}
@media(max-width:500px){.cms-auth-topbar{padding:16px 18px}.cms-auth-site-brand img{max-width:135px;max-height:44px}.cms-auth-back{padding:9px 11px;font-size:10px}.cms-auth-layout{border-radius:19px}.cms-auth-promo{padding:23px 20px}.cms-auth-promo h2{font-size:25px}.cms-auth-promo p{font-size:12px}.cms-auth-main{padding:28px 19px}.cms-auth-eyebrow{font-size:10px}.cms-auth-main h1{font-size:28px}body.cms-auth-auto:not(.cms-auth-template-page) .rtcl-MyAccount-content{margin:16px auto!important;padding:24px!important}}
@media(prefers-reduced-motion:reduce){.cms-auth-shell *, .cms-auth-topbar *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
