/* Fundo animado Food compartilhado pelas telas de login */
body.sf-food-login-bg{position:relative;min-height:100dvh;overflow-x:hidden;isolation:isolate;background:radial-gradient(circle at 10% 10%,rgba(255,122,24,.20),transparent 34%),radial-gradient(circle at 90% 92%,rgba(255,80,0,.13),transparent 36%),linear-gradient(145deg,#0d0907,#17100c 55%,#0f0b08)!important}
body.sf-food-login-bg>.sf-food-login-background{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
body.sf-food-login-bg>.sf-food-login-background::before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 22% 30%,rgba(255,149,48,.10),transparent 18%),radial-gradient(circle at 75% 18%,rgba(255,92,12,.08),transparent 20%),radial-gradient(circle at 68% 78%,rgba(255,175,68,.08),transparent 21%);animation:sfFoodLoginGlow 14s ease-in-out infinite alternate}
.sf-food-login-particle{position:absolute;left:var(--x);top:110%;font-size:var(--size);opacity:.12;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35));animation:sfFoodLoginFloat var(--duration) linear infinite;animation-delay:var(--delay);will-change:transform;user-select:none}
.sf-food-login-particle:nth-child(2n){opacity:.09}.sf-food-login-particle:nth-child(3n){opacity:.15}
body.sf-food-login-bg>main,body.sf-food-login-bg>form,body.sf-food-login-bg>.app,body.sf-food-login-bg>.master-auth-wrap,body.sf-food-login-bg>.login,body.sf-food-login-bg>.wrap{position:relative;z-index:1}
@keyframes sfFoodLoginFloat{0%{transform:translate3d(0,0,0) rotate(0deg) scale(.86)}45%{transform:translate3d(34px,-56vh,0) rotate(160deg) scale(1)}100%{transform:translate3d(-24px,-122vh,0) rotate(360deg) scale(.9)}}
@keyframes sfFoodLoginGlow{from{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(2%,1%,0) scale(1.08)}}
@media(prefers-reduced-motion:reduce){.sf-food-login-particle,.sf-food-login-background::before{animation:none}.sf-food-login-particle{display:none}}


/* V1081 - Login administrativo proporcional e com animação visível */
body.sf-admin-login-page{
  min-height:100vh;
  min-height:100dvh;
  display:block;
  overflow:auto;
}
body.sf-admin-login-page > main.login{
  position:relative;
  z-index:1;
  min-height:100vh;
  min-height:100dvh;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(20px,4vw,48px);
  background:transparent !important;
}
body.sf-admin-login-page .login-box{
  width:min(100%,420px) !important;
  padding:30px 30px 26px !important;
  border-radius:26px !important;
  background:linear-gradient(155deg,rgba(38,25,17,.93),rgba(19,13,10,.95)) !important;
  border:1px solid rgba(255,255,255,.11) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.05) !important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
body.sf-admin-login-page .login-box .brand{
  margin:0 0 20px !important;
  gap:12px !important;
}
body.sf-admin-login-page .login-box .brand-mark{
  width:44px !important;
  height:44px !important;
  border-radius:14px !important;
}
body.sf-admin-login-page .login-box h1{
  margin:0 0 7px !important;
  font-size:clamp(25px,4vw,30px) !important;
  line-height:1.12 !important;
  letter-spacing:-.025em;
}
body.sf-admin-login-page .login-box > p:not(.sf-login-version){
  margin:0 0 22px !important;
  font-size:13.5px !important;
  line-height:1.45 !important;
}
body.sf-admin-login-page .login-box label:not(.sf-login-remember){
  margin-bottom:13px !important;
  gap:7px !important;
}
body.sf-admin-login-page .login-box input:not([type="checkbox"]){
  min-height:48px !important;
  padding:0 15px !important;
}
body.sf-admin-login-page .sf-login-remember{
  min-height:44px;
  margin:2px 0 10px !important;
  padding:10px 12px !important;
}
body.sf-admin-login-page .login-box .btn{
  min-height:48px !important;
  margin-top:2px !important;
  border-radius:16px !important;
}
body.sf-admin-login-page .login-box .btn.alt{
  min-height:44px !important;
  margin-top:0 !important;
}
body.sf-admin-login-page .sf-login-divider{margin:8px 0 !important;}
body.sf-admin-login-page .sf-login-version{margin:17px 0 0 !important;}
@media(max-width:520px){
  body.sf-admin-login-page > main.login{padding:16px;align-items:center;}
  body.sf-admin-login-page .login-box{padding:24px 20px 21px !important;border-radius:22px !important;}
}
@media(max-height:700px) and (min-width:521px){
  body.sf-admin-login-page > main.login{align-items:flex-start;padding-top:20px;padding-bottom:20px;}
  body.sf-admin-login-page .login-box{padding-top:24px !important;padding-bottom:22px !important;}
}