.notification-bell{font:600 20px 'DM Sans';cursor:pointer}.notification-bell b:empty,.notification-bell b[data-count="0"]{display:none}.notification-popover{position:fixed;z-index:120;right:24px;top:64px;width:min(390px,calc(100vw - 24px));max-height:540px;overflow:auto;background:#fff;border:1px solid #d9e2dd;border-radius:14px;box-shadow:0 22px 70px rgba(4,40,30,.2)}.notification-popover header{padding:17px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8eeea}.notification-popover h2{margin:0;font:700 18px 'Space Grotesk'}.notification-popover button{cursor:pointer}.notification-list{display:grid}.notification-item{display:grid;grid-template-columns:7px 1fr;gap:12px;padding:15px 17px;border:0;border-bottom:1px solid #edf1ee;background:#fff;text-align:left;color:#18382e}.notification-item.unread{background:#f4fbf7}.notification-pulse{width:7px;height:100%;min-height:45px;border-radius:8px;background:#cbd7d1}.notification-item.unread .notification-pulse{background:#00a67a}.notification-copy strong{display:block;font-size:13px}.notification-copy span{display:block;margin:4px 0;color:#5f7068;font-size:12px;line-height:1.35}.notification-copy time{color:#87938d;font-size:10px}.notification-popover footer{padding:12px;display:flex;gap:8px}.notification-popover footer button{flex:1;border:1px solid #d8e1dc;border-radius:8px;background:#fff;padding:9px;color:#075942;font-weight:700}.notification-empty,.notification-loading{padding:35px 18px;text-align:center;color:#6c7a73}.notification-page{max-width:1320px;margin:auto;padding:30px 34px 50px}.notification-mast{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}.notification-mast h1{margin:5px 0;font:700 32px 'Space Grotesk'}.notification-mast p{margin:0;color:#69776f}.notification-tabs{display:flex;gap:4px;border-bottom:1px solid #dfe7e2;margin-bottom:18px}.notification-tabs button{border:0;background:none;padding:12px 15px;font-weight:700;color:#68766f}.notification-tabs button.active{color:#006b4f;box-shadow:inset 0 -2px #00a67a}.notification-panel{background:#fff;border:1px solid #dce5df;border-radius:15px;overflow:hidden}.notification-page .notification-item{grid-template-columns:8px minmax(0,1fr) auto;padding:18px 20px}.notification-page .notification-item .button{align-self:center}.notification-settings{padding:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.notification-setting{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px;border:1px solid #e0e7e3;border-radius:10px}.notification-setting span{display:grid}.notification-setting small{color:#748179;margin-top:3px}.notification-setting input[type=checkbox]{width:21px;height:21px;accent-color:#007c5c}.notification-setting input[type=number]{width:82px;padding:8px;border:1px solid #ccd8d1;border-radius:7px}.notification-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;padding-top:8px}.delivery-table{width:100%;border-collapse:collapse}.delivery-table th,.delivery-table td{text-align:left;padding:12px 15px;border-bottom:1px solid #e9eeeb;font-size:12px}.delivery-table th{background:#f6f9f7;color:#637169}.delivery-status{font-weight:800}.delivery-status.SENT{color:#087346}.delivery-status.FAILED{color:#b33c37}.delivery-status.PENDING,.delivery-status.PROCESSING{color:#9a6a00}body[data-mode=live] .notification-popover,body[data-mode=live] .notification-item,body[data-mode=live] .notification-panel{background:#101e25;color:#f5f8f6;border-color:#28404a}body[data-mode=live] .notification-item.unread{background:#122b28}body[data-mode=live] .notification-copy span{color:#b4c1bc}@media(max-width:760px){.notification-popover{right:10px;top:56px}.notification-page{padding:22px 14px 40px}.notification-mast{align-items:flex-start;flex-direction:column}.notification-settings{grid-template-columns:1fr}.notification-page .notification-item{grid-template-columns:7px 1fr}.notification-page .notification-item .button{grid-column:2}.delivery-table thead{display:none}.delivery-table,.delivery-table tbody,.delivery-table tr,.delivery-table td{display:block}.delivery-table tr{padding:10px 14px;border-bottom:1px solid #e8eeea}.delivery-table td{border:0;padding:4px 0}.delivery-table td:before{content:attr(data-label);display:inline-block;width:95px;color:#748179;font-size:10px;text-transform:uppercase}}@media(max-width:430px){.notification-tabs{overflow:auto}.notification-actions{display:grid}.notification-actions button{width:100%}}
/* Notification center filters and bounded pagination. */
.notification-popover{box-sizing:border-box}
@media(max-width:760px){.notification-popover{left:10px;right:10px;width:auto}}
@media(max-width:430px){.notification-tabs{overflow:visible!important;flex-wrap:wrap}.notification-tabs button{flex:1 1 calc(50% - 4px)}}
.notification-filterbar{display:flex;gap:10px;padding:14px 16px;border-bottom:1px solid #e7ede9}.notification-filterbar select{min-height:40px;border:1px solid #ced9d3;border-radius:8px;background:#fff;padding:0 12px;color:#25453a}.notification-pages{display:flex;align-items:center;justify-content:center;gap:14px;padding:14px}.notification-pages span{color:#68766f;font-size:12px}@media(max-width:430px){.notification-filterbar{display:grid}.notification-pages{gap:7px}.notification-pages .button{padding-inline:9px}}