/* Janelas que sobem de baixo: cabeçalho e ações ficam fora da área rolável. */
body.sheet-aberta{overflow:hidden;overscroll-behavior:none}
.fundo{padding-top:max(12px,env(safe-area-inset-top))}
.sheet{
  display:flex!important;
  flex-direction:column;
  max-height:var(--sheet-max-height,85dvh)!important;
  overflow:hidden!important;
  padding:0!important;
}
.sheet-head{position:relative;flex:none;padding:10px 18px 8px;background:#fff;touch-action:none}
.sheet-head .puxa{margin:0 auto 10px}
.sheet-titulo{min-height:30px;padding-right:44px}
.sheet-titulo:empty{min-height:22px}
.sheet-titulo .tit{margin:0}
.sheet-x{top:12px!important;right:12px!important}
.sheet-body{
  flex:0 1 auto;
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  padding:4px 18px 12px;
  scroll-padding:18px 0 28px;
}
.sheet-foot{flex:none;display:grid;gap:8px;padding:10px 18px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:.5px solid var(--linha)}
.sheet-foot:empty{display:none}
.sheet-foot .btn,.sheet-foot .btn2{margin:0}
@media(min-width:900px){.sheet{max-height:var(--sheet-max-height,85dvh)!important}}
@media(prefers-reduced-motion:reduce){.sheet{animation:none!important}}
