.fol-notifications-page{padding:32px 0 72px}.fol-notifications-shell{max-width:980px;margin:auto}.fol-notifications-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:26px;border:1px solid var(--fol-premium-line,rgba(74,52,94,.12));border-radius:28px;background:var(--fol-premium-card,#fff);box-shadow:var(--fol-premium-shadow,0 20px 55px rgba(47,29,72,.09))}.fol-notifications-head h1{margin:5px 0 6px;font-size:28px}.fol-notifications-head p{margin:0;color:var(--fol-premium-muted,#746d7d)}.fol-notifications-head-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.fol-notif-unread-pill,.fol-notifications-head-actions button{border:1px solid var(--fol-premium-line,rgba(74,52,94,.12));border-radius:999px;padding:9px 13px;background:var(--fol-premium-soft,rgba(126,75,222,.06));color:var(--fol-premium-text,#221b2c);font:800 11px inherit}.fol-notifications-head-actions button{cursor:pointer}.fol-notification-tabs{display:flex;gap:7px;margin:14px 0 18px;overflow:auto;padding:2px}.fol-notification-tabs a{white-space:nowrap;padding:9px 13px;border-radius:12px;border:1px solid var(--fol-premium-line,rgba(74,52,94,.12));background:var(--fol-premium-card,#fff);font-size:11px;font-weight:800}.fol-notification-tabs a.active{background:linear-gradient(135deg,#7d45d7,#a963e5);color:#fff;border-color:transparent}.fol-notification-list{display:grid;gap:10px}.fol-notification-item{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:17px 18px;border:1px solid var(--fol-premium-line,rgba(74,52,94,.12));border-radius:20px;background:var(--fol-premium-card,#fff);transition:.2s}.fol-notification-item.is-unread{border-color:rgba(126,69,215,.3);box-shadow:inset -3px 0 #8a52dc;background:linear-gradient(135deg,var(--fol-premium-card,#fff),var(--fol-premium-soft,rgba(126,75,222,.05)))}.fol-notification-icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:var(--fol-premium-accent-soft,rgba(126,75,222,.1));color:var(--fol-premium-accent,#7d45d7);font-size:20px}.fol-notification-meta{display:flex;justify-content:space-between;gap:12px;color:var(--fol-premium-muted,#746d7d);font-size:10px}.fol-notification-copy h3{font-size:14px;margin:4px 0}.fol-notification-copy p{margin:0;color:var(--fol-premium-muted,#746d7d);font-size:11px;line-height:1.85}.fol-notification-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.fol-notification-actions a,.fol-notification-actions button{border:1px solid var(--fol-premium-line,rgba(74,52,94,.12));border-radius:11px;padding:8px 10px;background:transparent;color:var(--fol-premium-accent,#7d45d7);font:800 10px inherit;cursor:pointer}.fol-notification-empty{text-align:center;padding:60px 20px;border:1px dashed var(--fol-premium-line,rgba(74,52,94,.16));border-radius:24px;background:var(--fol-premium-card,#fff)}.fol-notification-empty>span{font-size:34px;color:var(--fol-premium-accent,#7d45d7)}.fol-notification-empty h2{margin:10px 0 5px}.fol-notification-empty p{margin:0;color:var(--fol-premium-muted,#746d7d)}.fol-notification-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:20px;font-size:11px;font-weight:800}.fol-notification-pagination a{padding:8px 11px;border:1px solid var(--fol-premium-line,rgba(74,52,94,.12));border-radius:11px}.fol-global-notification{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:13px;border:1px solid var(--fol-premium-line,rgba(74,52,94,.12));background:var(--fol-premium-card,rgba(255,255,255,.78));color:var(--fol-premium-text,#241d2c)}.fol-global-notification b{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:#ef5d76;color:#fff;font-size:8px;border:2px solid var(--fol-premium-card,#fff)}
@media(max-width:680px){.fol-notifications-page{padding:18px 0 50px}.fol-notifications-head{padding:20px 16px;border-radius:22px;align-items:flex-start;flex-direction:column}.fol-notifications-head h1{font-size:24px}.fol-notifications-head-actions{width:100%;justify-content:space-between}.fol-notification-item{grid-template-columns:auto 1fr;padding:14px}.fol-notification-actions{grid-column:1/-1;justify-content:flex-start;padding-right:58px}.fol-notification-meta{display:block}.fol-notification-meta time{display:block;margin-top:2px}.fol-notification-actions a,.fol-notification-actions button{min-height:38px;padding:9px 12px}}