/* Approved notification preview: editorial heading and three quiet event rows. */
#modal:has(.push-invitation){--push-surface:#fdfbfc;--push-text:#2b2b30;--push-muted:#81777e;--push-line:#e9e1e5;--push-accent:#876675;--push-tint:#f1e7ed;width:calc(100% - 44px);max-width:366px;max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid #fff;border-radius:30px;background:radial-gradient(ellipse at 0 0,var(--push-tint),transparent 55%),var(--push-surface);color:var(--push-text);box-shadow:0 25px 65px #251a2826,inset 0 1px 0 #ffffff90;overflow:auto}
#modal:has(.push-invitation)::backdrop{background:#3e343e30;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#modal:has(.push-invitation) .sheet{position:relative;padding:30px 27px 12px;background:transparent;border:0;box-shadow:none}
#modal:has(.push-invitation) .sheet-head{margin:0;padding:0;height:0}
#modal:has(.push-invitation) #modal-title{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#modal:has(.push-invitation) .close{position:absolute;top:9px;right:9px;width:44px;height:44px;min-height:44px;display:grid;place-items:center;padding:13px;background:transparent;border:0;border-radius:50%;color:var(--push-muted);box-shadow:none;outline:none}
#modal:has(.push-invitation) .close:focus-visible{outline:2px solid var(--push-accent);outline-offset:-5px}
#modal:has(.push-invitation) .close svg{width:17px;height:17px;stroke-width:1.4}
#modal .push-invitation{font-family:Montserrat,sans-serif;text-align:left}
#modal .push-top{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
#modal .push-emblem{display:grid;place-items:center;width:46px;height:46px;border:1px solid #fff;border-radius:16px;background:#ffffff99;color:var(--push-accent);box-shadow:0 4px 12px #54334708}
#modal .push-emblem svg{width:23px;height:23px}
#modal .push-top>span{font-size:9px;line-height:1.5;letter-spacing:.15em;font-weight:500;color:var(--push-accent)}
#modal .push-invitation .push-heading{font-size:29px;line-height:1.18;letter-spacing:-1px;font-weight:500;margin:13px 0 15px;color:var(--push-text)}
#modal .push-invitation .push-intro{font-size:12px;line-height:1.8;font-weight:400;color:var(--push-muted);margin:0 0 20px}
#modal .push-events{margin-bottom:24px}
#modal .push-event{display:flex;align-items:center;gap:16px;padding:13px 0;border-top:1px solid var(--push-line);font-size:11px;line-height:1.7;color:var(--push-muted)}
#modal .push-event>svg{width:19px;height:19px;flex:none;color:var(--push-accent)}
#modal .push-event strong{font-weight:500;color:var(--push-text)}
#modal .push-invitation .push-enable{width:100%;min-height:49px;margin:0;padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:25px;background:linear-gradient(110deg,#414047,#28292e);border:1px solid #ffffff30;color:#fff;font:500 11px/1.5 Montserrat,sans-serif;box-shadow:inset 0 1px 0 #ffffff20;cursor:pointer}
#modal .push-enable svg{width:17px;height:17px;flex:none}
#modal .push-invitation .push-later{display:block;width:100%;min-height:45px;padding:10px;border:0;border-radius:24px;margin:4px 0 0;background:transparent;color:var(--push-muted);font:400 11px/1.5 Montserrat,sans-serif;cursor:pointer}
[data-color-mode=night] #modal:has(.push-invitation){--push-surface:#302d31;--push-text:#f7f2f5;--push-muted:#bdb3bb;--push-line:#ffffff14;--push-accent:#bda0af;--push-tint:#43353e;border-color:#ffffff25;box-shadow:0 25px 65px #100c143f,inset 0 1px 0 #ffffff14}
[data-color-mode=night] #modal:has(.push-invitation)::backdrop{background:#100d1244}
[data-color-mode=night] #modal .push-emblem{background:#ffffff08;border-color:#ffffff20}
@media(max-width:350px){#modal:has(.push-invitation){width:calc(100% - 24px)}#modal:has(.push-invitation) .sheet{padding-left:23px;padding-right:23px}}