.carer-notification-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.carer-notification-button{display:inline-flex;align-items:center;gap:10px;text-decoration:none;background:#fff;border:1px solid #cfe0ea;border-radius:14px;padding:12px 16px;font-weight:700;color:#0b5278;white-space:nowrap}.carer-notification-button strong{display:inline-flex;min-width:28px;height:28px;padding:0 8px;align-items:center;justify-content:center;border-radius:999px;background:#1686b0;color:#fff}.carer-notification-button.has-unread{box-shadow:0 4px 14px rgba(0,0,0,.08)}.notification-clear{display:inline-flex;min-width:28px;height:28px;align-items:center;justify-content:center;border-radius:999px;background:#edf4f7;color:#56727f}@media(max-width:700px){.carer-notification-head{flex-direction:column}.carer-notification-button{width:100%;justify-content:space-between;box-sizing:border-box}}

/* v0.34.5: notification indicator on main Carer View */
.carer-main-notification-bar{display:flex;justify-content:flex-end;margin:0 0 18px 0}
.carer-main-notification-bar .carer-notification-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:700}
@media(max-width:700px){.carer-main-notification-bar{justify-content:stretch}.carer-main-notification-bar .carer-notification-link{width:100%;justify-content:center}}

/* v0.34.6: consistent notification control across My Timesheet and My Rota.
   A zero unread count deliberately has no badge. */
.carer-main-notification-bar .carer-notification-button{background:#fff;border:1px solid #cfe0ea;border-radius:14px;padding:12px 16px;color:#0b5278}
@media(max-width:700px){.carer-main-notification-bar .carer-notification-button{width:100%;justify-content:space-between}}