/* Espacio seguro para navegadores y WebView que dibujan bajo las barras del sistema. */
body{
  padding-top:env(safe-area-inset-top,0px);
  padding-right:env(safe-area-inset-right,0px);
  padding-left:env(safe-area-inset-left,0px);
}
.wa-float{bottom:max(16px,calc(env(safe-area-inset-bottom,0px) + 10px))}
.wa-label{bottom:max(31px,calc(env(safe-area-inset-bottom,0px) + 25px))}
.wa-close{bottom:max(61px,calc(env(safe-area-inset-bottom,0px) + 55px))}

.map-complete-shell{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.map-complete-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:7px 9px;border-bottom:1px solid var(--line);background:var(--panel)}
.map-complete-title{min-width:0;color:var(--text);font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.map-complete-button{min-height:34px;padding:7px 11px;border:1px solid var(--accent);border-radius:7px;background:transparent;color:var(--text);font:700 11px/1.2 'IBM Plex Sans',sans-serif;cursor:pointer;white-space:nowrap}
.map-complete-button:hover{background:color-mix(in srgb,var(--accent) 13%,transparent)}
.map-complete-shell>#map-seds,
.map-complete-shell>#map-postes,
.map-complete-shell>#map-compare,
.map-complete-shell>#map-set,
.map-complete-shell>#map-suministros{border:0;border-radius:0}

body.map-complete-open{overflow:hidden}
.map-complete-shell.is-fullscreen{position:fixed;inset:0;z-index:3000;display:grid;grid-template-rows:auto minmax(0,1fr);border:0;border-radius:0;background:var(--bg)}
.map-complete-shell.is-fullscreen>.map-complete-toolbar{padding:max(8px,env(safe-area-inset-top,0px)) max(10px,env(safe-area-inset-right,0px)) 8px max(10px,env(safe-area-inset-left,0px))}
.map-complete-shell.is-fullscreen>#map-seds,
.map-complete-shell.is-fullscreen>#map-postes,
.map-complete-shell.is-fullscreen>#map-compare,
.map-complete-shell.is-fullscreen>#map-set,
.map-complete-shell.is-fullscreen>#map-suministros{width:100%;height:100%!important;border:0;border-radius:0}

@media(max-width:520px){
  .map-complete-toolbar{align-items:stretch;flex-direction:column}
  .map-complete-button{width:100%}
  .map-complete-shell.is-fullscreen>.map-complete-toolbar{align-items:center;flex-direction:row}
  .map-complete-shell.is-fullscreen .map-complete-button{width:auto}
}