.notif-wrapper{justify-content:center;align-items:center;display:inline-flex;position:relative}.notif-bell{color:#1e4209;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;line-height:1;display:inline-flex;position:relative}.notif-bell:hover,.notif-bell[aria-expanded=true]{background:#f0eee7}.notif-bell svg{color:#1e4209;width:18px;height:18px;display:block}.notif-badge{color:#fff;background:#a32d2d;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;display:inline-flex;position:absolute;top:2px;right:2px;box-shadow:0 0 0 2px #fff}.notif-dropdown{color:#16160f;z-index:2147483647;max-width:calc(100vw - 24px);max-height:min(420px,100vh - 76px);font-family:var(--font-dm-sans),var(--font-roboto),Arial,sans-serif;background:#fff;border:.5px solid #00000017;border-radius:12px;flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:0 18px 44px #0000002e}.notif-header{background:#fff;border-bottom:.5px solid #00000017;flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:10px 12px;display:flex}.notif-header p{color:#16160f;margin:0;font-size:14px;font-weight:500;line-height:1.2}.notif-link{color:#3b6d11;width:auto;min-width:0;min-height:0;box-shadow:none;cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:0;border-radius:0;padding:0;font-size:12px;font-weight:500;line-height:1.2}.notif-link:hover{text-decoration:underline}.notif-list{background:#fff;flex-direction:column;flex:auto;gap:6px;min-height:0;margin:0;padding:8px;list-style:none;display:flex;overflow:hidden auto}.notif-list::-webkit-scrollbar{width:6px}.notif-list::-webkit-scrollbar-track{background:0 0}.notif-list::-webkit-scrollbar-thumb{background:#00000029;border-radius:6px}.notif-item{color:#16160f;background:#fff;border:0;border-radius:9px;grid-template-columns:minmax(0,1fr) 24px;align-items:start;gap:8px;margin:0;padding:9px 10px;display:grid}.notif-item.is-unread{background:#f6f5f0}.notif-item.is-read{opacity:.82;background:#fff}.notif-item-main{min-width:0}.notif-title{color:#16160f;overflow-wrap:anywhere;margin:0 0 4px;font-size:13px;font-weight:600;line-height:1.2}.notif-body{color:#5c5b56;overflow-wrap:anywhere;margin:0 0 4px;font-size:12px;line-height:1.35}.notif-meta{color:#9b9990;font-size:10.5px;line-height:1.2}.notif-check{color:#3b6d11;width:24px;min-width:24px;height:24px;min-height:24px;box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-self:start;align-items:center;padding:0;display:inline-flex}.notif-check:hover{background:#eaf3de}.notif-check svg{color:#3b6d11;width:12px;height:12px}.notif-empty{color:#5c5b56;text-align:center;padding:18px;font-size:13px}.mobile-notif-entry{font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 10px;color:#16160f!important}.notif-modal-overlay{z-index:2147483647;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.notif-modal{color:#16160f;background:#fff;border-radius:14px;flex-direction:column;width:min(520px,92vw);max-height:80vh;display:flex;overflow:hidden;box-shadow:0 18px 40px #00000040}.notif-modal .notif-list{max-height:calc(80vh - 56px)}@media (max-width:480px){.notif-modal{width:94vw;max-height:82vh}}
.notif-wrapper{justify-content:center;align-items:center;display:inline-flex;position:relative}.notif-bell{color:#1e4209;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;font-size:18px;line-height:1;display:inline-flex;position:relative}.notif-bell:hover,.notif-bell[aria-expanded=true]{background:#f0eee7}.notif-bell svg{color:#1e4209;width:18px;height:18px;display:block}.notif-badge{color:#fff;background:#a32d2d;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 0 0 2px #fff}.mobile-notif-entry{font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 10px;color:#16160f!important}.notif-dropdown{color:#16160f;z-index:2147483647;width:min(380px,100vw - 24px);max-height:min(540px,100vh - 72px);font-family:var(--font-dm-sans),var(--font-roboto),Arial,sans-serif;background:#fff;border:.5px solid #00000017;border-radius:14px;flex-direction:column;margin-top:0;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 18px 46px #0000002e}.notif-header{z-index:1;background:#fff;border-bottom:.5px solid #00000017;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex;position:sticky;top:0}.notif-header strong,.notif-header p{color:#16160f;margin:0;font-size:15px;font-weight:500}.notif-actions{align-items:center;gap:12px;display:flex}.notif-link{cursor:pointer;font:inherit;white-space:nowrap;color:#3b6d11!important;width:auto!important;min-height:0!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important;font-size:12px!important;font-weight:500!important;line-height:1.2!important}.notif-close{cursor:pointer;color:#16160f;background:0 0;border:0;border-radius:999px;width:28px;height:28px;font-size:18px;line-height:1}.notif-close:hover{background:#f0eee7}.notif-list{flex-direction:column;flex:auto;gap:0;max-height:min(480px,100vh - 128px);list-style:none;display:flex;overflow:hidden auto;margin:0!important;padding:0!important}.notif-modal .notif-list{max-height:calc(80vh - 56px)}.notif-list::-webkit-scrollbar{width:6px}.notif-list::-webkit-scrollbar-thumb{background:#00000026;border-radius:6px}.notif-item{color:#16160f;background:#fff;border-bottom:.5px solid #00000017;border-radius:0;grid-template-columns:1fr 28px;align-items:start;gap:10px;transition:background .2s;display:grid;margin:0!important;padding:11px 14px!important}.notif-item:last-child{border-bottom:0}.notif-item.is-unread{background:#f6f5f0}.notif-item.is-read{opacity:.78;background:#fff}.notif-item-main{min-width:0;min-height:0}.notif-title{color:#16160f;margin:0 0 4px;font-size:13px;font-weight:600;line-height:1.3}.notif-body{color:#5c5b56;overflow-wrap:anywhere;margin:0 0 5px;font-size:12px;line-height:1.4}.notif-meta{color:#9b9990;opacity:1;font-size:11px;line-height:1.2}.notif-check{cursor:pointer;align-self:start;color:#3b6d11!important;width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;padding:0!important;display:inline-flex!important}.notif-check:hover{background:#eaf3de!important}.notif-check svg{width:12px;height:12px}.notif-empty{color:#5c5b56;text-align:center;opacity:1;padding:18px;font-size:13px}.notif-modal-overlay{z-index:2147483647;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.notif-modal{color:#16160f;background:#fff;border-radius:14px;flex-direction:column;width:min(520px,92vw);max-height:80vh;display:flex;overflow:hidden;box-shadow:0 18px 40px #00000040}@media (max-width:480px){.notif-modal{width:94vw;max-height:82vh}}