.bdcs-auth{box-sizing:border-box;max-width:var(--a-max,460px);margin:calc(24px*var(--sb-sp,1)) auto;background:var(--a-card);color:var(--a-text);font-family:var(--a-font,inherit);border-radius:calc(var(--a-r) + 6px);box-shadow:var(--a-sh);overflow:hidden;display:grid;grid-template-columns:1fr}
.bdcs-auth *{box-sizing:border-box}
.bdcs-lay-plain{box-shadow:none;background:transparent}
.bdcs-lay-split{grid-template-columns:1fr 1fr}
.bdcs-auth-side{background:radial-gradient(120% 120% at 100% 0%,color-mix(in srgb,var(--sb-copper) 45%,transparent),transparent 60%),var(--a-pri) center/cover no-repeat;color:var(--sb-porcelain);display:flex;align-items:flex-end;padding:calc(36px*var(--sb-sp,1));min-height:260px}
.bdcs-auth-side h2{color:var(--sb-porcelain);margin:0 0 calc(8px*var(--sb-sp,1));font-size:calc(36px*var(--sb-fs,1));font-family:var(--a-head,inherit);font-weight:600}.bdcs-auth-side p{margin:0;opacity:.92}
.bdcs-auth-main{padding:calc(32px*var(--sb-sp,1))}
.bdcs-auth-logo{max-height:46px;margin-bottom:calc(14px*var(--sb-sp,1));display:block}
.bdcs-auth h3{margin:0 0 calc(4px*var(--sb-sp,1));font-family:var(--a-head,inherit);font-size:calc(30px*var(--sb-fs,1));font-weight:600;letter-spacing:.005em;color:inherit}.bdcs-auth-sub{margin:0 0 calc(16px*var(--sb-sp,1));opacity:.7}
.bdcs-auth-pane{display:none}.bdcs-auth-pane.on{display:block}
.bdcs-auth-tabs{display:flex;gap:calc(6px*var(--sb-sp,1));background:color-mix(in srgb,var(--sb-taupe) 18%,transparent);padding:calc(4px*var(--sb-sp,1));border-radius:var(--a-r);margin-bottom:calc(18px*var(--sb-sp,1))}
.bdcs-auth-tab{flex:1;border:0;background:transparent;color:inherit;padding:calc(10px*var(--sb-sp,1));border-radius:calc(var(--a-r) - 2px);cursor:pointer;font:inherit;font-weight:500;letter-spacing:.03em}
.bdcs-auth-tab.on{background:var(--a-pri);color:var(--a-btn)}
.bdcs-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(14px*var(--sb-sp,1))}
.bdcs-w-full{grid-column:1/-1}
.bdcs-fld label{display:block;font-weight:500;font-size:calc(14px*var(--sb-fs,1));margin-bottom:calc(5px*var(--sb-sp,1))}.bdcs-fld label i{color:var(--sb-brick);font-style:normal}
.bdcs-fld input[type=text],.bdcs-fld input[type=email],.bdcs-fld input[type=tel],.bdcs-fld input[type=password],.bdcs-fld input[type=date],.bdcs-fld input[type=number],.bdcs-fld select,.bdcs-fld textarea{width:100%;min-height:var(--a-h);padding:calc(10px*var(--sb-sp,1)) calc(14px*var(--sb-sp,1));border:1px solid var(--a-bd);border-radius:var(--a-r);background:var(--a-in);color:inherit;font:inherit;box-shadow:none;outline:0}
.bdcs-fld input:focus,.bdcs-fld select:focus,.bdcs-fld textarea:focus{border-color:var(--sb-copper);box-shadow:0 0 0 3px color-mix(in srgb,var(--sb-copper) 20%,transparent)}
.bdcs-in-filled .bdcs-fld input,.bdcs-in-filled .bdcs-fld select,.bdcs-in-filled .bdcs-fld textarea{background:rgba(128,128,128,.12);border-color:transparent}
.bdcs-in-underline .bdcs-fld input,.bdcs-in-underline .bdcs-fld select,.bdcs-in-underline .bdcs-fld textarea{border-width:0 0 2px;border-radius:0;background:transparent;padding-left:2px}
/* WooCommerce/themes restyle .password-input (flex, fixed widths): keep the password box exactly as wide and tall as the other fields */
.bdcs-auth .bdcs-pwwrap{position:relative;display:block!important;width:100%;max-width:none;margin:0}.bdcs-auth .bdcs-pwwrap input{width:100%!important;max-width:none!important;margin:0!important;padding-right:calc(52px*var(--sb-sp,1))!important}
/* WooCommerce adds its own eye button to password fields on account pages; ours already toggles */
.bdcs-pwwrap .show-password-input{display:none!important}
.bdcs-auth .bdcs-pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:auto;min-width:0;height:36px;min-height:0;margin:0;padding:0 calc(12px*var(--sb-sp,1))!important;border:0;border-radius:calc(var(--a-r) - 4px);background:transparent!important;box-shadow:none!important;color:var(--sb-copper-deep)!important;cursor:pointer;font:inherit;font-weight:600;font-size:calc(13px*var(--sb-fs,1));line-height:1;letter-spacing:.02em;text-transform:none}
.bdcs-auth .bdcs-pw-toggle:hover{background:color-mix(in srgb,var(--sb-copper) 12%,transparent)!important}
/* eye icon: open while hidden, crossed out while the password is shown */
.bdcs-auth .bdcs-pw-toggle{display:grid;place-items:center;width:40px;padding:0!important;color:var(--sb-taupe-deep)!important}
.bdcs-auth .bdcs-pw-toggle::before{content:"";width:20px;height:20px;background:currentColor;-webkit-mask:var(--eye) center/contain no-repeat;mask:var(--eye) center/contain no-repeat;--eye:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12S6 5.5 12 5.5 21.5 12 21.5 12 18 18.5 12 18.5 2.5 12 2.5 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}
.bdcs-auth .bdcs-pw-toggle[aria-pressed=true]::before{--eye:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.9 5.7A9.8 9.8 0 0 1 12 5.5c6 0 9.5 6.5 9.5 6.5a17 17 0 0 1-2.7 3.4M6.4 6.9C3.9 8.6 2.5 12 2.5 12S6 18.5 12 18.5a9.4 9.4 0 0 0 4.6-1.2M9.9 9.9a3 3 0 0 0 4.2 4.2M3.5 3.5l17 17'/%3E%3C/svg%3E")}
.bdcs-auth .bdcs-pw-toggle:hover,.bdcs-auth .bdcs-pw-toggle[aria-pressed=true]{color:var(--sb-copper-deep)!important}
.bdcs-auth .bdcs-pw-toggle:focus-visible{outline:2px solid var(--sb-copper);outline-offset:1px}
.bdcs-chk{display:flex;gap:calc(8px*var(--sb-sp,1));align-items:flex-start;font-weight:400!important}.bdcs-chk input{margin-top:calc(4px*var(--sb-sp,1))}
.bdcs-row{display:flex;justify-content:space-between;align-items:center;gap:calc(10px*var(--sb-sp,1));flex-wrap:wrap}.bdcs-row a{color:var(--sb-copper-deep)}
.bdcs-auth-btn{width:100%;margin-top:calc(18px*var(--sb-sp,1));min-height:var(--a-h);border:0;border-radius:var(--sb-pill,999px);background:var(--a-pri);color:var(--a-btn);font:inherit;font-weight:500;letter-spacing:.06em;cursor:pointer;transition:background .2s}
.bdcs-auth-btn:hover{background:var(--sb-copper);color:var(--sb-on-copper,#fff)}
.bdcs-auth-err{background:color-mix(in srgb,var(--sb-brick) 10%,transparent);color:var(--sb-brick-deep);border:1px solid color-mix(in srgb,var(--sb-brick) 28%,transparent);border-radius:var(--a-r);padding:calc(10px*var(--sb-sp,1)) calc(14px*var(--sb-sp,1));margin-bottom:calc(14px*var(--sb-sp,1))}.bdcs-auth-err ul{margin:0;padding-left:calc(18px*var(--sb-sp,1))}
.bdcs-auth-ok{background:color-mix(in srgb,var(--sb-sage) 14%,transparent);color:var(--sb-sage-deep);border-radius:var(--a-r);padding:calc(10px*var(--sb-sp,1)) calc(14px*var(--sb-sp,1));margin-bottom:calc(14px*var(--sb-sp,1))}
.bdcs-auth-switch{text-align:center;margin:calc(16px*var(--sb-sp,1)) 0 0}.bdcs-auth-switch a{color:var(--sb-copper-deep);font-weight:600}
.bdcs-auth .bdcs-social{margin-top:calc(16px*var(--sb-sp,1))}
.bdcs-auth-note{padding:calc(14px*var(--sb-sp,1));text-align:center}
@media(max-width:768px){.bdcs-lay-split{grid-template-columns:1fr}.bdcs-auth-side{min-height:150px;padding:calc(22px*var(--sb-sp,1))}.bdcs-auth-main{padding:calc(22px*var(--sb-sp,1))}.bdcs-auth{margin:calc(12px*var(--sb-sp,1))}}
@media(max-width:480px){.bdcs-fields{grid-template-columns:1fr}.bdcs-w-half{grid-column:1/-1}}
