html.client-cards-mode,body.client-cards-mode{width:100%;height:100%;margin:0;overflow:hidden;background:#040c1c}
        body.client-cards-mode > :not(dialog):not(script):not(style){display:none!important}
        body.client-cards-mode dialog[open]{max-width:100%;max-height:100dvh}
        body.client-cards-mode #member-cards-dialog{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;margin:0!important;border-radius:0!important;box-sizing:border-box;border:0!important}
        body.client-cards-mode #member-cards-dialog::backdrop{background:#040c1c}

body.client-cards-mode #member-notifications-dialog {position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;margin:0!important;border:0!important;border-radius:0!important;box-sizing:border-box;padding:22px;overflow-y:auto;background:#06152b;color:#edf5ff}
body.client-cards-mode #member-notifications-dialog .photo-heading {position:sticky;top:-22px;z-index:2;padding:14px 0;background:#06152b;display:flex;align-items:center;justify-content:space-between}
body.client-cards-mode #member-notifications-dialog .photo-close {display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;padding:0;line-height:1}
body.client-cards-mode .notification-item {border-color:#26557e;background:linear-gradient(130deg,#0a2440,#181333);padding:15px;border-radius:16px}
body.client-cards-mode .notification-item strong {color:#eef6ff}body.client-cards-mode .notification-item p,body.client-cards-mode .notifications-description{color:#b9d3eb}