.nav-notifications{position:relative}.notification-count{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;margin-left:auto;border-radius:10px;background:#c33a3a;color:#fff;font-size:10px;font-weight:800;padding:0 4px}
.notification-summary{display:flex;align-items:center;gap:10px;margin:18px 0;color:#8f3232}.notification-summary b{font-size:26px}.notification-list{display:grid;gap:10px}.notification-card{width:100%;display:flex;align-items:center;gap:16px;text-align:left;padding:18px;border:1px solid #e2e7ee;border-left:4px solid #d97458;border-radius:12px;background:#fff;box-shadow:0 2px 6px #17385b08;color:#25384c}.notification-card:hover{background:#fff9f5;border-color:#dba793}.notification-copy{display:grid;gap:5px;flex:1;min-width:0}.notification-copy b{font-size:16px}.notification-copy strong{font-size:14px}.notification-copy small,.notification-copy>span{font-size:12px;font-weight:400;color:#647387}.notification-symbol{color:#bb573e}.notification-symbol svg{width:26px;height:26px}.notification-sync{color:#835500;background:#fff7db;padding:9px 12px;border-radius:8px;font-size:12px}
.is-care.unrealizable,.ct-check.unrealizable{background:rgba(215,63,63,.18)!important;border-color:rgba(175,45,45,.35)!important;color:#111!important}.is-care.unrealizable{font-weight:800}.notification-target{outline:3px solid #d58016!important;outline-offset:2px;animation:notification-attention .8s ease-in-out 3}@keyframes notification-attention{0%,100%{box-shadow:0 0 0 1px #eab255}50%{box-shadow:0 0 0 7px #eab25590;filter:brightness(1.08)}}@media(prefers-reduced-motion:reduce){.notification-target{animation:none}}
/* The mobile bell has exactly the settings button dimensions. */
.app-shell .nav-notifications:focus-visible,.notification-card:focus-visible{outline:3px solid #147bb7;outline-offset:2px}
#nav.side-nav .nav-notifications{flex:0 0 46px!important;width:46px!important;min-width:46px!important;padding-left:0!important;padding-right:0!important}
#nav.side-nav .nav-notifications>span:nth-child(2){display:none!important}
#nav.side-nav .nav-notifications>span:first-child{display:inline-flex!important;width:24px!important;height:24px!important;flex:0 0 24px!important;align-items:center!important;justify-content:center!important}
#nav.side-nav .nav-notifications svg{display:block!important;width:19px!important;height:19px!important}
#nav.side-nav .nav-notifications .notification-count{position:absolute;top:0;right:0;min-width:14px;height:14px;font-size:8px;padding:0 2px}
@media(max-width:700px){#nav.side-nav .nav-notifications{flex:0 0 38px!important;width:38px!important;min-width:38px!important}#nav.side-nav .nav-notifications>span:first-child{width:20px!important;height:20px!important;flex-basis:20px!important}#nav.side-nav .nav-notifications svg{width:18px!important;height:18px!important}.notification-card{padding:12px;gap:10px}}