.notification-strip{justify-content:flex-end;gap:12px;padding:6px 4%;background:#eaf1fa;border-bottom:1px solid #cbd9e9;font:14px system-ui}.notification-strip,.notification-strip a{display:flex;align-items:center;color:#17314d}.notification-strip a{gap:9px;text-decoration:none;padding:4px 8px;border-radius:5px}.notification-strip a:hover{background:#dce8f7}.notification-strip strong{display:inline-block;min-width:24px;text-align:center;border-radius:15px;background:#225dba;color:white;padding:2px 6px}.notification-strip a:focus-visible{outline:3px solid #245db1}.notification-summary{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:18px 0}.notification-summary strong{font-size:24px;color:#215eba}.notification-page header nav{align-items:center;gap:20px}.notification-page .toolbar h2{flex:1 1;margin:0}.notification-list{list-style:none;padding:0;margin:0}.notification-list li{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;border-top:1px solid #dce5ee;overflow-wrap:anywhere}.notification-list li>div{min-width:0}.notification-list h3{margin:12px 0;font-size:18px}.notification-list p{color:#61748a}.notification-list li>.btn{flex-shrink:0}.notification-unread{background:#f1f6ff;border-inline-start:4px solid #2762b5}.notification-page .notification-decline{background:#fff0e5;color:#89410c}.notification-empty{text-align:center;padding:40px 15px}.notification-empty p{max-width:600px;margin:15px auto 25px;color:#61748a}.notification-page button:disabled{opacity:.55;cursor:default}@media(max-width:600px){.notification-list li{align-items:start;flex-direction:column;padding:15px}.notification-summary{gap:12px}.notification-strip{justify-content:center}.notification-page .toolbar label{min-width:120px}}@media print{.notification-strip{display:none}}