#native-push-control[hidden], #native-push-control [hidden] { display: none !important; }
#native-push-control { position: fixed; bottom: max(18px, env(safe-area-inset-bottom)); left: 18px; z-index: 1040; width: 340px; max-width: calc(100vw - 36px); padding: 18px; border: 1px solid #d8ecef; border-radius: 20px; background: #fff; color: #18353b; box-shadow: 0 12px 40px #16323d24; font-size: 13px; animation: native-push-enter .35s ease-out; }
#native-push-control .native-push-heading { display: flex; align-items: center; gap: 12px; padding-right: 14px; margin-bottom: 14px; }
#native-push-control .native-push-heading strong { font-size: 16px; letter-spacing: -.3px; }
#native-push-control .native-push-heading p { margin: 3px 0 0; color: #64777b; font-size: 12px; line-height: 1.5; }
#native-push-control .native-push-icon { display: grid; place-items: center; flex-shrink: 0; width: 42px; height: 42px; border-radius: 14px; color: #b42569; background: #fff0f7; font-size: 19px; }
#native-push-control button { min-height: 44px; padding: 10px 12px; border: 0; border-radius: 11px; background: transparent; color: #006d79; font: inherit; cursor: pointer; }
#native-push-control button:hover { background: #eef9fa; }
#native-push-control button:focus-visible { outline: 2px solid #006d79; outline-offset: 3px; }
#native-push-control button:disabled { opacity: .6; cursor: wait; }
#native-push-control [data-native-enable] { display: flex; align-items: center; justify-content: center; gap: 9px; width: 100%; min-height: 48px; background: #00abbd; color: #082e35; font-weight: 750; font-size: 14px; transition: background .2s, transform .2s; }
#native-push-control [data-native-enable]:hover { background: #24bed0; transform: translateY(-1px); }
#native-push-control [data-native-enable] .fa-arrow-right { margin-left: auto; }
#native-push-control [data-native-dismiss] { position: absolute; top: 3px; right: 3px; width: 36px; min-height: 36px; padding: 0; color: #64777b; font-size: 22px; }
#native-push-control [data-native-menu] { border-top: 1px solid #edf1f2; padding-top: 8px; margin-top: 12px; }
#native-push-control [data-native-menu] button { display: block; width: 100%; text-align: left; }
#native-push-control [data-native-status]:not(:empty) { margin-top: 12px; color: #53676c; line-height: 1.6; }
#native-push-control[data-subscribed="1"] { padding: 12px; width: 320px; }
#native-push-control[data-subscribed="1"] .native-push-heading { display: none; }
#native-push-control[data-subscribed="1"] [data-native-enable] { background: #e5f7f9; padding-right: 25px; font-size: 13px; }
@keyframes native-push-enter { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 575px) { #native-push-control { bottom: max(76px, calc(env(safe-area-inset-bottom) + 65px)); left: 12px; width: calc(100vw - 24px); max-width: 360px; padding: 16px; } }
@media (prefers-reduced-motion: reduce) { #native-push-control { animation: none; } #native-push-control [data-native-enable] { transition: none; } }