/* HAVAL LAWYER • Notification Center 2.0 • 2026-10-18 */
#app .notifywrap,.notifywrap{position:relative!important;isolation:auto!important;overflow:visible!important}
#app #notifyBtn,#notifyBtn{position:relative!important;isolation:isolate;overflow:visible!important;flex-shrink:0;cursor:pointer}
#app #notifyBtn.has-unread,#notifyBtn.has-unread{color:#926d2f!important}
#app #notifyCount,#notifyCount{
 position:absolute!important;top:-9px!important;right:-9px!important;left:auto!important;bottom:auto!important;
 min-width:22px!important;height:22px!important;padding:0 5px!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 color:#fff!important;background:#c53534!important;border:2px solid #fff!important;
 border-radius:999px!important;box-shadow:0 1px 4px rgba(20,26,29,.25)!important;
 font:800 10px/1 Inter,system-ui,sans-serif!important;direction:ltr!important;
 letter-spacing:-.2px!important;white-space:nowrap!important;opacity:1!important;visibility:visible!important;
 transform:none!important;z-index:50!important;pointer-events:none!important;
}
#app #notifyCount.hidden,#notifyCount.hidden{display:none!important}
#app #notifyPanel,#notifyPanel{
 position:fixed!important;right:auto!important;bottom:auto!important;box-sizing:border-box!important;
 z-index:2000!important;width:min(430px,calc(100vw - 24px));max-width:calc(100vw - 24px)!important;
 max-height:min(650px,calc(100dvh - 25px));padding:0!important;margin:0!important;
 display:flex!important;flex-direction:column!important;overflow:hidden!important;
 border:1px solid #dfe4e2!important;border-radius:17px!important;
 background:#fff!important;color:#152a28!important;
 box-shadow:0 28px 72px rgba(7,35,29,.18),0 5px 18px rgba(7,35,29,.075)!important;
 transform:none!important;opacity:1!important;visibility:visible!important;
 font-family:inherit!important;text-align:start!important;
}
#app #notifyPanel.hidden,#notifyPanel.hidden{display:none!important}
#app #notifyPanel .hv-notif-head,#notifyPanel .hv-notif-head{
 display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;
 flex:none!important;padding:17px 18px!important;min-height:76px!important;
 background:linear-gradient(110deg,#fbfcfa,#fff)!important;
 border-bottom:1px solid #eef0ee!important;position:static!important;
}
#notifyPanel .hv-notif-titles{display:flex;flex-direction:column;min-width:0;gap:5px}
#notifyPanel .hv-notif-eyebrow{font-size:9px;letter-spacing:1px;font-weight:750;color:#8d998e;direction:ltr;text-align:start}
#notifyPanel .hv-notif-titles>strong{font-size:17px;color:#153c31;font-weight:850;line-height:1.4}
#notifyPanel .hv-notif-total{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 6px;margin-inline-start:5px;border-radius:7px;background:#eef4f0;color:#2d6754;font-size:11px;vertical-align:middle}
#notifyPanel .hv-notif-close{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border:1px solid #e2e8e4;border-radius:9px;background:#fff;color:#57736b;cursor:pointer}
#notifyPanel .hv-notif-close:hover{background:#eef5f0;color:#0e513d}
#notifyPanel .hv-notif-close svg{width:16px;height:16px}
#notifyPanel .hv-notif-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;flex:none;border-bottom:1px solid #ebefed;padding:10px 14px;background:#fff}
#notifyPanel .hv-notif-filters{display:flex;align-items:center;padding:3px;background:#f2f5f2;border:1px solid #e7eee9;border-radius:10px;gap:2px}
#notifyPanel .hv-notif-filters button{border:0;border-radius:8px;padding:8px 11px;color:#71837b;background:transparent;white-space:nowrap;font-family:inherit;font-weight:750;font-size:11px;line-height:1.3;cursor:pointer}
#notifyPanel .hv-notif-filters button.active{background:#fff;color:#205943;box-shadow:0 1px 5px #132f2518}
#notifyPanel .hv-notif-filters button span{background:#e4ebe6;border-radius:999px;padding:1px 5px;margin-inline-start:3px;min-width:17px}
#notifyPanel .hv-notif-mark-all{display:flex;align-items:center;justify-content:center;gap:5px;border:0;background:transparent;color:#547c68;padding:7px 3px;font-family:inherit;font-weight:750;font-size:11px;line-height:1.4;cursor:pointer;text-align:center}
#notifyPanel .hv-notif-mark-all:hover{color:#0c5636;text-decoration:underline}
#notifyPanel .hv-notif-mark-all svg{width:14px;height:14px}
#notifyPanel .hv-notif-mark-all:disabled{opacity:.45;cursor:wait}
#app #notificationsList,#notificationsList{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin;scrollbar-color:#d7dfda transparent;display:flex!important;flex-direction:column!important;background:#fff!important}
#app #notificationsList .hv-notif-row,#notificationsList .hv-notif-row{
 box-sizing:border-box!important;position:relative;flex:none;display:flex!important;flex-direction:row!important;gap:11px!important;align-items:flex-start!important;
 border:0!important;border-bottom:1px solid #edf0ef!important;border-radius:0!important;
 background:#fff!important;width:100%!important;height:auto!important;min-height:92px!important;
 margin:0!important;padding:14px 15px!important;box-shadow:none!important;color:#263c36!important;
 font:inherit;text-align:start!important;line-height:1.5;white-space:normal!important;
 cursor:pointer!important;transition:background .15s ease,border-color .15s ease!important;transform:none!important;
}
#app #notificationsList .hv-notif-row.unread,#notificationsList .hv-notif-row.unread{background:#f4f8f5!important;border-inline-start:3px solid #2e805c!important;padding-inline-start:12px!important}
#app #notificationsList .hv-notif-row:hover,#notificationsList .hv-notif-row:hover{background:#eef6f1!important;transform:none!important}
#notificationsList .hv-notif-icon{width:36px;height:36px;border-radius:10px;background:#e7f0e9;color:#317450;display:grid;place-items:center;flex:0 0 36px}
#notificationsList .hv-notif-icon svg{width:17px;height:17px}
#notificationsList .hv-notif-icon-task{background:#e9effd;color:#3e64a6}
#notificationsList .hv-notif-icon-document{background:#f4ede2;color:#94653b}
#notificationsList .hv-notif-icon-update{background:#e6f4f1;color:#21816b}
#notificationsList .hv-notif-icon-finance{background:#f8e9ef;color:#9c5379}
#notificationsList .hv-notif-content{display:flex;flex-direction:column;gap:4px;flex:1 1 auto;min-width:0;text-align:start}
#notificationsList .hv-notif-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
#notificationsList .hv-notif-heading strong{font-size:12px!important;font-weight:830!important;line-height:1.65!important;color:#17362c!important;min-width:0;overflow-wrap:anywhere}
#notificationsList .hv-notif-new{display:inline-flex;padding:3px 6px;border-radius:6px;background:#dcefe5;color:#20724c;font-size:9px;font-weight:800;white-space:nowrap}
#notificationsList .hv-notif-message{font-size:11px!important;color:#64746f!important;line-height:1.8!important;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#notificationsList .hv-notif-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px;font-size:10px;color:#83908a;line-height:1.6;margin-top:3px}
#notificationsList .hv-notif-meta time{font-size:10px;color:#7d8983}
#notificationsList .hv-notif-arrow{height:15px;width:15px;flex:0 0 15px;color:#adbab2;align-self:center}
#notificationsList .hv-notif-row.is-read .hv-notif-icon{opacity:.75}
#notificationsList .hv-notif-empty{flex:1;min-height:135px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:25px;color:#798980;font-size:12px;text-align:center}
#notificationsList .hv-notif-empty svg{width:27px;height:27px;color:#a5b9a9}
#notifyPanel .hv-notif-footer{flex:none;border-top:1px solid #edf0ed;background:#fafcf9;color:#89938c;padding:10px 15px;font-size:10px;text-align:center}
#notifyPanel button:focus-visible{outline:2px solid #318a60!important;outline-offset:-2px!important}
#app.legal-night #notifyPanel{background:#fff!important;color:#152a28!important}
#app.legal-night #notifyPanel .hv-notif-head{background:#f9fbfa!important}
#app.legal-night #notifyPanel .hv-notif-row{color:#1b3b30!important}
#app.legal-night #notificationsList .hv-notif-heading strong{color:#17362c!important}
.hv-notification-target{outline:2px solid #2b7a56!important;outline-offset:2px;border-radius:9px;background:#f2f9f3!important}
@media(max-width:610px){
 #app #notifyPanel,#notifyPanel{border-radius:13px!important;box-shadow:0 18px 50px #09221b2e!important}
 #notifyPanel .hv-notif-head{min-height:65px!important;padding:12px 14px!important}
 #notifyPanel .hv-notif-titles>strong{font-size:15px}
 #notifyPanel .hv-notif-toolbar{padding:8px 10px}
 #notifyPanel .hv-notif-filters button{padding:7px 9px;font-size:10px}
 #notifyPanel .hv-notif-mark-all{font-size:10px}
 #notificationsList .hv-notif-row{padding:12px 11px!important}
 #notifyPanel .hv-notif-footer{padding:9px}
}
@media(prefers-reduced-motion:reduce){#notificationsList .hv-notif-row{transition:none!important}}