.notification-head{align-items:center}.notification-read-all{width:auto!important;white-space:nowrap}.app-notification-status{margin:0 0 12px;padding:10px 12px;border:1px solid #315b60;border-radius:11px;background:#0d2a35;color:#b9f6dc;font-size:12px}.app-notification-status.error{border-color:#6a3345;background:#2b1721;color:#ffb1c2}.app-notification-list{display:grid;gap:10px}.app-notification-card{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;padding:15px 16px;border:1px solid #2c4058;border-radius:14px;background:#0a1728}.app-notification-card[data-read="false"]{border-color:#367c67;background:#0b211f;box-shadow:inset 3px 0 0 #70e5b9}.app-notification-media{display:flex;align-items:center;justify-content:center;width:92px;height:92px;overflow:hidden;border:1px solid #2c4058;border-radius:12px;background:#fff;color:#62748a;font-size:11px;text-align:center}.app-notification-media img{width:100%;height:100%;object-fit:contain}.app-notification-media.is-missing{background:#102036}.app-notification-content{display:grid;min-width:0;gap:8px}.app-notification-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.app-notification-head strong{color:#f7fbff;line-height:1.35}.app-notification-state{flex:0 0 auto;padding:4px 8px;border:1px solid #315b60;border-radius:999px;color:#9cb0c8;font-size:10px;font-weight:850}.app-notification-card[data-read="false"] .app-notification-state{background:#174638;color:#8df3cc}.app-notification-copy{margin:0;color:#d5e2ee;font-size:14px;line-height:1.45}.app-notification-meta{margin:0;color:#8299b3;font-size:12px;text-transform:capitalize}.app-notification-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px}.app-notification-actions button{width:auto}.app-notification-open{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border-radius:10px;background:#70e5b9;color:#062019;font-size:12px;font-weight:900;text-decoration:none}.app-notification-open:hover{background:#8df3cc}.app-notification-empty{margin:4px 0}
@media(max-width:560px){.notification-head{align-items:flex-start}.notification-read-all{width:100%!important}.app-notification-actions{display:grid;grid-template-columns:1fr}.app-notification-actions button,.app-notification-open{width:100%}.app-notification-card{grid-template-columns:68px minmax(0,1fr);gap:10px;padding:14px}.app-notification-media{width:68px;height:68px}.app-notification-head{gap:8px}}