/* JUNTO mobile shell: app remains fixed, only content scrolls. */
html,body{width:100%;height:100%;height:100dvh;margin:0;overflow:hidden;overscroll-behavior:none}
body{-webkit-tap-highlight-color:transparent}
.app{height:100dvh;min-height:0;max-height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding-bottom:0;overscroll-behavior:none}
.app>.top{flex:0 0 auto;z-index:3}
.app>.screen{flex:1 1 auto;min-height:0;max-height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding-bottom:calc(110px + env(safe-area-inset-bottom,0px));touch-action:pan-y}
.app>.footer{display:none}
.app>.nav{flex:0 0 auto}
img,svg{user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.j40-page .j40-picture img,.j40-page .j40-mini img{pointer-events:none;-webkit-touch-callout:none}
.j40-card{overscroll-behavior:contain}
.j40-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
.j40-tabs button{font-size:11px;padding:11px 2px}
.j40-received .j40-actions{flex-wrap:wrap}
.j40-reject{width:auto;border-radius:999px;min-height:50px;padding:0 13px;font-size:21px;background:#463244;border-color:#b27a92;color:#ffd7e4}
.j40-reject span{font-size:12px;font-weight:700;margin-left:7px}
@media(max-width:380px){.j40-tabs button{font-size:10px;padding:10px 1px}}
@supports(height:100svh){html,body,.app{height:100svh}.app{max-height:100svh}}

/* Solo admins: quinta pestaña y perfiles descartados revisables */
.j40-admin-tabs{display:flex;overflow-x:auto;gap:5px;scrollbar-width:thin;overscroll-behavior-x:contain}
.j40-admin-tabs button{flex:0 0 auto;min-width:102px;padding:11px 9px}
.j40-admin-item{padding-bottom:14px;border-bottom:1px solid #5c4765;margin-bottom:17px}
.j40-admin-item .j40-card{margin-bottom:9px}
.j40-review{display:block;width:min(100%,340px);margin:0 auto}

/* When a browser cannot lock orientation, hide mobile app contents in landscape. */
@media (orientation:landscape) and (max-height:600px) and (pointer:coarse){
  body::before{content:'';position:fixed;inset:0;background:#18131f;z-index:2147483000}
  body::after{content:'↻  Gira tu dispositivo para usar JUNTO en vertical';position:fixed;inset:0;z-index:2147483001;display:flex;align-items:center;justify-content:center;text-align:center;padding:25px;color:#fff;font-size:clamp(17px,4vw,24px);font-weight:750}
}