.notification-panel{width:min(430px,calc(100vw - 24px));max-height:min(720px,calc(100dvh - 66px))}
.notification-panel>header{flex-shrink:0;gap:12px}.notification-panel>header strong{font-size:14px}.notification-panel>header small{font-size:11px}.notification-panel>header button{font-size:12px;white-space:nowrap}.notification-panel>header button:disabled{opacity:.4;cursor:default}
.notification-tabs{display:flex;flex-shrink:0;gap:20px;padding:0 16px;border-bottom:1px solid #e4e9e6}
.notification-tabs button{position:relative;display:flex;align-items:center;gap:7px;min-height:43px;border:0!important;border-radius:0!important;padding:9px 0;background:transparent!important;color:#69736e;font-size:13px;font-weight:500;box-shadow:none!important}
.notification-tabs button[aria-selected=true]{color:#193e32}.notification-tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#245747}
.notification-tabs button span{padding:2px 6px;border-radius:999px;background:#edf2ef;color:#315547;font-size:11px;line-height:1.2}
.notification-tabs button:focus-visible,.notification-read-toggle:focus-visible{outline:2px solid #426b59;outline-offset:3px}
.notification-history{display:flex;flex-direction:column;min-height:0;overflow:hidden}.notification-list{overscroll-behavior:contain;min-height:0}
.notification-entry{position:relative;border-bottom:1px solid #e8ecea}.notification-entry .notification-item{border:0;padding:15px 50px 15px 16px;gap:10px}.notification-entry .notification-item strong{font-size:13px;font-weight:500;line-height:1.4}.notification-entry.unread .notification-item strong{font-weight:600}.notification-entry .notification-item small{font-size:12px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-entry .notification-item time{font-size:11px;line-height:1.5}.notification-entry .notification-item.unread{background:#f3f8f5}.notification-entry .notification-item.unread:before{top:27px}
.notification-read-toggle{position:absolute;right:10px;top:15px;width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid #dfe6e1;border-radius:50%;background:#fff;color:#607068}.notification-read-toggle .lucide{width:14px;height:14px}.notification-read-toggle:hover{background:#eef3ef}.notification-read-toggle:disabled{opacity:.4}
.notification-empty{padding:32px 20px;font-size:13px;line-height:1.5}.notification-more{display:block;margin:12px auto;min-height:34px;font-size:12px;padding:6px 18px;border:1px solid #dfe6e1;background:#fff;border-radius:999px}.notification-feedback:empty{display:none}.notification-feedback{padding:12px 16px;font-size:12px;color:#9d3036;background:#fff6f5}.notification-feedback button{font-size:12px}
.notification-panel .browser-notifications{flex-shrink:0;padding:12px 16px;gap:7px}.notification-panel .browser-notifications strong,.notification-panel .browser-notifications p{font-size:12px}.notification-panel .browser-notification-actions button{font-size:12px;min-height:30px}
@media(max-width:520px){.notification-panel{right:12px;top:50px;max-height:calc(100dvh - 66px)}.notification-tabs{gap:24px}.notification-entry .notification-item{padding-top:14px;padding-bottom:14px}}