.delivery-stat{display:inline-flex;margin-right:5px;padding:4px 7px;border-radius:10px;font-size:.72rem;font-weight:700}.delivery-stat.success{color:#087f5b;background:#dff8ee}.delivery-stat.danger{color:#a43131;background:#ffe5e5}.notification-preview{position:sticky;top:110px;padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff}.preview-device{margin:20px 0;padding:25px;border-radius:18px;color:#fff;background:linear-gradient(145deg,#17295b,#334fb1);box-shadow:0 18px 40px #14204a33}.preview-device p{margin:12px 0 0;color:#d8def0;white-space:pre-line}.placeholder-list{display:flex;flex-wrap:wrap;gap:7px}.placeholder-list code{padding:5px 8px;border-radius:8px;color:#4259b8;background:#eef1ff;font-size:.72rem}
.notifications-page{background:linear-gradient(180deg,#f6f7fb 0,#fbfcfe 250px)}
.notifications-topbar{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:12px 14px;border:1px solid #e3e7ef;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(20,35,75,.06)}
.notifications-heading{min-width:max-content;margin-right:auto}
.notifications-heading .section-kicker{font-size:.66rem}
.notifications-heading h1{margin:.15rem 0 0;font-size:1.45rem}
.notification-header-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.notification-header-actions .btn{min-height:40px;display:inline-flex;align-items:center;padding-inline:14px;white-space:nowrap}
.notification-filter-bar{display:flex;align-items:center;gap:8px;margin:0}
.notification-result-count{min-width:max-content;color:#7a8499;font-size:.78rem;font-weight:700}
.notification-filter-bar .form-select{width:min(220px,17vw);min-height:40px;padding-top:7px;padding-bottom:7px;border-color:#dfe3eb;border-radius:10px;font-size:.9rem}
.notification-filter-bar .btn{min-height:40px;padding-inline:14px;white-space:nowrap}
.notification-clear{border:1px solid #e0e4ec}
.notifications-table{border-radius:16px;box-shadow:0 12px 36px rgba(20,35,75,.06)}
.notifications-table th,.notifications-table td{white-space:nowrap}
.notifications-table th:first-child,.notifications-table td:first-child{white-space:normal}
.notification-webinar{display:block;min-width:180px;max-width:300px}
.notification-date{min-width:205px}
.delivery-stats{display:flex;align-items:center;gap:5px}
.delivery-stats .delivery-stat{margin:0}
.delivery-stats small{margin-left:2px;color:#7a8499;white-space:nowrap}
.notification-actions{justify-content:flex-end;flex-wrap:nowrap;min-width:max-content}
.notification-actions .btn{white-space:nowrap}
.notification-empty{display:flex;flex-direction:column;align-items:center;gap:5px;padding:48px 20px;color:#7a8499}
.notification-empty strong{color:#27324b;font-size:1rem}
@media(max-width:1399px){.notifications-topbar{align-items:flex-start;flex-wrap:wrap}.notifications-heading{width:100%;margin-right:0}.notification-filter-bar{flex:1}.notification-filter-bar .form-select{width:min(250px,28vw)}}
@media(max-width:767px){.notification-filter-bar{width:100%;align-items:stretch;flex-wrap:wrap}.notification-result-count{width:100%}.notification-filter-bar .form-select{width:calc(50% - 4px)}.notification-header-actions{width:100%;justify-content:flex-end}}
@media(max-width:575px){.notifications-topbar{padding:14px}.notification-filter-bar .form-select,.notification-filter-bar .btn{width:100%}.notification-header-actions{align-items:stretch}.notification-header-actions .btn{flex:1;justify-content:center}}