.promm-pwa-prompt[hidden] { display: none !important; }
.promm-pwa-prompt { position: fixed; z-index: 9990; right: 18px; bottom: 18px; width: min(420px, calc(100vw - 36px)); box-sizing: border-box; display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 12px; padding: 16px; border: 2px solid #69b8ca; border-radius: 16px; background: #fff; color: #344654; box-shadow: 0 16px 48px rgba(22, 53, 71, .16); font: 14px/1.45 system-ui, sans-serif; }
.promm-pwa-prompt img { display: block; width: 48px; height: 48px; object-fit: contain; }
.promm-pwa-prompt strong { display: block; color: #253b48; font-size: 16px; font-weight: 700; }
.promm-pwa-prompt p { margin: 4px 0 0; color: #526977; font-size: 13px; line-height: 1.45; }
.promm-pwa-actions { grid-column: 2; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 2px; }
.promm-pwa-actions button, .promm-pwa-done { min-height: 38px; padding: 8px 14px; border: 1px solid #087fa5; border-radius: 9px; background: #087fa5; color: #fff; font: 600 13px/1.2 system-ui, sans-serif; cursor: pointer; }
.promm-pwa-actions [data-promm-pwa-dismiss] { border-color: #c8d9e1; background: #fff; color: #415967; }
.promm-pwa-actions button:focus-visible, .promm-pwa-dialog button:focus-visible { outline: 3px solid #f5b64b; outline-offset: 2px; }
.promm-pwa-dialog { max-width: min(400px, calc(100vw - 32px)); border: 1px solid #d7e5eb; border-radius: 16px; padding: 24px; color: #344654; box-shadow: 0 20px 60px rgba(22, 53, 71, .22); font: 15px/1.5 system-ui, sans-serif; }
.promm-pwa-dialog::backdrop { background: rgba(13, 36, 51, .48); }
.promm-pwa-dialog form { position: relative; }
.promm-pwa-dialog h2 { margin: 0 36px 12px 0; color: #253b48; font-size: 21px; }
.promm-pwa-dialog p { margin: 0 0 18px; }
.promm-pwa-dialog .promm-pwa-close { position: absolute; right: -8px; top: -12px; width: 36px; height: 36px; border: 0; background: transparent; color: #415967; font-size: 24px; cursor: pointer; }
@media (max-width: 768px) { .promm-pwa-prompt { left: 12px; right: 12px; bottom: calc(82px + env(safe-area-inset-bottom, 0px)); width: auto; padding: 14px; } }
@media (max-width: 359px) { .promm-pwa-prompt { grid-template-columns: 40px minmax(0, 1fr); gap: 9px; } .promm-pwa-prompt img { width: 40px; height: 40px; } .promm-pwa-actions { grid-column: 1 / -1; } }