.bw-notification-head-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.bw-notification-unread{background:rgba(5,185,242,.1)!important;border-color:rgba(5,185,242,.28)!important;color:var(--bw-readable-accent,#72d7f7)!important}
.bw-notification-center{min-height:120px;max-height:430px;overflow:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:rgba(5,185,242,.25) transparent}
.bw-notification-center__list{display:grid;gap:8px}
.bw-notification-item{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:11px;align-items:start;padding:11px 12px;border:1px solid rgba(142,174,190,.1);border-radius:13px;background:rgba(255,255,255,.018);transition:border-color .16s ease,background .16s ease}
.bw-notification-item.is-unread{border-color:rgba(5,185,242,.24);background:rgba(5,185,242,.045)}
.bw-notification-item__marker{width:7px;height:7px;margin-top:7px;border-radius:50%;background:#607987;box-shadow:none}
.bw-notification-item--bitwolt .bw-notification-item__marker,.bw-notification-item--system .bw-notification-item__marker{background:#05B9F2}
.bw-notification-item--customer .bw-notification-item__marker{background:#8eaeba}
.bw-notification-item.is-unread .bw-notification-item__marker{box-shadow:0 0 0 4px rgba(5,185,242,.08)}
.bw-notification-item__content{min-width:0}.bw-notification-item__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:3px}
.bw-notification-item__actor{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--bw-readable-accent,#78cce8)}.bw-notification-item__time{font-size:.72rem;color:var(--bw-readable-muted,#768f9b)}
.bw-notification-item__title{display:block;color:var(--bw-readable-ink,#edf7fb);font-size:.9rem;line-height:1.25}.bw-notification-item__body{margin:4px 0 0;color:var(--bw-readable-muted,#93aab5);font-size:.78rem;line-height:1.42}
.bw-notification-item__actions{display:flex;align-items:center;gap:6px;align-self:center}
.bw-notification-item__link,.bw-notification-item__read,.bw-notification-actions button{border:0;background:transparent;color:var(--bw-readable-accent,#5dcff3);font:inherit;font-size:.72rem;font-weight:800;text-decoration:none;cursor:pointer;padding:5px 6px;border-radius:7px}
.bw-notification-item__link:hover,.bw-notification-item__read:hover,.bw-notification-actions button:hover{background:rgba(5,185,242,.06)}
.bw-notification-item__read{color:var(--bw-readable-muted,#8ba1ab)}.bw-notification-item__read:disabled,.bw-notification-actions button:disabled{opacity:.5;cursor:default}
.bw-notification-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:10px;padding-top:9px;border-top:1px solid rgba(142,174,190,.09)}
.bw-notification-actions button[hidden],.bw-notification-unread[hidden]{display:none!important}
.bw-notification-center__empty,.bw-notification-center__error{padding:16px 4px;color:var(--bw-readable-muted,#839ca8);font-size:.8rem;line-height:1.45}
.bw-notification-center__error{color:var(--bw-readable-danger,#d89797)}

html[data-design="classic"] .bw-notification-item{background:#fff;border-color:#e3ebef}
html[data-design="classic"] .bw-notification-item.is-unread{background:#f2fbfe;border-color:#b9e4f2}
html[data-design="classic"] .bw-notification-item__title{color:#102238}
html[data-design="classic"] .bw-notification-item__body{color:#5d6d79}
html[data-design="classic"] .bw-notification-item__time{color:#778690}
html[data-design="classic"] .bw-notification-item__actor{color:#087a9f}
html[data-design="classic"] .bw-notification-unread{background:#e9f8fd!important;border-color:#b9e4f2!important;color:#087a9f!important}
html[data-design="classic"] .bw-notification-actions{border-top-color:#e3ebef}

@media(max-width:680px){
  .bw-notification-center{max-height:390px}
  .bw-notification-item{grid-template-columns:8px minmax(0,1fr);padding:10px;gap:9px}
  .bw-notification-item__actions{grid-column:2;justify-content:flex-start;margin-top:2px}
  .bw-notification-actions{flex-wrap:wrap}.bw-notification-actions button{padding:7px 4px}
}