/* Forja dos Mundos — Fase 102: acabamento mobile/PWA */
:root{--forge-safe-top:env(safe-area-inset-top,0px);--forge-safe-bottom:env(safe-area-inset-bottom,0px)}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%} body{padding-bottom:var(--forge-safe-bottom)}
button,a,input,select,textarea{touch-action:manipulation} button,a{min-height:44px}
img,svg,video,canvas{max-width:100%;height:auto}
.forge-pwa-install{position:fixed;right:14px;bottom:calc(14px + var(--forge-safe-bottom));z-index:9998;display:none;padding:11px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:#151923;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.35);font:inherit;cursor:pointer}
.forge-pwa-install.is-visible{display:block}
.forge-offline-badge{position:fixed;left:50%;top:calc(8px + var(--forge-safe-top));transform:translateX(-50%);z-index:9999;display:none;padding:8px 12px;border-radius:999px;background:#2b1a1a;color:#fff;border:1px solid rgba(255,255,255,.16);font-size:.85rem}
.forge-offline-badge.is-visible{display:block}
@media(max-width:760px){
  body{overflow-x:hidden}.app-shell,.page,.panel,.modal,.card{max-width:100%}
  input,select,textarea{font-size:16px!important}
  .modal,.dialog,[role="dialog"]{max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 24px)!important}
  table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .grid,.cards,.form-grid{grid-template-columns:1fr!important}
}
@media(display-mode:standalone){body{padding-top:var(--forge-safe-top)}.forge-pwa-install{display:none!important}}