/* css/pwa-install.css — banner de instalación PWA + permiso de notificaciones (js/pwa-install.js).
   Reusa el shell .native-bottom-sheet (css/native-materials.css) — SOLO estas reglas de contenido
   propio. La media query de visibilidad ya la trae ese shell (móvil, ≤879px); no se repite aquí. */

.pwa-sheet-body{
  padding:4px 24px calc(20px + env(safe-area-inset-bottom, 0px));
  text-align:center;
}
.pwa-sheet-icon{
  width:52px; height:52px; margin:4px auto 14px;
  display:flex; align-items:center; justify-content:center;
  border-radius:14px;
  background:color-mix(in srgb, var(--brand-primary,#C7F000) 16%, var(--surface-1,var(--bg-surface)));
  color:var(--yt-orange, var(--brand-primary,#C7F000));
}
.pwa-sheet-icon svg{ width:26px; height:26px; }
.pwa-sheet-title{ font-size:16px; font-weight:800; color:var(--text); margin-bottom:6px; }
.pwa-sheet-text{ font-size:13.5px; line-height:1.5; color:var(--text-muted); }
.pwa-sheet-actions{ display:flex; gap:10px; margin-top:18px; }
.pwa-sheet-actions .btn{ flex:1; justify-content:center; }