.notification-bell240 { position:relative; flex:0 0 44px; width:44px; height:44px; display:grid; place-items:center; border:1px solid #d4e3f0; border-radius:13px; background:#f3f8fd; color:#1b5887; margin-left:auto; cursor:pointer; }
.notification-bell240 svg { width:23px; height:23px; }
.notification-bell240 .bell-count240 { position:absolute; right:-5px; top:-5px; min-width:20px; height:20px; border-radius:12px; background:#ba343d; color:white; display:grid; place-items:center; font-size:10px; font-weight:700; padding:0 4px; margin:0; }
.bell-count240[hidden] { display:none; }
.notification-tabs240 { display:flex; gap:7px; padding:5px; border:1px solid #dce7f0; border-radius:14px; background:#eaf1f8; width:max-content; max-width:100%; margin:0 0 24px; }
.notification-tab240 { border:0; border-radius:10px; padding:12px 20px; color:#55718c; background:transparent; cursor:pointer; min-height:44px; font-weight:650; font-size:13px; }
.notification-tab240[aria-pressed=true] { background:#fff; color:#194e79; box-shadow:0 2px 5px #26496b12; }
.notice-summary240 { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin-bottom:21px; }
.notice-summary240 > * { background:#fff; border:1px solid #dce7f0; border-radius:16px; padding:19px; text-align:left; color:#617e96; }
.notice-summary240 > div { background:#173d61; color:#c4ddf2; }
.notice-summary240 strong { display:block; font-size:31px; line-height:1.2; margin-bottom:9px; color:#205f8d; }
.notice-summary240 > div strong { color:#fff; }
.notice-summary240 span { font-size:12px; }
.notice-summary-button240 { cursor:pointer; }
.notice-toolbar240 { display:flex; align-items:center; justify-content:space-between; gap:13px; margin:22px 0 16px; font-size:13px; color:#5c768e; }
.notice-toolbar240 > div { display:flex; gap:8px; flex-wrap:wrap; }
.notification-list240 { display:grid; gap:13px; }
.notify240 .notification-card240,.notify240 .notification-mail-card240,.notify240 .notification-empty240 { margin:0; padding:23px; border-radius:19px; }
.notification-card240 { display:flex; gap:16px; align-items:flex-start; }
.notification-card240.notice-unread240 { border-left:4px solid #087bd0; }
.notice-symbol240 { width:44px; height:44px; display:grid; place-items:center; flex-shrink:0; border-radius:13px; background:#eef5fc; color:#176fac; }
.notice-symbol240 svg { width:22px; height:22px; }
.notice-symbol240.email { color:#9b6525; background:#fff4dc; }
.notice-symbol240.checkin { color:#568335; background:#eff7e8; }
.notice-content240 { min-width:0; flex:1; }
.notice-card-title240 { display:flex; align-items:center; gap:10px; }
.notice-category240 { color:#67849b; font-size:11px; font-weight:650; }
.notice-dot240 { width:7px; height:7px; border-radius:50%; background:#087bd0; }
.notification-card240 h2 { margin:6px 0 10px; font-size:19px; line-height:1.35; }
.notice-person240 { font-size:15px; }
.notification-card240 p { color:#54738b; font-size:13px; margin:6px 0; }
.notification-card240 small { color:#72899e; font-size:11px; }
.notification-card240 .notice-date240 { margin:12px 0; font-size:12px; line-height:1.6; }
.notice-actions240 { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin-top:15px; }
.notice-snoozed240 { background:#fff5df; padding:10px; border-radius:8px; }
.notification-empty240 { text-align:center; padding:42px 23px!important; }
.notification-empty240 > svg { width:38px; height:38px; color:#7596b3; }
.notification-empty240 p { max-width:470px; margin:10px auto; color:#668098; font-size:14px; }
.notification-pref-layout240 { display:grid; grid-template-columns:1.2fr 1fr; gap:22px; align-items:start; }
.notify240 .notification-pref-layout240 > .panel { margin:0; }
.notification-preferences240 h2,.notification-help240 h2 { font-size:21px; margin-top:0; }
.notification-preferences240 > .help { margin:12px 0 23px; }
.notification-help240 p { font-size:14px; line-height:1.7; }
.notification-quiet240 { margin:23px 0; padding:18px; border-radius:13px; border:1px solid #dce7f0; background:#f6faff; }
.notification-quiet240 > label { margin-bottom:17px; }
.notification-quiet240 .field { margin-bottom:8px; }
.notification-preferences240 .pause240 { margin:18px 0 23px; }
.notification-mail-card240 { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.notification-mail-card240 h2 { margin:12px 0 8px; font-size:18px; }
.notification-mail-card240 p,.notification-mail-card240 small { font-size:12px; color:#66819a; overflow-wrap:anywhere; }
.notification-mail-card240 > div { min-width:0; }
.notification-mail-card240 > button { flex-shrink:0; }
@media(max-width:900px) {
 .notification-tabs240 { width:100%; display:grid; grid-template-columns:repeat(3,1fr); gap:3px; }
 .notification-tab240 { padding:10px 5px; font-size:12px; }
 .notice-summary240 { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
 .notice-summary240 > div { grid-column:1/-1; display:flex; align-items:center; gap:12px; padding:14px 18px; }
 .notice-summary240 > div strong { margin:0; }
 .notice-summary240 > button { display:flex; align-items:center; gap:9px; padding:12px; min-height:48px; }
 .notice-summary240 > button strong { font-size:22px; margin:0; }
 .notice-summary240 > button span { font-size:11px; line-height:1.3; }
 .notice-summary240 strong { font-size:26px; margin-bottom:5px; }
 .notice-toolbar240 { align-items:flex-start; flex-direction:column; }
 .notify240 .notification-card240 { padding:19px 16px; gap:12px; }
 .notification-card240 h2 { font-size:18px; }
 .notice-symbol240 { width:35px; height:35px; border-radius:10px; }
 .notice-actions240 .primary { width:100%; min-height:44px; }
 .notice-actions240 .text-button { min-height:44px; }
 .notice-filter240 .field { flex:1 1 120px; }
 .notification-pref-layout240 { grid-template-columns:1fr; }
 .notification-mail-card240 { flex-direction:column; align-items:flex-start; gap:13px; }
 .notification-mail-card240 > button { width:100%; min-height:44px; }
}