/* Login references: calebito.com, with a split layout supplied by the client. */
body.signed-out{background:#faf7f1}
.signed-out main>header{display:none}
.signed-out main>.page{padding:0;max-width:none;margin:0}
.auth-screen{min-height:100dvh;display:grid;grid-template-columns:minmax(360px,35%) 1fr}
.auth-story{position:relative;isolation:isolate;display:flex;flex-direction:column;padding:46px 42px 26px;overflow:hidden;background:#394935;color:#fff}
.auth-story:before{content:'';position:absolute;inset:0;z-index:-2;background:url('/assets/brand/login-loja.jpg') center bottom/cover no-repeat}
.auth-story:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#394935fa 0%,#394935f2 48%,#394935b0 73%,#253b2bd9 100%)}
.auth-brand{display:grid;gap:15px;align-content:start}
.auth-brand img{width:195px;height:auto}
.auth-brand span{font-size:10px;letter-spacing:2.5px;color:#f1d7ab;font-weight:600}
.auth-story-copy{margin-top:56px;max-width:410px}
.auth-kicker{display:inline-block;font-size:9px;font-weight:600;letter-spacing:1.4px;border:1px solid #ffffff40;border-radius:30px;padding:9px 13px;color:#f2deb7}
.auth-story h2{color:#fff;font-size:clamp(29px,2.5vw,42px);line-height:1.15;letter-spacing:-1.3px;font-weight:700;margin:24px 0 18px}
.auth-story p{font-size:13px;line-height:1.8;color:#e7e8dd;max-width:345px}
.auth-features{display:grid;gap:22px;margin:30px 0 38px;padding:0;list-style:none}
.auth-features li{display:flex;gap:14px;align-items:flex-start}
.auth-features b{display:grid;place-items:center;width:29px;height:29px;border:1px solid #ffffff32;border-radius:7px;font-size:10px;color:#f5b75d;background:#ffffff09;flex:none}
.auth-features strong{display:block;font-size:13px;color:#fff;margin-bottom:5px;font-weight:600}
.auth-features small{font-size:11px;color:#d8dfd0;line-height:1.5}
.auth-story-footer{margin-top:auto;padding-top:22px;border-top:1px solid #ffffff30;font-size:10px;color:#e4e7db}
.auth-main{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:64px 48px 90px;background:#faf7f1}
.auth-main .login-panel{margin:0;width:100%;max-width:410px;padding:0;border:0;background:transparent;border-radius:0}
.auth-main .login-panel h1{color:#572816;font-size:27px;letter-spacing:-.6px;margin-bottom:10px;font-weight:700}
.auth-main .login-panel>p{font-size:13px;color:#766f62;line-height:1.7}
.auth-mode{display:flex;align-items:center;justify-content:space-between;border:1px solid #e4dfd3;background:#ede9df;border-radius:9px;padding:4px;margin:28px 0 24px;gap:8px}
.auth-mode strong{background:#fff;border-radius:6px;box-shadow:0 1px 3px #57281609;flex:1;text-align:center;padding:11px;font-size:12px;color:#572816}
.auth-mode span{flex:1;text-align:center;font-size:11px;color:#717466}
.auth-main .privacy-form{display:grid;gap:17px}
.auth-main .privacy-form label{display:grid;gap:9px;font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:600;color:#4b6747;margin:0}
.auth-main .privacy-form input{min-height:47px;background:#fffdf9;border:1px solid #deddd0;border-radius:7px;padding:12px 14px;color:#49392f;font-size:14px;letter-spacing:0;text-transform:none;width:100%}
.auth-main .privacy-form input:focus{outline:2px solid #9cba88;outline-offset:2px}
.auth-main .privacy-form>.btn{width:100%;padding:15px;background:#4b6747;color:white;border-radius:7px;font-size:13px;margin-top:3px;box-shadow:0 3px 5px #39493513}
.auth-main .privacy-form>.btn:hover{background:#394935}
.auth-main .privacy-form>.btn:disabled{opacity:.6;cursor:wait}
.auth-security{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:21px;color:#6d7963;font-size:11px}
.auth-help{margin:25px 0 0;text-align:center;font-size:12px;color:#4b6747}
.auth-help summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px;list-style:none}
.auth-help p{font-size:12px;margin-top:12px;background:#f0ede4;border-radius:7px;padding:14px;text-align:left;color:#6c6f60}
.auth-legal{position:absolute;bottom:22px;left:25px;right:25px;text-align:center;color:#8b8d7d;font-size:10px;line-height:1.9}
.auth-legal strong{color:#737865;font-weight:500}
.auth-main .login-panel>img{display:block;margin:20px auto}
.auth-main .login-panel details{font-size:12px;margin:18px 0;line-height:1.7}
.auth-main #mfaRecoveryList{font-size:13px;background:#fff;border:1px solid #e4dfd3;padding:16px;border-radius:8px}
@media(min-width:1600px){.auth-story{padding:46px 55px 28px}.auth-story-copy{margin-top:70px}}
@media(max-width:1000px){.auth-screen{grid-template-columns:36% 1fr}.auth-story{padding:35px 25px}.auth-main{padding:50px 35px 85px}.auth-story-copy{margin-top:45px}.auth-features{gap:18px}}
@media(max-width:700px){.auth-screen{grid-template-columns:1fr}.auth-story{min-height:240px;padding:25px 24px}.auth-brand img{width:145px}.auth-brand span{font-size:8px}.auth-story-copy{margin-top:24px;max-width:none}.auth-kicker,.auth-features,.auth-story-footer{display:none}.auth-story h2{font-size:29px;margin:0 0 10px}.auth-story p{font-size:12px;max-width:420px}.auth-main{min-height:calc(100dvh - 240px);padding:35px 24px 80px;justify-content:flex-start}.auth-main .login-panel h1{font-size:25px}.auth-legal{bottom:18px}.auth-main .login-panel{max-width:430px}}