.bbu-notifications-card{width:min(100%,900px);margin:0 auto;padding:22px;border:1px solid #dfe7f1;border-radius:18px;background:#fff;color:#101828;box-shadow:0 8px 28px rgba(16,24,40,.05)}
.bbu-notifications-card *{box-sizing:border-box;min-width:0}
.bbu-notifications-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:15px}
.bbu-notifications-head h2{margin:0;font-size:clamp(24px,4vw,34px)}
.bbu-notifications-head p{margin:4px 0 0;color:#667085;font-size:11px}
.bbu-notifications-head button{min-height:40px;padding:7px 10px;border:1px solid #d8e3ef;border-radius:9px;background:#fff;color:#344054;font:inherit;font-size:9px;font-weight:900}
.bbu-notification-list{display:grid;gap:6px}
.bbu-notification-row{margin:0}
.bbu-notification-row>button{width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px;border:1px solid #e1eaf5;border-radius:12px;background:#fbfdff;color:#101828;text-align:left;font:inherit;cursor:pointer}
.bbu-notification-row.is-unread>button{border-color:#cfe1ff;background:#f3f8ff}
.bbu-notification-avatar,.bbu-notification-avatar .bbu-business-avatar{width:46px!important;height:46px!important;display:flex;align-items:center;justify-content:center;border-radius:50%!important;object-fit:cover}
.bbu-notification-icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#edf5ff;color:#0674ff}
.bbu-notification-copy strong,.bbu-notification-copy span,.bbu-notification-copy small{display:block}
.bbu-notification-copy strong{font-size:11px}
.bbu-notification-copy>span{margin-top:3px;color:#475467;font-size:10px;line-height:1.45}
.bbu-notification-copy small{margin-top:4px;color:#98a2b3;font-size:8px}
.bbu-notification-dot{width:9px;height:9px;border-radius:50%;background:#0674ff}
.bbu-notification-empty{padding:22px;border:1px dashed #cdd9e8;border-radius:12px;color:#667085;text-align:center}
.bbu-notification-notice{margin:0 0 12px;padding:10px;border:1px solid #b7e3c7;border-radius:10px;background:#f2fbf5;color:#08783e;font-size:10px}
@media(max-width:760px){.bbu-notifications-card{width:100%;padding:16px}}
@media(max-width:480px){.bbu-notifications-head{flex-direction:column}.bbu-notifications-head form,.bbu-notifications-head button{width:100%}.bbu-notification-row>button{grid-template-columns:42px minmax(0,1fr) auto}.bbu-notification-avatar,.bbu-notification-avatar .bbu-business-avatar,.bbu-notification-icon{width:42px!important;height:42px!important}}