/* APOLLO NETWORKS — notifications UI */
.apollo-notifications-page{min-height:calc(100vh - 60px);padding:54px 20px 90px;background:#08070d;color:#eee}.apollo-notifications-wrap{width:min(900px,100%);margin:0 auto}.apollo-notifications-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.apollo-notifications-kicker{color:#a78bfa;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800}.apollo-notifications-head h1{margin:7px 0 4px;font-size:34px;letter-spacing:-.04em}.apollo-notifications-head p{margin:0;color:#8f8a9b;font-size:14px}.apollo-notifications-actions{display:flex;gap:9px;align-items:center}.apollo-notification-permission{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding:14px 16px;border:1px solid rgba(139,92,246,.18);border-radius:15px;background:linear-gradient(135deg,rgba(139,92,246,.09),rgba(236,72,153,.04))}.apollo-notification-permission span{flex:1;color:#aaa3b4;font-size:12px}.apollo-notification-permission strong{color:#eee}.apollo-notification-permission button,.apollo-notifications-read-all,.apollo-notifications-empty a{border:1px solid rgba(167,139,250,.32);background:rgba(139,92,246,.14);color:#e9ddff;border-radius:10px;padding:9px 13px;font:700 11px system-ui;cursor:pointer;text-decoration:none}.apollo-notification-list{display:grid;gap:9px}.apollo-notification-item{display:grid;grid-template-columns:44px 1fr 34px;gap:12px;align-items:center;padding:15px 14px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(16,14,24,.82);transition:border-color .2s,transform .2s,background .2s}.apollo-notification-item:hover{border-color:rgba(167,139,250,.24);transform:translateY(-1px)}.apollo-notification-item.is-unread{border-color:rgba(168,85,247,.30);background:linear-gradient(135deg,rgba(91,42,255,.10),rgba(236,72,153,.045))}.apollo-notification-icon,.apollo-notification-toast-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:18px;color:#e9ddff;background:linear-gradient(135deg,rgba(124,60,255,.25),rgba(236,72,153,.18));border:1px solid rgba(167,139,250,.18)}.apollo-notification-main{text-decoration:none;color:inherit;min-width:0}.apollo-notification-title{display:flex;gap:12px;justify-content:space-between;align-items:center}.apollo-notification-title strong{font-size:13px;color:#f3edf9}.apollo-notification-title time{font-size:10px;color:#777185;white-space:nowrap}.apollo-notification-main p{margin:5px 0 0;color:#9b94a5;font-size:12px;line-height:1.5}.apollo-notification-read{width:30px;height:30px;border:0;border-radius:9px;background:transparent;color:#6f687a;cursor:pointer}.apollo-notification-read:hover{background:rgba(255,255,255,.05);color:#fff}.apollo-notifications-empty{text-align:center;padding:70px 24px;border:1px dashed rgba(167,139,250,.18);border-radius:20px;background:rgba(13,11,19,.55)}.apollo-notifications-empty>div{font-size:34px;color:#c084fc;margin-bottom:10px}.apollo-notifications-empty h3{margin:0 0 8px;font-size:17px}.apollo-notifications-empty p{max-width:480px;margin:0 auto 20px;color:#8f8999;font-size:12px;line-height:1.6}.apollo-notification-toast-host{position:fixed;right:22px;bottom:22px;z-index:10000;display:grid;gap:10px;width:min(370px,calc(100vw - 28px))}.apollo-notification-toast{display:flex;gap:12px;align-items:flex-start;padding:13px;border:1px solid rgba(167,139,250,.28);border-radius:15px;background:rgba(13,10,20,.96);box-shadow:0 22px 55px rgba(0,0,0,.42);backdrop-filter:blur(14px);transform:translateY(16px);opacity:0;transition:opacity .24s,transform .24s}.apollo-notification-toast.show{opacity:1;transform:translateY(0)}.apollo-notification-toast-icon{width:34px;height:34px;min-width:34px;border-radius:10px;font-size:14px}.apollo-notification-toast strong{display:block;font-size:12px;color:#f4eff9}.apollo-notification-toast p{margin:4px 0 0;color:#a49cab;font-size:11px;line-height:1.45}.type-rating .apollo-notification-icon{color:#f7d36a}.type-copy .apollo-notification-icon{color:#a78bfa}.type-favorite .apollo-notification-icon,.type-comment_like .apollo-notification-icon{color:#f472b6}.type-follow .apollo-notification-icon{color:#c084fc}.type-submission_approved .apollo-notification-icon{color:#86efac}.type-submission_rejected .apollo-notification-icon{color:#fb7185}.type-submission_pending .apollo-notification-icon{color:#facc15}.type-comment .apollo-notification-icon,.type-comment_reply .apollo-notification-icon{color:#67e8f9}
html.pl-light .apollo-notifications-page{background:#f7f4fb;color:#2b2432}html.pl-light .apollo-notification-item{background:rgba(255,255,255,.90);border-color:rgba(70,40,100,.10)}html.pl-light .apollo-notification-item.is-unread{background:linear-gradient(135deg,rgba(139,92,246,.09),rgba(236,72,153,.05))}html.pl-light .apollo-notification-title strong{color:#332b3b}html.pl-light .apollo-notification-main p{color:#71677a}html.pl-light .apollo-notification-toast{background:rgba(255,255,255,.96);border-color:rgba(90,55,130,.18)}html.pl-light .apollo-notification-toast strong{color:#332b3b}
@media(max-width:620px){.apollo-notifications-page{padding:34px 12px 70px}.apollo-notifications-head{align-items:flex-start;flex-direction:column}.apollo-notifications-head h1{font-size:28px}.apollo-notifications-actions{width:100%}.apollo-notifications-read-all{width:100%}.apollo-notification-permission{align-items:flex-start;flex-direction:column}.apollo-notification-permission button{width:100%}.apollo-notification-item{grid-template-columns:38px 1fr 28px;padding:12px}.apollo-notification-icon{width:38px;height:38px}.apollo-notification-title{align-items:flex-start;flex-direction:column;gap:3px}.apollo-notification-toast-host{right:14px;bottom:14px}}