/* ZEX ADMIN — web/PWA layout. Loaded last. Always full-screen (the extension's 360x600 popup box is gone). */
html { width: auto; height: 100%; min-height: 100%; background-color: #fffef7;
  background-image:
    radial-gradient(ellipse 120% 55% at 50% -8%, rgba(234,179,8,0.22), transparent 62%),
    radial-gradient(ellipse 90% 50% at 108% 104%, rgba(234,179,8,0.16), transparent 66%),
    radial-gradient(ellipse 70% 40% at -10% 60%, rgba(234,179,8,0.08), transparent 70%),
    linear-gradient(rgba(234,179,8,0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(234,179,8,0.07) 1px, transparent 1px);
  background-size: auto, auto, auto, 30px 30px, 30px 30px;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat, repeat; }
html, body { overflow: hidden; }
body { width: 100%; max-width: none; height: 100vh; height: 100dvh; background: transparent; }
#zenAppRoot { max-width: none; background: transparent; height: 100vh; height: 100dvh; scrollbar-width: none; }
#zenAppRoot::-webkit-scrollbar { display: none; }
#adminMainPanel { max-width: 420px; margin: 0 auto; }
/* bigger screens: use more width (the 420px column is only for phones) */
@media (min-width: 760px) { #adminMainPanel { max-width: 760px; } }
#usrGrpBar { bottom: calc(8px + env(safe-area-inset-bottom, 0px)) !important; }