/* Six-box sign-in code field (account.php and the admin sign-in). assets/code-input.js enhances it;
   without JavaScript it is a plain, large numeric input. */
.code-boxes{position:relative;display:block}
.code-boxes input{width:100%;min-height:60px;padding:0 16px;border:1px solid var(--brand-line,#e6e2ea);border-radius:14px;background:var(--brand-bg,#fff);font:600 28px/1 Menlo,Consolas,monospace;letter-spacing:12px;text-align:center;color:var(--brand-text,#1d1a21)}
.code-boxes>span{display:none}
.code-boxes.is-enhanced input{position:absolute;inset:0;z-index:2;min-height:0;height:100%;padding:0;border:0;background:transparent;color:transparent;caret-color:transparent;letter-spacing:0;font-size:1px;opacity:.01;cursor:text}
.code-boxes.is-enhanced>span{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.code-boxes i{display:grid;place-items:center;height:60px;border:1px solid var(--brand-line,#e6e2ea);border-radius:14px;background:var(--brand-bg,#fff);font:700 26px/1 var(--brand-font-body,"DM Sans",Arial,sans-serif);font-style:normal;color:var(--brand-text,#1d1a21);transition:border-color .15s,box-shadow .15s,transform .15s}
.code-boxes i:nth-child(3){margin-right:10px}
.code-boxes i.is-filled{animation:codePop .18s ease}
.code-boxes.is-focused i.is-current{border-color:var(--brand-primary,#241236);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary,#241236) 13.3%,transparent)}
.code-boxes.is-focused i.is-current:empty::after{content:"";width:2px;height:26px;background:var(--brand-primary,#241236);animation:codeBlink 1s steps(1) infinite}
.code-boxes.is-error i{border-color:#c2323f;animation:codeShake .35s ease}
@keyframes codePop{50%{transform:scale(1.06)}}
@keyframes codeBlink{50%{opacity:0}}
@keyframes codeShake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@media(max-width:420px){.code-boxes.is-enhanced>span{gap:6px}.code-boxes i{height:52px;font-size:22px}.code-boxes i:nth-child(3){margin-right:6px}}
@media(prefers-reduced-motion:reduce){.code-boxes i{animation:none!important}}