/* pwa.css — Ajustes para cuando el panel corre como aplicación instalada. * * Se activan por la clase .wz-standalone que auxiliares/metas.php pone en * antes del primer paint (por eso no parpadean). Todo es aditivo: abierto como * pestaña normal, nada cambia. */ /* --- 1. Pantalla completa sobra en la app instalada ------------------------ * La ventana ya no tiene chrome del navegador; la Fullscreen API le quitaría * TAMBIÉN la barra de título, dejando al guardia sin botón de cerrar y sin saber * que se sale con Escape. Es un generador de callejones sin salida, no una * función. Se oculta solo en standalone; en pestaña sigue siendo útil. */ .wz-standalone .header-right > li:has(> a.full-screen) { display: none; } /* --- 2. Recargar: solo visible en la app instalada ------------------------- */ .wz-recargar-item { display: none; } .wz-standalone .wz-recargar-item { display: list-item; } /* --- 3. Instalar en esta PC ------------------------------------------------ * Oculto hasta que el navegador dispare beforeinstallprompt; entonces pwa.js * añade .wz-visible. Se usa una clase y no style.display inline porque el mismo * marcador es un
  • en el header y un
    en el login: forzar "block" a un *
  • lo sacaría de línea respecto a sus hermanos. * El !important de standalone gana sobre .wz-visible: dentro de la app ya * instalada este botón no debe aparecer nunca. */ .wz-instalar-item { display: none; } li.wz-instalar-item.wz-visible { display: list-item; } div.wz-instalar-item.wz-visible { display: block; } .wz-standalone .wz-instalar-item { display: none !important; } /* --- 4. Chrome de la app: nada de selección accidental --------------------- */ .wz-standalone .page-header, .wz-standalone .page-sidebar { user-select: none; } .wz-standalone body { overscroll-behavior: none; } /* --- 5. Banner de sin conexión (pwa.js) ----------------------------------- */ #wz-offline { position: fixed; left: 0; right: 0; bottom: 0; z-index: 19000; padding: 10px 16px; background: #b3261e; color: #fff; font-size: .9rem; text-align: center; } /* --- 6. Overlay de sesión expirada / sin permiso (sesion-guard.js) --------- */ #wz-sesion-overlay { position: fixed; inset: 0; z-index: 20000; display: flex; align-items: center; justify-content: center; background: rgba(15, 33, 38, .92); } #wz-sesion-overlay .wz-so-card { max-width: 420px; padding: 28px 32px; border-radius: 14px; background: #fff; text-align: center; } #wz-sesion-overlay .wz-so-card h2 { margin: 0 0 8px; font-size: 1.25rem; color: #0f2126; } #wz-sesion-overlay .wz-so-card p { margin: 0; color: #4a5a5f; } #wz-sesion-overlay .wz-so-btn { display: inline-block; margin-top: 16px; padding: 10px 22px; border-radius: 8px; background: #3aaa35; color: #fff; font-weight: 500; text-decoration: none; }