.member-push-controls { margin: 16px; padding: 16px; border: 1px solid var(--x-line); border-radius: 16px; color: var(--x-ink); background: var(--x-bg); }
.member-push-controls h2 { margin: 0 0 6px; font-size: 16px; line-height: 24px; }
.member-push-controls p { margin: 0; color: var(--x-muted); font-size: 13px; line-height: 21px; overflow-wrap: anywhere; }
.member-push-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 12px; }
.member-push-actions button { min-height: 40px; font: inherit; font-size: 13px; cursor: pointer; }
.member-push-actions .x-auth-link { margin: 0; border: 0; background: transparent; padding: 4px 8px; }
.member-push-help:not([hidden]) { margin-top: 12px; }
.member-push-actions [hidden] { display: none; }
.member-push-actions button:disabled { opacity: .6; cursor: default; }
.member-push-invite { --push-bottom: 80px; position: fixed; bottom: var(--push-bottom); right: max(16px, env(safe-area-inset-right)); z-index: 85; box-sizing: border-box; width: min(380px, calc(100% - 32px)); max-height: calc(100dvh - var(--push-bottom) - 16px); overflow-y: auto; padding: 18px; border: 1px solid var(--x-line); border-radius: 18px; background: var(--x-bg); color: var(--x-ink); box-shadow: 0 8px 36px #0002; }
.member-push-invite p { margin: 0; font-size: 14px; line-height: 22px; overflow-wrap: anywhere; }
.member-push-invite [data-push-status] { min-height: 44px; }
.member-push-invite-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin-top: 14px; }
.member-push-invite button { min-height: 42px; font: inherit; font-size: 13px; cursor: pointer; }
.member-push-invite [data-push-enable] { min-width: 168px; }
.member-push-invite .x-auth-link { margin: 0; padding: 8px 0; border: 0; background: transparent; }
.member-push-invite button:disabled { opacity: .6; cursor: default; }
.member-push-invite button:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.member-push-invite [hidden] { display: none; }
body:has(.cookie-choice:not([hidden])) .member-push-invite { visibility: hidden; }
body:has(.member-notification-toast:not([hidden])) .member-push-invite { --push-bottom: calc(144px + env(safe-area-inset-bottom)); }
@media (max-width: 700px) { .member-push-invite { --push-bottom: calc(144px + env(safe-area-inset-bottom)); right: max(12px, env(safe-area-inset-right)); width: calc(100% - 24px); } }
@media (max-width: 360px) { .member-push-invite-actions { flex-direction: column; align-items: stretch; } }
.member-notification-preferences { width: 100%; border-collapse: collapse; margin-top: 14px; font-size: 13px; }
.member-notification-preferences th { color: var(--x-muted); font-weight: 500; }
.member-notification-preferences td, .member-notification-preferences th { padding: 12px 5px; text-align: center; border-bottom: 1px solid var(--x-line); }
.member-notification-preferences td:first-child, .member-notification-preferences th:first-child { text-align: left; width: 64%; }
.member-notification-preferences input { width: 18px; height: 18px; accent-color: var(--accent); cursor: pointer; }
.member-notification-preferences label { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; min-height: 36px; cursor: pointer; }
.member-alert-mention { color: var(--accent); }
.member-alert-message { overflow-wrap: anywhere; }
@media (max-width: 480px) { .member-push-controls { margin: 12px; padding: 14px; } .member-notification-preferences td:first-child { width: 54%; } }