.bepact-install-panel { position:fixed; right:18px; bottom:18px; z-index:9998; width:min(390px,calc(100vw - 30px)); display:grid; grid-template-columns:1fr auto; gap:12px; align-items:center; padding:18px; background:#fff; color:#152b35; border:1px solid #ced9dc; border-left:6px solid #1f6d68; border-radius:14px; box-shadow:0 12px 38px rgba(21,43,53,.2); }
.bepact-install-panel[hidden] { display:none!important; }
.bepact-install-panel p { margin:5px 0 0; line-height:1.4; }
.bepact-install-panel__close { position:absolute; top:5px; right:7px; border:0; background:transparent; color:#314b55; font-size:24px; line-height:1; cursor:pointer; min-width:36px; min-height:36px; }
.bepact-install-panel .button { min-height:44px; padding:8px 16px; }
.bepact-connectivity { position:fixed; left:50%; bottom:14px; z-index:9999; transform:translateX(-50%); max-width:calc(100vw - 30px); padding:10px 14px; background:#152b35; color:#fff; border-radius:999px; box-shadow:0 5px 20px rgba(0,0,0,.2); }
.bepact-connectivity[hidden] { display:none!important; }
.bepact-error-summary:focus { outline:3px solid currentColor; outline-offset:4px; }
@media (max-width:560px) { .bepact-install-panel { grid-template-columns:1fr; right:15px; bottom:15px; } .bepact-install-panel .button { width:100%; } }
@media (prefers-reduced-motion: reduce) { .bepact-install-panel,.bepact-connectivity { transition:none!important; animation:none!important; } }