.notification-count{min-width:18px;height:18px;display:grid;place-items:center;margin-left:auto;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#e14875;color:#fff;font-size:8px;line-height:1;box-shadow:0 4px 10px #c43a6e35}.notification-count[hidden]{display:none}.notifications-page{max-width:1120px}.notification-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:16px;padding:19px 21px;background:linear-gradient(135deg,#fff,#fff3f8 62%,#eef5ff)}.notification-hero>div{display:flex;align-items:center;gap:13px}.notification-hero>div>i{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#fbe1ec,#e9f1ff);font-size:24px;font-style:normal;box-shadow:inset 0 0 0 1px #fff,0 8px 20px #b8537b18;animation:notificationBell 5s ease-in-out infinite}.notification-hero small,.notification-recipient small,.notification-preview>small{display:block;color:var(--rose2);font-size:7px;font-weight:900;letter-spacing:1px}.notification-hero b{display:block;margin-top:4px;font:19px Georgia,serif}.notification-hero>p{max-width:480px;margin:0;color:var(--muted);font-size:9px;line-height:1.55}.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.segmented{display:inline-flex;padding:4px;border:1px solid var(--line);border-radius:12px;background:#fff}.segmented button{border:0;border-radius:8px;background:transparent;padding:8px 13px;color:var(--muted);font-size:9px;font-weight:800}.segmented button.active{background:#fff0f6;color:var(--rose2);box-shadow:0 4px 12px #7b3f5c12}.notification-list{display:grid;gap:10px}.notification-card{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:start;padding:17px 18px;border:1px solid var(--line);border-left:4px solid #dab6c6;border-radius:15px;background:#fff;box-shadow:0 8px 23px #67384f0b;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.notification-card:hover,.notification-card:focus-visible{transform:translateY(-2px);box-shadow:0 13px 30px #67384f16}.notification-card.priority-important{border-left-color:#d84f91;background:linear-gradient(110deg,#fff,#fff9fc)}.notification-card.priority-urgent{border-left-color:#dc4356;background:linear-gradient(110deg,#fff,#fff5f6)}.notification-card.is-unread{box-shadow:0 10px 28px #d84f9120}.notification-symbol{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#fff3f8;font-size:22px;font-style:normal}.priority-urgent .notification-symbol{background:#ffe9ec;animation:urgentAttention 2.4s ease-in-out infinite}.notification-meta{display:flex;align-items:center;gap:9px;margin-bottom:5px}.notification-meta span{padding:4px 7px;border-radius:999px;background:#f8e8ef;color:var(--rose2);font-size:6px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}.priority-urgent .notification-meta span{background:#ffe2e6;color:#ae2e42}.notification-meta time{color:#a09098;font-size:7px}.notification-copy h3{margin:0 0 6px;font:18px/1.25 Georgia,serif}.notification-copy p{display:-webkit-box;overflow:hidden;margin:0;color:#6f5e67;font-size:9px;line-height:1.55;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-copy strong{display:block;margin-top:8px;color:#a24b68;font-size:8px}.notification-copy>small{display:block;margin-top:8px;color:#9a8992;font-size:7px}.unread-dot{width:11px;height:11px;margin-top:4px;border:3px solid #ffe6f1;border-radius:50%;background:#db3f83;box-shadow:0 0 0 4px #fcebf2}.home-notifications{margin-bottom:17px;padding:18px 20px;border:1px solid #edcfdd;border-radius:18px;background:linear-gradient(135deg,#fff9fc,#fff 60%,#f1f6ff);box-shadow:0 13px 34px #753f5911}.home-notifications>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.home-notifications>header span{color:var(--rose2);font-size:7px;font-weight:900;letter-spacing:1.1px}.home-notifications>header h2{margin:4px 0 0;font:20px Georgia,serif}.home-notifications>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.notification-card.is-compact{grid-template-columns:36px minmax(0,1fr) auto;gap:10px;padding:13px}.notification-card.is-compact .notification-symbol{width:36px;height:36px;border-radius:11px;font-size:17px}.notification-card.is-compact .notification-copy h3{font-size:13px}.notification-card.is-compact .notification-copy p{-webkit-line-clamp:1;font-size:8px}.notification-card.is-compact .notification-copy>small{display:none}.home-notifications-empty{margin:0;padding:12px;border-radius:12px;background:#ffffffc4;color:var(--muted);font-size:9px}.notification-detail{border-top:5px solid #d84f91}.notification-detail.priority-urgent{border-top-color:#dc4356}.notification-detail-body{margin:22px 0;padding:19px;border:1px solid var(--line);border-radius:14px;background:#fffafd;color:#51434a;font:15px/1.7 Georgia,serif;white-space:pre-wrap}.notification-deadline{display:flex;align-items:center;gap:11px;margin-bottom:19px;padding:13px 15px;border:1px solid #f0c5cf;border-radius:12px;background:#fff2f4}.notification-deadline>i{font-size:20px;font-style:normal}.notification-deadline small,.notification-detail footer{color:var(--muted);font-size:7px}.notification-deadline b{display:block;margin-top:4px;color:#9f384c;font-size:10px}.notification-detail footer{display:flex;justify-content:space-between;gap:10px;margin-bottom:16px}.notification-compose{width:min(720px,100%)}.notification-compose-guide{display:flex;align-items:center;gap:10px;margin:17px 0;padding:12px 14px;border-radius:12px;background:linear-gradient(135deg,#fff1f7,#f2f6ff)}.notification-compose-guide i{font-size:19px;font-style:normal}.notification-compose-guide p{margin:0;color:#725f69;font-size:9px;line-height:1.5}.notification-recipient{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:13px;background:#fffafd}.notification-recipient.global>i{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#eef4ff;font-size:20px;font-style:normal}.notification-recipient b,.notification-recipient span{display:block}.notification-recipient b{margin:3px 0;font-size:10px}.notification-recipient span{color:var(--muted);font-size:8px}.character-count{justify-self:end;color:var(--muted);font-size:7px}.notification-preview{padding:13px;border:1px dashed #e5b8cc;border-radius:13px;background:#fffafd}.notification-preview>div{display:flex;gap:10px;align-items:flex-start;margin-top:8px}.notification-preview i{font-size:20px;font-style:normal}.notification-preview b{font-size:10px}.notification-preview p{margin:5px 0 0;color:var(--muted);font-size:8px;line-height:1.4}@keyframes notificationBell{0%,88%,100%{transform:rotate(0)}91%{transform:rotate(-9deg)}94%{transform:rotate(8deg)}97%{transform:rotate(-5deg)}}@keyframes urgentAttention{0%,100%{transform:scale(1);box-shadow:0 0 0 0 #dc435620}50%{transform:scale(1.05);box-shadow:0 0 0 8px #dc435600}}
@media(max-width:900px){.home-notifications>div{grid-template-columns:1fr 1fr}.notification-card.is-compact:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:720px){.notifications-page{padding-bottom:105px}.notification-hero{align-items:flex-start;flex-direction:column;padding:16px}.notification-hero>p{font-size:8px}.notification-toolbar{align-items:stretch;flex-direction:column}.notification-toolbar>.outline{width:100%}.segmented{width:100%}.segmented button{flex:1}.notification-card{grid-template-columns:42px minmax(0,1fr) auto;padding:14px 13px}.notification-symbol{width:40px;height:40px;font-size:19px}.notification-copy h3{font-size:15px}.notification-copy p{-webkit-line-clamp:3}.home-notifications{padding:15px}.home-notifications>header{align-items:flex-start}.home-notifications>header h2{font-size:17px}.home-notifications>div{grid-template-columns:1fr}.notification-card.is-compact:last-child:nth-child(odd){grid-column:auto}.notification-detail-body{padding:15px;font-size:13px}.notification-detail footer{flex-direction:column}.notification-compose .form{grid-template-columns:1fr}.notification-compose .wide{grid-column:auto}}
.push-help{width:min(650px,100%);border-top:5px solid #e4a21b}.push-help-summary,.push-help-fallback{display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:14px;border-radius:13px}.push-help-summary{background:#fff5dc;color:#6f4b0b}.push-help-summary>i,.push-help-fallback>i{font-size:22px;font-style:normal}.push-help-summary p,.push-help-fallback p{margin:0;font-size:10px;line-height:1.55}.push-help-steps{margin:16px 0;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}.push-help-steps h3{margin:0 0 10px;font:16px Georgia,serif}.push-help-steps ol{display:grid;gap:9px;margin:0;padding-left:20px;color:#68535e;font-size:9px;line-height:1.55}.push-help-fallback{background:#eef5ff;color:#4d6285}@media(max-width:720px){.push-help{padding:18px}.push-help-summary,.push-help-fallback,.push-help-steps{padding:12px}.push-help-steps ol{font-size:9px}}