.notification-header-area{position:relative;display:flex;align-items:center;margin-left:auto;margin-right:12px}.notification-header-button{width:40px;height:40px;border:0;background:transparent;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer}.notification-header-button:hover{background:rgba(0,0,0,.045)}.notification-header-icon{width:22px;height:22px;display:block;object-fit:contain}.cc-toolbar{display:flex;gap:6px;align-items:center;padding:4px 2px 10px;border-bottom:1px solid rgba(0,0,0,.08)}.cc-tab,.cc-new{border:0;border-radius:6px;padding:7px 10px;background:transparent;cursor:pointer}.cc-tab.active{background:rgba(196,146,52,.12);font-weight:600}.cc-new{margin-left:auto;color:#2563a6}.cc-content{max-height:430px;overflow:auto}.cc-item{padding:11px 10px;border-bottom:1px solid rgba(0,0,0,.06);cursor:pointer;border-left:3px solid transparent}.cc-item:hover{background:rgba(0,0,0,.025)}.cc-item.unread{background:rgba(204,153,51,.10);border-left-color:rgba(183,128,24,.55)}.cc-item-head,.cc-message-head{display:flex;justify-content:space-between;gap:12px;font-size:12px}.cc-item-head span,.cc-message-head span,.cc-date{opacity:.62}.cc-subject{font-weight:600;margin-top:3px}.cc-preview{font-size:13px;opacity:.8;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-empty{padding:24px;text-align:center;opacity:.65}.cc-footer{text-align:center;padding-top:9px}.cc-compose label{display:block;font-size:12px;font-weight:600;margin:12px 0 5px}.cc-compose-actions{display:flex;justify-content:flex-end;margin-top:14px}.cc-thread{padding:2px 4px}.cc-message{padding:12px;border-radius:8px;margin:8px 0;background:rgba(0,0,0,.025)}.cc-message-head{margin-bottom:6px}.cc-attachments{display:flex;flex-direction:column;gap:4px;margin-top:8px}.cc-reply{border-top:1px solid rgba(0,0,0,.08);padding-top:12px;margin-top:12px}.cc-reply #cc-reply-send{margin-top:8px;text-align:right}

/* Patch 11.6.4 - SVG bell assets. The red indicator is part of bell-new.svg. */
.cc-compose .dx-fileuploader,.cc-reply .dx-fileuploader{border:1px solid rgba(0,0,0,.12);border-radius:6px;padding:8px 10px;background:rgba(0,0,0,.012)}
.cc-compose .dx-fileuploader-button,.cc-reply .dx-fileuploader-button{margin-right:8px}
.cc-compose .dx-fileuploader-input-label,.cc-reply .dx-fileuploader-input-label{font-size:13px;opacity:.68}
.cc-compose-actions,.cc-reply-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:14px}
.cc-reply #cc-reply-send{margin-top:0;text-align:initial}
@media(max-width:640px){.dx-popover-wrapper .dx-overlay-content{max-width:calc(100vw - 20px)!important}.cc-compose .dx-fileuploader,.cc-reply .dx-fileuploader{padding:6px}}