/* First-paint Home Screen chrome. Keep this file tiny and linked before admin.css. */
html,body{background:#f7f4ed}
.admin-web-app-splash{
  display:none;
  position:fixed;
  inset:0;
  z-index:2147483000;
  align-items:center;
  justify-content:center;
  background:
    linear-gradient(
      to bottom,
      #f7f4ed 0,
      #f7f4ed calc(env(safe-area-inset-top,0px) + .5rem),
      rgba(247,244,237,0) calc(env(safe-area-inset-top,0px) + 7rem)
    ),
    radial-gradient(ellipse 80% 65% at 50% 44%, #fffdf8 0%, #f7f4ed 64%, #f0ebdf 100%);
  overflow:hidden;
  pointer-events:none;
}
.admin-web-app-splash-stage{
  position:relative;
  display:flex;
  width:100%;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.admin-web-app-splash-farm{
  position:relative;
  flex:none;
  width:min(106vw,38rem,112vh);
  width:min(106vw,38rem,112svh);
  overflow:visible;
}
.admin-web-app-splash-art{
  display:block;
  width:100%;
  height:auto;
  overflow:visible;
}
.admin-web-app-splash-mark{
  position:relative;
  z-index:1;
  display:block;
  width:min(25vw,12rem);
  height:auto;
}
.admin-web-app-splash-farm + .admin-web-app-splash-mark{display:none}
html.admin-web-app-splash-static .admin-web-app-splash-farm{display:none}
html.admin-web-app-splash-static .admin-web-app-splash-farm + .admin-web-app-splash-mark{display:block}
.admin-web-app-refresh{
  display:none;
  position:fixed;
  top:0;
  right:0;
  left:0;
  z-index:2147483001;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  padding:calc(.65rem + env(safe-area-inset-top,0px)) .75rem 1.85rem;
  background:rgba(247,244,237,.94);
  color:#44403c;
  font-size:.8125rem;
  font-weight:650;
  line-height:1.2;
  pointer-events:none;
}
.admin-web-app-refresh.is-armed{padding-bottom:2.75rem}
.admin-web-app-refresh-spinner{
  width:1.15rem;
  height:1.15rem;
  border:.15rem solid #ded9d1;
  border-top-color:#ef2147;
  border-radius:50%;
}
.admin-web-app-refresh.is-visible{display:flex}
.admin-web-app-refresh[hidden]{display:none!important}
.admin-web-app-reload{
  display:none;
  position:fixed;
  inset:0;
  z-index:2147483002;
  isolation:isolate;
  align-items:center;
  justify-content:center;
  background:linear-gradient(
    to bottom,
    #f7f4ed 0,
    #f7f4ed calc(env(safe-area-inset-top,0px) + .5rem),
    rgba(247,244,237,.78) calc(env(safe-area-inset-top,0px) + 5.5rem),
    rgba(247,244,237,.28) 38%,
    rgba(28,25,23,.22) 56%,
    rgba(28,25,23,.4) 100%
  );
}
.admin-web-app-reload::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  -webkit-mask-image:linear-gradient(
    to bottom,
    transparent 0,
    transparent calc(env(safe-area-inset-top,0px) + .5rem),
    rgba(0,0,0,.28) calc(env(safe-area-inset-top,0px) + 5.5rem),
    #000 52%
  );
  mask-image:linear-gradient(
    to bottom,
    transparent 0,
    transparent calc(env(safe-area-inset-top,0px) + .5rem),
    rgba(0,0,0,.28) calc(env(safe-area-inset-top,0px) + 5.5rem),
    #000 52%
  );
}
.admin-web-app-reload.is-visible{display:flex}
.admin-web-app-reload[hidden]{display:none!important}
.admin-web-app-reload-spinner{
  position:relative;
  z-index:1;
  width:2.6rem;
  height:2.6rem;
  border:.22rem solid rgba(68,64,60,.22);
  border-top-color:#ef2147;
  border-radius:50%;
}
.admin-web-app-status-fill{
  display:none;
  pointer-events:none;
}
@media (display-mode: standalone), (display-mode: fullscreen){
  .admin-web-app-status-fill{
    display:block;
    position:fixed;
    top:0;
    right:0;
    left:0;
    z-index:2147482990;
    height:env(safe-area-inset-top,0px);
    background:#f7f4ed;
  }
  html.admin-sidebar-mobile-open .admin-web-app-status-fill{
    background:#16181d;
  }
}
html.admin-web-app-standalone .admin-web-app-status-fill,
html.admin-processing-standalone .admin-web-app-status-fill{
  display:block;
  position:fixed;
  top:0;
  right:0;
  left:0;
  z-index:2147482990;
  height:env(safe-area-inset-top,0px);
  background:#f7f4ed;
}
html.admin-web-app-standalone.admin-sidebar-mobile-open .admin-web-app-status-fill,
html.admin-processing-standalone.admin-sidebar-mobile-open .admin-web-app-status-fill{
  background:#16181d;
}
.admin-web-app-pulling{transition:none}
.admin-web-app-pull-snap{transition:transform .28s ease}
@media (display-mode: standalone), (display-mode: fullscreen){
  html,body{background:#f7f4ed;overscroll-behavior-y:none}
  .admin-web-app-splash{display:flex}
  .admin-main-scroll{overscroll-behavior-y:none}
}
html.admin-web-app-standalone,
html.admin-processing-standalone,
html.admin-web-app-standalone body,
html.admin-processing-standalone body{
  background:#f7f4ed;
  overscroll-behavior-y:none;
}
html.admin-web-app-standalone .admin-web-app-splash,
html.admin-processing-standalone .admin-web-app-splash{display:flex}
html.admin-web-app-standalone .admin-main-scroll,
html.admin-processing-standalone .admin-main-scroll{overscroll-behavior-y:none}
html.admin-web-app-reloading,
html.admin-web-app-reloading body{
  overflow:hidden;
  overscroll-behavior:none;
  background:#f7f4ed;
}
.admin-web-app-splash.is-leaving{opacity:0;transition:opacity .32s ease}
.admin-web-app-splash.is-done,
.admin-web-app-splash[hidden],
html.admin-web-app-splash-skip .admin-web-app-splash{display:none!important}
@media (prefers-reduced-motion: no-preference){
  .admin-web-app-refresh-spinner,
  .admin-web-app-reload-spinner{animation:admin-web-app-refresh-spin .7s linear infinite}
  .admin-web-app-splash-mark{animation:admin-web-app-splash-mark .7s ease-out both}
  .admin-web-app-splash-art{animation:admin-web-app-splash-field .8s cubic-bezier(.22,1,.36,1) both}
  /* 80 ground units of travel; each wheel turns by distance / its radius. */
  .admin-web-app-splash-tractor{animation:admin-web-app-splash-tractor 1.8s .4s cubic-bezier(.3,0,.25,1) both}
  .admin-web-app-splash-wheel-hub{--awf-wheel-turn:327.4deg;transform-box:fill-box;transform-origin:center;animation:admin-web-app-splash-roll 1.8s .4s cubic-bezier(.3,0,.25,1) both}
  .admin-web-app-splash-wheel-hub-front{--awf-wheel-turn:509.3deg}
  .admin-web-app-splash-crop-row{animation:admin-web-app-splash-crops .7s .2s ease-out both}
  .admin-web-app-splash-crop-row:nth-of-type(2n){animation-delay:.3s}
  .admin-web-app-splash-crop-row:nth-of-type(3n){animation-delay:.4s}
  .admin-web-app-splash-barn,
  .admin-web-app-splash-trees,
  .admin-web-app-splash-silo,
  .admin-web-app-splash-yard-details{animation:admin-web-app-splash-fade .75s .12s ease-out both}
  .admin-web-app-splash-shadow{animation:admin-web-app-splash-fade .8s ease-out both}
  .admin-web-app-splash-dust{animation:admin-web-app-splash-dust 1.4s .6s ease-out both}
}
.admin-web-app-splash-dust{opacity:0}
@media (prefers-reduced-motion:reduce){
  .admin-web-app-splash.is-leaving{transition:none}
}
@keyframes admin-web-app-refresh-spin{
  to{transform:rotate(360deg)}
}
@keyframes admin-web-app-splash-mark{
  from{opacity:0;transform:scale(.92)}
  to{opacity:1;transform:scale(1)}
}
@keyframes admin-web-app-splash-field{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:none}
}
@keyframes admin-web-app-splash-tractor{
  from{transform:translate(-80px,-40px)}
  to{transform:translate(0,0)}
}
@keyframes admin-web-app-splash-roll{
  from{transform:rotate(0deg)}
  to{transform:rotate(var(--awf-wheel-turn))}
}
@keyframes admin-web-app-splash-crops{
  from{opacity:.25}
  to{opacity:1}
}
@keyframes admin-web-app-splash-fade{
  from{opacity:0}
  to{opacity:1}
}
@keyframes admin-web-app-splash-dust{
  0%{opacity:0;transform:translate(8px,4px)}
  30%{opacity:.35}
  100%{opacity:0;transform:translate(-16px,-8px)}
}
