.notif-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border:none;border-radius:11px;background:transparent;color:var(--ink-3);cursor:pointer;transition:background var(--t-fast),color var(--t-fast),transform var(--t-fast)}.notif-bell:hover{background:var(--eden-soft);color:var(--eden-deep)}.notif-bell:active{transform:scale(.94)}.notif-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#e23744;color:var(--on-accent);font:800 9.5px/1 var(--sans);display:flex;align-items:center;justify-content:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;box-shadow:0 2px 6px rgba(226,55,68,.4)}.notif-badge-inconnu{background:var(--ink-2);color:var(--surface);box-shadow:none}.notif-backdrop{position:fixed;inset:0;z-index:200;background:rgba(43,58,74,.42);display:flex;justify-content:flex-end;align-items:flex-start;padding:14px;animation:backdrop-fade .18s ease both}.notif-panel{width:min(380px,100%);max-height:calc(100dvh - 28px);display:flex;flex-direction:column;background:var(--surface);border-radius:18px;overflow:hidden;box-shadow:0 24px 60px rgba(43,58,74,.32);animation:pop-in .2s cubic-bezier(.34,1.4,.64,1) both}.notif-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--border);font-size:var(--fs-card-title)}.notif-head button{border:none;background:transparent;color:var(--ink-4);font-size:22px;line-height:1;cursor:pointer;border-radius:8px;width:30px;height:30px;min-height:var(--tap-min);min-width:var(--tap-min);display:inline-flex;align-items:center;justify-content:center}.notif-head button:hover{background:var(--bg-soft,var(--surface-2));color:var(--ink-2)}.notif-empty{padding:36px 20px;text-align:center;color:var(--ink-4);font-size:var(--fs-label)}.notif-list{list-style:none;margin:0;padding:6px;overflow-y:auto}.notif-item{display:flex;align-items:flex-start;gap:4px;padding:9px 8px 9px 12px;border-radius:12px;transition:background var(--t-fast);position:relative}.notif-item:hover{background:var(--bg-soft,var(--surface-2))}.notif-item.unread{background:var(--eden-soft);padding-left:18px}.notif-item.unread:before{content:"";position:absolute;left:5px;top:16px;width:6px;height:6px;border-radius:50%;background:var(--eden)}.notif-item-main{flex:1 1;min-width:0;cursor:pointer}.notif-dismiss{flex:0 0 auto;align-self:center;border:none;background:transparent;color:var(--ink-4);width:28px;height:28px;min-height:var(--tap-min);min-width:var(--tap-min);border-radius:8px;display:grid;place-items:center;cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.notif-dismiss:hover{background:rgba(0,0,0,.06);color:var(--ink-2)}.notif-title{font-size:var(--fs-label);font-weight:600;color:var(--ink);line-height:1.3}.notif-body{font-size:var(--fs-meta);color:var(--ink-2);margin-top:2px;line-height:1.4}.notif-time{font-size:var(--fs-micro);color:var(--ink-4);margin-top:4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.notif-grouped{display:inline-flex;align-items:center;gap:3px;color:var(--ink-3);letter-spacing:.02em}.notif-item.is-bundle{box-shadow:inset 2px 0 0 var(--ink-4);border-radius:10px}