/* The installed iPhone app paints behind system chrome; controls stay in safe bounds. */
:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}
html{background:#f6f7f2}
body{background:var(--paper);padding-top:var(--safe-top);padding-left:var(--safe-left);padding-right:var(--safe-right)}
/* Keep the system area light on every route, including while scrolling. */
body::before{content:"";position:fixed;inset:0 0 auto;height:var(--safe-top);background:#f6f7f2;pointer-events:none;z-index:70}
.topbar,body[data-role=professional] .topbar{top:var(--safe-top)}
.sidebar{top:var(--safe-top);height:calc(100dvh - var(--safe-top))}
.landing-entry #public-root{min-height:calc(100svh - var(--safe-top))}
body[data-role=professional][data-page=today]{padding-top:0;background:#f6f7f2}
body[data-role=professional][data-page=today] .topbar{top:0;padding-top:calc(12px + var(--safe-top));min-height:calc(70px + var(--safe-top))}
body[data-role=professional][data-page=today] .workspace{background-size:100% var(--today-masthead-height,calc(210px + var(--safe-top)))}
body[data-role=professional][data-page=today]::before{background-image:linear-gradient(90deg,#f7f8f245,#f7f8f208),url('assets/brand/bora-fundo-claro-v2.jpg');background-repeat:no-repeat;background-size:100% var(--today-masthead-height,calc(210px + var(--safe-top)))}
body[data-role=professional][data-page=today] .shell{background:#f5f6f1}
#dialog{max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 48px)}
#ze-help{bottom:100px;max-height:calc(100dvh - var(--safe-top) - 124px)}
#dialog{margin-top:max(24px,var(--safe-top))}
@media(max-width:760px){
  #ze-help{bottom:calc(var(--mobile-nav-height) + var(--safe-bottom) + 76px);max-height:calc(100dvh - var(--safe-top) - var(--mobile-nav-height) - var(--safe-bottom) - 100px)}
  .public-entry #ze-help{bottom:calc(84px + var(--safe-bottom));max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 110px)}
  .workspace{padding-bottom:calc(var(--mobile-nav-height) + var(--safe-bottom))}
  #mobile-nav{min-height:calc(var(--mobile-nav-height) + var(--safe-bottom));padding-bottom:calc(7px + var(--safe-bottom));padding-left:max(6px,var(--safe-left));padding-right:max(6px,var(--safe-right))}
}