/* one box per digit (OTP / 2FA) — Admin and website */
.otpb{display:flex;gap:clamp(6px,1.6vw,10px);justify-content:center;width:100%;margin:6px 0}
.otpb-d{width:clamp(40px,11vw,52px);height:clamp(48px,13vw,58px);flex:none;padding:0;text-align:center;font:700 clamp(20px,5vw,24px)/1 ui-monospace,Menlo,Consolas,monospace;border-radius:12px;border:1.5px solid rgba(100,116,139,.45);background:rgba(255,255,255,.96);color:#0f172a;caret-color:#0f766e;transition:border-color .15s,box-shadow .15s,transform .15s}
.otpb-d:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 4px rgba(20,184,166,.22);transform:translateY(-1px)}
.otpb-d[data-full]{border-color:#0f766e;background:#f0fdfa}
@media (prefers-color-scheme:dark){.otpb-d{background:#0f1f1d;color:#ecfeff;border-color:rgba(148,163,184,.35)}.otpb-d[data-full]{background:#123532}}
html[data-z-storefront-theme=light] .otpb-d{background:#fff;color:#0f172a}
.otpb[aria-invalid=true] .otpb-d{border-color:#dc2626;animation:otpb-shake .35s}
@keyframes otpb-shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@media (max-width:360px){.otpb{gap:5px}.otpb-d{width:38px;height:46px}}
/* the old single-field frame around the code is not needed with boxes */
:is(.z-auth-input,.portal-login-input,.guest-email-code-row):has(> .otpb){border:0!important;background:none!important;box-shadow:none!important;padding:0!important;min-height:0!important;height:auto!important}
:is(.z-auth-input,.portal-login-input):has(> .otpb)>svg{display:none}
/* 4.13: page/input styles (input{width:100%}, padding, borders) must never stretch a digit box */
.otpb{display:flex!important;flex-wrap:nowrap!important;width:auto!important;max-width:100%}
.otpb>input.otpb-d,.otpb>input.otpb-d:focus{flex:0 0 auto!important;width:clamp(40px,11vw,52px)!important;min-width:0!important;max-width:52px!important;height:clamp(48px,13vw,58px)!important;min-height:0!important;padding:0!important;margin:0!important;text-align:center!important;border-radius:12px!important;box-sizing:border-box!important}
:is(.z-auth-input,.portal-login-input,.guest-email-code-row,label):has(> .otpb){display:block!important;width:100%}

.glossy-dob-picker_overlay__pTyyz.glossy-dob-picker_overlay__pTyyz{--dob-bg:#fff9ec;--dob-fg:#30240e;--dob-border:#cbb478;--dob-soft:#f6ecd6;--dob-accent:#916b1c;position:fixed!important;inset:0!important;z-index:2147483000!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;padding:16px!important;overflow:auto!important;background:#0009!important;color:var(--dob-fg)!important;font:14px/1.5 system-ui,sans-serif!important}
html[data-z-storefront-theme='dark'] .glossy-dob-picker_overlay__pTyyz.glossy-dob-picker_overlay__pTyyz{--dob-bg:#17241f;--dob-fg:#f2f5ed;--dob-border:#526759;--dob-soft:#25392d;--dob-accent:#78bd95}
.glossy-dob-picker_overlay__pTyyz.glossy-dob-picker_overlay__pTyyz .z-dob-dialog{position:relative!important;display:block!important;width:min(420px,100%)!important;max-height:calc(100dvh - 32px)!important;overflow:auto!important;box-sizing:border-box!important;margin:auto!important;padding:22px!important;border:1px solid var(--dob-border)!important;border-radius:20px!important;background:var(--dob-bg)!important;color:var(--dob-fg)!important;box-shadow:0 20px 70px #0005!important}
.glossy-dob-picker_overlay__pTyyz.glossy-dob-picker_overlay__pTyyz .z-dob-top,.glossy-dob-picker_overlay__pTyyz.glossy-dob-picker_overlay__pTyyz .z-dob-controls,.glossy-dob-picker_overlay__pTyyz.glossy-dob-picker_overlay__pTyyz .z-dob-bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
.glossy-dob-picker_overlay__pTyyz.glossy-dob-picker_overlay__pTyyz .z-dob-weekdays,.glossy-dob-picker_overlay__pTyyz.glossy-dob-picker_overlay__pTyyz .z-dob-days{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:4px!important;margin:12px 0!important;text-align:center!important}
.glossy-dob-picker_overlay__pTyyz.glossy-dob-picker_overlay__pTyyz .z-dob-days>*{min-width:0!important;box-sizing:border-box!important}
.glossy-dob-picker_overlay__pTyyz.glossy-dob-picker_overlay__pTyyz .z-dob-days button{min-height:38px!important;padding:4px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:var(--dob-fg)!important;cursor:pointer!important}
.glossy-dob-picker_overlay__pTyyz.glossy-dob-picker_overlay__pTyyz .z-dob-days button[aria-pressed='true']{background:var(--dob-accent)!important;color:var(--dob-bg)!important}
.glossy-dob-picker_overlay__pTyyz.glossy-dob-picker_overlay__pTyyz button:disabled{opacity:.35!important;cursor:default!important}
.glossy-dob-picker_overlay__pTyyz.glossy-dob-picker_overlay__pTyyz .z-dob-controls select,.glossy-dob-picker_overlay__pTyyz.glossy-dob-picker_overlay__pTyyz .z-dob-controls button,.glossy-dob-picker_overlay__pTyyz.glossy-dob-picker_overlay__pTyyz .z-dob-close,.glossy-dob-picker_overlay__pTyyz.glossy-dob-picker_overlay__pTyyz .z-dob-bottom button{box-sizing:border-box!important;min-width:0!important;min-height:38px!important;padding:6px 10px!important;border:1px solid var(--dob-border)!important;border-radius:8px!important;background:var(--dob-soft)!important;color:var(--dob-fg)!important}
.glossy-dob-picker_overlay__pTyyz.glossy-dob-picker_overlay__pTyyz .z-dob-controls select{max-width:44%!important;flex:1!important}
.glossy-dob-picker_overlay__pTyyz.glossy-dob-picker_overlay__pTyyz .z-dob-bottom{flex-wrap:wrap!important;font-size:12px!important}
.glossy-dob-picker_overlay__pTyyz.glossy-dob-picker_overlay__pTyyz .z-dob-bottom span{flex:1 1 220px!important}
.glossy-dob-picker_overlay__pTyyz.glossy-dob-picker_overlay__pTyyz .z-dob-kicker{font-size:11px!important;letter-spacing:.08em!important}
.glossy-dob-picker_overlay__pTyyz.glossy-dob-picker_overlay__pTyyz h2{margin:12px 0 8px!important;font:700 22px/1.3 system-ui,sans-serif!important;color:var(--dob-fg)!important}
.glossy-dob-picker_overlay__pTyyz.glossy-dob-picker_overlay__pTyyz p{margin:0 0 14px!important;color:var(--dob-fg)!important}
.glossy-dob-picker_trigger__OkYMH.glossy-dob-picker_trigger__OkYMH{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;min-width:0!important;width:100%!important;min-height:52px!important;padding:12px 16px!important;border:1px solid var(--green-line,#cbb478)!important;border-radius:12px!important;background:var(--green-soft,#fff9ec)!important;color:var(--green-text,#30240e)!important;text-align:left!important}
.glossy-dob-picker_trigger__OkYMH.glossy-dob-picker_trigger__OkYMH>span{flex:1!important;min-width:0!important}
.glossy-dob-picker_trigger__OkYMH.glossy-dob-picker_trigger__OkYMH>svg{flex:none!important;color:inherit!important}