.notification-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin:24px 0}.notification-list{display:grid;gap:16px}.notification-card{padding:24px;border:1px solid #c9b5ff65;border-radius:18px;background:#c9b5ff0b;min-width:0;overflow-wrap:anywhere}.notification-card.is-read{border-color:#ffffff19;background:#ffffff03}.notification-card h3{font-size:21px;line-height:1.5;margin:16px 0 8px}.notification-card p{font-size:15px;line-height:1.8}.notification-empty{padding:42px 20px;text-align:center;color:#bbb5d0}.notification-tools input{width:auto}.topbar nav{flex-wrap:wrap}.notification-link{white-space:nowrap}@media(max-width:600px){.notification-card{padding:20px}.notification-card h3{font-size:19px}.notification-tools{align-items:flex-start;flex-direction:column}}
.notification-tools .check{display:flex;align-items:center;gap:10px;margin:0}.notification-tools .check input{margin:0;flex:0 0 auto}
.notification-tools .check{flex-direction:row}

.notification-card.has-photo{display:flex;align-items:flex-start;gap:22px}.notification-copy{min-width:0;flex:1}.notification-card .notification-thumbnail{width:120px;height:108px;flex:0 0 120px;border-color:var(--site-line,#ffffff25);background:var(--site-bg,#11111f);border-radius:12px}.notification-thumbnail img{object-fit:contain}.notification-thumbnail img[hidden],.notification-thumbnail span[hidden]{display:none!important}@media(max-width:600px){.notification-card.has-photo{gap:14px}.notification-card .notification-thumbnail{width:80px;height:80px;flex-basis:80px}.notification-card.has-photo h3{font-size:17px}}

.push-settings{margin:24px 0;padding:24px;border:1px solid var(--site-line,#ffffff29);background:var(--site-panel,#191a2c);border-radius:18px}.push-settings h3{margin:0;font-size:20px}.push-settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.push-settings-fields label{min-width:0}.push-settings-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.push-settings details{margin-top:20px}.push-settings summary{cursor:pointer;font-size:14px}.push-device{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--site-line,#ffffff20);font-size:14px}.push-device span{overflow-wrap:anywhere}@media(max-width:600px){.push-settings{padding:18px}.push-settings-fields{grid-template-columns:1fr}.push-device{align-items:flex-start;flex-direction:column}}